From bceb7e91041bb106bf53696197a0f7d62fff5aad Mon Sep 17 00:00:00 2001
From: Bernard Xie <bernard@terrastruct.com>
Date: Fri, 7 Apr 2023 16:45:57 -0700
Subject: [PATCH 01/21] markdown class has to have diagramHash targeting

---
 .../d2sketch/testdata/opacity/sketch.exp.svg  | 378 +++++++++---------
 .../testdata/opacity_dark/sketch.exp.svg      | 378 +++++++++---------
 .../testdata/root-fill/sketch.exp.svg         | 378 +++++++++---------
 .../d2sketch/testdata/twitter/sketch.exp.svg  | 378 +++++++++---------
 .../testdata/twitter_dark/sketch.exp.svg      | 378 +++++++++---------
 d2renderers/d2svg/d2svg.go                    |   1 +
 .../testdata/code/dark_theme.exp.svg          | 378 +++++++++---------
 .../testdata/opacity/dark_theme.exp.svg       | 378 +++++++++---------
 .../testdata/twitter/dark_theme.exp.svg       | 378 +++++++++---------
 .../TestCLI_E2E/internal_linked_pdf.exp.pdf   | Bin 79882 -> 79882 bytes
 .../empty-markdown/dagre/sketch.exp.svg       | 378 +++++++++---------
 .../regression/elk_order/dagre/sketch.exp.svg | 378 +++++++++---------
 .../regression/elk_order/elk/sketch.exp.svg   | 378 +++++++++---------
 .../md_h1_li_li/dagre/sketch.exp.svg          | 378 +++++++++---------
 .../regression/md_h1_li_li/elk/sketch.exp.svg | 378 +++++++++---------
 .../opacity-on-label/dagre/sketch.exp.svg     | 378 +++++++++---------
 .../opacity-on-label/elk/sketch.exp.svg       | 378 +++++++++---------
 .../unconnected/dagre/sketch.exp.svg          | 378 +++++++++---------
 .../regression/unconnected/elk/sketch.exp.svg | 378 +++++++++---------
 .../testdata/stable/br/dagre/sketch.exp.svg   | 378 +++++++++---------
 .../testdata/stable/br/elk/sketch.exp.svg     | 378 +++++++++---------
 .../stable/chaos2/dagre/sketch.exp.svg        | 378 +++++++++---------
 .../testdata/stable/chaos2/elk/sketch.exp.svg | 378 +++++++++---------
 .../constant_near_stress/dagre/sketch.exp.svg | 378 +++++++++---------
 .../constant_near_stress/elk/sketch.exp.svg   | 378 +++++++++---------
 .../constant_near_title/dagre/sketch.exp.svg  | 378 +++++++++---------
 .../constant_near_title/elk/sketch.exp.svg    | 378 +++++++++---------
 .../giant_markdown_test/dagre/sketch.exp.svg  | 378 +++++++++---------
 .../giant_markdown_test/elk/sketch.exp.svg    | 378 +++++++++---------
 .../testdata/stable/hr/dagre/sketch.exp.svg   | 378 +++++++++---------
 .../testdata/stable/hr/elk/sketch.exp.svg     | 378 +++++++++---------
 .../stable/latex/dagre/sketch.exp.svg         | 378 +++++++++---------
 .../testdata/stable/latex/elk/sketch.exp.svg  | 378 +++++++++---------
 .../legend_with_near_key/dagre/sketch.exp.svg | 378 +++++++++---------
 .../legend_with_near_key/elk/sketch.exp.svg   | 378 +++++++++---------
 .../testdata/stable/li1/dagre/sketch.exp.svg  | 378 +++++++++---------
 .../testdata/stable/li1/elk/sketch.exp.svg    | 378 +++++++++---------
 .../testdata/stable/li2/dagre/sketch.exp.svg  | 378 +++++++++---------
 .../testdata/stable/li2/elk/sketch.exp.svg    | 378 +++++++++---------
 .../testdata/stable/li3/dagre/sketch.exp.svg  | 378 +++++++++---------
 .../testdata/stable/li3/elk/sketch.exp.svg    | 378 +++++++++---------
 .../testdata/stable/li4/dagre/sketch.exp.svg  | 378 +++++++++---------
 .../testdata/stable/li4/elk/sketch.exp.svg    | 378 +++++++++---------
 .../stable/lone_h1/dagre/sketch.exp.svg       | 378 +++++++++---------
 .../stable/lone_h1/elk/sketch.exp.svg         | 378 +++++++++---------
 .../stable/markdown/dagre/sketch.exp.svg      | 378 +++++++++---------
 .../stable/markdown/elk/sketch.exp.svg        | 378 +++++++++---------
 .../markdown_stroke_fill/dagre/sketch.exp.svg | 378 +++++++++---------
 .../markdown_stroke_fill/elk/sketch.exp.svg   | 378 +++++++++---------
 .../md_2space_newline/dagre/sketch.exp.svg    | 378 +++++++++---------
 .../md_2space_newline/elk/sketch.exp.svg      | 378 +++++++++---------
 .../md_backslash_newline/dagre/sketch.exp.svg | 378 +++++++++---------
 .../md_backslash_newline/elk/sketch.exp.svg   | 378 +++++++++---------
 .../md_code_block_fenced/dagre/sketch.exp.svg | 378 +++++++++---------
 .../md_code_block_fenced/elk/sketch.exp.svg   | 378 +++++++++---------
 .../dagre/sketch.exp.svg                      | 378 +++++++++---------
 .../md_code_block_indented/elk/sketch.exp.svg | 378 +++++++++---------
 .../md_code_inline/dagre/sketch.exp.svg       | 378 +++++++++---------
 .../stable/md_code_inline/elk/sketch.exp.svg  | 378 +++++++++---------
 .../testdata/stable/p/dagre/sketch.exp.svg    | 378 +++++++++---------
 e2etests/testdata/stable/p/elk/sketch.exp.svg | 378 +++++++++---------
 .../testdata/stable/pre/dagre/sketch.exp.svg  | 378 +++++++++---------
 .../testdata/stable/pre/elk/sketch.exp.svg    | 378 +++++++++---------
 .../stable/teleport_grid/dagre/sketch.exp.svg | 378 +++++++++---------
 .../stable/teleport_grid/elk/sketch.exp.svg   | 378 +++++++++---------
 .../text_font_sizes/dagre/sketch.exp.svg      | 378 +++++++++---------
 .../stable/text_font_sizes/elk/sketch.exp.svg | 378 +++++++++---------
 .../themes/terminal/dagre/sketch.exp.svg      | 378 +++++++++---------
 .../themes/terminal/elk/sketch.exp.svg        | 378 +++++++++---------
 .../dagre/sketch.exp.svg                      | 378 +++++++++---------
 .../elk/sketch.exp.svg                        | 378 +++++++++---------
 .../dagre/sketch.exp.svg                      | 378 +++++++++---------
 .../shape_set_width_height/elk/sketch.exp.svg | 378 +++++++++---------
 .../unicode/chinese/dagre/sketch.exp.svg      | 378 +++++++++---------
 .../unicode/chinese/elk/sketch.exp.svg        | 378 +++++++++---------
 .../mixed-language/dagre/sketch.exp.svg       | 378 +++++++++---------
 .../unicode/mixed-language/elk/sketch.exp.svg | 378 +++++++++---------
 77 files changed, 14176 insertions(+), 14175 deletions(-)

diff --git a/d2renderers/d2sketch/testdata/opacity/sketch.exp.svg b/d2renderers/d2sketch/testdata/opacity/sketch.exp.svg
index f160edef3..5109e435a 100644
--- a/d2renderers/d2sketch/testdata/opacity/sketch.exp.svg
+++ b/d2renderers/d2sketch/testdata/opacity/sketch.exp.svg
@@ -103,31 +103,31 @@
 		.d2-710463437 .color-AA4{color:#EDF0FD;}
 		.d2-710463437 .color-AA5{color:#F7F8FE;}
 		.d2-710463437 .color-AB4{color:#EDF0FD;}
-		.d2-710463437 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.md em,
-.md dfn {
+		.d2-710463437 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.d2-710463437 .md em,
+.d2-710463437 .md dfn {
   font-family: "d2-710463437-font-italic";
 }
 
-.md b,
-.md strong {
+.d2-710463437 .md b,
+.d2-710463437 .md strong {
   font-family: "d2-710463437-font-bold";
 }
 
-.md code,
-.md kbd,
-.md pre,
-.md samp {
+.d2-710463437 .md code,
+.d2-710463437 .md kbd,
+.d2-710463437 .md pre,
+.d2-710463437 .md samp {
   font-family: "d2-710463437-font-mono";
   font-size: 1em;
 }
 
-.md {
+.d2-710463437 .md {
   tab-size: 4;
 }
 
 /* variables are provided in d2renderers/d2svg/d2svg.go */
 
-.md {
+.d2-710463437 .md {
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
   margin: 0;
@@ -139,41 +139,41 @@
   word-wrap: break-word;
 }
 
-.md details,
-.md figcaption,
-.md figure {
+.d2-710463437 .md details,
+.d2-710463437 .md figcaption,
+.d2-710463437 .md figure {
   display: block;
 }
 
-.md summary {
+.d2-710463437 .md summary {
   display: list-item;
 }
 
-.md [hidden] {
+.d2-710463437 .md [hidden] {
   display: none !important;
 }
 
-.md a {
+.d2-710463437 .md a {
   background-color: transparent;
   color: var(--color-accent-fg);
   text-decoration: none;
 }
 
-.md a:active,
-.md a:hover {
+.d2-710463437 .md a:active,
+.d2-710463437 .md a:hover {
   outline-width: 0;
 }
 
-.md abbr[title] {
+.d2-710463437 .md abbr[title] {
   border-bottom: none;
   text-decoration: underline dotted;
 }
 
-.md dfn {
+.d2-710463437 .md dfn {
   font-style: italic;
 }
 
-.md h1 {
+.d2-710463437 .md h1 {
   margin: 0.67em 0;
   font-weight: 600;
   padding-bottom: 0.3em;
@@ -181,43 +181,43 @@
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md mark {
+.d2-710463437 .md mark {
   background-color: var(--color-attention-subtle);
   color: var(--color-text-primary);
 }
 
-.md small {
+.d2-710463437 .md small {
   font-size: 90%;
 }
 
-.md sub,
-.md sup {
+.d2-710463437 .md sub,
+.d2-710463437 .md sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
 }
 
-.md sub {
+.d2-710463437 .md sub {
   bottom: -0.25em;
 }
 
-.md sup {
+.d2-710463437 .md sup {
   top: -0.5em;
 }
 
-.md img {
+.d2-710463437 .md img {
   border-style: none;
   max-width: 100%;
   box-sizing: content-box;
   background-color: var(--color-canvas-default);
 }
 
-.md figure {
+.d2-710463437 .md figure {
   margin: 1em 40px;
 }
 
-.md hr {
+.d2-710463437 .md hr {
   box-sizing: content-box;
   overflow: hidden;
   background: transparent;
@@ -229,7 +229,7 @@
   border: 0;
 }
 
-.md input {
+.d2-710463437 .md input {
   font: inherit;
   margin: 0;
   overflow: visible;
@@ -238,72 +238,72 @@
   line-height: inherit;
 }
 
-.md [type="button"],
-.md [type="reset"],
-.md [type="submit"] {
+.d2-710463437 .md [type="button"],
+.d2-710463437 .md [type="reset"],
+.d2-710463437 .md [type="submit"] {
   -webkit-appearance: button;
 }
 
-.md [type="button"]::-moz-focus-inner,
-.md [type="reset"]::-moz-focus-inner,
-.md [type="submit"]::-moz-focus-inner {
+.d2-710463437 .md [type="button"]::-moz-focus-inner,
+.d2-710463437 .md [type="reset"]::-moz-focus-inner,
+.d2-710463437 .md [type="submit"]::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.md [type="button"]:-moz-focusring,
-.md [type="reset"]:-moz-focusring,
-.md [type="submit"]:-moz-focusring {
+.d2-710463437 .md [type="button"]:-moz-focusring,
+.d2-710463437 .md [type="reset"]:-moz-focusring,
+.d2-710463437 .md [type="submit"]:-moz-focusring {
   outline: 1px dotted ButtonText;
 }
 
-.md [type="checkbox"],
-.md [type="radio"] {
+.d2-710463437 .md [type="checkbox"],
+.d2-710463437 .md [type="radio"] {
   box-sizing: border-box;
   padding: 0;
 }
 
-.md [type="number"]::-webkit-inner-spin-button,
-.md [type="number"]::-webkit-outer-spin-button {
+.d2-710463437 .md [type="number"]::-webkit-inner-spin-button,
+.d2-710463437 .md [type="number"]::-webkit-outer-spin-button {
   height: auto;
 }
 
-.md [type="search"] {
+.d2-710463437 .md [type="search"] {
   -webkit-appearance: textfield;
   outline-offset: -2px;
 }
 
-.md [type="search"]::-webkit-search-cancel-button,
-.md [type="search"]::-webkit-search-decoration {
+.d2-710463437 .md [type="search"]::-webkit-search-cancel-button,
+.d2-710463437 .md [type="search"]::-webkit-search-decoration {
   -webkit-appearance: none;
 }
 
-.md ::-webkit-input-placeholder {
+.d2-710463437 .md ::-webkit-input-placeholder {
   color: inherit;
   opacity: 0.54;
 }
 
-.md ::-webkit-file-upload-button {
+.d2-710463437 .md ::-webkit-file-upload-button {
   -webkit-appearance: button;
   font: inherit;
 }
 
-.md a:hover {
+.d2-710463437 .md a:hover {
   text-decoration: underline;
 }
 
-.md hr::before {
+.d2-710463437 .md hr::before {
   display: table;
   content: "";
 }
 
-.md hr::after {
+.d2-710463437 .md hr::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md table {
+.d2-710463437 .md table {
   border-spacing: 0;
   border-collapse: collapse;
   display: block;
@@ -312,20 +312,20 @@
   overflow: auto;
 }
 
-.md td,
-.md th {
+.d2-710463437 .md td,
+.d2-710463437 .md th {
   padding: 0;
 }
 
-.md details summary {
+.d2-710463437 .md details summary {
   cursor: pointer;
 }
 
-.md details:not([open]) > *:not(summary) {
+.d2-710463437 .md details:not([open]) > *:not(summary) {
   display: none !important;
 }
 
-.md kbd {
+.d2-710463437 .md kbd {
   display: inline-block;
   padding: 3px 5px;
   color: var(--color-fg-default);
@@ -337,12 +337,12 @@
   box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
 }
 
-.md h1,
-.md h2,
-.md h3,
-.md h4,
-.md h5,
-.md h6 {
+.d2-710463437 .md h1,
+.d2-710463437 .md h2,
+.d2-710463437 .md h3,
+.d2-710463437 .md h4,
+.d2-710463437 .md h5,
+.d2-710463437 .md h6 {
   margin-top: 24px;
   margin-bottom: 16px;
   font-weight: 600;
@@ -350,222 +350,222 @@
   font-family: "d2-710463437-font-regular";
 }
 
-.md h2 {
+.d2-710463437 .md h2 {
   font-weight: 600;
   padding-bottom: 0.3em;
   font-size: 1.5em;
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md h3 {
+.d2-710463437 .md h3 {
   font-weight: 600;
   font-size: 1.25em;
 }
 
-.md h4 {
+.d2-710463437 .md h4 {
   font-weight: 600;
   font-size: 1em;
 }
 
-.md h5 {
+.d2-710463437 .md h5 {
   font-weight: 600;
   font-size: 0.875em;
 }
 
-.md h6 {
+.d2-710463437 .md h6 {
   font-weight: 600;
   font-size: 0.85em;
   color: var(--color-fg-muted);
 }
 
-.md p {
+.d2-710463437 .md p {
   margin-top: 0;
   margin-bottom: 10px;
 }
 
-.md blockquote {
+.d2-710463437 .md blockquote {
   margin: 0;
   padding: 0 1em;
   color: var(--color-fg-muted);
   border-left: 0.25em solid var(--color-border-default);
 }
 
-.md ul,
-.md ol {
+.d2-710463437 .md ul,
+.d2-710463437 .md ol {
   margin-top: 0;
   margin-bottom: 0;
   padding-left: 2em;
 }
 
-.md ol ol,
-.md ul ol {
+.d2-710463437 .md ol ol,
+.d2-710463437 .md ul ol {
   list-style-type: lower-roman;
 }
 
-.md ul ul ol,
-.md ul ol ol,
-.md ol ul ol,
-.md ol ol ol {
+.d2-710463437 .md ul ul ol,
+.d2-710463437 .md ul ol ol,
+.d2-710463437 .md ol ul ol,
+.d2-710463437 .md ol ol ol {
   list-style-type: lower-alpha;
 }
 
-.md dd {
+.d2-710463437 .md dd {
   margin-left: 0;
 }
 
-.md pre {
+.d2-710463437 .md pre {
   margin-top: 0;
   margin-bottom: 0;
   word-wrap: normal;
 }
 
-.md ::placeholder {
+.d2-710463437 .md ::placeholder {
   color: var(--color-fg-subtle);
   opacity: 1;
 }
 
-.md input::-webkit-outer-spin-button,
-.md input::-webkit-inner-spin-button {
+.d2-710463437 .md input::-webkit-outer-spin-button,
+.d2-710463437 .md input::-webkit-inner-spin-button {
   margin: 0;
   -webkit-appearance: none;
   appearance: none;
 }
 
-.md::before {
+.d2-710463437 .md::before {
   display: table;
   content: "";
 }
 
-.md::after {
+.d2-710463437 .md::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md > *:first-child {
+.d2-710463437 .md > *:first-child {
   margin-top: 0 !important;
 }
 
-.md > *:last-child {
+.d2-710463437 .md > *:last-child {
   margin-bottom: 0 !important;
 }
 
-.md a:not([href]) {
+.d2-710463437 .md a:not([href]) {
   color: inherit;
   text-decoration: none;
 }
 
-.md .absent {
+.d2-710463437 .md .absent {
   color: var(--color-danger-fg);
 }
 
-.md .anchor {
+.d2-710463437 .md .anchor {
   float: left;
   padding-right: 4px;
   margin-left: -20px;
   line-height: 1;
 }
 
-.md .anchor:focus {
+.d2-710463437 .md .anchor:focus {
   outline: none;
 }
 
-.md p,
-.md blockquote,
-.md ul,
-.md ol,
-.md dl,
-.md table,
-.md pre,
-.md details {
+.d2-710463437 .md p,
+.d2-710463437 .md blockquote,
+.d2-710463437 .md ul,
+.d2-710463437 .md ol,
+.d2-710463437 .md dl,
+.d2-710463437 .md table,
+.d2-710463437 .md pre,
+.d2-710463437 .md details {
   margin-top: 0;
   margin-bottom: 16px;
 }
 
-.md blockquote > :first-child {
+.d2-710463437 .md blockquote > :first-child {
   margin-top: 0;
 }
 
-.md blockquote > :last-child {
+.d2-710463437 .md blockquote > :last-child {
   margin-bottom: 0;
 }
 
-.md sup > a::before {
+.d2-710463437 .md sup > a::before {
   content: "[";
 }
 
-.md sup > a::after {
+.d2-710463437 .md sup > a::after {
   content: "]";
 }
 
-.md h1:hover .anchor,
-.md h2:hover .anchor,
-.md h3:hover .anchor,
-.md h4:hover .anchor,
-.md h5:hover .anchor,
-.md h6:hover .anchor {
+.d2-710463437 .md h1:hover .anchor,
+.d2-710463437 .md h2:hover .anchor,
+.d2-710463437 .md h3:hover .anchor,
+.d2-710463437 .md h4:hover .anchor,
+.d2-710463437 .md h5:hover .anchor,
+.d2-710463437 .md h6:hover .anchor {
   text-decoration: none;
 }
 
-.md h1 tt,
-.md h1 code,
-.md h2 tt,
-.md h2 code,
-.md h3 tt,
-.md h3 code,
-.md h4 tt,
-.md h4 code,
-.md h5 tt,
-.md h5 code,
-.md h6 tt,
-.md h6 code {
+.d2-710463437 .md h1 tt,
+.d2-710463437 .md h1 code,
+.d2-710463437 .md h2 tt,
+.d2-710463437 .md h2 code,
+.d2-710463437 .md h3 tt,
+.d2-710463437 .md h3 code,
+.d2-710463437 .md h4 tt,
+.d2-710463437 .md h4 code,
+.d2-710463437 .md h5 tt,
+.d2-710463437 .md h5 code,
+.d2-710463437 .md h6 tt,
+.d2-710463437 .md h6 code {
   padding: 0 0.2em;
   font-size: inherit;
 }
 
-.md ul.no-list,
-.md ol.no-list {
+.d2-710463437 .md ul.no-list,
+.d2-710463437 .md ol.no-list {
   padding: 0;
   list-style-type: none;
 }
 
-.md ol[type="1"] {
+.d2-710463437 .md ol[type="1"] {
   list-style-type: decimal;
 }
 
-.md ol[type="a"] {
+.d2-710463437 .md ol[type="a"] {
   list-style-type: lower-alpha;
 }
 
-.md ol[type="i"] {
+.d2-710463437 .md ol[type="i"] {
   list-style-type: lower-roman;
 }
 
-.md div > ol:not([type]) {
+.d2-710463437 .md div > ol:not([type]) {
   list-style-type: decimal;
 }
 
-.md ul ul,
-.md ul ol,
-.md ol ol,
-.md ol ul {
+.d2-710463437 .md ul ul,
+.d2-710463437 .md ul ol,
+.d2-710463437 .md ol ol,
+.d2-710463437 .md ol ul {
   margin-top: 0;
   margin-bottom: 0;
 }
 
-.md li > p {
+.d2-710463437 .md li > p {
   margin-top: 16px;
 }
 
-.md li + li {
+.d2-710463437 .md li + li {
   margin-top: 0.25em;
 }
 
-.md dl {
+.d2-710463437 .md dl {
   padding: 0;
 }
 
-.md dl dt {
+.d2-710463437 .md dl dt {
   padding: 0;
   margin-top: 16px;
   font-size: 1em;
@@ -573,48 +573,48 @@
   font-weight: 600;
 }
 
-.md dl dd {
+.d2-710463437 .md dl dd {
   padding: 0 16px;
   margin-bottom: 16px;
 }
 
-.md table th {
+.d2-710463437 .md table th {
   font-weight: 600;
 }
 
-.md table th,
-.md table td {
+.d2-710463437 .md table th,
+.d2-710463437 .md table td {
   padding: 6px 13px;
   border: 1px solid var(--color-border-default);
 }
 
-.md table tr {
+.d2-710463437 .md table tr {
   background-color: var(--color-canvas-default);
   border-top: 1px solid var(--color-border-muted);
 }
 
-.md table tr:nth-child(2n) {
+.d2-710463437 .md table tr:nth-child(2n) {
   background-color: var(--color-canvas-subtle);
 }
 
-.md table img {
+.d2-710463437 .md table img {
   background-color: transparent;
 }
 
-.md img[align="right"] {
+.d2-710463437 .md img[align="right"] {
   padding-left: 20px;
 }
 
-.md img[align="left"] {
+.d2-710463437 .md img[align="left"] {
   padding-right: 20px;
 }
 
-.md span.frame {
+.d2-710463437 .md span.frame {
   display: block;
   overflow: hidden;
 }
 
-.md span.frame > span {
+.d2-710463437 .md span.frame > span {
   display: block;
   float: left;
   width: auto;
@@ -624,81 +624,81 @@
   border: 1px solid var(--color-border-default);
 }
 
-.md span.frame span img {
+.d2-710463437 .md span.frame span img {
   display: block;
   float: left;
 }
 
-.md span.frame span span {
+.d2-710463437 .md span.frame span span {
   display: block;
   padding: 5px 0 0;
   clear: both;
   color: var(--color-fg-default);
 }
 
-.md span.align-center {
+.d2-710463437 .md span.align-center {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-center > span {
+.d2-710463437 .md span.align-center > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: center;
 }
 
-.md span.align-center span img {
+.d2-710463437 .md span.align-center span img {
   margin: 0 auto;
   text-align: center;
 }
 
-.md span.align-right {
+.d2-710463437 .md span.align-right {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-right > span {
+.d2-710463437 .md span.align-right > span {
   display: block;
   margin: 13px 0 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md span.align-right span img {
+.d2-710463437 .md span.align-right span img {
   margin: 0;
   text-align: right;
 }
 
-.md span.float-left {
+.d2-710463437 .md span.float-left {
   display: block;
   float: left;
   margin-right: 13px;
   overflow: hidden;
 }
 
-.md span.float-left span {
+.d2-710463437 .md span.float-left span {
   margin: 13px 0 0;
 }
 
-.md span.float-right {
+.d2-710463437 .md span.float-right {
   display: block;
   float: right;
   margin-left: 13px;
   overflow: hidden;
 }
 
-.md span.float-right > span {
+.d2-710463437 .md span.float-right > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md code,
-.md tt {
+.d2-710463437 .md code,
+.d2-710463437 .md tt {
   padding: 0.2em 0.4em;
   margin: 0;
   font-size: 85%;
@@ -706,20 +706,20 @@
   border-radius: 6px;
 }
 
-.md code br,
-.md tt br {
+.d2-710463437 .md code br,
+.d2-710463437 .md tt br {
   display: none;
 }
 
-.md del code {
+.d2-710463437 .md del code {
   text-decoration: inherit;
 }
 
-.md pre code {
+.d2-710463437 .md pre code {
   font-size: 100%;
 }
 
-.md pre > code {
+.d2-710463437 .md pre > code {
   padding: 0;
   margin: 0;
   word-break: normal;
@@ -728,17 +728,17 @@
   border: 0;
 }
 
-.md .highlight {
+.d2-710463437 .md .highlight {
   margin-bottom: 16px;
 }
 
-.md .highlight pre {
+.d2-710463437 .md .highlight pre {
   margin-bottom: 0;
   word-break: normal;
 }
 
-.md .highlight pre,
-.md pre {
+.d2-710463437 .md .highlight pre,
+.d2-710463437 .md pre {
   padding: 16px;
   overflow: auto;
   font-size: 85%;
@@ -747,8 +747,8 @@
   border-radius: 6px;
 }
 
-.md pre code,
-.md pre tt {
+.d2-710463437 .md pre code,
+.d2-710463437 .md pre tt {
   display: inline;
   max-width: auto;
   padding: 0;
@@ -760,8 +760,8 @@
   border: 0;
 }
 
-.md .csv-data td,
-.md .csv-data th {
+.d2-710463437 .md .csv-data td,
+.d2-710463437 .md .csv-data th {
   padding: 5px;
   overflow: hidden;
   font-size: 12px;
@@ -770,38 +770,38 @@
   white-space: nowrap;
 }
 
-.md .csv-data .blob-num {
+.d2-710463437 .md .csv-data .blob-num {
   padding: 10px 8px 9px;
   text-align: right;
   background: var(--color-canvas-default);
   border: 0;
 }
 
-.md .csv-data tr {
+.d2-710463437 .md .csv-data tr {
   border-top: 0;
 }
 
-.md .csv-data th {
+.d2-710463437 .md .csv-data th {
   font-weight: 600;
   background: var(--color-canvas-subtle);
   border-top: 0;
 }
 
-.md .footnotes {
+.d2-710463437 .md .footnotes {
   font-size: 12px;
   color: var(--color-fg-muted);
   border-top: 1px solid var(--color-border-default);
 }
 
-.md .footnotes ol {
+.d2-710463437 .md .footnotes ol {
   padding-left: 16px;
 }
 
-.md .footnotes li {
+.d2-710463437 .md .footnotes li {
   position: relative;
 }
 
-.md .footnotes li:target::before {
+.d2-710463437 .md .footnotes li:target::before {
   position: absolute;
   top: -8px;
   right: -8px;
@@ -813,36 +813,36 @@
   border-radius: 6px;
 }
 
-.md .footnotes li:target {
+.d2-710463437 .md .footnotes li:target {
   color: var(--color-fg-default);
 }
 
-.md .task-list-item {
+.d2-710463437 .md .task-list-item {
   list-style-type: none;
 }
 
-.md .task-list-item label {
+.d2-710463437 .md .task-list-item label {
   font-weight: 400;
 }
 
-.md .task-list-item.enabled label {
+.d2-710463437 .md .task-list-item.enabled label {
   cursor: pointer;
 }
 
-.md .task-list-item + .task-list-item {
+.d2-710463437 .md .task-list-item + .task-list-item {
   margin-top: 3px;
 }
 
-.md .task-list-item .handle {
+.d2-710463437 .md .task-list-item .handle {
   display: none;
 }
 
-.md .task-list-item-checkbox {
+.d2-710463437 .md .task-list-item-checkbox {
   margin: 0 0.2em 0.25em -1.6em;
   vertical-align: middle;
 }
 
-.md .contains-task-list:dir(rtl) .task-list-item-checkbox {
+.d2-710463437 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
 </style><defs><pattern id="streaks-bright" x="0" y="0" width="100" height="100" patternUnits="userSpaceOnUse">
diff --git a/d2renderers/d2sketch/testdata/opacity_dark/sketch.exp.svg b/d2renderers/d2sketch/testdata/opacity_dark/sketch.exp.svg
index 5759a8155..bbbaec077 100644
--- a/d2renderers/d2sketch/testdata/opacity_dark/sketch.exp.svg
+++ b/d2renderers/d2sketch/testdata/opacity_dark/sketch.exp.svg
@@ -103,31 +103,31 @@
 		.d2-710463437 .color-AA4{color:#45475A;}
 		.d2-710463437 .color-AA5{color:#313244;}
 		.d2-710463437 .color-AB4{color:#45475A;}
-		.d2-710463437 .color-AB5{color:#313244;}.appendix text.text{fill:#CDD6F4}.md{--color-fg-default:#CDD6F4;--color-fg-muted:#BAC2DE;--color-fg-subtle:#A6ADC8;--color-canvas-default:#1E1E2E;--color-canvas-subtle:#313244;--color-border-default:#CBA6f7;--color-border-muted:#CBA6f7;--color-neutral-muted:#313244;--color-accent-fg:#CBA6f7;--color-accent-emphasis:#CBA6f7;--color-attention-subtle:#BAC2DE;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-B2{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-B3{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-B4{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-B5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B6{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AA2{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-AA4{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AA5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AB4{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AB5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N1{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N2{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N6{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N7{fill:url(#streaks-darker);mix-blend-mode:lighten}.light-code{display: none}.dark-code{display: block}]]></style><style type="text/css">.md em,
-.md dfn {
+		.d2-710463437 .color-AB5{color:#313244;}.appendix text.text{fill:#CDD6F4}.md{--color-fg-default:#CDD6F4;--color-fg-muted:#BAC2DE;--color-fg-subtle:#A6ADC8;--color-canvas-default:#1E1E2E;--color-canvas-subtle:#313244;--color-border-default:#CBA6f7;--color-border-muted:#CBA6f7;--color-neutral-muted:#313244;--color-accent-fg:#CBA6f7;--color-accent-emphasis:#CBA6f7;--color-attention-subtle:#BAC2DE;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-B2{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-B3{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-B4{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-B5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B6{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AA2{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-AA4{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AA5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AB4{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AB5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N1{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N2{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N6{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N7{fill:url(#streaks-darker);mix-blend-mode:lighten}.light-code{display: none}.dark-code{display: block}]]></style><style type="text/css">.d2-710463437 .md em,
+.d2-710463437 .md dfn {
   font-family: "d2-710463437-font-italic";
 }
 
-.md b,
-.md strong {
+.d2-710463437 .md b,
+.d2-710463437 .md strong {
   font-family: "d2-710463437-font-bold";
 }
 
-.md code,
-.md kbd,
-.md pre,
-.md samp {
+.d2-710463437 .md code,
+.d2-710463437 .md kbd,
+.d2-710463437 .md pre,
+.d2-710463437 .md samp {
   font-family: "d2-710463437-font-mono";
   font-size: 1em;
 }
 
-.md {
+.d2-710463437 .md {
   tab-size: 4;
 }
 
 /* variables are provided in d2renderers/d2svg/d2svg.go */
 
-.md {
+.d2-710463437 .md {
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
   margin: 0;
@@ -139,41 +139,41 @@
   word-wrap: break-word;
 }
 
-.md details,
-.md figcaption,
-.md figure {
+.d2-710463437 .md details,
+.d2-710463437 .md figcaption,
+.d2-710463437 .md figure {
   display: block;
 }
 
-.md summary {
+.d2-710463437 .md summary {
   display: list-item;
 }
 
-.md [hidden] {
+.d2-710463437 .md [hidden] {
   display: none !important;
 }
 
-.md a {
+.d2-710463437 .md a {
   background-color: transparent;
   color: var(--color-accent-fg);
   text-decoration: none;
 }
 
-.md a:active,
-.md a:hover {
+.d2-710463437 .md a:active,
+.d2-710463437 .md a:hover {
   outline-width: 0;
 }
 
-.md abbr[title] {
+.d2-710463437 .md abbr[title] {
   border-bottom: none;
   text-decoration: underline dotted;
 }
 
-.md dfn {
+.d2-710463437 .md dfn {
   font-style: italic;
 }
 
-.md h1 {
+.d2-710463437 .md h1 {
   margin: 0.67em 0;
   font-weight: 600;
   padding-bottom: 0.3em;
@@ -181,43 +181,43 @@
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md mark {
+.d2-710463437 .md mark {
   background-color: var(--color-attention-subtle);
   color: var(--color-text-primary);
 }
 
-.md small {
+.d2-710463437 .md small {
   font-size: 90%;
 }
 
-.md sub,
-.md sup {
+.d2-710463437 .md sub,
+.d2-710463437 .md sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
 }
 
-.md sub {
+.d2-710463437 .md sub {
   bottom: -0.25em;
 }
 
-.md sup {
+.d2-710463437 .md sup {
   top: -0.5em;
 }
 
-.md img {
+.d2-710463437 .md img {
   border-style: none;
   max-width: 100%;
   box-sizing: content-box;
   background-color: var(--color-canvas-default);
 }
 
-.md figure {
+.d2-710463437 .md figure {
   margin: 1em 40px;
 }
 
-.md hr {
+.d2-710463437 .md hr {
   box-sizing: content-box;
   overflow: hidden;
   background: transparent;
@@ -229,7 +229,7 @@
   border: 0;
 }
 
-.md input {
+.d2-710463437 .md input {
   font: inherit;
   margin: 0;
   overflow: visible;
@@ -238,72 +238,72 @@
   line-height: inherit;
 }
 
-.md [type="button"],
-.md [type="reset"],
-.md [type="submit"] {
+.d2-710463437 .md [type="button"],
+.d2-710463437 .md [type="reset"],
+.d2-710463437 .md [type="submit"] {
   -webkit-appearance: button;
 }
 
-.md [type="button"]::-moz-focus-inner,
-.md [type="reset"]::-moz-focus-inner,
-.md [type="submit"]::-moz-focus-inner {
+.d2-710463437 .md [type="button"]::-moz-focus-inner,
+.d2-710463437 .md [type="reset"]::-moz-focus-inner,
+.d2-710463437 .md [type="submit"]::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.md [type="button"]:-moz-focusring,
-.md [type="reset"]:-moz-focusring,
-.md [type="submit"]:-moz-focusring {
+.d2-710463437 .md [type="button"]:-moz-focusring,
+.d2-710463437 .md [type="reset"]:-moz-focusring,
+.d2-710463437 .md [type="submit"]:-moz-focusring {
   outline: 1px dotted ButtonText;
 }
 
-.md [type="checkbox"],
-.md [type="radio"] {
+.d2-710463437 .md [type="checkbox"],
+.d2-710463437 .md [type="radio"] {
   box-sizing: border-box;
   padding: 0;
 }
 
-.md [type="number"]::-webkit-inner-spin-button,
-.md [type="number"]::-webkit-outer-spin-button {
+.d2-710463437 .md [type="number"]::-webkit-inner-spin-button,
+.d2-710463437 .md [type="number"]::-webkit-outer-spin-button {
   height: auto;
 }
 
-.md [type="search"] {
+.d2-710463437 .md [type="search"] {
   -webkit-appearance: textfield;
   outline-offset: -2px;
 }
 
-.md [type="search"]::-webkit-search-cancel-button,
-.md [type="search"]::-webkit-search-decoration {
+.d2-710463437 .md [type="search"]::-webkit-search-cancel-button,
+.d2-710463437 .md [type="search"]::-webkit-search-decoration {
   -webkit-appearance: none;
 }
 
-.md ::-webkit-input-placeholder {
+.d2-710463437 .md ::-webkit-input-placeholder {
   color: inherit;
   opacity: 0.54;
 }
 
-.md ::-webkit-file-upload-button {
+.d2-710463437 .md ::-webkit-file-upload-button {
   -webkit-appearance: button;
   font: inherit;
 }
 
-.md a:hover {
+.d2-710463437 .md a:hover {
   text-decoration: underline;
 }
 
-.md hr::before {
+.d2-710463437 .md hr::before {
   display: table;
   content: "";
 }
 
-.md hr::after {
+.d2-710463437 .md hr::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md table {
+.d2-710463437 .md table {
   border-spacing: 0;
   border-collapse: collapse;
   display: block;
@@ -312,20 +312,20 @@
   overflow: auto;
 }
 
-.md td,
-.md th {
+.d2-710463437 .md td,
+.d2-710463437 .md th {
   padding: 0;
 }
 
-.md details summary {
+.d2-710463437 .md details summary {
   cursor: pointer;
 }
 
-.md details:not([open]) > *:not(summary) {
+.d2-710463437 .md details:not([open]) > *:not(summary) {
   display: none !important;
 }
 
-.md kbd {
+.d2-710463437 .md kbd {
   display: inline-block;
   padding: 3px 5px;
   color: var(--color-fg-default);
@@ -337,12 +337,12 @@
   box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
 }
 
-.md h1,
-.md h2,
-.md h3,
-.md h4,
-.md h5,
-.md h6 {
+.d2-710463437 .md h1,
+.d2-710463437 .md h2,
+.d2-710463437 .md h3,
+.d2-710463437 .md h4,
+.d2-710463437 .md h5,
+.d2-710463437 .md h6 {
   margin-top: 24px;
   margin-bottom: 16px;
   font-weight: 600;
@@ -350,222 +350,222 @@
   font-family: "d2-710463437-font-regular";
 }
 
-.md h2 {
+.d2-710463437 .md h2 {
   font-weight: 600;
   padding-bottom: 0.3em;
   font-size: 1.5em;
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md h3 {
+.d2-710463437 .md h3 {
   font-weight: 600;
   font-size: 1.25em;
 }
 
-.md h4 {
+.d2-710463437 .md h4 {
   font-weight: 600;
   font-size: 1em;
 }
 
-.md h5 {
+.d2-710463437 .md h5 {
   font-weight: 600;
   font-size: 0.875em;
 }
 
-.md h6 {
+.d2-710463437 .md h6 {
   font-weight: 600;
   font-size: 0.85em;
   color: var(--color-fg-muted);
 }
 
-.md p {
+.d2-710463437 .md p {
   margin-top: 0;
   margin-bottom: 10px;
 }
 
-.md blockquote {
+.d2-710463437 .md blockquote {
   margin: 0;
   padding: 0 1em;
   color: var(--color-fg-muted);
   border-left: 0.25em solid var(--color-border-default);
 }
 
-.md ul,
-.md ol {
+.d2-710463437 .md ul,
+.d2-710463437 .md ol {
   margin-top: 0;
   margin-bottom: 0;
   padding-left: 2em;
 }
 
-.md ol ol,
-.md ul ol {
+.d2-710463437 .md ol ol,
+.d2-710463437 .md ul ol {
   list-style-type: lower-roman;
 }
 
-.md ul ul ol,
-.md ul ol ol,
-.md ol ul ol,
-.md ol ol ol {
+.d2-710463437 .md ul ul ol,
+.d2-710463437 .md ul ol ol,
+.d2-710463437 .md ol ul ol,
+.d2-710463437 .md ol ol ol {
   list-style-type: lower-alpha;
 }
 
-.md dd {
+.d2-710463437 .md dd {
   margin-left: 0;
 }
 
-.md pre {
+.d2-710463437 .md pre {
   margin-top: 0;
   margin-bottom: 0;
   word-wrap: normal;
 }
 
-.md ::placeholder {
+.d2-710463437 .md ::placeholder {
   color: var(--color-fg-subtle);
   opacity: 1;
 }
 
-.md input::-webkit-outer-spin-button,
-.md input::-webkit-inner-spin-button {
+.d2-710463437 .md input::-webkit-outer-spin-button,
+.d2-710463437 .md input::-webkit-inner-spin-button {
   margin: 0;
   -webkit-appearance: none;
   appearance: none;
 }
 
-.md::before {
+.d2-710463437 .md::before {
   display: table;
   content: "";
 }
 
-.md::after {
+.d2-710463437 .md::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md > *:first-child {
+.d2-710463437 .md > *:first-child {
   margin-top: 0 !important;
 }
 
-.md > *:last-child {
+.d2-710463437 .md > *:last-child {
   margin-bottom: 0 !important;
 }
 
-.md a:not([href]) {
+.d2-710463437 .md a:not([href]) {
   color: inherit;
   text-decoration: none;
 }
 
-.md .absent {
+.d2-710463437 .md .absent {
   color: var(--color-danger-fg);
 }
 
-.md .anchor {
+.d2-710463437 .md .anchor {
   float: left;
   padding-right: 4px;
   margin-left: -20px;
   line-height: 1;
 }
 
-.md .anchor:focus {
+.d2-710463437 .md .anchor:focus {
   outline: none;
 }
 
-.md p,
-.md blockquote,
-.md ul,
-.md ol,
-.md dl,
-.md table,
-.md pre,
-.md details {
+.d2-710463437 .md p,
+.d2-710463437 .md blockquote,
+.d2-710463437 .md ul,
+.d2-710463437 .md ol,
+.d2-710463437 .md dl,
+.d2-710463437 .md table,
+.d2-710463437 .md pre,
+.d2-710463437 .md details {
   margin-top: 0;
   margin-bottom: 16px;
 }
 
-.md blockquote > :first-child {
+.d2-710463437 .md blockquote > :first-child {
   margin-top: 0;
 }
 
-.md blockquote > :last-child {
+.d2-710463437 .md blockquote > :last-child {
   margin-bottom: 0;
 }
 
-.md sup > a::before {
+.d2-710463437 .md sup > a::before {
   content: "[";
 }
 
-.md sup > a::after {
+.d2-710463437 .md sup > a::after {
   content: "]";
 }
 
-.md h1:hover .anchor,
-.md h2:hover .anchor,
-.md h3:hover .anchor,
-.md h4:hover .anchor,
-.md h5:hover .anchor,
-.md h6:hover .anchor {
+.d2-710463437 .md h1:hover .anchor,
+.d2-710463437 .md h2:hover .anchor,
+.d2-710463437 .md h3:hover .anchor,
+.d2-710463437 .md h4:hover .anchor,
+.d2-710463437 .md h5:hover .anchor,
+.d2-710463437 .md h6:hover .anchor {
   text-decoration: none;
 }
 
-.md h1 tt,
-.md h1 code,
-.md h2 tt,
-.md h2 code,
-.md h3 tt,
-.md h3 code,
-.md h4 tt,
-.md h4 code,
-.md h5 tt,
-.md h5 code,
-.md h6 tt,
-.md h6 code {
+.d2-710463437 .md h1 tt,
+.d2-710463437 .md h1 code,
+.d2-710463437 .md h2 tt,
+.d2-710463437 .md h2 code,
+.d2-710463437 .md h3 tt,
+.d2-710463437 .md h3 code,
+.d2-710463437 .md h4 tt,
+.d2-710463437 .md h4 code,
+.d2-710463437 .md h5 tt,
+.d2-710463437 .md h5 code,
+.d2-710463437 .md h6 tt,
+.d2-710463437 .md h6 code {
   padding: 0 0.2em;
   font-size: inherit;
 }
 
-.md ul.no-list,
-.md ol.no-list {
+.d2-710463437 .md ul.no-list,
+.d2-710463437 .md ol.no-list {
   padding: 0;
   list-style-type: none;
 }
 
-.md ol[type="1"] {
+.d2-710463437 .md ol[type="1"] {
   list-style-type: decimal;
 }
 
-.md ol[type="a"] {
+.d2-710463437 .md ol[type="a"] {
   list-style-type: lower-alpha;
 }
 
-.md ol[type="i"] {
+.d2-710463437 .md ol[type="i"] {
   list-style-type: lower-roman;
 }
 
-.md div > ol:not([type]) {
+.d2-710463437 .md div > ol:not([type]) {
   list-style-type: decimal;
 }
 
-.md ul ul,
-.md ul ol,
-.md ol ol,
-.md ol ul {
+.d2-710463437 .md ul ul,
+.d2-710463437 .md ul ol,
+.d2-710463437 .md ol ol,
+.d2-710463437 .md ol ul {
   margin-top: 0;
   margin-bottom: 0;
 }
 
-.md li > p {
+.d2-710463437 .md li > p {
   margin-top: 16px;
 }
 
-.md li + li {
+.d2-710463437 .md li + li {
   margin-top: 0.25em;
 }
 
-.md dl {
+.d2-710463437 .md dl {
   padding: 0;
 }
 
-.md dl dt {
+.d2-710463437 .md dl dt {
   padding: 0;
   margin-top: 16px;
   font-size: 1em;
@@ -573,48 +573,48 @@
   font-weight: 600;
 }
 
-.md dl dd {
+.d2-710463437 .md dl dd {
   padding: 0 16px;
   margin-bottom: 16px;
 }
 
-.md table th {
+.d2-710463437 .md table th {
   font-weight: 600;
 }
 
-.md table th,
-.md table td {
+.d2-710463437 .md table th,
+.d2-710463437 .md table td {
   padding: 6px 13px;
   border: 1px solid var(--color-border-default);
 }
 
-.md table tr {
+.d2-710463437 .md table tr {
   background-color: var(--color-canvas-default);
   border-top: 1px solid var(--color-border-muted);
 }
 
-.md table tr:nth-child(2n) {
+.d2-710463437 .md table tr:nth-child(2n) {
   background-color: var(--color-canvas-subtle);
 }
 
-.md table img {
+.d2-710463437 .md table img {
   background-color: transparent;
 }
 
-.md img[align="right"] {
+.d2-710463437 .md img[align="right"] {
   padding-left: 20px;
 }
 
-.md img[align="left"] {
+.d2-710463437 .md img[align="left"] {
   padding-right: 20px;
 }
 
-.md span.frame {
+.d2-710463437 .md span.frame {
   display: block;
   overflow: hidden;
 }
 
-.md span.frame > span {
+.d2-710463437 .md span.frame > span {
   display: block;
   float: left;
   width: auto;
@@ -624,81 +624,81 @@
   border: 1px solid var(--color-border-default);
 }
 
-.md span.frame span img {
+.d2-710463437 .md span.frame span img {
   display: block;
   float: left;
 }
 
-.md span.frame span span {
+.d2-710463437 .md span.frame span span {
   display: block;
   padding: 5px 0 0;
   clear: both;
   color: var(--color-fg-default);
 }
 
-.md span.align-center {
+.d2-710463437 .md span.align-center {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-center > span {
+.d2-710463437 .md span.align-center > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: center;
 }
 
-.md span.align-center span img {
+.d2-710463437 .md span.align-center span img {
   margin: 0 auto;
   text-align: center;
 }
 
-.md span.align-right {
+.d2-710463437 .md span.align-right {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-right > span {
+.d2-710463437 .md span.align-right > span {
   display: block;
   margin: 13px 0 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md span.align-right span img {
+.d2-710463437 .md span.align-right span img {
   margin: 0;
   text-align: right;
 }
 
-.md span.float-left {
+.d2-710463437 .md span.float-left {
   display: block;
   float: left;
   margin-right: 13px;
   overflow: hidden;
 }
 
-.md span.float-left span {
+.d2-710463437 .md span.float-left span {
   margin: 13px 0 0;
 }
 
-.md span.float-right {
+.d2-710463437 .md span.float-right {
   display: block;
   float: right;
   margin-left: 13px;
   overflow: hidden;
 }
 
-.md span.float-right > span {
+.d2-710463437 .md span.float-right > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md code,
-.md tt {
+.d2-710463437 .md code,
+.d2-710463437 .md tt {
   padding: 0.2em 0.4em;
   margin: 0;
   font-size: 85%;
@@ -706,20 +706,20 @@
   border-radius: 6px;
 }
 
-.md code br,
-.md tt br {
+.d2-710463437 .md code br,
+.d2-710463437 .md tt br {
   display: none;
 }
 
-.md del code {
+.d2-710463437 .md del code {
   text-decoration: inherit;
 }
 
-.md pre code {
+.d2-710463437 .md pre code {
   font-size: 100%;
 }
 
-.md pre > code {
+.d2-710463437 .md pre > code {
   padding: 0;
   margin: 0;
   word-break: normal;
@@ -728,17 +728,17 @@
   border: 0;
 }
 
-.md .highlight {
+.d2-710463437 .md .highlight {
   margin-bottom: 16px;
 }
 
-.md .highlight pre {
+.d2-710463437 .md .highlight pre {
   margin-bottom: 0;
   word-break: normal;
 }
 
-.md .highlight pre,
-.md pre {
+.d2-710463437 .md .highlight pre,
+.d2-710463437 .md pre {
   padding: 16px;
   overflow: auto;
   font-size: 85%;
@@ -747,8 +747,8 @@
   border-radius: 6px;
 }
 
-.md pre code,
-.md pre tt {
+.d2-710463437 .md pre code,
+.d2-710463437 .md pre tt {
   display: inline;
   max-width: auto;
   padding: 0;
@@ -760,8 +760,8 @@
   border: 0;
 }
 
-.md .csv-data td,
-.md .csv-data th {
+.d2-710463437 .md .csv-data td,
+.d2-710463437 .md .csv-data th {
   padding: 5px;
   overflow: hidden;
   font-size: 12px;
@@ -770,38 +770,38 @@
   white-space: nowrap;
 }
 
-.md .csv-data .blob-num {
+.d2-710463437 .md .csv-data .blob-num {
   padding: 10px 8px 9px;
   text-align: right;
   background: var(--color-canvas-default);
   border: 0;
 }
 
-.md .csv-data tr {
+.d2-710463437 .md .csv-data tr {
   border-top: 0;
 }
 
-.md .csv-data th {
+.d2-710463437 .md .csv-data th {
   font-weight: 600;
   background: var(--color-canvas-subtle);
   border-top: 0;
 }
 
-.md .footnotes {
+.d2-710463437 .md .footnotes {
   font-size: 12px;
   color: var(--color-fg-muted);
   border-top: 1px solid var(--color-border-default);
 }
 
-.md .footnotes ol {
+.d2-710463437 .md .footnotes ol {
   padding-left: 16px;
 }
 
-.md .footnotes li {
+.d2-710463437 .md .footnotes li {
   position: relative;
 }
 
-.md .footnotes li:target::before {
+.d2-710463437 .md .footnotes li:target::before {
   position: absolute;
   top: -8px;
   right: -8px;
@@ -813,36 +813,36 @@
   border-radius: 6px;
 }
 
-.md .footnotes li:target {
+.d2-710463437 .md .footnotes li:target {
   color: var(--color-fg-default);
 }
 
-.md .task-list-item {
+.d2-710463437 .md .task-list-item {
   list-style-type: none;
 }
 
-.md .task-list-item label {
+.d2-710463437 .md .task-list-item label {
   font-weight: 400;
 }
 
-.md .task-list-item.enabled label {
+.d2-710463437 .md .task-list-item.enabled label {
   cursor: pointer;
 }
 
-.md .task-list-item + .task-list-item {
+.d2-710463437 .md .task-list-item + .task-list-item {
   margin-top: 3px;
 }
 
-.md .task-list-item .handle {
+.d2-710463437 .md .task-list-item .handle {
   display: none;
 }
 
-.md .task-list-item-checkbox {
+.d2-710463437 .md .task-list-item-checkbox {
   margin: 0 0.2em 0.25em -1.6em;
   vertical-align: middle;
 }
 
-.md .contains-task-list:dir(rtl) .task-list-item-checkbox {
+.d2-710463437 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
 </style><defs><pattern id="streaks-normal" x="0" y="0" width="100" height="100" patternUnits="userSpaceOnUse">
diff --git a/d2renderers/d2sketch/testdata/root-fill/sketch.exp.svg b/d2renderers/d2sketch/testdata/root-fill/sketch.exp.svg
index 8d6c9227a..f37878250 100644
--- a/d2renderers/d2sketch/testdata/root-fill/sketch.exp.svg
+++ b/d2renderers/d2sketch/testdata/root-fill/sketch.exp.svg
@@ -96,31 +96,31 @@
 		.d2-2692925945 .color-AA4{color:#EDF0FD;}
 		.d2-2692925945 .color-AA5{color:#F7F8FE;}
 		.d2-2692925945 .color-AB4{color:#EDF0FD;}
-		.d2-2692925945 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.md em,
-.md dfn {
+		.d2-2692925945 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.d2-2692925945 .md em,
+.d2-2692925945 .md dfn {
   font-family: "d2-2692925945-font-italic";
 }
 
-.md b,
-.md strong {
+.d2-2692925945 .md b,
+.d2-2692925945 .md strong {
   font-family: "d2-2692925945-font-bold";
 }
 
-.md code,
-.md kbd,
-.md pre,
-.md samp {
+.d2-2692925945 .md code,
+.d2-2692925945 .md kbd,
+.d2-2692925945 .md pre,
+.d2-2692925945 .md samp {
   font-family: "d2-2692925945-font-mono";
   font-size: 1em;
 }
 
-.md {
+.d2-2692925945 .md {
   tab-size: 4;
 }
 
 /* variables are provided in d2renderers/d2svg/d2svg.go */
 
-.md {
+.d2-2692925945 .md {
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
   margin: 0;
@@ -132,41 +132,41 @@
   word-wrap: break-word;
 }
 
-.md details,
-.md figcaption,
-.md figure {
+.d2-2692925945 .md details,
+.d2-2692925945 .md figcaption,
+.d2-2692925945 .md figure {
   display: block;
 }
 
-.md summary {
+.d2-2692925945 .md summary {
   display: list-item;
 }
 
-.md [hidden] {
+.d2-2692925945 .md [hidden] {
   display: none !important;
 }
 
-.md a {
+.d2-2692925945 .md a {
   background-color: transparent;
   color: var(--color-accent-fg);
   text-decoration: none;
 }
 
-.md a:active,
-.md a:hover {
+.d2-2692925945 .md a:active,
+.d2-2692925945 .md a:hover {
   outline-width: 0;
 }
 
-.md abbr[title] {
+.d2-2692925945 .md abbr[title] {
   border-bottom: none;
   text-decoration: underline dotted;
 }
 
-.md dfn {
+.d2-2692925945 .md dfn {
   font-style: italic;
 }
 
-.md h1 {
+.d2-2692925945 .md h1 {
   margin: 0.67em 0;
   font-weight: 600;
   padding-bottom: 0.3em;
@@ -174,43 +174,43 @@
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md mark {
+.d2-2692925945 .md mark {
   background-color: var(--color-attention-subtle);
   color: var(--color-text-primary);
 }
 
-.md small {
+.d2-2692925945 .md small {
   font-size: 90%;
 }
 
-.md sub,
-.md sup {
+.d2-2692925945 .md sub,
+.d2-2692925945 .md sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
 }
 
-.md sub {
+.d2-2692925945 .md sub {
   bottom: -0.25em;
 }
 
-.md sup {
+.d2-2692925945 .md sup {
   top: -0.5em;
 }
 
-.md img {
+.d2-2692925945 .md img {
   border-style: none;
   max-width: 100%;
   box-sizing: content-box;
   background-color: var(--color-canvas-default);
 }
 
-.md figure {
+.d2-2692925945 .md figure {
   margin: 1em 40px;
 }
 
-.md hr {
+.d2-2692925945 .md hr {
   box-sizing: content-box;
   overflow: hidden;
   background: transparent;
@@ -222,7 +222,7 @@
   border: 0;
 }
 
-.md input {
+.d2-2692925945 .md input {
   font: inherit;
   margin: 0;
   overflow: visible;
@@ -231,72 +231,72 @@
   line-height: inherit;
 }
 
-.md [type="button"],
-.md [type="reset"],
-.md [type="submit"] {
+.d2-2692925945 .md [type="button"],
+.d2-2692925945 .md [type="reset"],
+.d2-2692925945 .md [type="submit"] {
   -webkit-appearance: button;
 }
 
-.md [type="button"]::-moz-focus-inner,
-.md [type="reset"]::-moz-focus-inner,
-.md [type="submit"]::-moz-focus-inner {
+.d2-2692925945 .md [type="button"]::-moz-focus-inner,
+.d2-2692925945 .md [type="reset"]::-moz-focus-inner,
+.d2-2692925945 .md [type="submit"]::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.md [type="button"]:-moz-focusring,
-.md [type="reset"]:-moz-focusring,
-.md [type="submit"]:-moz-focusring {
+.d2-2692925945 .md [type="button"]:-moz-focusring,
+.d2-2692925945 .md [type="reset"]:-moz-focusring,
+.d2-2692925945 .md [type="submit"]:-moz-focusring {
   outline: 1px dotted ButtonText;
 }
 
-.md [type="checkbox"],
-.md [type="radio"] {
+.d2-2692925945 .md [type="checkbox"],
+.d2-2692925945 .md [type="radio"] {
   box-sizing: border-box;
   padding: 0;
 }
 
-.md [type="number"]::-webkit-inner-spin-button,
-.md [type="number"]::-webkit-outer-spin-button {
+.d2-2692925945 .md [type="number"]::-webkit-inner-spin-button,
+.d2-2692925945 .md [type="number"]::-webkit-outer-spin-button {
   height: auto;
 }
 
-.md [type="search"] {
+.d2-2692925945 .md [type="search"] {
   -webkit-appearance: textfield;
   outline-offset: -2px;
 }
 
-.md [type="search"]::-webkit-search-cancel-button,
-.md [type="search"]::-webkit-search-decoration {
+.d2-2692925945 .md [type="search"]::-webkit-search-cancel-button,
+.d2-2692925945 .md [type="search"]::-webkit-search-decoration {
   -webkit-appearance: none;
 }
 
-.md ::-webkit-input-placeholder {
+.d2-2692925945 .md ::-webkit-input-placeholder {
   color: inherit;
   opacity: 0.54;
 }
 
-.md ::-webkit-file-upload-button {
+.d2-2692925945 .md ::-webkit-file-upload-button {
   -webkit-appearance: button;
   font: inherit;
 }
 
-.md a:hover {
+.d2-2692925945 .md a:hover {
   text-decoration: underline;
 }
 
-.md hr::before {
+.d2-2692925945 .md hr::before {
   display: table;
   content: "";
 }
 
-.md hr::after {
+.d2-2692925945 .md hr::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md table {
+.d2-2692925945 .md table {
   border-spacing: 0;
   border-collapse: collapse;
   display: block;
@@ -305,20 +305,20 @@
   overflow: auto;
 }
 
-.md td,
-.md th {
+.d2-2692925945 .md td,
+.d2-2692925945 .md th {
   padding: 0;
 }
 
-.md details summary {
+.d2-2692925945 .md details summary {
   cursor: pointer;
 }
 
-.md details:not([open]) > *:not(summary) {
+.d2-2692925945 .md details:not([open]) > *:not(summary) {
   display: none !important;
 }
 
-.md kbd {
+.d2-2692925945 .md kbd {
   display: inline-block;
   padding: 3px 5px;
   color: var(--color-fg-default);
@@ -330,12 +330,12 @@
   box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
 }
 
-.md h1,
-.md h2,
-.md h3,
-.md h4,
-.md h5,
-.md h6 {
+.d2-2692925945 .md h1,
+.d2-2692925945 .md h2,
+.d2-2692925945 .md h3,
+.d2-2692925945 .md h4,
+.d2-2692925945 .md h5,
+.d2-2692925945 .md h6 {
   margin-top: 24px;
   margin-bottom: 16px;
   font-weight: 600;
@@ -343,222 +343,222 @@
   font-family: "d2-2692925945-font-regular";
 }
 
-.md h2 {
+.d2-2692925945 .md h2 {
   font-weight: 600;
   padding-bottom: 0.3em;
   font-size: 1.5em;
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md h3 {
+.d2-2692925945 .md h3 {
   font-weight: 600;
   font-size: 1.25em;
 }
 
-.md h4 {
+.d2-2692925945 .md h4 {
   font-weight: 600;
   font-size: 1em;
 }
 
-.md h5 {
+.d2-2692925945 .md h5 {
   font-weight: 600;
   font-size: 0.875em;
 }
 
-.md h6 {
+.d2-2692925945 .md h6 {
   font-weight: 600;
   font-size: 0.85em;
   color: var(--color-fg-muted);
 }
 
-.md p {
+.d2-2692925945 .md p {
   margin-top: 0;
   margin-bottom: 10px;
 }
 
-.md blockquote {
+.d2-2692925945 .md blockquote {
   margin: 0;
   padding: 0 1em;
   color: var(--color-fg-muted);
   border-left: 0.25em solid var(--color-border-default);
 }
 
-.md ul,
-.md ol {
+.d2-2692925945 .md ul,
+.d2-2692925945 .md ol {
   margin-top: 0;
   margin-bottom: 0;
   padding-left: 2em;
 }
 
-.md ol ol,
-.md ul ol {
+.d2-2692925945 .md ol ol,
+.d2-2692925945 .md ul ol {
   list-style-type: lower-roman;
 }
 
-.md ul ul ol,
-.md ul ol ol,
-.md ol ul ol,
-.md ol ol ol {
+.d2-2692925945 .md ul ul ol,
+.d2-2692925945 .md ul ol ol,
+.d2-2692925945 .md ol ul ol,
+.d2-2692925945 .md ol ol ol {
   list-style-type: lower-alpha;
 }
 
-.md dd {
+.d2-2692925945 .md dd {
   margin-left: 0;
 }
 
-.md pre {
+.d2-2692925945 .md pre {
   margin-top: 0;
   margin-bottom: 0;
   word-wrap: normal;
 }
 
-.md ::placeholder {
+.d2-2692925945 .md ::placeholder {
   color: var(--color-fg-subtle);
   opacity: 1;
 }
 
-.md input::-webkit-outer-spin-button,
-.md input::-webkit-inner-spin-button {
+.d2-2692925945 .md input::-webkit-outer-spin-button,
+.d2-2692925945 .md input::-webkit-inner-spin-button {
   margin: 0;
   -webkit-appearance: none;
   appearance: none;
 }
 
-.md::before {
+.d2-2692925945 .md::before {
   display: table;
   content: "";
 }
 
-.md::after {
+.d2-2692925945 .md::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md > *:first-child {
+.d2-2692925945 .md > *:first-child {
   margin-top: 0 !important;
 }
 
-.md > *:last-child {
+.d2-2692925945 .md > *:last-child {
   margin-bottom: 0 !important;
 }
 
-.md a:not([href]) {
+.d2-2692925945 .md a:not([href]) {
   color: inherit;
   text-decoration: none;
 }
 
-.md .absent {
+.d2-2692925945 .md .absent {
   color: var(--color-danger-fg);
 }
 
-.md .anchor {
+.d2-2692925945 .md .anchor {
   float: left;
   padding-right: 4px;
   margin-left: -20px;
   line-height: 1;
 }
 
-.md .anchor:focus {
+.d2-2692925945 .md .anchor:focus {
   outline: none;
 }
 
-.md p,
-.md blockquote,
-.md ul,
-.md ol,
-.md dl,
-.md table,
-.md pre,
-.md details {
+.d2-2692925945 .md p,
+.d2-2692925945 .md blockquote,
+.d2-2692925945 .md ul,
+.d2-2692925945 .md ol,
+.d2-2692925945 .md dl,
+.d2-2692925945 .md table,
+.d2-2692925945 .md pre,
+.d2-2692925945 .md details {
   margin-top: 0;
   margin-bottom: 16px;
 }
 
-.md blockquote > :first-child {
+.d2-2692925945 .md blockquote > :first-child {
   margin-top: 0;
 }
 
-.md blockquote > :last-child {
+.d2-2692925945 .md blockquote > :last-child {
   margin-bottom: 0;
 }
 
-.md sup > a::before {
+.d2-2692925945 .md sup > a::before {
   content: "[";
 }
 
-.md sup > a::after {
+.d2-2692925945 .md sup > a::after {
   content: "]";
 }
 
-.md h1:hover .anchor,
-.md h2:hover .anchor,
-.md h3:hover .anchor,
-.md h4:hover .anchor,
-.md h5:hover .anchor,
-.md h6:hover .anchor {
+.d2-2692925945 .md h1:hover .anchor,
+.d2-2692925945 .md h2:hover .anchor,
+.d2-2692925945 .md h3:hover .anchor,
+.d2-2692925945 .md h4:hover .anchor,
+.d2-2692925945 .md h5:hover .anchor,
+.d2-2692925945 .md h6:hover .anchor {
   text-decoration: none;
 }
 
-.md h1 tt,
-.md h1 code,
-.md h2 tt,
-.md h2 code,
-.md h3 tt,
-.md h3 code,
-.md h4 tt,
-.md h4 code,
-.md h5 tt,
-.md h5 code,
-.md h6 tt,
-.md h6 code {
+.d2-2692925945 .md h1 tt,
+.d2-2692925945 .md h1 code,
+.d2-2692925945 .md h2 tt,
+.d2-2692925945 .md h2 code,
+.d2-2692925945 .md h3 tt,
+.d2-2692925945 .md h3 code,
+.d2-2692925945 .md h4 tt,
+.d2-2692925945 .md h4 code,
+.d2-2692925945 .md h5 tt,
+.d2-2692925945 .md h5 code,
+.d2-2692925945 .md h6 tt,
+.d2-2692925945 .md h6 code {
   padding: 0 0.2em;
   font-size: inherit;
 }
 
-.md ul.no-list,
-.md ol.no-list {
+.d2-2692925945 .md ul.no-list,
+.d2-2692925945 .md ol.no-list {
   padding: 0;
   list-style-type: none;
 }
 
-.md ol[type="1"] {
+.d2-2692925945 .md ol[type="1"] {
   list-style-type: decimal;
 }
 
-.md ol[type="a"] {
+.d2-2692925945 .md ol[type="a"] {
   list-style-type: lower-alpha;
 }
 
-.md ol[type="i"] {
+.d2-2692925945 .md ol[type="i"] {
   list-style-type: lower-roman;
 }
 
-.md div > ol:not([type]) {
+.d2-2692925945 .md div > ol:not([type]) {
   list-style-type: decimal;
 }
 
-.md ul ul,
-.md ul ol,
-.md ol ol,
-.md ol ul {
+.d2-2692925945 .md ul ul,
+.d2-2692925945 .md ul ol,
+.d2-2692925945 .md ol ol,
+.d2-2692925945 .md ol ul {
   margin-top: 0;
   margin-bottom: 0;
 }
 
-.md li > p {
+.d2-2692925945 .md li > p {
   margin-top: 16px;
 }
 
-.md li + li {
+.d2-2692925945 .md li + li {
   margin-top: 0.25em;
 }
 
-.md dl {
+.d2-2692925945 .md dl {
   padding: 0;
 }
 
-.md dl dt {
+.d2-2692925945 .md dl dt {
   padding: 0;
   margin-top: 16px;
   font-size: 1em;
@@ -566,48 +566,48 @@
   font-weight: 600;
 }
 
-.md dl dd {
+.d2-2692925945 .md dl dd {
   padding: 0 16px;
   margin-bottom: 16px;
 }
 
-.md table th {
+.d2-2692925945 .md table th {
   font-weight: 600;
 }
 
-.md table th,
-.md table td {
+.d2-2692925945 .md table th,
+.d2-2692925945 .md table td {
   padding: 6px 13px;
   border: 1px solid var(--color-border-default);
 }
 
-.md table tr {
+.d2-2692925945 .md table tr {
   background-color: var(--color-canvas-default);
   border-top: 1px solid var(--color-border-muted);
 }
 
-.md table tr:nth-child(2n) {
+.d2-2692925945 .md table tr:nth-child(2n) {
   background-color: var(--color-canvas-subtle);
 }
 
-.md table img {
+.d2-2692925945 .md table img {
   background-color: transparent;
 }
 
-.md img[align="right"] {
+.d2-2692925945 .md img[align="right"] {
   padding-left: 20px;
 }
 
-.md img[align="left"] {
+.d2-2692925945 .md img[align="left"] {
   padding-right: 20px;
 }
 
-.md span.frame {
+.d2-2692925945 .md span.frame {
   display: block;
   overflow: hidden;
 }
 
-.md span.frame > span {
+.d2-2692925945 .md span.frame > span {
   display: block;
   float: left;
   width: auto;
@@ -617,81 +617,81 @@
   border: 1px solid var(--color-border-default);
 }
 
-.md span.frame span img {
+.d2-2692925945 .md span.frame span img {
   display: block;
   float: left;
 }
 
-.md span.frame span span {
+.d2-2692925945 .md span.frame span span {
   display: block;
   padding: 5px 0 0;
   clear: both;
   color: var(--color-fg-default);
 }
 
-.md span.align-center {
+.d2-2692925945 .md span.align-center {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-center > span {
+.d2-2692925945 .md span.align-center > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: center;
 }
 
-.md span.align-center span img {
+.d2-2692925945 .md span.align-center span img {
   margin: 0 auto;
   text-align: center;
 }
 
-.md span.align-right {
+.d2-2692925945 .md span.align-right {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-right > span {
+.d2-2692925945 .md span.align-right > span {
   display: block;
   margin: 13px 0 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md span.align-right span img {
+.d2-2692925945 .md span.align-right span img {
   margin: 0;
   text-align: right;
 }
 
-.md span.float-left {
+.d2-2692925945 .md span.float-left {
   display: block;
   float: left;
   margin-right: 13px;
   overflow: hidden;
 }
 
-.md span.float-left span {
+.d2-2692925945 .md span.float-left span {
   margin: 13px 0 0;
 }
 
-.md span.float-right {
+.d2-2692925945 .md span.float-right {
   display: block;
   float: right;
   margin-left: 13px;
   overflow: hidden;
 }
 
-.md span.float-right > span {
+.d2-2692925945 .md span.float-right > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md code,
-.md tt {
+.d2-2692925945 .md code,
+.d2-2692925945 .md tt {
   padding: 0.2em 0.4em;
   margin: 0;
   font-size: 85%;
@@ -699,20 +699,20 @@
   border-radius: 6px;
 }
 
-.md code br,
-.md tt br {
+.d2-2692925945 .md code br,
+.d2-2692925945 .md tt br {
   display: none;
 }
 
-.md del code {
+.d2-2692925945 .md del code {
   text-decoration: inherit;
 }
 
-.md pre code {
+.d2-2692925945 .md pre code {
   font-size: 100%;
 }
 
-.md pre > code {
+.d2-2692925945 .md pre > code {
   padding: 0;
   margin: 0;
   word-break: normal;
@@ -721,17 +721,17 @@
   border: 0;
 }
 
-.md .highlight {
+.d2-2692925945 .md .highlight {
   margin-bottom: 16px;
 }
 
-.md .highlight pre {
+.d2-2692925945 .md .highlight pre {
   margin-bottom: 0;
   word-break: normal;
 }
 
-.md .highlight pre,
-.md pre {
+.d2-2692925945 .md .highlight pre,
+.d2-2692925945 .md pre {
   padding: 16px;
   overflow: auto;
   font-size: 85%;
@@ -740,8 +740,8 @@
   border-radius: 6px;
 }
 
-.md pre code,
-.md pre tt {
+.d2-2692925945 .md pre code,
+.d2-2692925945 .md pre tt {
   display: inline;
   max-width: auto;
   padding: 0;
@@ -753,8 +753,8 @@
   border: 0;
 }
 
-.md .csv-data td,
-.md .csv-data th {
+.d2-2692925945 .md .csv-data td,
+.d2-2692925945 .md .csv-data th {
   padding: 5px;
   overflow: hidden;
   font-size: 12px;
@@ -763,38 +763,38 @@
   white-space: nowrap;
 }
 
-.md .csv-data .blob-num {
+.d2-2692925945 .md .csv-data .blob-num {
   padding: 10px 8px 9px;
   text-align: right;
   background: var(--color-canvas-default);
   border: 0;
 }
 
-.md .csv-data tr {
+.d2-2692925945 .md .csv-data tr {
   border-top: 0;
 }
 
-.md .csv-data th {
+.d2-2692925945 .md .csv-data th {
   font-weight: 600;
   background: var(--color-canvas-subtle);
   border-top: 0;
 }
 
-.md .footnotes {
+.d2-2692925945 .md .footnotes {
   font-size: 12px;
   color: var(--color-fg-muted);
   border-top: 1px solid var(--color-border-default);
 }
 
-.md .footnotes ol {
+.d2-2692925945 .md .footnotes ol {
   padding-left: 16px;
 }
 
-.md .footnotes li {
+.d2-2692925945 .md .footnotes li {
   position: relative;
 }
 
-.md .footnotes li:target::before {
+.d2-2692925945 .md .footnotes li:target::before {
   position: absolute;
   top: -8px;
   right: -8px;
@@ -806,36 +806,36 @@
   border-radius: 6px;
 }
 
-.md .footnotes li:target {
+.d2-2692925945 .md .footnotes li:target {
   color: var(--color-fg-default);
 }
 
-.md .task-list-item {
+.d2-2692925945 .md .task-list-item {
   list-style-type: none;
 }
 
-.md .task-list-item label {
+.d2-2692925945 .md .task-list-item label {
   font-weight: 400;
 }
 
-.md .task-list-item.enabled label {
+.d2-2692925945 .md .task-list-item.enabled label {
   cursor: pointer;
 }
 
-.md .task-list-item + .task-list-item {
+.d2-2692925945 .md .task-list-item + .task-list-item {
   margin-top: 3px;
 }
 
-.md .task-list-item .handle {
+.d2-2692925945 .md .task-list-item .handle {
   display: none;
 }
 
-.md .task-list-item-checkbox {
+.d2-2692925945 .md .task-list-item-checkbox {
   margin: 0 0.2em 0.25em -1.6em;
   vertical-align: middle;
 }
 
-.md .contains-task-list:dir(rtl) .task-list-item-checkbox {
+.d2-2692925945 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
 </style><defs><pattern id="streaks-bright" x="0" y="0" width="100" height="100" patternUnits="userSpaceOnUse">
diff --git a/d2renderers/d2sketch/testdata/twitter/sketch.exp.svg b/d2renderers/d2sketch/testdata/twitter/sketch.exp.svg
index 53a56f1c5..75bc36373 100644
--- a/d2renderers/d2sketch/testdata/twitter/sketch.exp.svg
+++ b/d2renderers/d2sketch/testdata/twitter/sketch.exp.svg
@@ -111,31 +111,31 @@
 		.d2-1289122894 .color-AA4{color:#EDF0FD;}
 		.d2-1289122894 .color-AA5{color:#F7F8FE;}
 		.d2-1289122894 .color-AB4{color:#EDF0FD;}
-		.d2-1289122894 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.md em,
-.md dfn {
+		.d2-1289122894 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.d2-1289122894 .md em,
+.d2-1289122894 .md dfn {
   font-family: "d2-1289122894-font-italic";
 }
 
-.md b,
-.md strong {
+.d2-1289122894 .md b,
+.d2-1289122894 .md strong {
   font-family: "d2-1289122894-font-bold";
 }
 
-.md code,
-.md kbd,
-.md pre,
-.md samp {
+.d2-1289122894 .md code,
+.d2-1289122894 .md kbd,
+.d2-1289122894 .md pre,
+.d2-1289122894 .md samp {
   font-family: "d2-1289122894-font-mono";
   font-size: 1em;
 }
 
-.md {
+.d2-1289122894 .md {
   tab-size: 4;
 }
 
 /* variables are provided in d2renderers/d2svg/d2svg.go */
 
-.md {
+.d2-1289122894 .md {
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
   margin: 0;
@@ -147,41 +147,41 @@
   word-wrap: break-word;
 }
 
-.md details,
-.md figcaption,
-.md figure {
+.d2-1289122894 .md details,
+.d2-1289122894 .md figcaption,
+.d2-1289122894 .md figure {
   display: block;
 }
 
-.md summary {
+.d2-1289122894 .md summary {
   display: list-item;
 }
 
-.md [hidden] {
+.d2-1289122894 .md [hidden] {
   display: none !important;
 }
 
-.md a {
+.d2-1289122894 .md a {
   background-color: transparent;
   color: var(--color-accent-fg);
   text-decoration: none;
 }
 
-.md a:active,
-.md a:hover {
+.d2-1289122894 .md a:active,
+.d2-1289122894 .md a:hover {
   outline-width: 0;
 }
 
-.md abbr[title] {
+.d2-1289122894 .md abbr[title] {
   border-bottom: none;
   text-decoration: underline dotted;
 }
 
-.md dfn {
+.d2-1289122894 .md dfn {
   font-style: italic;
 }
 
-.md h1 {
+.d2-1289122894 .md h1 {
   margin: 0.67em 0;
   font-weight: 600;
   padding-bottom: 0.3em;
@@ -189,43 +189,43 @@
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md mark {
+.d2-1289122894 .md mark {
   background-color: var(--color-attention-subtle);
   color: var(--color-text-primary);
 }
 
-.md small {
+.d2-1289122894 .md small {
   font-size: 90%;
 }
 
-.md sub,
-.md sup {
+.d2-1289122894 .md sub,
+.d2-1289122894 .md sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
 }
 
-.md sub {
+.d2-1289122894 .md sub {
   bottom: -0.25em;
 }
 
-.md sup {
+.d2-1289122894 .md sup {
   top: -0.5em;
 }
 
-.md img {
+.d2-1289122894 .md img {
   border-style: none;
   max-width: 100%;
   box-sizing: content-box;
   background-color: var(--color-canvas-default);
 }
 
-.md figure {
+.d2-1289122894 .md figure {
   margin: 1em 40px;
 }
 
-.md hr {
+.d2-1289122894 .md hr {
   box-sizing: content-box;
   overflow: hidden;
   background: transparent;
@@ -237,7 +237,7 @@
   border: 0;
 }
 
-.md input {
+.d2-1289122894 .md input {
   font: inherit;
   margin: 0;
   overflow: visible;
@@ -246,72 +246,72 @@
   line-height: inherit;
 }
 
-.md [type="button"],
-.md [type="reset"],
-.md [type="submit"] {
+.d2-1289122894 .md [type="button"],
+.d2-1289122894 .md [type="reset"],
+.d2-1289122894 .md [type="submit"] {
   -webkit-appearance: button;
 }
 
-.md [type="button"]::-moz-focus-inner,
-.md [type="reset"]::-moz-focus-inner,
-.md [type="submit"]::-moz-focus-inner {
+.d2-1289122894 .md [type="button"]::-moz-focus-inner,
+.d2-1289122894 .md [type="reset"]::-moz-focus-inner,
+.d2-1289122894 .md [type="submit"]::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.md [type="button"]:-moz-focusring,
-.md [type="reset"]:-moz-focusring,
-.md [type="submit"]:-moz-focusring {
+.d2-1289122894 .md [type="button"]:-moz-focusring,
+.d2-1289122894 .md [type="reset"]:-moz-focusring,
+.d2-1289122894 .md [type="submit"]:-moz-focusring {
   outline: 1px dotted ButtonText;
 }
 
-.md [type="checkbox"],
-.md [type="radio"] {
+.d2-1289122894 .md [type="checkbox"],
+.d2-1289122894 .md [type="radio"] {
   box-sizing: border-box;
   padding: 0;
 }
 
-.md [type="number"]::-webkit-inner-spin-button,
-.md [type="number"]::-webkit-outer-spin-button {
+.d2-1289122894 .md [type="number"]::-webkit-inner-spin-button,
+.d2-1289122894 .md [type="number"]::-webkit-outer-spin-button {
   height: auto;
 }
 
-.md [type="search"] {
+.d2-1289122894 .md [type="search"] {
   -webkit-appearance: textfield;
   outline-offset: -2px;
 }
 
-.md [type="search"]::-webkit-search-cancel-button,
-.md [type="search"]::-webkit-search-decoration {
+.d2-1289122894 .md [type="search"]::-webkit-search-cancel-button,
+.d2-1289122894 .md [type="search"]::-webkit-search-decoration {
   -webkit-appearance: none;
 }
 
-.md ::-webkit-input-placeholder {
+.d2-1289122894 .md ::-webkit-input-placeholder {
   color: inherit;
   opacity: 0.54;
 }
 
-.md ::-webkit-file-upload-button {
+.d2-1289122894 .md ::-webkit-file-upload-button {
   -webkit-appearance: button;
   font: inherit;
 }
 
-.md a:hover {
+.d2-1289122894 .md a:hover {
   text-decoration: underline;
 }
 
-.md hr::before {
+.d2-1289122894 .md hr::before {
   display: table;
   content: "";
 }
 
-.md hr::after {
+.d2-1289122894 .md hr::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md table {
+.d2-1289122894 .md table {
   border-spacing: 0;
   border-collapse: collapse;
   display: block;
@@ -320,20 +320,20 @@
   overflow: auto;
 }
 
-.md td,
-.md th {
+.d2-1289122894 .md td,
+.d2-1289122894 .md th {
   padding: 0;
 }
 
-.md details summary {
+.d2-1289122894 .md details summary {
   cursor: pointer;
 }
 
-.md details:not([open]) > *:not(summary) {
+.d2-1289122894 .md details:not([open]) > *:not(summary) {
   display: none !important;
 }
 
-.md kbd {
+.d2-1289122894 .md kbd {
   display: inline-block;
   padding: 3px 5px;
   color: var(--color-fg-default);
@@ -345,12 +345,12 @@
   box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
 }
 
-.md h1,
-.md h2,
-.md h3,
-.md h4,
-.md h5,
-.md h6 {
+.d2-1289122894 .md h1,
+.d2-1289122894 .md h2,
+.d2-1289122894 .md h3,
+.d2-1289122894 .md h4,
+.d2-1289122894 .md h5,
+.d2-1289122894 .md h6 {
   margin-top: 24px;
   margin-bottom: 16px;
   font-weight: 600;
@@ -358,222 +358,222 @@
   font-family: "d2-1289122894-font-regular";
 }
 
-.md h2 {
+.d2-1289122894 .md h2 {
   font-weight: 600;
   padding-bottom: 0.3em;
   font-size: 1.5em;
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md h3 {
+.d2-1289122894 .md h3 {
   font-weight: 600;
   font-size: 1.25em;
 }
 
-.md h4 {
+.d2-1289122894 .md h4 {
   font-weight: 600;
   font-size: 1em;
 }
 
-.md h5 {
+.d2-1289122894 .md h5 {
   font-weight: 600;
   font-size: 0.875em;
 }
 
-.md h6 {
+.d2-1289122894 .md h6 {
   font-weight: 600;
   font-size: 0.85em;
   color: var(--color-fg-muted);
 }
 
-.md p {
+.d2-1289122894 .md p {
   margin-top: 0;
   margin-bottom: 10px;
 }
 
-.md blockquote {
+.d2-1289122894 .md blockquote {
   margin: 0;
   padding: 0 1em;
   color: var(--color-fg-muted);
   border-left: 0.25em solid var(--color-border-default);
 }
 
-.md ul,
-.md ol {
+.d2-1289122894 .md ul,
+.d2-1289122894 .md ol {
   margin-top: 0;
   margin-bottom: 0;
   padding-left: 2em;
 }
 
-.md ol ol,
-.md ul ol {
+.d2-1289122894 .md ol ol,
+.d2-1289122894 .md ul ol {
   list-style-type: lower-roman;
 }
 
-.md ul ul ol,
-.md ul ol ol,
-.md ol ul ol,
-.md ol ol ol {
+.d2-1289122894 .md ul ul ol,
+.d2-1289122894 .md ul ol ol,
+.d2-1289122894 .md ol ul ol,
+.d2-1289122894 .md ol ol ol {
   list-style-type: lower-alpha;
 }
 
-.md dd {
+.d2-1289122894 .md dd {
   margin-left: 0;
 }
 
-.md pre {
+.d2-1289122894 .md pre {
   margin-top: 0;
   margin-bottom: 0;
   word-wrap: normal;
 }
 
-.md ::placeholder {
+.d2-1289122894 .md ::placeholder {
   color: var(--color-fg-subtle);
   opacity: 1;
 }
 
-.md input::-webkit-outer-spin-button,
-.md input::-webkit-inner-spin-button {
+.d2-1289122894 .md input::-webkit-outer-spin-button,
+.d2-1289122894 .md input::-webkit-inner-spin-button {
   margin: 0;
   -webkit-appearance: none;
   appearance: none;
 }
 
-.md::before {
+.d2-1289122894 .md::before {
   display: table;
   content: "";
 }
 
-.md::after {
+.d2-1289122894 .md::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md > *:first-child {
+.d2-1289122894 .md > *:first-child {
   margin-top: 0 !important;
 }
 
-.md > *:last-child {
+.d2-1289122894 .md > *:last-child {
   margin-bottom: 0 !important;
 }
 
-.md a:not([href]) {
+.d2-1289122894 .md a:not([href]) {
   color: inherit;
   text-decoration: none;
 }
 
-.md .absent {
+.d2-1289122894 .md .absent {
   color: var(--color-danger-fg);
 }
 
-.md .anchor {
+.d2-1289122894 .md .anchor {
   float: left;
   padding-right: 4px;
   margin-left: -20px;
   line-height: 1;
 }
 
-.md .anchor:focus {
+.d2-1289122894 .md .anchor:focus {
   outline: none;
 }
 
-.md p,
-.md blockquote,
-.md ul,
-.md ol,
-.md dl,
-.md table,
-.md pre,
-.md details {
+.d2-1289122894 .md p,
+.d2-1289122894 .md blockquote,
+.d2-1289122894 .md ul,
+.d2-1289122894 .md ol,
+.d2-1289122894 .md dl,
+.d2-1289122894 .md table,
+.d2-1289122894 .md pre,
+.d2-1289122894 .md details {
   margin-top: 0;
   margin-bottom: 16px;
 }
 
-.md blockquote > :first-child {
+.d2-1289122894 .md blockquote > :first-child {
   margin-top: 0;
 }
 
-.md blockquote > :last-child {
+.d2-1289122894 .md blockquote > :last-child {
   margin-bottom: 0;
 }
 
-.md sup > a::before {
+.d2-1289122894 .md sup > a::before {
   content: "[";
 }
 
-.md sup > a::after {
+.d2-1289122894 .md sup > a::after {
   content: "]";
 }
 
-.md h1:hover .anchor,
-.md h2:hover .anchor,
-.md h3:hover .anchor,
-.md h4:hover .anchor,
-.md h5:hover .anchor,
-.md h6:hover .anchor {
+.d2-1289122894 .md h1:hover .anchor,
+.d2-1289122894 .md h2:hover .anchor,
+.d2-1289122894 .md h3:hover .anchor,
+.d2-1289122894 .md h4:hover .anchor,
+.d2-1289122894 .md h5:hover .anchor,
+.d2-1289122894 .md h6:hover .anchor {
   text-decoration: none;
 }
 
-.md h1 tt,
-.md h1 code,
-.md h2 tt,
-.md h2 code,
-.md h3 tt,
-.md h3 code,
-.md h4 tt,
-.md h4 code,
-.md h5 tt,
-.md h5 code,
-.md h6 tt,
-.md h6 code {
+.d2-1289122894 .md h1 tt,
+.d2-1289122894 .md h1 code,
+.d2-1289122894 .md h2 tt,
+.d2-1289122894 .md h2 code,
+.d2-1289122894 .md h3 tt,
+.d2-1289122894 .md h3 code,
+.d2-1289122894 .md h4 tt,
+.d2-1289122894 .md h4 code,
+.d2-1289122894 .md h5 tt,
+.d2-1289122894 .md h5 code,
+.d2-1289122894 .md h6 tt,
+.d2-1289122894 .md h6 code {
   padding: 0 0.2em;
   font-size: inherit;
 }
 
-.md ul.no-list,
-.md ol.no-list {
+.d2-1289122894 .md ul.no-list,
+.d2-1289122894 .md ol.no-list {
   padding: 0;
   list-style-type: none;
 }
 
-.md ol[type="1"] {
+.d2-1289122894 .md ol[type="1"] {
   list-style-type: decimal;
 }
 
-.md ol[type="a"] {
+.d2-1289122894 .md ol[type="a"] {
   list-style-type: lower-alpha;
 }
 
-.md ol[type="i"] {
+.d2-1289122894 .md ol[type="i"] {
   list-style-type: lower-roman;
 }
 
-.md div > ol:not([type]) {
+.d2-1289122894 .md div > ol:not([type]) {
   list-style-type: decimal;
 }
 
-.md ul ul,
-.md ul ol,
-.md ol ol,
-.md ol ul {
+.d2-1289122894 .md ul ul,
+.d2-1289122894 .md ul ol,
+.d2-1289122894 .md ol ol,
+.d2-1289122894 .md ol ul {
   margin-top: 0;
   margin-bottom: 0;
 }
 
-.md li > p {
+.d2-1289122894 .md li > p {
   margin-top: 16px;
 }
 
-.md li + li {
+.d2-1289122894 .md li + li {
   margin-top: 0.25em;
 }
 
-.md dl {
+.d2-1289122894 .md dl {
   padding: 0;
 }
 
-.md dl dt {
+.d2-1289122894 .md dl dt {
   padding: 0;
   margin-top: 16px;
   font-size: 1em;
@@ -581,48 +581,48 @@
   font-weight: 600;
 }
 
-.md dl dd {
+.d2-1289122894 .md dl dd {
   padding: 0 16px;
   margin-bottom: 16px;
 }
 
-.md table th {
+.d2-1289122894 .md table th {
   font-weight: 600;
 }
 
-.md table th,
-.md table td {
+.d2-1289122894 .md table th,
+.d2-1289122894 .md table td {
   padding: 6px 13px;
   border: 1px solid var(--color-border-default);
 }
 
-.md table tr {
+.d2-1289122894 .md table tr {
   background-color: var(--color-canvas-default);
   border-top: 1px solid var(--color-border-muted);
 }
 
-.md table tr:nth-child(2n) {
+.d2-1289122894 .md table tr:nth-child(2n) {
   background-color: var(--color-canvas-subtle);
 }
 
-.md table img {
+.d2-1289122894 .md table img {
   background-color: transparent;
 }
 
-.md img[align="right"] {
+.d2-1289122894 .md img[align="right"] {
   padding-left: 20px;
 }
 
-.md img[align="left"] {
+.d2-1289122894 .md img[align="left"] {
   padding-right: 20px;
 }
 
-.md span.frame {
+.d2-1289122894 .md span.frame {
   display: block;
   overflow: hidden;
 }
 
-.md span.frame > span {
+.d2-1289122894 .md span.frame > span {
   display: block;
   float: left;
   width: auto;
@@ -632,81 +632,81 @@
   border: 1px solid var(--color-border-default);
 }
 
-.md span.frame span img {
+.d2-1289122894 .md span.frame span img {
   display: block;
   float: left;
 }
 
-.md span.frame span span {
+.d2-1289122894 .md span.frame span span {
   display: block;
   padding: 5px 0 0;
   clear: both;
   color: var(--color-fg-default);
 }
 
-.md span.align-center {
+.d2-1289122894 .md span.align-center {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-center > span {
+.d2-1289122894 .md span.align-center > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: center;
 }
 
-.md span.align-center span img {
+.d2-1289122894 .md span.align-center span img {
   margin: 0 auto;
   text-align: center;
 }
 
-.md span.align-right {
+.d2-1289122894 .md span.align-right {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-right > span {
+.d2-1289122894 .md span.align-right > span {
   display: block;
   margin: 13px 0 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md span.align-right span img {
+.d2-1289122894 .md span.align-right span img {
   margin: 0;
   text-align: right;
 }
 
-.md span.float-left {
+.d2-1289122894 .md span.float-left {
   display: block;
   float: left;
   margin-right: 13px;
   overflow: hidden;
 }
 
-.md span.float-left span {
+.d2-1289122894 .md span.float-left span {
   margin: 13px 0 0;
 }
 
-.md span.float-right {
+.d2-1289122894 .md span.float-right {
   display: block;
   float: right;
   margin-left: 13px;
   overflow: hidden;
 }
 
-.md span.float-right > span {
+.d2-1289122894 .md span.float-right > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md code,
-.md tt {
+.d2-1289122894 .md code,
+.d2-1289122894 .md tt {
   padding: 0.2em 0.4em;
   margin: 0;
   font-size: 85%;
@@ -714,20 +714,20 @@
   border-radius: 6px;
 }
 
-.md code br,
-.md tt br {
+.d2-1289122894 .md code br,
+.d2-1289122894 .md tt br {
   display: none;
 }
 
-.md del code {
+.d2-1289122894 .md del code {
   text-decoration: inherit;
 }
 
-.md pre code {
+.d2-1289122894 .md pre code {
   font-size: 100%;
 }
 
-.md pre > code {
+.d2-1289122894 .md pre > code {
   padding: 0;
   margin: 0;
   word-break: normal;
@@ -736,17 +736,17 @@
   border: 0;
 }
 
-.md .highlight {
+.d2-1289122894 .md .highlight {
   margin-bottom: 16px;
 }
 
-.md .highlight pre {
+.d2-1289122894 .md .highlight pre {
   margin-bottom: 0;
   word-break: normal;
 }
 
-.md .highlight pre,
-.md pre {
+.d2-1289122894 .md .highlight pre,
+.d2-1289122894 .md pre {
   padding: 16px;
   overflow: auto;
   font-size: 85%;
@@ -755,8 +755,8 @@
   border-radius: 6px;
 }
 
-.md pre code,
-.md pre tt {
+.d2-1289122894 .md pre code,
+.d2-1289122894 .md pre tt {
   display: inline;
   max-width: auto;
   padding: 0;
@@ -768,8 +768,8 @@
   border: 0;
 }
 
-.md .csv-data td,
-.md .csv-data th {
+.d2-1289122894 .md .csv-data td,
+.d2-1289122894 .md .csv-data th {
   padding: 5px;
   overflow: hidden;
   font-size: 12px;
@@ -778,38 +778,38 @@
   white-space: nowrap;
 }
 
-.md .csv-data .blob-num {
+.d2-1289122894 .md .csv-data .blob-num {
   padding: 10px 8px 9px;
   text-align: right;
   background: var(--color-canvas-default);
   border: 0;
 }
 
-.md .csv-data tr {
+.d2-1289122894 .md .csv-data tr {
   border-top: 0;
 }
 
-.md .csv-data th {
+.d2-1289122894 .md .csv-data th {
   font-weight: 600;
   background: var(--color-canvas-subtle);
   border-top: 0;
 }
 
-.md .footnotes {
+.d2-1289122894 .md .footnotes {
   font-size: 12px;
   color: var(--color-fg-muted);
   border-top: 1px solid var(--color-border-default);
 }
 
-.md .footnotes ol {
+.d2-1289122894 .md .footnotes ol {
   padding-left: 16px;
 }
 
-.md .footnotes li {
+.d2-1289122894 .md .footnotes li {
   position: relative;
 }
 
-.md .footnotes li:target::before {
+.d2-1289122894 .md .footnotes li:target::before {
   position: absolute;
   top: -8px;
   right: -8px;
@@ -821,36 +821,36 @@
   border-radius: 6px;
 }
 
-.md .footnotes li:target {
+.d2-1289122894 .md .footnotes li:target {
   color: var(--color-fg-default);
 }
 
-.md .task-list-item {
+.d2-1289122894 .md .task-list-item {
   list-style-type: none;
 }
 
-.md .task-list-item label {
+.d2-1289122894 .md .task-list-item label {
   font-weight: 400;
 }
 
-.md .task-list-item.enabled label {
+.d2-1289122894 .md .task-list-item.enabled label {
   cursor: pointer;
 }
 
-.md .task-list-item + .task-list-item {
+.d2-1289122894 .md .task-list-item + .task-list-item {
   margin-top: 3px;
 }
 
-.md .task-list-item .handle {
+.d2-1289122894 .md .task-list-item .handle {
   display: none;
 }
 
-.md .task-list-item-checkbox {
+.d2-1289122894 .md .task-list-item-checkbox {
   margin: 0 0.2em 0.25em -1.6em;
   vertical-align: middle;
 }
 
-.md .contains-task-list:dir(rtl) .task-list-item-checkbox {
+.d2-1289122894 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
 </style><defs><pattern id="streaks-bright" x="0" y="0" width="100" height="100" patternUnits="userSpaceOnUse">
diff --git a/d2renderers/d2sketch/testdata/twitter_dark/sketch.exp.svg b/d2renderers/d2sketch/testdata/twitter_dark/sketch.exp.svg
index c24cfa73e..efd62f89e 100644
--- a/d2renderers/d2sketch/testdata/twitter_dark/sketch.exp.svg
+++ b/d2renderers/d2sketch/testdata/twitter_dark/sketch.exp.svg
@@ -111,31 +111,31 @@
 		.d2-1289122894 .color-AA4{color:#45475A;}
 		.d2-1289122894 .color-AA5{color:#313244;}
 		.d2-1289122894 .color-AB4{color:#45475A;}
-		.d2-1289122894 .color-AB5{color:#313244;}.appendix text.text{fill:#CDD6F4}.md{--color-fg-default:#CDD6F4;--color-fg-muted:#BAC2DE;--color-fg-subtle:#A6ADC8;--color-canvas-default:#1E1E2E;--color-canvas-subtle:#313244;--color-border-default:#CBA6f7;--color-border-muted:#CBA6f7;--color-neutral-muted:#313244;--color-accent-fg:#CBA6f7;--color-accent-emphasis:#CBA6f7;--color-attention-subtle:#BAC2DE;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-B2{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-B3{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-B4{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-B5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B6{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AA2{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-AA4{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AA5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AB4{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AB5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N1{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N2{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N6{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N7{fill:url(#streaks-darker);mix-blend-mode:lighten}.light-code{display: none}.dark-code{display: block}]]></style><style type="text/css">.md em,
-.md dfn {
+		.d2-1289122894 .color-AB5{color:#313244;}.appendix text.text{fill:#CDD6F4}.md{--color-fg-default:#CDD6F4;--color-fg-muted:#BAC2DE;--color-fg-subtle:#A6ADC8;--color-canvas-default:#1E1E2E;--color-canvas-subtle:#313244;--color-border-default:#CBA6f7;--color-border-muted:#CBA6f7;--color-neutral-muted:#313244;--color-accent-fg:#CBA6f7;--color-accent-emphasis:#CBA6f7;--color-attention-subtle:#BAC2DE;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-B2{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-B3{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-B4{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-B5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B6{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AA2{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-AA4{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AA5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AB4{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AB5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N1{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N2{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N6{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N7{fill:url(#streaks-darker);mix-blend-mode:lighten}.light-code{display: none}.dark-code{display: block}]]></style><style type="text/css">.d2-1289122894 .md em,
+.d2-1289122894 .md dfn {
   font-family: "d2-1289122894-font-italic";
 }
 
-.md b,
-.md strong {
+.d2-1289122894 .md b,
+.d2-1289122894 .md strong {
   font-family: "d2-1289122894-font-bold";
 }
 
-.md code,
-.md kbd,
-.md pre,
-.md samp {
+.d2-1289122894 .md code,
+.d2-1289122894 .md kbd,
+.d2-1289122894 .md pre,
+.d2-1289122894 .md samp {
   font-family: "d2-1289122894-font-mono";
   font-size: 1em;
 }
 
-.md {
+.d2-1289122894 .md {
   tab-size: 4;
 }
 
 /* variables are provided in d2renderers/d2svg/d2svg.go */
 
-.md {
+.d2-1289122894 .md {
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
   margin: 0;
@@ -147,41 +147,41 @@
   word-wrap: break-word;
 }
 
-.md details,
-.md figcaption,
-.md figure {
+.d2-1289122894 .md details,
+.d2-1289122894 .md figcaption,
+.d2-1289122894 .md figure {
   display: block;
 }
 
-.md summary {
+.d2-1289122894 .md summary {
   display: list-item;
 }
 
-.md [hidden] {
+.d2-1289122894 .md [hidden] {
   display: none !important;
 }
 
-.md a {
+.d2-1289122894 .md a {
   background-color: transparent;
   color: var(--color-accent-fg);
   text-decoration: none;
 }
 
-.md a:active,
-.md a:hover {
+.d2-1289122894 .md a:active,
+.d2-1289122894 .md a:hover {
   outline-width: 0;
 }
 
-.md abbr[title] {
+.d2-1289122894 .md abbr[title] {
   border-bottom: none;
   text-decoration: underline dotted;
 }
 
-.md dfn {
+.d2-1289122894 .md dfn {
   font-style: italic;
 }
 
-.md h1 {
+.d2-1289122894 .md h1 {
   margin: 0.67em 0;
   font-weight: 600;
   padding-bottom: 0.3em;
@@ -189,43 +189,43 @@
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md mark {
+.d2-1289122894 .md mark {
   background-color: var(--color-attention-subtle);
   color: var(--color-text-primary);
 }
 
-.md small {
+.d2-1289122894 .md small {
   font-size: 90%;
 }
 
-.md sub,
-.md sup {
+.d2-1289122894 .md sub,
+.d2-1289122894 .md sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
 }
 
-.md sub {
+.d2-1289122894 .md sub {
   bottom: -0.25em;
 }
 
-.md sup {
+.d2-1289122894 .md sup {
   top: -0.5em;
 }
 
-.md img {
+.d2-1289122894 .md img {
   border-style: none;
   max-width: 100%;
   box-sizing: content-box;
   background-color: var(--color-canvas-default);
 }
 
-.md figure {
+.d2-1289122894 .md figure {
   margin: 1em 40px;
 }
 
-.md hr {
+.d2-1289122894 .md hr {
   box-sizing: content-box;
   overflow: hidden;
   background: transparent;
@@ -237,7 +237,7 @@
   border: 0;
 }
 
-.md input {
+.d2-1289122894 .md input {
   font: inherit;
   margin: 0;
   overflow: visible;
@@ -246,72 +246,72 @@
   line-height: inherit;
 }
 
-.md [type="button"],
-.md [type="reset"],
-.md [type="submit"] {
+.d2-1289122894 .md [type="button"],
+.d2-1289122894 .md [type="reset"],
+.d2-1289122894 .md [type="submit"] {
   -webkit-appearance: button;
 }
 
-.md [type="button"]::-moz-focus-inner,
-.md [type="reset"]::-moz-focus-inner,
-.md [type="submit"]::-moz-focus-inner {
+.d2-1289122894 .md [type="button"]::-moz-focus-inner,
+.d2-1289122894 .md [type="reset"]::-moz-focus-inner,
+.d2-1289122894 .md [type="submit"]::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.md [type="button"]:-moz-focusring,
-.md [type="reset"]:-moz-focusring,
-.md [type="submit"]:-moz-focusring {
+.d2-1289122894 .md [type="button"]:-moz-focusring,
+.d2-1289122894 .md [type="reset"]:-moz-focusring,
+.d2-1289122894 .md [type="submit"]:-moz-focusring {
   outline: 1px dotted ButtonText;
 }
 
-.md [type="checkbox"],
-.md [type="radio"] {
+.d2-1289122894 .md [type="checkbox"],
+.d2-1289122894 .md [type="radio"] {
   box-sizing: border-box;
   padding: 0;
 }
 
-.md [type="number"]::-webkit-inner-spin-button,
-.md [type="number"]::-webkit-outer-spin-button {
+.d2-1289122894 .md [type="number"]::-webkit-inner-spin-button,
+.d2-1289122894 .md [type="number"]::-webkit-outer-spin-button {
   height: auto;
 }
 
-.md [type="search"] {
+.d2-1289122894 .md [type="search"] {
   -webkit-appearance: textfield;
   outline-offset: -2px;
 }
 
-.md [type="search"]::-webkit-search-cancel-button,
-.md [type="search"]::-webkit-search-decoration {
+.d2-1289122894 .md [type="search"]::-webkit-search-cancel-button,
+.d2-1289122894 .md [type="search"]::-webkit-search-decoration {
   -webkit-appearance: none;
 }
 
-.md ::-webkit-input-placeholder {
+.d2-1289122894 .md ::-webkit-input-placeholder {
   color: inherit;
   opacity: 0.54;
 }
 
-.md ::-webkit-file-upload-button {
+.d2-1289122894 .md ::-webkit-file-upload-button {
   -webkit-appearance: button;
   font: inherit;
 }
 
-.md a:hover {
+.d2-1289122894 .md a:hover {
   text-decoration: underline;
 }
 
-.md hr::before {
+.d2-1289122894 .md hr::before {
   display: table;
   content: "";
 }
 
-.md hr::after {
+.d2-1289122894 .md hr::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md table {
+.d2-1289122894 .md table {
   border-spacing: 0;
   border-collapse: collapse;
   display: block;
@@ -320,20 +320,20 @@
   overflow: auto;
 }
 
-.md td,
-.md th {
+.d2-1289122894 .md td,
+.d2-1289122894 .md th {
   padding: 0;
 }
 
-.md details summary {
+.d2-1289122894 .md details summary {
   cursor: pointer;
 }
 
-.md details:not([open]) > *:not(summary) {
+.d2-1289122894 .md details:not([open]) > *:not(summary) {
   display: none !important;
 }
 
-.md kbd {
+.d2-1289122894 .md kbd {
   display: inline-block;
   padding: 3px 5px;
   color: var(--color-fg-default);
@@ -345,12 +345,12 @@
   box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
 }
 
-.md h1,
-.md h2,
-.md h3,
-.md h4,
-.md h5,
-.md h6 {
+.d2-1289122894 .md h1,
+.d2-1289122894 .md h2,
+.d2-1289122894 .md h3,
+.d2-1289122894 .md h4,
+.d2-1289122894 .md h5,
+.d2-1289122894 .md h6 {
   margin-top: 24px;
   margin-bottom: 16px;
   font-weight: 600;
@@ -358,222 +358,222 @@
   font-family: "d2-1289122894-font-regular";
 }
 
-.md h2 {
+.d2-1289122894 .md h2 {
   font-weight: 600;
   padding-bottom: 0.3em;
   font-size: 1.5em;
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md h3 {
+.d2-1289122894 .md h3 {
   font-weight: 600;
   font-size: 1.25em;
 }
 
-.md h4 {
+.d2-1289122894 .md h4 {
   font-weight: 600;
   font-size: 1em;
 }
 
-.md h5 {
+.d2-1289122894 .md h5 {
   font-weight: 600;
   font-size: 0.875em;
 }
 
-.md h6 {
+.d2-1289122894 .md h6 {
   font-weight: 600;
   font-size: 0.85em;
   color: var(--color-fg-muted);
 }
 
-.md p {
+.d2-1289122894 .md p {
   margin-top: 0;
   margin-bottom: 10px;
 }
 
-.md blockquote {
+.d2-1289122894 .md blockquote {
   margin: 0;
   padding: 0 1em;
   color: var(--color-fg-muted);
   border-left: 0.25em solid var(--color-border-default);
 }
 
-.md ul,
-.md ol {
+.d2-1289122894 .md ul,
+.d2-1289122894 .md ol {
   margin-top: 0;
   margin-bottom: 0;
   padding-left: 2em;
 }
 
-.md ol ol,
-.md ul ol {
+.d2-1289122894 .md ol ol,
+.d2-1289122894 .md ul ol {
   list-style-type: lower-roman;
 }
 
-.md ul ul ol,
-.md ul ol ol,
-.md ol ul ol,
-.md ol ol ol {
+.d2-1289122894 .md ul ul ol,
+.d2-1289122894 .md ul ol ol,
+.d2-1289122894 .md ol ul ol,
+.d2-1289122894 .md ol ol ol {
   list-style-type: lower-alpha;
 }
 
-.md dd {
+.d2-1289122894 .md dd {
   margin-left: 0;
 }
 
-.md pre {
+.d2-1289122894 .md pre {
   margin-top: 0;
   margin-bottom: 0;
   word-wrap: normal;
 }
 
-.md ::placeholder {
+.d2-1289122894 .md ::placeholder {
   color: var(--color-fg-subtle);
   opacity: 1;
 }
 
-.md input::-webkit-outer-spin-button,
-.md input::-webkit-inner-spin-button {
+.d2-1289122894 .md input::-webkit-outer-spin-button,
+.d2-1289122894 .md input::-webkit-inner-spin-button {
   margin: 0;
   -webkit-appearance: none;
   appearance: none;
 }
 
-.md::before {
+.d2-1289122894 .md::before {
   display: table;
   content: "";
 }
 
-.md::after {
+.d2-1289122894 .md::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md > *:first-child {
+.d2-1289122894 .md > *:first-child {
   margin-top: 0 !important;
 }
 
-.md > *:last-child {
+.d2-1289122894 .md > *:last-child {
   margin-bottom: 0 !important;
 }
 
-.md a:not([href]) {
+.d2-1289122894 .md a:not([href]) {
   color: inherit;
   text-decoration: none;
 }
 
-.md .absent {
+.d2-1289122894 .md .absent {
   color: var(--color-danger-fg);
 }
 
-.md .anchor {
+.d2-1289122894 .md .anchor {
   float: left;
   padding-right: 4px;
   margin-left: -20px;
   line-height: 1;
 }
 
-.md .anchor:focus {
+.d2-1289122894 .md .anchor:focus {
   outline: none;
 }
 
-.md p,
-.md blockquote,
-.md ul,
-.md ol,
-.md dl,
-.md table,
-.md pre,
-.md details {
+.d2-1289122894 .md p,
+.d2-1289122894 .md blockquote,
+.d2-1289122894 .md ul,
+.d2-1289122894 .md ol,
+.d2-1289122894 .md dl,
+.d2-1289122894 .md table,
+.d2-1289122894 .md pre,
+.d2-1289122894 .md details {
   margin-top: 0;
   margin-bottom: 16px;
 }
 
-.md blockquote > :first-child {
+.d2-1289122894 .md blockquote > :first-child {
   margin-top: 0;
 }
 
-.md blockquote > :last-child {
+.d2-1289122894 .md blockquote > :last-child {
   margin-bottom: 0;
 }
 
-.md sup > a::before {
+.d2-1289122894 .md sup > a::before {
   content: "[";
 }
 
-.md sup > a::after {
+.d2-1289122894 .md sup > a::after {
   content: "]";
 }
 
-.md h1:hover .anchor,
-.md h2:hover .anchor,
-.md h3:hover .anchor,
-.md h4:hover .anchor,
-.md h5:hover .anchor,
-.md h6:hover .anchor {
+.d2-1289122894 .md h1:hover .anchor,
+.d2-1289122894 .md h2:hover .anchor,
+.d2-1289122894 .md h3:hover .anchor,
+.d2-1289122894 .md h4:hover .anchor,
+.d2-1289122894 .md h5:hover .anchor,
+.d2-1289122894 .md h6:hover .anchor {
   text-decoration: none;
 }
 
-.md h1 tt,
-.md h1 code,
-.md h2 tt,
-.md h2 code,
-.md h3 tt,
-.md h3 code,
-.md h4 tt,
-.md h4 code,
-.md h5 tt,
-.md h5 code,
-.md h6 tt,
-.md h6 code {
+.d2-1289122894 .md h1 tt,
+.d2-1289122894 .md h1 code,
+.d2-1289122894 .md h2 tt,
+.d2-1289122894 .md h2 code,
+.d2-1289122894 .md h3 tt,
+.d2-1289122894 .md h3 code,
+.d2-1289122894 .md h4 tt,
+.d2-1289122894 .md h4 code,
+.d2-1289122894 .md h5 tt,
+.d2-1289122894 .md h5 code,
+.d2-1289122894 .md h6 tt,
+.d2-1289122894 .md h6 code {
   padding: 0 0.2em;
   font-size: inherit;
 }
 
-.md ul.no-list,
-.md ol.no-list {
+.d2-1289122894 .md ul.no-list,
+.d2-1289122894 .md ol.no-list {
   padding: 0;
   list-style-type: none;
 }
 
-.md ol[type="1"] {
+.d2-1289122894 .md ol[type="1"] {
   list-style-type: decimal;
 }
 
-.md ol[type="a"] {
+.d2-1289122894 .md ol[type="a"] {
   list-style-type: lower-alpha;
 }
 
-.md ol[type="i"] {
+.d2-1289122894 .md ol[type="i"] {
   list-style-type: lower-roman;
 }
 
-.md div > ol:not([type]) {
+.d2-1289122894 .md div > ol:not([type]) {
   list-style-type: decimal;
 }
 
-.md ul ul,
-.md ul ol,
-.md ol ol,
-.md ol ul {
+.d2-1289122894 .md ul ul,
+.d2-1289122894 .md ul ol,
+.d2-1289122894 .md ol ol,
+.d2-1289122894 .md ol ul {
   margin-top: 0;
   margin-bottom: 0;
 }
 
-.md li > p {
+.d2-1289122894 .md li > p {
   margin-top: 16px;
 }
 
-.md li + li {
+.d2-1289122894 .md li + li {
   margin-top: 0.25em;
 }
 
-.md dl {
+.d2-1289122894 .md dl {
   padding: 0;
 }
 
-.md dl dt {
+.d2-1289122894 .md dl dt {
   padding: 0;
   margin-top: 16px;
   font-size: 1em;
@@ -581,48 +581,48 @@
   font-weight: 600;
 }
 
-.md dl dd {
+.d2-1289122894 .md dl dd {
   padding: 0 16px;
   margin-bottom: 16px;
 }
 
-.md table th {
+.d2-1289122894 .md table th {
   font-weight: 600;
 }
 
-.md table th,
-.md table td {
+.d2-1289122894 .md table th,
+.d2-1289122894 .md table td {
   padding: 6px 13px;
   border: 1px solid var(--color-border-default);
 }
 
-.md table tr {
+.d2-1289122894 .md table tr {
   background-color: var(--color-canvas-default);
   border-top: 1px solid var(--color-border-muted);
 }
 
-.md table tr:nth-child(2n) {
+.d2-1289122894 .md table tr:nth-child(2n) {
   background-color: var(--color-canvas-subtle);
 }
 
-.md table img {
+.d2-1289122894 .md table img {
   background-color: transparent;
 }
 
-.md img[align="right"] {
+.d2-1289122894 .md img[align="right"] {
   padding-left: 20px;
 }
 
-.md img[align="left"] {
+.d2-1289122894 .md img[align="left"] {
   padding-right: 20px;
 }
 
-.md span.frame {
+.d2-1289122894 .md span.frame {
   display: block;
   overflow: hidden;
 }
 
-.md span.frame > span {
+.d2-1289122894 .md span.frame > span {
   display: block;
   float: left;
   width: auto;
@@ -632,81 +632,81 @@
   border: 1px solid var(--color-border-default);
 }
 
-.md span.frame span img {
+.d2-1289122894 .md span.frame span img {
   display: block;
   float: left;
 }
 
-.md span.frame span span {
+.d2-1289122894 .md span.frame span span {
   display: block;
   padding: 5px 0 0;
   clear: both;
   color: var(--color-fg-default);
 }
 
-.md span.align-center {
+.d2-1289122894 .md span.align-center {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-center > span {
+.d2-1289122894 .md span.align-center > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: center;
 }
 
-.md span.align-center span img {
+.d2-1289122894 .md span.align-center span img {
   margin: 0 auto;
   text-align: center;
 }
 
-.md span.align-right {
+.d2-1289122894 .md span.align-right {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-right > span {
+.d2-1289122894 .md span.align-right > span {
   display: block;
   margin: 13px 0 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md span.align-right span img {
+.d2-1289122894 .md span.align-right span img {
   margin: 0;
   text-align: right;
 }
 
-.md span.float-left {
+.d2-1289122894 .md span.float-left {
   display: block;
   float: left;
   margin-right: 13px;
   overflow: hidden;
 }
 
-.md span.float-left span {
+.d2-1289122894 .md span.float-left span {
   margin: 13px 0 0;
 }
 
-.md span.float-right {
+.d2-1289122894 .md span.float-right {
   display: block;
   float: right;
   margin-left: 13px;
   overflow: hidden;
 }
 
-.md span.float-right > span {
+.d2-1289122894 .md span.float-right > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md code,
-.md tt {
+.d2-1289122894 .md code,
+.d2-1289122894 .md tt {
   padding: 0.2em 0.4em;
   margin: 0;
   font-size: 85%;
@@ -714,20 +714,20 @@
   border-radius: 6px;
 }
 
-.md code br,
-.md tt br {
+.d2-1289122894 .md code br,
+.d2-1289122894 .md tt br {
   display: none;
 }
 
-.md del code {
+.d2-1289122894 .md del code {
   text-decoration: inherit;
 }
 
-.md pre code {
+.d2-1289122894 .md pre code {
   font-size: 100%;
 }
 
-.md pre > code {
+.d2-1289122894 .md pre > code {
   padding: 0;
   margin: 0;
   word-break: normal;
@@ -736,17 +736,17 @@
   border: 0;
 }
 
-.md .highlight {
+.d2-1289122894 .md .highlight {
   margin-bottom: 16px;
 }
 
-.md .highlight pre {
+.d2-1289122894 .md .highlight pre {
   margin-bottom: 0;
   word-break: normal;
 }
 
-.md .highlight pre,
-.md pre {
+.d2-1289122894 .md .highlight pre,
+.d2-1289122894 .md pre {
   padding: 16px;
   overflow: auto;
   font-size: 85%;
@@ -755,8 +755,8 @@
   border-radius: 6px;
 }
 
-.md pre code,
-.md pre tt {
+.d2-1289122894 .md pre code,
+.d2-1289122894 .md pre tt {
   display: inline;
   max-width: auto;
   padding: 0;
@@ -768,8 +768,8 @@
   border: 0;
 }
 
-.md .csv-data td,
-.md .csv-data th {
+.d2-1289122894 .md .csv-data td,
+.d2-1289122894 .md .csv-data th {
   padding: 5px;
   overflow: hidden;
   font-size: 12px;
@@ -778,38 +778,38 @@
   white-space: nowrap;
 }
 
-.md .csv-data .blob-num {
+.d2-1289122894 .md .csv-data .blob-num {
   padding: 10px 8px 9px;
   text-align: right;
   background: var(--color-canvas-default);
   border: 0;
 }
 
-.md .csv-data tr {
+.d2-1289122894 .md .csv-data tr {
   border-top: 0;
 }
 
-.md .csv-data th {
+.d2-1289122894 .md .csv-data th {
   font-weight: 600;
   background: var(--color-canvas-subtle);
   border-top: 0;
 }
 
-.md .footnotes {
+.d2-1289122894 .md .footnotes {
   font-size: 12px;
   color: var(--color-fg-muted);
   border-top: 1px solid var(--color-border-default);
 }
 
-.md .footnotes ol {
+.d2-1289122894 .md .footnotes ol {
   padding-left: 16px;
 }
 
-.md .footnotes li {
+.d2-1289122894 .md .footnotes li {
   position: relative;
 }
 
-.md .footnotes li:target::before {
+.d2-1289122894 .md .footnotes li:target::before {
   position: absolute;
   top: -8px;
   right: -8px;
@@ -821,36 +821,36 @@
   border-radius: 6px;
 }
 
-.md .footnotes li:target {
+.d2-1289122894 .md .footnotes li:target {
   color: var(--color-fg-default);
 }
 
-.md .task-list-item {
+.d2-1289122894 .md .task-list-item {
   list-style-type: none;
 }
 
-.md .task-list-item label {
+.d2-1289122894 .md .task-list-item label {
   font-weight: 400;
 }
 
-.md .task-list-item.enabled label {
+.d2-1289122894 .md .task-list-item.enabled label {
   cursor: pointer;
 }
 
-.md .task-list-item + .task-list-item {
+.d2-1289122894 .md .task-list-item + .task-list-item {
   margin-top: 3px;
 }
 
-.md .task-list-item .handle {
+.d2-1289122894 .md .task-list-item .handle {
   display: none;
 }
 
-.md .task-list-item-checkbox {
+.d2-1289122894 .md .task-list-item-checkbox {
   margin: 0 0.2em 0.25em -1.6em;
   vertical-align: middle;
 }
 
-.md .contains-task-list:dir(rtl) .task-list-item-checkbox {
+.d2-1289122894 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
 </style><defs><pattern id="streaks-bright" x="0" y="0" width="100" height="100" patternUnits="userSpaceOnUse">
diff --git a/d2renderers/d2svg/d2svg.go b/d2renderers/d2svg/d2svg.go
index d46680b7a..1b2b175bd 100644
--- a/d2renderers/d2svg/d2svg.go
+++ b/d2renderers/d2svg/d2svg.go
@@ -1764,6 +1764,7 @@ func Render(diagram *d2target.Diagram, opts *RenderOpts) ([]byte, error) {
 		}
 		if hasMarkdown {
 			css := MarkdownCSS
+			css = strings.ReplaceAll(css, ".md", fmt.Sprintf(".%s .md", diagramHash))
 			css = strings.ReplaceAll(css, "font-italic", fmt.Sprintf("%s-font-italic", diagramHash))
 			css = strings.ReplaceAll(css, "font-bold", fmt.Sprintf("%s-font-bold", diagramHash))
 			css = strings.ReplaceAll(css, "font-mono", fmt.Sprintf("%s-font-mono", diagramHash))
diff --git a/d2renderers/d2svg/dark_theme/testdata/code/dark_theme.exp.svg b/d2renderers/d2svg/dark_theme/testdata/code/dark_theme.exp.svg
index 42e8fb7ab..e12f6830d 100644
--- a/d2renderers/d2svg/dark_theme/testdata/code/dark_theme.exp.svg
+++ b/d2renderers/d2svg/dark_theme/testdata/code/dark_theme.exp.svg
@@ -110,31 +110,31 @@
 		.d2-2744436118 .color-AA4{color:#45475A;}
 		.d2-2744436118 .color-AA5{color:#313244;}
 		.d2-2744436118 .color-AB4{color:#45475A;}
-		.d2-2744436118 .color-AB5{color:#313244;}.appendix text.text{fill:#CDD6F4}.md{--color-fg-default:#CDD6F4;--color-fg-muted:#BAC2DE;--color-fg-subtle:#A6ADC8;--color-canvas-default:#1E1E2E;--color-canvas-subtle:#313244;--color-border-default:#CBA6f7;--color-border-muted:#CBA6f7;--color-neutral-muted:#313244;--color-accent-fg:#CBA6f7;--color-accent-emphasis:#CBA6f7;--color-attention-subtle:#BAC2DE;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-B2{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-B3{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-B4{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-B5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B6{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AA2{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-AA4{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AA5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AB4{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AB5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N1{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N2{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N6{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N7{fill:url(#streaks-darker);mix-blend-mode:lighten}.light-code{display: none}.dark-code{display: block}]]></style><style type="text/css">.md em,
-.md dfn {
+		.d2-2744436118 .color-AB5{color:#313244;}.appendix text.text{fill:#CDD6F4}.md{--color-fg-default:#CDD6F4;--color-fg-muted:#BAC2DE;--color-fg-subtle:#A6ADC8;--color-canvas-default:#1E1E2E;--color-canvas-subtle:#313244;--color-border-default:#CBA6f7;--color-border-muted:#CBA6f7;--color-neutral-muted:#313244;--color-accent-fg:#CBA6f7;--color-accent-emphasis:#CBA6f7;--color-attention-subtle:#BAC2DE;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-B2{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-B3{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-B4{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-B5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B6{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AA2{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-AA4{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AA5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AB4{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AB5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N1{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N2{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N6{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N7{fill:url(#streaks-darker);mix-blend-mode:lighten}.light-code{display: none}.dark-code{display: block}]]></style><style type="text/css">.d2-2744436118 .md em,
+.d2-2744436118 .md dfn {
   font-family: "d2-2744436118-font-italic";
 }
 
-.md b,
-.md strong {
+.d2-2744436118 .md b,
+.d2-2744436118 .md strong {
   font-family: "d2-2744436118-font-bold";
 }
 
-.md code,
-.md kbd,
-.md pre,
-.md samp {
+.d2-2744436118 .md code,
+.d2-2744436118 .md kbd,
+.d2-2744436118 .md pre,
+.d2-2744436118 .md samp {
   font-family: "d2-2744436118-font-mono";
   font-size: 1em;
 }
 
-.md {
+.d2-2744436118 .md {
   tab-size: 4;
 }
 
 /* variables are provided in d2renderers/d2svg/d2svg.go */
 
-.md {
+.d2-2744436118 .md {
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
   margin: 0;
@@ -146,41 +146,41 @@
   word-wrap: break-word;
 }
 
-.md details,
-.md figcaption,
-.md figure {
+.d2-2744436118 .md details,
+.d2-2744436118 .md figcaption,
+.d2-2744436118 .md figure {
   display: block;
 }
 
-.md summary {
+.d2-2744436118 .md summary {
   display: list-item;
 }
 
-.md [hidden] {
+.d2-2744436118 .md [hidden] {
   display: none !important;
 }
 
-.md a {
+.d2-2744436118 .md a {
   background-color: transparent;
   color: var(--color-accent-fg);
   text-decoration: none;
 }
 
-.md a:active,
-.md a:hover {
+.d2-2744436118 .md a:active,
+.d2-2744436118 .md a:hover {
   outline-width: 0;
 }
 
-.md abbr[title] {
+.d2-2744436118 .md abbr[title] {
   border-bottom: none;
   text-decoration: underline dotted;
 }
 
-.md dfn {
+.d2-2744436118 .md dfn {
   font-style: italic;
 }
 
-.md h1 {
+.d2-2744436118 .md h1 {
   margin: 0.67em 0;
   font-weight: 600;
   padding-bottom: 0.3em;
@@ -188,43 +188,43 @@
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md mark {
+.d2-2744436118 .md mark {
   background-color: var(--color-attention-subtle);
   color: var(--color-text-primary);
 }
 
-.md small {
+.d2-2744436118 .md small {
   font-size: 90%;
 }
 
-.md sub,
-.md sup {
+.d2-2744436118 .md sub,
+.d2-2744436118 .md sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
 }
 
-.md sub {
+.d2-2744436118 .md sub {
   bottom: -0.25em;
 }
 
-.md sup {
+.d2-2744436118 .md sup {
   top: -0.5em;
 }
 
-.md img {
+.d2-2744436118 .md img {
   border-style: none;
   max-width: 100%;
   box-sizing: content-box;
   background-color: var(--color-canvas-default);
 }
 
-.md figure {
+.d2-2744436118 .md figure {
   margin: 1em 40px;
 }
 
-.md hr {
+.d2-2744436118 .md hr {
   box-sizing: content-box;
   overflow: hidden;
   background: transparent;
@@ -236,7 +236,7 @@
   border: 0;
 }
 
-.md input {
+.d2-2744436118 .md input {
   font: inherit;
   margin: 0;
   overflow: visible;
@@ -245,72 +245,72 @@
   line-height: inherit;
 }
 
-.md [type="button"],
-.md [type="reset"],
-.md [type="submit"] {
+.d2-2744436118 .md [type="button"],
+.d2-2744436118 .md [type="reset"],
+.d2-2744436118 .md [type="submit"] {
   -webkit-appearance: button;
 }
 
-.md [type="button"]::-moz-focus-inner,
-.md [type="reset"]::-moz-focus-inner,
-.md [type="submit"]::-moz-focus-inner {
+.d2-2744436118 .md [type="button"]::-moz-focus-inner,
+.d2-2744436118 .md [type="reset"]::-moz-focus-inner,
+.d2-2744436118 .md [type="submit"]::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.md [type="button"]:-moz-focusring,
-.md [type="reset"]:-moz-focusring,
-.md [type="submit"]:-moz-focusring {
+.d2-2744436118 .md [type="button"]:-moz-focusring,
+.d2-2744436118 .md [type="reset"]:-moz-focusring,
+.d2-2744436118 .md [type="submit"]:-moz-focusring {
   outline: 1px dotted ButtonText;
 }
 
-.md [type="checkbox"],
-.md [type="radio"] {
+.d2-2744436118 .md [type="checkbox"],
+.d2-2744436118 .md [type="radio"] {
   box-sizing: border-box;
   padding: 0;
 }
 
-.md [type="number"]::-webkit-inner-spin-button,
-.md [type="number"]::-webkit-outer-spin-button {
+.d2-2744436118 .md [type="number"]::-webkit-inner-spin-button,
+.d2-2744436118 .md [type="number"]::-webkit-outer-spin-button {
   height: auto;
 }
 
-.md [type="search"] {
+.d2-2744436118 .md [type="search"] {
   -webkit-appearance: textfield;
   outline-offset: -2px;
 }
 
-.md [type="search"]::-webkit-search-cancel-button,
-.md [type="search"]::-webkit-search-decoration {
+.d2-2744436118 .md [type="search"]::-webkit-search-cancel-button,
+.d2-2744436118 .md [type="search"]::-webkit-search-decoration {
   -webkit-appearance: none;
 }
 
-.md ::-webkit-input-placeholder {
+.d2-2744436118 .md ::-webkit-input-placeholder {
   color: inherit;
   opacity: 0.54;
 }
 
-.md ::-webkit-file-upload-button {
+.d2-2744436118 .md ::-webkit-file-upload-button {
   -webkit-appearance: button;
   font: inherit;
 }
 
-.md a:hover {
+.d2-2744436118 .md a:hover {
   text-decoration: underline;
 }
 
-.md hr::before {
+.d2-2744436118 .md hr::before {
   display: table;
   content: "";
 }
 
-.md hr::after {
+.d2-2744436118 .md hr::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md table {
+.d2-2744436118 .md table {
   border-spacing: 0;
   border-collapse: collapse;
   display: block;
@@ -319,20 +319,20 @@
   overflow: auto;
 }
 
-.md td,
-.md th {
+.d2-2744436118 .md td,
+.d2-2744436118 .md th {
   padding: 0;
 }
 
-.md details summary {
+.d2-2744436118 .md details summary {
   cursor: pointer;
 }
 
-.md details:not([open]) > *:not(summary) {
+.d2-2744436118 .md details:not([open]) > *:not(summary) {
   display: none !important;
 }
 
-.md kbd {
+.d2-2744436118 .md kbd {
   display: inline-block;
   padding: 3px 5px;
   color: var(--color-fg-default);
@@ -344,12 +344,12 @@
   box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
 }
 
-.md h1,
-.md h2,
-.md h3,
-.md h4,
-.md h5,
-.md h6 {
+.d2-2744436118 .md h1,
+.d2-2744436118 .md h2,
+.d2-2744436118 .md h3,
+.d2-2744436118 .md h4,
+.d2-2744436118 .md h5,
+.d2-2744436118 .md h6 {
   margin-top: 24px;
   margin-bottom: 16px;
   font-weight: 600;
@@ -357,222 +357,222 @@
   font-family: "d2-2744436118-font-regular";
 }
 
-.md h2 {
+.d2-2744436118 .md h2 {
   font-weight: 600;
   padding-bottom: 0.3em;
   font-size: 1.5em;
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md h3 {
+.d2-2744436118 .md h3 {
   font-weight: 600;
   font-size: 1.25em;
 }
 
-.md h4 {
+.d2-2744436118 .md h4 {
   font-weight: 600;
   font-size: 1em;
 }
 
-.md h5 {
+.d2-2744436118 .md h5 {
   font-weight: 600;
   font-size: 0.875em;
 }
 
-.md h6 {
+.d2-2744436118 .md h6 {
   font-weight: 600;
   font-size: 0.85em;
   color: var(--color-fg-muted);
 }
 
-.md p {
+.d2-2744436118 .md p {
   margin-top: 0;
   margin-bottom: 10px;
 }
 
-.md blockquote {
+.d2-2744436118 .md blockquote {
   margin: 0;
   padding: 0 1em;
   color: var(--color-fg-muted);
   border-left: 0.25em solid var(--color-border-default);
 }
 
-.md ul,
-.md ol {
+.d2-2744436118 .md ul,
+.d2-2744436118 .md ol {
   margin-top: 0;
   margin-bottom: 0;
   padding-left: 2em;
 }
 
-.md ol ol,
-.md ul ol {
+.d2-2744436118 .md ol ol,
+.d2-2744436118 .md ul ol {
   list-style-type: lower-roman;
 }
 
-.md ul ul ol,
-.md ul ol ol,
-.md ol ul ol,
-.md ol ol ol {
+.d2-2744436118 .md ul ul ol,
+.d2-2744436118 .md ul ol ol,
+.d2-2744436118 .md ol ul ol,
+.d2-2744436118 .md ol ol ol {
   list-style-type: lower-alpha;
 }
 
-.md dd {
+.d2-2744436118 .md dd {
   margin-left: 0;
 }
 
-.md pre {
+.d2-2744436118 .md pre {
   margin-top: 0;
   margin-bottom: 0;
   word-wrap: normal;
 }
 
-.md ::placeholder {
+.d2-2744436118 .md ::placeholder {
   color: var(--color-fg-subtle);
   opacity: 1;
 }
 
-.md input::-webkit-outer-spin-button,
-.md input::-webkit-inner-spin-button {
+.d2-2744436118 .md input::-webkit-outer-spin-button,
+.d2-2744436118 .md input::-webkit-inner-spin-button {
   margin: 0;
   -webkit-appearance: none;
   appearance: none;
 }
 
-.md::before {
+.d2-2744436118 .md::before {
   display: table;
   content: "";
 }
 
-.md::after {
+.d2-2744436118 .md::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md > *:first-child {
+.d2-2744436118 .md > *:first-child {
   margin-top: 0 !important;
 }
 
-.md > *:last-child {
+.d2-2744436118 .md > *:last-child {
   margin-bottom: 0 !important;
 }
 
-.md a:not([href]) {
+.d2-2744436118 .md a:not([href]) {
   color: inherit;
   text-decoration: none;
 }
 
-.md .absent {
+.d2-2744436118 .md .absent {
   color: var(--color-danger-fg);
 }
 
-.md .anchor {
+.d2-2744436118 .md .anchor {
   float: left;
   padding-right: 4px;
   margin-left: -20px;
   line-height: 1;
 }
 
-.md .anchor:focus {
+.d2-2744436118 .md .anchor:focus {
   outline: none;
 }
 
-.md p,
-.md blockquote,
-.md ul,
-.md ol,
-.md dl,
-.md table,
-.md pre,
-.md details {
+.d2-2744436118 .md p,
+.d2-2744436118 .md blockquote,
+.d2-2744436118 .md ul,
+.d2-2744436118 .md ol,
+.d2-2744436118 .md dl,
+.d2-2744436118 .md table,
+.d2-2744436118 .md pre,
+.d2-2744436118 .md details {
   margin-top: 0;
   margin-bottom: 16px;
 }
 
-.md blockquote > :first-child {
+.d2-2744436118 .md blockquote > :first-child {
   margin-top: 0;
 }
 
-.md blockquote > :last-child {
+.d2-2744436118 .md blockquote > :last-child {
   margin-bottom: 0;
 }
 
-.md sup > a::before {
+.d2-2744436118 .md sup > a::before {
   content: "[";
 }
 
-.md sup > a::after {
+.d2-2744436118 .md sup > a::after {
   content: "]";
 }
 
-.md h1:hover .anchor,
-.md h2:hover .anchor,
-.md h3:hover .anchor,
-.md h4:hover .anchor,
-.md h5:hover .anchor,
-.md h6:hover .anchor {
+.d2-2744436118 .md h1:hover .anchor,
+.d2-2744436118 .md h2:hover .anchor,
+.d2-2744436118 .md h3:hover .anchor,
+.d2-2744436118 .md h4:hover .anchor,
+.d2-2744436118 .md h5:hover .anchor,
+.d2-2744436118 .md h6:hover .anchor {
   text-decoration: none;
 }
 
-.md h1 tt,
-.md h1 code,
-.md h2 tt,
-.md h2 code,
-.md h3 tt,
-.md h3 code,
-.md h4 tt,
-.md h4 code,
-.md h5 tt,
-.md h5 code,
-.md h6 tt,
-.md h6 code {
+.d2-2744436118 .md h1 tt,
+.d2-2744436118 .md h1 code,
+.d2-2744436118 .md h2 tt,
+.d2-2744436118 .md h2 code,
+.d2-2744436118 .md h3 tt,
+.d2-2744436118 .md h3 code,
+.d2-2744436118 .md h4 tt,
+.d2-2744436118 .md h4 code,
+.d2-2744436118 .md h5 tt,
+.d2-2744436118 .md h5 code,
+.d2-2744436118 .md h6 tt,
+.d2-2744436118 .md h6 code {
   padding: 0 0.2em;
   font-size: inherit;
 }
 
-.md ul.no-list,
-.md ol.no-list {
+.d2-2744436118 .md ul.no-list,
+.d2-2744436118 .md ol.no-list {
   padding: 0;
   list-style-type: none;
 }
 
-.md ol[type="1"] {
+.d2-2744436118 .md ol[type="1"] {
   list-style-type: decimal;
 }
 
-.md ol[type="a"] {
+.d2-2744436118 .md ol[type="a"] {
   list-style-type: lower-alpha;
 }
 
-.md ol[type="i"] {
+.d2-2744436118 .md ol[type="i"] {
   list-style-type: lower-roman;
 }
 
-.md div > ol:not([type]) {
+.d2-2744436118 .md div > ol:not([type]) {
   list-style-type: decimal;
 }
 
-.md ul ul,
-.md ul ol,
-.md ol ol,
-.md ol ul {
+.d2-2744436118 .md ul ul,
+.d2-2744436118 .md ul ol,
+.d2-2744436118 .md ol ol,
+.d2-2744436118 .md ol ul {
   margin-top: 0;
   margin-bottom: 0;
 }
 
-.md li > p {
+.d2-2744436118 .md li > p {
   margin-top: 16px;
 }
 
-.md li + li {
+.d2-2744436118 .md li + li {
   margin-top: 0.25em;
 }
 
-.md dl {
+.d2-2744436118 .md dl {
   padding: 0;
 }
 
-.md dl dt {
+.d2-2744436118 .md dl dt {
   padding: 0;
   margin-top: 16px;
   font-size: 1em;
@@ -580,48 +580,48 @@
   font-weight: 600;
 }
 
-.md dl dd {
+.d2-2744436118 .md dl dd {
   padding: 0 16px;
   margin-bottom: 16px;
 }
 
-.md table th {
+.d2-2744436118 .md table th {
   font-weight: 600;
 }
 
-.md table th,
-.md table td {
+.d2-2744436118 .md table th,
+.d2-2744436118 .md table td {
   padding: 6px 13px;
   border: 1px solid var(--color-border-default);
 }
 
-.md table tr {
+.d2-2744436118 .md table tr {
   background-color: var(--color-canvas-default);
   border-top: 1px solid var(--color-border-muted);
 }
 
-.md table tr:nth-child(2n) {
+.d2-2744436118 .md table tr:nth-child(2n) {
   background-color: var(--color-canvas-subtle);
 }
 
-.md table img {
+.d2-2744436118 .md table img {
   background-color: transparent;
 }
 
-.md img[align="right"] {
+.d2-2744436118 .md img[align="right"] {
   padding-left: 20px;
 }
 
-.md img[align="left"] {
+.d2-2744436118 .md img[align="left"] {
   padding-right: 20px;
 }
 
-.md span.frame {
+.d2-2744436118 .md span.frame {
   display: block;
   overflow: hidden;
 }
 
-.md span.frame > span {
+.d2-2744436118 .md span.frame > span {
   display: block;
   float: left;
   width: auto;
@@ -631,81 +631,81 @@
   border: 1px solid var(--color-border-default);
 }
 
-.md span.frame span img {
+.d2-2744436118 .md span.frame span img {
   display: block;
   float: left;
 }
 
-.md span.frame span span {
+.d2-2744436118 .md span.frame span span {
   display: block;
   padding: 5px 0 0;
   clear: both;
   color: var(--color-fg-default);
 }
 
-.md span.align-center {
+.d2-2744436118 .md span.align-center {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-center > span {
+.d2-2744436118 .md span.align-center > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: center;
 }
 
-.md span.align-center span img {
+.d2-2744436118 .md span.align-center span img {
   margin: 0 auto;
   text-align: center;
 }
 
-.md span.align-right {
+.d2-2744436118 .md span.align-right {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-right > span {
+.d2-2744436118 .md span.align-right > span {
   display: block;
   margin: 13px 0 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md span.align-right span img {
+.d2-2744436118 .md span.align-right span img {
   margin: 0;
   text-align: right;
 }
 
-.md span.float-left {
+.d2-2744436118 .md span.float-left {
   display: block;
   float: left;
   margin-right: 13px;
   overflow: hidden;
 }
 
-.md span.float-left span {
+.d2-2744436118 .md span.float-left span {
   margin: 13px 0 0;
 }
 
-.md span.float-right {
+.d2-2744436118 .md span.float-right {
   display: block;
   float: right;
   margin-left: 13px;
   overflow: hidden;
 }
 
-.md span.float-right > span {
+.d2-2744436118 .md span.float-right > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md code,
-.md tt {
+.d2-2744436118 .md code,
+.d2-2744436118 .md tt {
   padding: 0.2em 0.4em;
   margin: 0;
   font-size: 85%;
@@ -713,20 +713,20 @@
   border-radius: 6px;
 }
 
-.md code br,
-.md tt br {
+.d2-2744436118 .md code br,
+.d2-2744436118 .md tt br {
   display: none;
 }
 
-.md del code {
+.d2-2744436118 .md del code {
   text-decoration: inherit;
 }
 
-.md pre code {
+.d2-2744436118 .md pre code {
   font-size: 100%;
 }
 
-.md pre > code {
+.d2-2744436118 .md pre > code {
   padding: 0;
   margin: 0;
   word-break: normal;
@@ -735,17 +735,17 @@
   border: 0;
 }
 
-.md .highlight {
+.d2-2744436118 .md .highlight {
   margin-bottom: 16px;
 }
 
-.md .highlight pre {
+.d2-2744436118 .md .highlight pre {
   margin-bottom: 0;
   word-break: normal;
 }
 
-.md .highlight pre,
-.md pre {
+.d2-2744436118 .md .highlight pre,
+.d2-2744436118 .md pre {
   padding: 16px;
   overflow: auto;
   font-size: 85%;
@@ -754,8 +754,8 @@
   border-radius: 6px;
 }
 
-.md pre code,
-.md pre tt {
+.d2-2744436118 .md pre code,
+.d2-2744436118 .md pre tt {
   display: inline;
   max-width: auto;
   padding: 0;
@@ -767,8 +767,8 @@
   border: 0;
 }
 
-.md .csv-data td,
-.md .csv-data th {
+.d2-2744436118 .md .csv-data td,
+.d2-2744436118 .md .csv-data th {
   padding: 5px;
   overflow: hidden;
   font-size: 12px;
@@ -777,38 +777,38 @@
   white-space: nowrap;
 }
 
-.md .csv-data .blob-num {
+.d2-2744436118 .md .csv-data .blob-num {
   padding: 10px 8px 9px;
   text-align: right;
   background: var(--color-canvas-default);
   border: 0;
 }
 
-.md .csv-data tr {
+.d2-2744436118 .md .csv-data tr {
   border-top: 0;
 }
 
-.md .csv-data th {
+.d2-2744436118 .md .csv-data th {
   font-weight: 600;
   background: var(--color-canvas-subtle);
   border-top: 0;
 }
 
-.md .footnotes {
+.d2-2744436118 .md .footnotes {
   font-size: 12px;
   color: var(--color-fg-muted);
   border-top: 1px solid var(--color-border-default);
 }
 
-.md .footnotes ol {
+.d2-2744436118 .md .footnotes ol {
   padding-left: 16px;
 }
 
-.md .footnotes li {
+.d2-2744436118 .md .footnotes li {
   position: relative;
 }
 
-.md .footnotes li:target::before {
+.d2-2744436118 .md .footnotes li:target::before {
   position: absolute;
   top: -8px;
   right: -8px;
@@ -820,36 +820,36 @@
   border-radius: 6px;
 }
 
-.md .footnotes li:target {
+.d2-2744436118 .md .footnotes li:target {
   color: var(--color-fg-default);
 }
 
-.md .task-list-item {
+.d2-2744436118 .md .task-list-item {
   list-style-type: none;
 }
 
-.md .task-list-item label {
+.d2-2744436118 .md .task-list-item label {
   font-weight: 400;
 }
 
-.md .task-list-item.enabled label {
+.d2-2744436118 .md .task-list-item.enabled label {
   cursor: pointer;
 }
 
-.md .task-list-item + .task-list-item {
+.d2-2744436118 .md .task-list-item + .task-list-item {
   margin-top: 3px;
 }
 
-.md .task-list-item .handle {
+.d2-2744436118 .md .task-list-item .handle {
   display: none;
 }
 
-.md .task-list-item-checkbox {
+.d2-2744436118 .md .task-list-item-checkbox {
   margin: 0 0.2em 0.25em -1.6em;
   vertical-align: middle;
 }
 
-.md .contains-task-list:dir(rtl) .task-list-item-checkbox {
+.d2-2744436118 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
 </style><g id="code"><g class="shape" ></g><g transform="translate(133.000000 0.000000)" class="light-code"><rect width="159.000000" height="70.000000" class="shape stroke-N1" style="fill:#ffffff" /><g transform="translate(6 6)"><text class="text-mono" x="0" y="1.000000em" xml:space="preserve"><tspan fill="#000000" class="text-mono-bold">func</tspan>&#160;<tspan fill="#990000" class="text-mono-bold">main</tspan>()&#160;{
diff --git a/d2renderers/d2svg/dark_theme/testdata/opacity/dark_theme.exp.svg b/d2renderers/d2svg/dark_theme/testdata/opacity/dark_theme.exp.svg
index 51b98f118..bdc9e983d 100644
--- a/d2renderers/d2svg/dark_theme/testdata/opacity/dark_theme.exp.svg
+++ b/d2renderers/d2svg/dark_theme/testdata/opacity/dark_theme.exp.svg
@@ -103,31 +103,31 @@
 		.d2-710463437 .color-AA4{color:#45475A;}
 		.d2-710463437 .color-AA5{color:#313244;}
 		.d2-710463437 .color-AB4{color:#45475A;}
-		.d2-710463437 .color-AB5{color:#313244;}.appendix text.text{fill:#CDD6F4}.md{--color-fg-default:#CDD6F4;--color-fg-muted:#BAC2DE;--color-fg-subtle:#A6ADC8;--color-canvas-default:#1E1E2E;--color-canvas-subtle:#313244;--color-border-default:#CBA6f7;--color-border-muted:#CBA6f7;--color-neutral-muted:#313244;--color-accent-fg:#CBA6f7;--color-accent-emphasis:#CBA6f7;--color-attention-subtle:#BAC2DE;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-B2{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-B3{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-B4{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-B5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B6{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AA2{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-AA4{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AA5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AB4{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AB5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N1{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N2{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N6{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N7{fill:url(#streaks-darker);mix-blend-mode:lighten}.light-code{display: none}.dark-code{display: block}]]></style><style type="text/css">.md em,
-.md dfn {
+		.d2-710463437 .color-AB5{color:#313244;}.appendix text.text{fill:#CDD6F4}.md{--color-fg-default:#CDD6F4;--color-fg-muted:#BAC2DE;--color-fg-subtle:#A6ADC8;--color-canvas-default:#1E1E2E;--color-canvas-subtle:#313244;--color-border-default:#CBA6f7;--color-border-muted:#CBA6f7;--color-neutral-muted:#313244;--color-accent-fg:#CBA6f7;--color-accent-emphasis:#CBA6f7;--color-attention-subtle:#BAC2DE;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-B2{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-B3{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-B4{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-B5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B6{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AA2{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-AA4{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AA5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AB4{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AB5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N1{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N2{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N6{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N7{fill:url(#streaks-darker);mix-blend-mode:lighten}.light-code{display: none}.dark-code{display: block}]]></style><style type="text/css">.d2-710463437 .md em,
+.d2-710463437 .md dfn {
   font-family: "d2-710463437-font-italic";
 }
 
-.md b,
-.md strong {
+.d2-710463437 .md b,
+.d2-710463437 .md strong {
   font-family: "d2-710463437-font-bold";
 }
 
-.md code,
-.md kbd,
-.md pre,
-.md samp {
+.d2-710463437 .md code,
+.d2-710463437 .md kbd,
+.d2-710463437 .md pre,
+.d2-710463437 .md samp {
   font-family: "d2-710463437-font-mono";
   font-size: 1em;
 }
 
-.md {
+.d2-710463437 .md {
   tab-size: 4;
 }
 
 /* variables are provided in d2renderers/d2svg/d2svg.go */
 
-.md {
+.d2-710463437 .md {
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
   margin: 0;
@@ -139,41 +139,41 @@
   word-wrap: break-word;
 }
 
-.md details,
-.md figcaption,
-.md figure {
+.d2-710463437 .md details,
+.d2-710463437 .md figcaption,
+.d2-710463437 .md figure {
   display: block;
 }
 
-.md summary {
+.d2-710463437 .md summary {
   display: list-item;
 }
 
-.md [hidden] {
+.d2-710463437 .md [hidden] {
   display: none !important;
 }
 
-.md a {
+.d2-710463437 .md a {
   background-color: transparent;
   color: var(--color-accent-fg);
   text-decoration: none;
 }
 
-.md a:active,
-.md a:hover {
+.d2-710463437 .md a:active,
+.d2-710463437 .md a:hover {
   outline-width: 0;
 }
 
-.md abbr[title] {
+.d2-710463437 .md abbr[title] {
   border-bottom: none;
   text-decoration: underline dotted;
 }
 
-.md dfn {
+.d2-710463437 .md dfn {
   font-style: italic;
 }
 
-.md h1 {
+.d2-710463437 .md h1 {
   margin: 0.67em 0;
   font-weight: 600;
   padding-bottom: 0.3em;
@@ -181,43 +181,43 @@
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md mark {
+.d2-710463437 .md mark {
   background-color: var(--color-attention-subtle);
   color: var(--color-text-primary);
 }
 
-.md small {
+.d2-710463437 .md small {
   font-size: 90%;
 }
 
-.md sub,
-.md sup {
+.d2-710463437 .md sub,
+.d2-710463437 .md sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
 }
 
-.md sub {
+.d2-710463437 .md sub {
   bottom: -0.25em;
 }
 
-.md sup {
+.d2-710463437 .md sup {
   top: -0.5em;
 }
 
-.md img {
+.d2-710463437 .md img {
   border-style: none;
   max-width: 100%;
   box-sizing: content-box;
   background-color: var(--color-canvas-default);
 }
 
-.md figure {
+.d2-710463437 .md figure {
   margin: 1em 40px;
 }
 
-.md hr {
+.d2-710463437 .md hr {
   box-sizing: content-box;
   overflow: hidden;
   background: transparent;
@@ -229,7 +229,7 @@
   border: 0;
 }
 
-.md input {
+.d2-710463437 .md input {
   font: inherit;
   margin: 0;
   overflow: visible;
@@ -238,72 +238,72 @@
   line-height: inherit;
 }
 
-.md [type="button"],
-.md [type="reset"],
-.md [type="submit"] {
+.d2-710463437 .md [type="button"],
+.d2-710463437 .md [type="reset"],
+.d2-710463437 .md [type="submit"] {
   -webkit-appearance: button;
 }
 
-.md [type="button"]::-moz-focus-inner,
-.md [type="reset"]::-moz-focus-inner,
-.md [type="submit"]::-moz-focus-inner {
+.d2-710463437 .md [type="button"]::-moz-focus-inner,
+.d2-710463437 .md [type="reset"]::-moz-focus-inner,
+.d2-710463437 .md [type="submit"]::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.md [type="button"]:-moz-focusring,
-.md [type="reset"]:-moz-focusring,
-.md [type="submit"]:-moz-focusring {
+.d2-710463437 .md [type="button"]:-moz-focusring,
+.d2-710463437 .md [type="reset"]:-moz-focusring,
+.d2-710463437 .md [type="submit"]:-moz-focusring {
   outline: 1px dotted ButtonText;
 }
 
-.md [type="checkbox"],
-.md [type="radio"] {
+.d2-710463437 .md [type="checkbox"],
+.d2-710463437 .md [type="radio"] {
   box-sizing: border-box;
   padding: 0;
 }
 
-.md [type="number"]::-webkit-inner-spin-button,
-.md [type="number"]::-webkit-outer-spin-button {
+.d2-710463437 .md [type="number"]::-webkit-inner-spin-button,
+.d2-710463437 .md [type="number"]::-webkit-outer-spin-button {
   height: auto;
 }
 
-.md [type="search"] {
+.d2-710463437 .md [type="search"] {
   -webkit-appearance: textfield;
   outline-offset: -2px;
 }
 
-.md [type="search"]::-webkit-search-cancel-button,
-.md [type="search"]::-webkit-search-decoration {
+.d2-710463437 .md [type="search"]::-webkit-search-cancel-button,
+.d2-710463437 .md [type="search"]::-webkit-search-decoration {
   -webkit-appearance: none;
 }
 
-.md ::-webkit-input-placeholder {
+.d2-710463437 .md ::-webkit-input-placeholder {
   color: inherit;
   opacity: 0.54;
 }
 
-.md ::-webkit-file-upload-button {
+.d2-710463437 .md ::-webkit-file-upload-button {
   -webkit-appearance: button;
   font: inherit;
 }
 
-.md a:hover {
+.d2-710463437 .md a:hover {
   text-decoration: underline;
 }
 
-.md hr::before {
+.d2-710463437 .md hr::before {
   display: table;
   content: "";
 }
 
-.md hr::after {
+.d2-710463437 .md hr::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md table {
+.d2-710463437 .md table {
   border-spacing: 0;
   border-collapse: collapse;
   display: block;
@@ -312,20 +312,20 @@
   overflow: auto;
 }
 
-.md td,
-.md th {
+.d2-710463437 .md td,
+.d2-710463437 .md th {
   padding: 0;
 }
 
-.md details summary {
+.d2-710463437 .md details summary {
   cursor: pointer;
 }
 
-.md details:not([open]) > *:not(summary) {
+.d2-710463437 .md details:not([open]) > *:not(summary) {
   display: none !important;
 }
 
-.md kbd {
+.d2-710463437 .md kbd {
   display: inline-block;
   padding: 3px 5px;
   color: var(--color-fg-default);
@@ -337,12 +337,12 @@
   box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
 }
 
-.md h1,
-.md h2,
-.md h3,
-.md h4,
-.md h5,
-.md h6 {
+.d2-710463437 .md h1,
+.d2-710463437 .md h2,
+.d2-710463437 .md h3,
+.d2-710463437 .md h4,
+.d2-710463437 .md h5,
+.d2-710463437 .md h6 {
   margin-top: 24px;
   margin-bottom: 16px;
   font-weight: 600;
@@ -350,222 +350,222 @@
   font-family: "d2-710463437-font-regular";
 }
 
-.md h2 {
+.d2-710463437 .md h2 {
   font-weight: 600;
   padding-bottom: 0.3em;
   font-size: 1.5em;
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md h3 {
+.d2-710463437 .md h3 {
   font-weight: 600;
   font-size: 1.25em;
 }
 
-.md h4 {
+.d2-710463437 .md h4 {
   font-weight: 600;
   font-size: 1em;
 }
 
-.md h5 {
+.d2-710463437 .md h5 {
   font-weight: 600;
   font-size: 0.875em;
 }
 
-.md h6 {
+.d2-710463437 .md h6 {
   font-weight: 600;
   font-size: 0.85em;
   color: var(--color-fg-muted);
 }
 
-.md p {
+.d2-710463437 .md p {
   margin-top: 0;
   margin-bottom: 10px;
 }
 
-.md blockquote {
+.d2-710463437 .md blockquote {
   margin: 0;
   padding: 0 1em;
   color: var(--color-fg-muted);
   border-left: 0.25em solid var(--color-border-default);
 }
 
-.md ul,
-.md ol {
+.d2-710463437 .md ul,
+.d2-710463437 .md ol {
   margin-top: 0;
   margin-bottom: 0;
   padding-left: 2em;
 }
 
-.md ol ol,
-.md ul ol {
+.d2-710463437 .md ol ol,
+.d2-710463437 .md ul ol {
   list-style-type: lower-roman;
 }
 
-.md ul ul ol,
-.md ul ol ol,
-.md ol ul ol,
-.md ol ol ol {
+.d2-710463437 .md ul ul ol,
+.d2-710463437 .md ul ol ol,
+.d2-710463437 .md ol ul ol,
+.d2-710463437 .md ol ol ol {
   list-style-type: lower-alpha;
 }
 
-.md dd {
+.d2-710463437 .md dd {
   margin-left: 0;
 }
 
-.md pre {
+.d2-710463437 .md pre {
   margin-top: 0;
   margin-bottom: 0;
   word-wrap: normal;
 }
 
-.md ::placeholder {
+.d2-710463437 .md ::placeholder {
   color: var(--color-fg-subtle);
   opacity: 1;
 }
 
-.md input::-webkit-outer-spin-button,
-.md input::-webkit-inner-spin-button {
+.d2-710463437 .md input::-webkit-outer-spin-button,
+.d2-710463437 .md input::-webkit-inner-spin-button {
   margin: 0;
   -webkit-appearance: none;
   appearance: none;
 }
 
-.md::before {
+.d2-710463437 .md::before {
   display: table;
   content: "";
 }
 
-.md::after {
+.d2-710463437 .md::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md > *:first-child {
+.d2-710463437 .md > *:first-child {
   margin-top: 0 !important;
 }
 
-.md > *:last-child {
+.d2-710463437 .md > *:last-child {
   margin-bottom: 0 !important;
 }
 
-.md a:not([href]) {
+.d2-710463437 .md a:not([href]) {
   color: inherit;
   text-decoration: none;
 }
 
-.md .absent {
+.d2-710463437 .md .absent {
   color: var(--color-danger-fg);
 }
 
-.md .anchor {
+.d2-710463437 .md .anchor {
   float: left;
   padding-right: 4px;
   margin-left: -20px;
   line-height: 1;
 }
 
-.md .anchor:focus {
+.d2-710463437 .md .anchor:focus {
   outline: none;
 }
 
-.md p,
-.md blockquote,
-.md ul,
-.md ol,
-.md dl,
-.md table,
-.md pre,
-.md details {
+.d2-710463437 .md p,
+.d2-710463437 .md blockquote,
+.d2-710463437 .md ul,
+.d2-710463437 .md ol,
+.d2-710463437 .md dl,
+.d2-710463437 .md table,
+.d2-710463437 .md pre,
+.d2-710463437 .md details {
   margin-top: 0;
   margin-bottom: 16px;
 }
 
-.md blockquote > :first-child {
+.d2-710463437 .md blockquote > :first-child {
   margin-top: 0;
 }
 
-.md blockquote > :last-child {
+.d2-710463437 .md blockquote > :last-child {
   margin-bottom: 0;
 }
 
-.md sup > a::before {
+.d2-710463437 .md sup > a::before {
   content: "[";
 }
 
-.md sup > a::after {
+.d2-710463437 .md sup > a::after {
   content: "]";
 }
 
-.md h1:hover .anchor,
-.md h2:hover .anchor,
-.md h3:hover .anchor,
-.md h4:hover .anchor,
-.md h5:hover .anchor,
-.md h6:hover .anchor {
+.d2-710463437 .md h1:hover .anchor,
+.d2-710463437 .md h2:hover .anchor,
+.d2-710463437 .md h3:hover .anchor,
+.d2-710463437 .md h4:hover .anchor,
+.d2-710463437 .md h5:hover .anchor,
+.d2-710463437 .md h6:hover .anchor {
   text-decoration: none;
 }
 
-.md h1 tt,
-.md h1 code,
-.md h2 tt,
-.md h2 code,
-.md h3 tt,
-.md h3 code,
-.md h4 tt,
-.md h4 code,
-.md h5 tt,
-.md h5 code,
-.md h6 tt,
-.md h6 code {
+.d2-710463437 .md h1 tt,
+.d2-710463437 .md h1 code,
+.d2-710463437 .md h2 tt,
+.d2-710463437 .md h2 code,
+.d2-710463437 .md h3 tt,
+.d2-710463437 .md h3 code,
+.d2-710463437 .md h4 tt,
+.d2-710463437 .md h4 code,
+.d2-710463437 .md h5 tt,
+.d2-710463437 .md h5 code,
+.d2-710463437 .md h6 tt,
+.d2-710463437 .md h6 code {
   padding: 0 0.2em;
   font-size: inherit;
 }
 
-.md ul.no-list,
-.md ol.no-list {
+.d2-710463437 .md ul.no-list,
+.d2-710463437 .md ol.no-list {
   padding: 0;
   list-style-type: none;
 }
 
-.md ol[type="1"] {
+.d2-710463437 .md ol[type="1"] {
   list-style-type: decimal;
 }
 
-.md ol[type="a"] {
+.d2-710463437 .md ol[type="a"] {
   list-style-type: lower-alpha;
 }
 
-.md ol[type="i"] {
+.d2-710463437 .md ol[type="i"] {
   list-style-type: lower-roman;
 }
 
-.md div > ol:not([type]) {
+.d2-710463437 .md div > ol:not([type]) {
   list-style-type: decimal;
 }
 
-.md ul ul,
-.md ul ol,
-.md ol ol,
-.md ol ul {
+.d2-710463437 .md ul ul,
+.d2-710463437 .md ul ol,
+.d2-710463437 .md ol ol,
+.d2-710463437 .md ol ul {
   margin-top: 0;
   margin-bottom: 0;
 }
 
-.md li > p {
+.d2-710463437 .md li > p {
   margin-top: 16px;
 }
 
-.md li + li {
+.d2-710463437 .md li + li {
   margin-top: 0.25em;
 }
 
-.md dl {
+.d2-710463437 .md dl {
   padding: 0;
 }
 
-.md dl dt {
+.d2-710463437 .md dl dt {
   padding: 0;
   margin-top: 16px;
   font-size: 1em;
@@ -573,48 +573,48 @@
   font-weight: 600;
 }
 
-.md dl dd {
+.d2-710463437 .md dl dd {
   padding: 0 16px;
   margin-bottom: 16px;
 }
 
-.md table th {
+.d2-710463437 .md table th {
   font-weight: 600;
 }
 
-.md table th,
-.md table td {
+.d2-710463437 .md table th,
+.d2-710463437 .md table td {
   padding: 6px 13px;
   border: 1px solid var(--color-border-default);
 }
 
-.md table tr {
+.d2-710463437 .md table tr {
   background-color: var(--color-canvas-default);
   border-top: 1px solid var(--color-border-muted);
 }
 
-.md table tr:nth-child(2n) {
+.d2-710463437 .md table tr:nth-child(2n) {
   background-color: var(--color-canvas-subtle);
 }
 
-.md table img {
+.d2-710463437 .md table img {
   background-color: transparent;
 }
 
-.md img[align="right"] {
+.d2-710463437 .md img[align="right"] {
   padding-left: 20px;
 }
 
-.md img[align="left"] {
+.d2-710463437 .md img[align="left"] {
   padding-right: 20px;
 }
 
-.md span.frame {
+.d2-710463437 .md span.frame {
   display: block;
   overflow: hidden;
 }
 
-.md span.frame > span {
+.d2-710463437 .md span.frame > span {
   display: block;
   float: left;
   width: auto;
@@ -624,81 +624,81 @@
   border: 1px solid var(--color-border-default);
 }
 
-.md span.frame span img {
+.d2-710463437 .md span.frame span img {
   display: block;
   float: left;
 }
 
-.md span.frame span span {
+.d2-710463437 .md span.frame span span {
   display: block;
   padding: 5px 0 0;
   clear: both;
   color: var(--color-fg-default);
 }
 
-.md span.align-center {
+.d2-710463437 .md span.align-center {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-center > span {
+.d2-710463437 .md span.align-center > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: center;
 }
 
-.md span.align-center span img {
+.d2-710463437 .md span.align-center span img {
   margin: 0 auto;
   text-align: center;
 }
 
-.md span.align-right {
+.d2-710463437 .md span.align-right {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-right > span {
+.d2-710463437 .md span.align-right > span {
   display: block;
   margin: 13px 0 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md span.align-right span img {
+.d2-710463437 .md span.align-right span img {
   margin: 0;
   text-align: right;
 }
 
-.md span.float-left {
+.d2-710463437 .md span.float-left {
   display: block;
   float: left;
   margin-right: 13px;
   overflow: hidden;
 }
 
-.md span.float-left span {
+.d2-710463437 .md span.float-left span {
   margin: 13px 0 0;
 }
 
-.md span.float-right {
+.d2-710463437 .md span.float-right {
   display: block;
   float: right;
   margin-left: 13px;
   overflow: hidden;
 }
 
-.md span.float-right > span {
+.d2-710463437 .md span.float-right > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md code,
-.md tt {
+.d2-710463437 .md code,
+.d2-710463437 .md tt {
   padding: 0.2em 0.4em;
   margin: 0;
   font-size: 85%;
@@ -706,20 +706,20 @@
   border-radius: 6px;
 }
 
-.md code br,
-.md tt br {
+.d2-710463437 .md code br,
+.d2-710463437 .md tt br {
   display: none;
 }
 
-.md del code {
+.d2-710463437 .md del code {
   text-decoration: inherit;
 }
 
-.md pre code {
+.d2-710463437 .md pre code {
   font-size: 100%;
 }
 
-.md pre > code {
+.d2-710463437 .md pre > code {
   padding: 0;
   margin: 0;
   word-break: normal;
@@ -728,17 +728,17 @@
   border: 0;
 }
 
-.md .highlight {
+.d2-710463437 .md .highlight {
   margin-bottom: 16px;
 }
 
-.md .highlight pre {
+.d2-710463437 .md .highlight pre {
   margin-bottom: 0;
   word-break: normal;
 }
 
-.md .highlight pre,
-.md pre {
+.d2-710463437 .md .highlight pre,
+.d2-710463437 .md pre {
   padding: 16px;
   overflow: auto;
   font-size: 85%;
@@ -747,8 +747,8 @@
   border-radius: 6px;
 }
 
-.md pre code,
-.md pre tt {
+.d2-710463437 .md pre code,
+.d2-710463437 .md pre tt {
   display: inline;
   max-width: auto;
   padding: 0;
@@ -760,8 +760,8 @@
   border: 0;
 }
 
-.md .csv-data td,
-.md .csv-data th {
+.d2-710463437 .md .csv-data td,
+.d2-710463437 .md .csv-data th {
   padding: 5px;
   overflow: hidden;
   font-size: 12px;
@@ -770,38 +770,38 @@
   white-space: nowrap;
 }
 
-.md .csv-data .blob-num {
+.d2-710463437 .md .csv-data .blob-num {
   padding: 10px 8px 9px;
   text-align: right;
   background: var(--color-canvas-default);
   border: 0;
 }
 
-.md .csv-data tr {
+.d2-710463437 .md .csv-data tr {
   border-top: 0;
 }
 
-.md .csv-data th {
+.d2-710463437 .md .csv-data th {
   font-weight: 600;
   background: var(--color-canvas-subtle);
   border-top: 0;
 }
 
-.md .footnotes {
+.d2-710463437 .md .footnotes {
   font-size: 12px;
   color: var(--color-fg-muted);
   border-top: 1px solid var(--color-border-default);
 }
 
-.md .footnotes ol {
+.d2-710463437 .md .footnotes ol {
   padding-left: 16px;
 }
 
-.md .footnotes li {
+.d2-710463437 .md .footnotes li {
   position: relative;
 }
 
-.md .footnotes li:target::before {
+.d2-710463437 .md .footnotes li:target::before {
   position: absolute;
   top: -8px;
   right: -8px;
@@ -813,36 +813,36 @@
   border-radius: 6px;
 }
 
-.md .footnotes li:target {
+.d2-710463437 .md .footnotes li:target {
   color: var(--color-fg-default);
 }
 
-.md .task-list-item {
+.d2-710463437 .md .task-list-item {
   list-style-type: none;
 }
 
-.md .task-list-item label {
+.d2-710463437 .md .task-list-item label {
   font-weight: 400;
 }
 
-.md .task-list-item.enabled label {
+.d2-710463437 .md .task-list-item.enabled label {
   cursor: pointer;
 }
 
-.md .task-list-item + .task-list-item {
+.d2-710463437 .md .task-list-item + .task-list-item {
   margin-top: 3px;
 }
 
-.md .task-list-item .handle {
+.d2-710463437 .md .task-list-item .handle {
   display: none;
 }
 
-.md .task-list-item-checkbox {
+.d2-710463437 .md .task-list-item-checkbox {
   margin: 0 0.2em 0.25em -1.6em;
   vertical-align: middle;
 }
 
-.md .contains-task-list:dir(rtl) .task-list-item-checkbox {
+.d2-710463437 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
 </style><g id="x" style='opacity:0.400000'><g class="shape" ><rect x="162.000000" y="3.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="189.000000" y="41.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g id="y" style='opacity:0.400000'><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="276.000000" y="24.000000" width="347" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p>linux: because a PC is a terrible thing to waste</p>
diff --git a/d2renderers/d2svg/dark_theme/testdata/twitter/dark_theme.exp.svg b/d2renderers/d2svg/dark_theme/testdata/twitter/dark_theme.exp.svg
index 1a6c4b74a..d2b70c4c9 100644
--- a/d2renderers/d2svg/dark_theme/testdata/twitter/dark_theme.exp.svg
+++ b/d2renderers/d2svg/dark_theme/testdata/twitter/dark_theme.exp.svg
@@ -103,31 +103,31 @@
 		.d2-3480262646 .color-AA4{color:#45475A;}
 		.d2-3480262646 .color-AA5{color:#313244;}
 		.d2-3480262646 .color-AB4{color:#45475A;}
-		.d2-3480262646 .color-AB5{color:#313244;}.appendix text.text{fill:#CDD6F4}.md{--color-fg-default:#CDD6F4;--color-fg-muted:#BAC2DE;--color-fg-subtle:#A6ADC8;--color-canvas-default:#1E1E2E;--color-canvas-subtle:#313244;--color-border-default:#CBA6f7;--color-border-muted:#CBA6f7;--color-neutral-muted:#313244;--color-accent-fg:#CBA6f7;--color-accent-emphasis:#CBA6f7;--color-attention-subtle:#BAC2DE;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-B2{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-B3{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-B4{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-B5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B6{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AA2{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-AA4{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AA5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AB4{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AB5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N1{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N2{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N6{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N7{fill:url(#streaks-darker);mix-blend-mode:lighten}.light-code{display: none}.dark-code{display: block}]]></style><style type="text/css">.md em,
-.md dfn {
+		.d2-3480262646 .color-AB5{color:#313244;}.appendix text.text{fill:#CDD6F4}.md{--color-fg-default:#CDD6F4;--color-fg-muted:#BAC2DE;--color-fg-subtle:#A6ADC8;--color-canvas-default:#1E1E2E;--color-canvas-subtle:#313244;--color-border-default:#CBA6f7;--color-border-muted:#CBA6f7;--color-neutral-muted:#313244;--color-accent-fg:#CBA6f7;--color-accent-emphasis:#CBA6f7;--color-attention-subtle:#BAC2DE;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-B2{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-B3{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-B4{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-B5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B6{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AA2{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-AA4{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AA5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AB4{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AB5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N1{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N2{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N6{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N7{fill:url(#streaks-darker);mix-blend-mode:lighten}.light-code{display: none}.dark-code{display: block}]]></style><style type="text/css">.d2-3480262646 .md em,
+.d2-3480262646 .md dfn {
   font-family: "d2-3480262646-font-italic";
 }
 
-.md b,
-.md strong {
+.d2-3480262646 .md b,
+.d2-3480262646 .md strong {
   font-family: "d2-3480262646-font-bold";
 }
 
-.md code,
-.md kbd,
-.md pre,
-.md samp {
+.d2-3480262646 .md code,
+.d2-3480262646 .md kbd,
+.d2-3480262646 .md pre,
+.d2-3480262646 .md samp {
   font-family: "d2-3480262646-font-mono";
   font-size: 1em;
 }
 
-.md {
+.d2-3480262646 .md {
   tab-size: 4;
 }
 
 /* variables are provided in d2renderers/d2svg/d2svg.go */
 
-.md {
+.d2-3480262646 .md {
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
   margin: 0;
@@ -139,41 +139,41 @@
   word-wrap: break-word;
 }
 
-.md details,
-.md figcaption,
-.md figure {
+.d2-3480262646 .md details,
+.d2-3480262646 .md figcaption,
+.d2-3480262646 .md figure {
   display: block;
 }
 
-.md summary {
+.d2-3480262646 .md summary {
   display: list-item;
 }
 
-.md [hidden] {
+.d2-3480262646 .md [hidden] {
   display: none !important;
 }
 
-.md a {
+.d2-3480262646 .md a {
   background-color: transparent;
   color: var(--color-accent-fg);
   text-decoration: none;
 }
 
-.md a:active,
-.md a:hover {
+.d2-3480262646 .md a:active,
+.d2-3480262646 .md a:hover {
   outline-width: 0;
 }
 
-.md abbr[title] {
+.d2-3480262646 .md abbr[title] {
   border-bottom: none;
   text-decoration: underline dotted;
 }
 
-.md dfn {
+.d2-3480262646 .md dfn {
   font-style: italic;
 }
 
-.md h1 {
+.d2-3480262646 .md h1 {
   margin: 0.67em 0;
   font-weight: 600;
   padding-bottom: 0.3em;
@@ -181,43 +181,43 @@
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md mark {
+.d2-3480262646 .md mark {
   background-color: var(--color-attention-subtle);
   color: var(--color-text-primary);
 }
 
-.md small {
+.d2-3480262646 .md small {
   font-size: 90%;
 }
 
-.md sub,
-.md sup {
+.d2-3480262646 .md sub,
+.d2-3480262646 .md sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
 }
 
-.md sub {
+.d2-3480262646 .md sub {
   bottom: -0.25em;
 }
 
-.md sup {
+.d2-3480262646 .md sup {
   top: -0.5em;
 }
 
-.md img {
+.d2-3480262646 .md img {
   border-style: none;
   max-width: 100%;
   box-sizing: content-box;
   background-color: var(--color-canvas-default);
 }
 
-.md figure {
+.d2-3480262646 .md figure {
   margin: 1em 40px;
 }
 
-.md hr {
+.d2-3480262646 .md hr {
   box-sizing: content-box;
   overflow: hidden;
   background: transparent;
@@ -229,7 +229,7 @@
   border: 0;
 }
 
-.md input {
+.d2-3480262646 .md input {
   font: inherit;
   margin: 0;
   overflow: visible;
@@ -238,72 +238,72 @@
   line-height: inherit;
 }
 
-.md [type="button"],
-.md [type="reset"],
-.md [type="submit"] {
+.d2-3480262646 .md [type="button"],
+.d2-3480262646 .md [type="reset"],
+.d2-3480262646 .md [type="submit"] {
   -webkit-appearance: button;
 }
 
-.md [type="button"]::-moz-focus-inner,
-.md [type="reset"]::-moz-focus-inner,
-.md [type="submit"]::-moz-focus-inner {
+.d2-3480262646 .md [type="button"]::-moz-focus-inner,
+.d2-3480262646 .md [type="reset"]::-moz-focus-inner,
+.d2-3480262646 .md [type="submit"]::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.md [type="button"]:-moz-focusring,
-.md [type="reset"]:-moz-focusring,
-.md [type="submit"]:-moz-focusring {
+.d2-3480262646 .md [type="button"]:-moz-focusring,
+.d2-3480262646 .md [type="reset"]:-moz-focusring,
+.d2-3480262646 .md [type="submit"]:-moz-focusring {
   outline: 1px dotted ButtonText;
 }
 
-.md [type="checkbox"],
-.md [type="radio"] {
+.d2-3480262646 .md [type="checkbox"],
+.d2-3480262646 .md [type="radio"] {
   box-sizing: border-box;
   padding: 0;
 }
 
-.md [type="number"]::-webkit-inner-spin-button,
-.md [type="number"]::-webkit-outer-spin-button {
+.d2-3480262646 .md [type="number"]::-webkit-inner-spin-button,
+.d2-3480262646 .md [type="number"]::-webkit-outer-spin-button {
   height: auto;
 }
 
-.md [type="search"] {
+.d2-3480262646 .md [type="search"] {
   -webkit-appearance: textfield;
   outline-offset: -2px;
 }
 
-.md [type="search"]::-webkit-search-cancel-button,
-.md [type="search"]::-webkit-search-decoration {
+.d2-3480262646 .md [type="search"]::-webkit-search-cancel-button,
+.d2-3480262646 .md [type="search"]::-webkit-search-decoration {
   -webkit-appearance: none;
 }
 
-.md ::-webkit-input-placeholder {
+.d2-3480262646 .md ::-webkit-input-placeholder {
   color: inherit;
   opacity: 0.54;
 }
 
-.md ::-webkit-file-upload-button {
+.d2-3480262646 .md ::-webkit-file-upload-button {
   -webkit-appearance: button;
   font: inherit;
 }
 
-.md a:hover {
+.d2-3480262646 .md a:hover {
   text-decoration: underline;
 }
 
-.md hr::before {
+.d2-3480262646 .md hr::before {
   display: table;
   content: "";
 }
 
-.md hr::after {
+.d2-3480262646 .md hr::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md table {
+.d2-3480262646 .md table {
   border-spacing: 0;
   border-collapse: collapse;
   display: block;
@@ -312,20 +312,20 @@
   overflow: auto;
 }
 
-.md td,
-.md th {
+.d2-3480262646 .md td,
+.d2-3480262646 .md th {
   padding: 0;
 }
 
-.md details summary {
+.d2-3480262646 .md details summary {
   cursor: pointer;
 }
 
-.md details:not([open]) > *:not(summary) {
+.d2-3480262646 .md details:not([open]) > *:not(summary) {
   display: none !important;
 }
 
-.md kbd {
+.d2-3480262646 .md kbd {
   display: inline-block;
   padding: 3px 5px;
   color: var(--color-fg-default);
@@ -337,12 +337,12 @@
   box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
 }
 
-.md h1,
-.md h2,
-.md h3,
-.md h4,
-.md h5,
-.md h6 {
+.d2-3480262646 .md h1,
+.d2-3480262646 .md h2,
+.d2-3480262646 .md h3,
+.d2-3480262646 .md h4,
+.d2-3480262646 .md h5,
+.d2-3480262646 .md h6 {
   margin-top: 24px;
   margin-bottom: 16px;
   font-weight: 600;
@@ -350,222 +350,222 @@
   font-family: "d2-3480262646-font-regular";
 }
 
-.md h2 {
+.d2-3480262646 .md h2 {
   font-weight: 600;
   padding-bottom: 0.3em;
   font-size: 1.5em;
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md h3 {
+.d2-3480262646 .md h3 {
   font-weight: 600;
   font-size: 1.25em;
 }
 
-.md h4 {
+.d2-3480262646 .md h4 {
   font-weight: 600;
   font-size: 1em;
 }
 
-.md h5 {
+.d2-3480262646 .md h5 {
   font-weight: 600;
   font-size: 0.875em;
 }
 
-.md h6 {
+.d2-3480262646 .md h6 {
   font-weight: 600;
   font-size: 0.85em;
   color: var(--color-fg-muted);
 }
 
-.md p {
+.d2-3480262646 .md p {
   margin-top: 0;
   margin-bottom: 10px;
 }
 
-.md blockquote {
+.d2-3480262646 .md blockquote {
   margin: 0;
   padding: 0 1em;
   color: var(--color-fg-muted);
   border-left: 0.25em solid var(--color-border-default);
 }
 
-.md ul,
-.md ol {
+.d2-3480262646 .md ul,
+.d2-3480262646 .md ol {
   margin-top: 0;
   margin-bottom: 0;
   padding-left: 2em;
 }
 
-.md ol ol,
-.md ul ol {
+.d2-3480262646 .md ol ol,
+.d2-3480262646 .md ul ol {
   list-style-type: lower-roman;
 }
 
-.md ul ul ol,
-.md ul ol ol,
-.md ol ul ol,
-.md ol ol ol {
+.d2-3480262646 .md ul ul ol,
+.d2-3480262646 .md ul ol ol,
+.d2-3480262646 .md ol ul ol,
+.d2-3480262646 .md ol ol ol {
   list-style-type: lower-alpha;
 }
 
-.md dd {
+.d2-3480262646 .md dd {
   margin-left: 0;
 }
 
-.md pre {
+.d2-3480262646 .md pre {
   margin-top: 0;
   margin-bottom: 0;
   word-wrap: normal;
 }
 
-.md ::placeholder {
+.d2-3480262646 .md ::placeholder {
   color: var(--color-fg-subtle);
   opacity: 1;
 }
 
-.md input::-webkit-outer-spin-button,
-.md input::-webkit-inner-spin-button {
+.d2-3480262646 .md input::-webkit-outer-spin-button,
+.d2-3480262646 .md input::-webkit-inner-spin-button {
   margin: 0;
   -webkit-appearance: none;
   appearance: none;
 }
 
-.md::before {
+.d2-3480262646 .md::before {
   display: table;
   content: "";
 }
 
-.md::after {
+.d2-3480262646 .md::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md > *:first-child {
+.d2-3480262646 .md > *:first-child {
   margin-top: 0 !important;
 }
 
-.md > *:last-child {
+.d2-3480262646 .md > *:last-child {
   margin-bottom: 0 !important;
 }
 
-.md a:not([href]) {
+.d2-3480262646 .md a:not([href]) {
   color: inherit;
   text-decoration: none;
 }
 
-.md .absent {
+.d2-3480262646 .md .absent {
   color: var(--color-danger-fg);
 }
 
-.md .anchor {
+.d2-3480262646 .md .anchor {
   float: left;
   padding-right: 4px;
   margin-left: -20px;
   line-height: 1;
 }
 
-.md .anchor:focus {
+.d2-3480262646 .md .anchor:focus {
   outline: none;
 }
 
-.md p,
-.md blockquote,
-.md ul,
-.md ol,
-.md dl,
-.md table,
-.md pre,
-.md details {
+.d2-3480262646 .md p,
+.d2-3480262646 .md blockquote,
+.d2-3480262646 .md ul,
+.d2-3480262646 .md ol,
+.d2-3480262646 .md dl,
+.d2-3480262646 .md table,
+.d2-3480262646 .md pre,
+.d2-3480262646 .md details {
   margin-top: 0;
   margin-bottom: 16px;
 }
 
-.md blockquote > :first-child {
+.d2-3480262646 .md blockquote > :first-child {
   margin-top: 0;
 }
 
-.md blockquote > :last-child {
+.d2-3480262646 .md blockquote > :last-child {
   margin-bottom: 0;
 }
 
-.md sup > a::before {
+.d2-3480262646 .md sup > a::before {
   content: "[";
 }
 
-.md sup > a::after {
+.d2-3480262646 .md sup > a::after {
   content: "]";
 }
 
-.md h1:hover .anchor,
-.md h2:hover .anchor,
-.md h3:hover .anchor,
-.md h4:hover .anchor,
-.md h5:hover .anchor,
-.md h6:hover .anchor {
+.d2-3480262646 .md h1:hover .anchor,
+.d2-3480262646 .md h2:hover .anchor,
+.d2-3480262646 .md h3:hover .anchor,
+.d2-3480262646 .md h4:hover .anchor,
+.d2-3480262646 .md h5:hover .anchor,
+.d2-3480262646 .md h6:hover .anchor {
   text-decoration: none;
 }
 
-.md h1 tt,
-.md h1 code,
-.md h2 tt,
-.md h2 code,
-.md h3 tt,
-.md h3 code,
-.md h4 tt,
-.md h4 code,
-.md h5 tt,
-.md h5 code,
-.md h6 tt,
-.md h6 code {
+.d2-3480262646 .md h1 tt,
+.d2-3480262646 .md h1 code,
+.d2-3480262646 .md h2 tt,
+.d2-3480262646 .md h2 code,
+.d2-3480262646 .md h3 tt,
+.d2-3480262646 .md h3 code,
+.d2-3480262646 .md h4 tt,
+.d2-3480262646 .md h4 code,
+.d2-3480262646 .md h5 tt,
+.d2-3480262646 .md h5 code,
+.d2-3480262646 .md h6 tt,
+.d2-3480262646 .md h6 code {
   padding: 0 0.2em;
   font-size: inherit;
 }
 
-.md ul.no-list,
-.md ol.no-list {
+.d2-3480262646 .md ul.no-list,
+.d2-3480262646 .md ol.no-list {
   padding: 0;
   list-style-type: none;
 }
 
-.md ol[type="1"] {
+.d2-3480262646 .md ol[type="1"] {
   list-style-type: decimal;
 }
 
-.md ol[type="a"] {
+.d2-3480262646 .md ol[type="a"] {
   list-style-type: lower-alpha;
 }
 
-.md ol[type="i"] {
+.d2-3480262646 .md ol[type="i"] {
   list-style-type: lower-roman;
 }
 
-.md div > ol:not([type]) {
+.d2-3480262646 .md div > ol:not([type]) {
   list-style-type: decimal;
 }
 
-.md ul ul,
-.md ul ol,
-.md ol ol,
-.md ol ul {
+.d2-3480262646 .md ul ul,
+.d2-3480262646 .md ul ol,
+.d2-3480262646 .md ol ol,
+.d2-3480262646 .md ol ul {
   margin-top: 0;
   margin-bottom: 0;
 }
 
-.md li > p {
+.d2-3480262646 .md li > p {
   margin-top: 16px;
 }
 
-.md li + li {
+.d2-3480262646 .md li + li {
   margin-top: 0.25em;
 }
 
-.md dl {
+.d2-3480262646 .md dl {
   padding: 0;
 }
 
-.md dl dt {
+.d2-3480262646 .md dl dt {
   padding: 0;
   margin-top: 16px;
   font-size: 1em;
@@ -573,48 +573,48 @@
   font-weight: 600;
 }
 
-.md dl dd {
+.d2-3480262646 .md dl dd {
   padding: 0 16px;
   margin-bottom: 16px;
 }
 
-.md table th {
+.d2-3480262646 .md table th {
   font-weight: 600;
 }
 
-.md table th,
-.md table td {
+.d2-3480262646 .md table th,
+.d2-3480262646 .md table td {
   padding: 6px 13px;
   border: 1px solid var(--color-border-default);
 }
 
-.md table tr {
+.d2-3480262646 .md table tr {
   background-color: var(--color-canvas-default);
   border-top: 1px solid var(--color-border-muted);
 }
 
-.md table tr:nth-child(2n) {
+.d2-3480262646 .md table tr:nth-child(2n) {
   background-color: var(--color-canvas-subtle);
 }
 
-.md table img {
+.d2-3480262646 .md table img {
   background-color: transparent;
 }
 
-.md img[align="right"] {
+.d2-3480262646 .md img[align="right"] {
   padding-left: 20px;
 }
 
-.md img[align="left"] {
+.d2-3480262646 .md img[align="left"] {
   padding-right: 20px;
 }
 
-.md span.frame {
+.d2-3480262646 .md span.frame {
   display: block;
   overflow: hidden;
 }
 
-.md span.frame > span {
+.d2-3480262646 .md span.frame > span {
   display: block;
   float: left;
   width: auto;
@@ -624,81 +624,81 @@
   border: 1px solid var(--color-border-default);
 }
 
-.md span.frame span img {
+.d2-3480262646 .md span.frame span img {
   display: block;
   float: left;
 }
 
-.md span.frame span span {
+.d2-3480262646 .md span.frame span span {
   display: block;
   padding: 5px 0 0;
   clear: both;
   color: var(--color-fg-default);
 }
 
-.md span.align-center {
+.d2-3480262646 .md span.align-center {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-center > span {
+.d2-3480262646 .md span.align-center > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: center;
 }
 
-.md span.align-center span img {
+.d2-3480262646 .md span.align-center span img {
   margin: 0 auto;
   text-align: center;
 }
 
-.md span.align-right {
+.d2-3480262646 .md span.align-right {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-right > span {
+.d2-3480262646 .md span.align-right > span {
   display: block;
   margin: 13px 0 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md span.align-right span img {
+.d2-3480262646 .md span.align-right span img {
   margin: 0;
   text-align: right;
 }
 
-.md span.float-left {
+.d2-3480262646 .md span.float-left {
   display: block;
   float: left;
   margin-right: 13px;
   overflow: hidden;
 }
 
-.md span.float-left span {
+.d2-3480262646 .md span.float-left span {
   margin: 13px 0 0;
 }
 
-.md span.float-right {
+.d2-3480262646 .md span.float-right {
   display: block;
   float: right;
   margin-left: 13px;
   overflow: hidden;
 }
 
-.md span.float-right > span {
+.d2-3480262646 .md span.float-right > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md code,
-.md tt {
+.d2-3480262646 .md code,
+.d2-3480262646 .md tt {
   padding: 0.2em 0.4em;
   margin: 0;
   font-size: 85%;
@@ -706,20 +706,20 @@
   border-radius: 6px;
 }
 
-.md code br,
-.md tt br {
+.d2-3480262646 .md code br,
+.d2-3480262646 .md tt br {
   display: none;
 }
 
-.md del code {
+.d2-3480262646 .md del code {
   text-decoration: inherit;
 }
 
-.md pre code {
+.d2-3480262646 .md pre code {
   font-size: 100%;
 }
 
-.md pre > code {
+.d2-3480262646 .md pre > code {
   padding: 0;
   margin: 0;
   word-break: normal;
@@ -728,17 +728,17 @@
   border: 0;
 }
 
-.md .highlight {
+.d2-3480262646 .md .highlight {
   margin-bottom: 16px;
 }
 
-.md .highlight pre {
+.d2-3480262646 .md .highlight pre {
   margin-bottom: 0;
   word-break: normal;
 }
 
-.md .highlight pre,
-.md pre {
+.d2-3480262646 .md .highlight pre,
+.d2-3480262646 .md pre {
   padding: 16px;
   overflow: auto;
   font-size: 85%;
@@ -747,8 +747,8 @@
   border-radius: 6px;
 }
 
-.md pre code,
-.md pre tt {
+.d2-3480262646 .md pre code,
+.d2-3480262646 .md pre tt {
   display: inline;
   max-width: auto;
   padding: 0;
@@ -760,8 +760,8 @@
   border: 0;
 }
 
-.md .csv-data td,
-.md .csv-data th {
+.d2-3480262646 .md .csv-data td,
+.d2-3480262646 .md .csv-data th {
   padding: 5px;
   overflow: hidden;
   font-size: 12px;
@@ -770,38 +770,38 @@
   white-space: nowrap;
 }
 
-.md .csv-data .blob-num {
+.d2-3480262646 .md .csv-data .blob-num {
   padding: 10px 8px 9px;
   text-align: right;
   background: var(--color-canvas-default);
   border: 0;
 }
 
-.md .csv-data tr {
+.d2-3480262646 .md .csv-data tr {
   border-top: 0;
 }
 
-.md .csv-data th {
+.d2-3480262646 .md .csv-data th {
   font-weight: 600;
   background: var(--color-canvas-subtle);
   border-top: 0;
 }
 
-.md .footnotes {
+.d2-3480262646 .md .footnotes {
   font-size: 12px;
   color: var(--color-fg-muted);
   border-top: 1px solid var(--color-border-default);
 }
 
-.md .footnotes ol {
+.d2-3480262646 .md .footnotes ol {
   padding-left: 16px;
 }
 
-.md .footnotes li {
+.d2-3480262646 .md .footnotes li {
   position: relative;
 }
 
-.md .footnotes li:target::before {
+.d2-3480262646 .md .footnotes li:target::before {
   position: absolute;
   top: -8px;
   right: -8px;
@@ -813,36 +813,36 @@
   border-radius: 6px;
 }
 
-.md .footnotes li:target {
+.d2-3480262646 .md .footnotes li:target {
   color: var(--color-fg-default);
 }
 
-.md .task-list-item {
+.d2-3480262646 .md .task-list-item {
   list-style-type: none;
 }
 
-.md .task-list-item label {
+.d2-3480262646 .md .task-list-item label {
   font-weight: 400;
 }
 
-.md .task-list-item.enabled label {
+.d2-3480262646 .md .task-list-item.enabled label {
   cursor: pointer;
 }
 
-.md .task-list-item + .task-list-item {
+.d2-3480262646 .md .task-list-item + .task-list-item {
   margin-top: 3px;
 }
 
-.md .task-list-item .handle {
+.d2-3480262646 .md .task-list-item .handle {
   display: none;
 }
 
-.md .task-list-item-checkbox {
+.d2-3480262646 .md .task-list-item-checkbox {
   margin: 0 0.2em 0.25em -1.6em;
   vertical-align: middle;
 }
 
-.md .contains-task-list:dir(rtl) .task-list-item-checkbox {
+.d2-3480262646 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
 </style><g id="timeline mixer"><g class="shape" ><rect x="1070.000000" y="901.000000" width="1388.000000" height="291.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g></g><g id="People discovery"><g class="shape" ><rect x="2097.000000" y="1325.000000" width="181.000000" height="82.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="2187.500000" y="1363.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px"><tspan x="2187.500000" dy="0.000000">People discovery </tspan><tspan x="2187.500000" dy="18.500000">service</tspan></text></g><g id="admixer"><g class="shape" ><rect x="1554.000000" y="1333.000000" width="117.000000" height="66.000000" fill="#cba6f7" class=" stroke-B1" style="stroke-width:2;" /></g><text x="1612.500000" y="1371.500000" fill="#000000" class="text-bold" style="text-anchor:middle;font-size:16px">Ad mixer</text></g><g id="onboarding service"><g class="shape" ><rect x="1731.000000" y="1325.000000" width="139.000000" height="82.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="1800.500000" y="1363.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px"><tspan x="1800.500000" dy="0.000000">Onboarding </tspan><tspan x="1800.500000" dy="18.500000">service</tspan></text></g><g id="container0"><g class="shape" ><rect x="743.000000" y="531.000000" width="1704.000000" height="270.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g></g><g id="twitter fe"><g class="shape" ><image href="https://icons.terrastruct.com/social/013-twitter-1.svg" x="1517.000000" y="254.000000" width="128.000000" height="128.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="1581.000000" y="403.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Twitter Frontend </text></g><g id="web"><g class="shape" ><image href="https://icons.terrastruct.com/azure/Web%20Service%20Color/App%20Service%20Domains.svg" x="1705.000000" y="0.000000" width="128.000000" height="128.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="1769.000000" y="149.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Web</text></g><g id="Iphone"><g class="shape" ><image href="https://ss7.vzw.com/is/image/VerizonWireless/apple-iphone-12-64gb-purple-53017-mjn13ll-a?$device-lg$" x="1517.000000" y="0.000000" width="128.000000" height="128.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="1581.000000" y="149.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Iphone</text></g><g id="Android"><g class="shape" ><image href="https://cdn4.iconfinder.com/data/icons/smart-phones-technologies/512/android-phone.png" x="1329.000000" y="0.000000" width="128.000000" height="128.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="1393.000000" y="149.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Android</text></g><g id="timeline scorer"><g class="shape" ><rect x="1232.000000" y="1325.000000" width="110.000000" height="82.000000" fill="#fab387" class=" stroke-B1" style="stroke-width:2;" /></g><text x="1287.000000" y="1363.500000" fill="#000000" class="text-bold" style="text-anchor:middle;font-size:16px"><tspan x="1287.000000" dy="0.000000">Timeline</tspan><tspan x="1287.000000" dy="18.500000">Scorer</tspan></text></g><g id="home ranker"><g class="shape" ><rect x="1018.000000" y="1333.000000" width="154.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="1095.000000" y="1371.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Home Ranker</text></g><g id="timeline service"><g class="shape" ><rect x="786.000000" y="1333.000000" width="172.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="872.000000" y="1371.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Timeline Service</text></g><g id="home mixer"><g class="shape" ><rect x="619.000000" y="1014.000000" width="140.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="689.000000" y="1052.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Home mixer</text></g><g id="manhattan 2"><g class="shape" ><rect x="591.000000" y="1333.000000" width="135.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="658.500000" y="1371.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Manhattan</text></g><g id="gizmoduck"><g class="shape" ><rect x="398.000000" y="1333.000000" width="133.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="464.500000" y="1371.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Gizmoduck</text></g><g id="socialgraph"><g class="shape" ><rect x="193.000000" y="1333.000000" width="145.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="265.500000" y="1371.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Social graph</text></g><g id="tweetypie"><g class="shape" ><rect x="0.000000" y="1333.000000" width="133.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="66.500000" y="1371.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Tweety Pie</text></g><g id="prediction service2"><g class="shape" ><image href="https://cdn-icons-png.flaticon.com/512/6461/6461819.png" x="803.000000" y="1863.000000" width="128.000000" height="128.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="867.000000" y="2012.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Prediction Service</text></g><g id="home scorer"><g class="shape" ><rect x="822.000000" y="1607.000000" width="150.000000" height="66.000000" fill="#eba0ac" class=" stroke-B1" style="stroke-width:2;" /></g><text x="897.000000" y="1645.500000" fill="#000000" class="text-bold" style="text-anchor:middle;font-size:16px">Home Scorer</text></g><g id="manhattan"><g class="shape" ><rect x="2236.000000" y="1907.000000" width="135.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="2303.500000" y="1945.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Manhattan</text></g><g id="memcache"><g class="shape" ><rect x="2023.000000" y="1881.000000" width="153.000000" height="118.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><image href="https://d1q6f0aelx0por.cloudfront.net/product-logos/de041504-0ddb-43f6-b89e-fe04403cca8d-memcached.png" x="2070.000000" y="1910.500000" width="59" height="59" /><text x="2099.500000" y="1902.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Memcache</text></g><g id="fetch"><g class="shape" ><path d="M 2348 1305 L 2443 1305 L 2478 1356 L 2443 1406 L 2348 1406 L 2383 1356 Z" class=" stroke-B1 fill-AB4" style="stroke-width:2;" /><path d="M 2338 1315 L 2433 1315 L 2468 1366 L 2433 1416 L 2338 1416 L 2373 1366 Z" class=" stroke-B1 fill-AB4" style="stroke-width:2;" /></g><text x="2403.000000" y="1371.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Fetch</text></g><g id="feature"><g class="shape" ><path d="M 2340 1579 L 2451 1579 L 2486 1630 L 2451 1680 L 2340 1680 L 2375 1630 Z" class=" stroke-B1 fill-AB4" style="stroke-width:2;" /><path d="M 2330 1589 L 2441 1589 L 2476 1640 L 2441 1690 L 2330 1690 L 2365 1640 Z" class=" stroke-B1 fill-AB4" style="stroke-width:2;" /></g><text x="2403.000000" y="1645.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Feature</text></g><g id="scoring"><g class="shape" ><path d="M 2441 1880 L 2551 1880 L 2586 1931 L 2551 1981 L 2441 1981 L 2476 1931 Z" class=" stroke-B1 fill-AB4" style="stroke-width:2;" /><path d="M 2431 1890 L 2541 1890 L 2576 1941 L 2541 1991 L 2431 1991 L 2466 1941 Z" class=" stroke-B1 fill-AB4" style="stroke-width:2;" /></g><text x="2503.500000" y="1946.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Scoring</text></g><g id="prediction service"><g class="shape" ><image href="https://cdn-icons-png.flaticon.com/512/6461/6461819.png" x="2439.000000" y="2117.000000" width="128.000000" height="128.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="2503.000000" y="2266.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Prediction Service</text></g><g id="container2"><g class="shape" ><rect x="1012.000000" y="1539.000000" width="1032.000000" height="201.000000" stroke="#b4befe" fill="#000000" style="stroke-width:2;" /></g></g><g id="etc"><g class="shape" ><rect x="1880.000000" y="1907.000000" width="83.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="1921.500000" y="1945.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">...etc</text></g><g id="timeline mixer.explanation"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="1834.000000" y="951.000000" width="300" height="191"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><h2><strong>Timeline mixer</strong></h2>
diff --git a/e2etests-cli/testdata/TestCLI_E2E/internal_linked_pdf.exp.pdf b/e2etests-cli/testdata/TestCLI_E2E/internal_linked_pdf.exp.pdf
index 5e1c9fe86e93bef7f43918d5b7ee16fb0246afa5..359be6d18585e5dd21b4593e0b137b646ee5c0e0 100644
GIT binary patch
delta 51
zcmeDBz|!@BrC|#rpQ)mmiK&69CYQc%eu_(CNveW|i<Oaqk+Fe^fw>`AZo9rI<83AY
DkqHhU

delta 51
zcmeDBz|!@BrC|#rpQ)mOiKU65CYQc%eu_(CNveW|i<Oaqk+Fe^fw>`AZo9rI<83AY
Dkev=3

diff --git a/e2etests/testdata/measured/empty-markdown/dagre/sketch.exp.svg b/e2etests/testdata/measured/empty-markdown/dagre/sketch.exp.svg
index 262d79700..e0c4340ae 100644
--- a/e2etests/testdata/measured/empty-markdown/dagre/sketch.exp.svg
+++ b/e2etests/testdata/measured/empty-markdown/dagre/sketch.exp.svg
@@ -89,31 +89,31 @@
 		.d2-3318021269 .color-AA4{color:#EDF0FD;}
 		.d2-3318021269 .color-AA5{color:#F7F8FE;}
 		.d2-3318021269 .color-AB4{color:#EDF0FD;}
-		.d2-3318021269 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.md em,
-.md dfn {
+		.d2-3318021269 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.d2-3318021269 .md em,
+.d2-3318021269 .md dfn {
   font-family: "d2-3318021269-font-italic";
 }
 
-.md b,
-.md strong {
+.d2-3318021269 .md b,
+.d2-3318021269 .md strong {
   font-family: "d2-3318021269-font-bold";
 }
 
-.md code,
-.md kbd,
-.md pre,
-.md samp {
+.d2-3318021269 .md code,
+.d2-3318021269 .md kbd,
+.d2-3318021269 .md pre,
+.d2-3318021269 .md samp {
   font-family: "d2-3318021269-font-mono";
   font-size: 1em;
 }
 
-.md {
+.d2-3318021269 .md {
   tab-size: 4;
 }
 
 /* variables are provided in d2renderers/d2svg/d2svg.go */
 
-.md {
+.d2-3318021269 .md {
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
   margin: 0;
@@ -125,41 +125,41 @@
   word-wrap: break-word;
 }
 
-.md details,
-.md figcaption,
-.md figure {
+.d2-3318021269 .md details,
+.d2-3318021269 .md figcaption,
+.d2-3318021269 .md figure {
   display: block;
 }
 
-.md summary {
+.d2-3318021269 .md summary {
   display: list-item;
 }
 
-.md [hidden] {
+.d2-3318021269 .md [hidden] {
   display: none !important;
 }
 
-.md a {
+.d2-3318021269 .md a {
   background-color: transparent;
   color: var(--color-accent-fg);
   text-decoration: none;
 }
 
-.md a:active,
-.md a:hover {
+.d2-3318021269 .md a:active,
+.d2-3318021269 .md a:hover {
   outline-width: 0;
 }
 
-.md abbr[title] {
+.d2-3318021269 .md abbr[title] {
   border-bottom: none;
   text-decoration: underline dotted;
 }
 
-.md dfn {
+.d2-3318021269 .md dfn {
   font-style: italic;
 }
 
-.md h1 {
+.d2-3318021269 .md h1 {
   margin: 0.67em 0;
   font-weight: 600;
   padding-bottom: 0.3em;
@@ -167,43 +167,43 @@
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md mark {
+.d2-3318021269 .md mark {
   background-color: var(--color-attention-subtle);
   color: var(--color-text-primary);
 }
 
-.md small {
+.d2-3318021269 .md small {
   font-size: 90%;
 }
 
-.md sub,
-.md sup {
+.d2-3318021269 .md sub,
+.d2-3318021269 .md sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
 }
 
-.md sub {
+.d2-3318021269 .md sub {
   bottom: -0.25em;
 }
 
-.md sup {
+.d2-3318021269 .md sup {
   top: -0.5em;
 }
 
-.md img {
+.d2-3318021269 .md img {
   border-style: none;
   max-width: 100%;
   box-sizing: content-box;
   background-color: var(--color-canvas-default);
 }
 
-.md figure {
+.d2-3318021269 .md figure {
   margin: 1em 40px;
 }
 
-.md hr {
+.d2-3318021269 .md hr {
   box-sizing: content-box;
   overflow: hidden;
   background: transparent;
@@ -215,7 +215,7 @@
   border: 0;
 }
 
-.md input {
+.d2-3318021269 .md input {
   font: inherit;
   margin: 0;
   overflow: visible;
@@ -224,72 +224,72 @@
   line-height: inherit;
 }
 
-.md [type="button"],
-.md [type="reset"],
-.md [type="submit"] {
+.d2-3318021269 .md [type="button"],
+.d2-3318021269 .md [type="reset"],
+.d2-3318021269 .md [type="submit"] {
   -webkit-appearance: button;
 }
 
-.md [type="button"]::-moz-focus-inner,
-.md [type="reset"]::-moz-focus-inner,
-.md [type="submit"]::-moz-focus-inner {
+.d2-3318021269 .md [type="button"]::-moz-focus-inner,
+.d2-3318021269 .md [type="reset"]::-moz-focus-inner,
+.d2-3318021269 .md [type="submit"]::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.md [type="button"]:-moz-focusring,
-.md [type="reset"]:-moz-focusring,
-.md [type="submit"]:-moz-focusring {
+.d2-3318021269 .md [type="button"]:-moz-focusring,
+.d2-3318021269 .md [type="reset"]:-moz-focusring,
+.d2-3318021269 .md [type="submit"]:-moz-focusring {
   outline: 1px dotted ButtonText;
 }
 
-.md [type="checkbox"],
-.md [type="radio"] {
+.d2-3318021269 .md [type="checkbox"],
+.d2-3318021269 .md [type="radio"] {
   box-sizing: border-box;
   padding: 0;
 }
 
-.md [type="number"]::-webkit-inner-spin-button,
-.md [type="number"]::-webkit-outer-spin-button {
+.d2-3318021269 .md [type="number"]::-webkit-inner-spin-button,
+.d2-3318021269 .md [type="number"]::-webkit-outer-spin-button {
   height: auto;
 }
 
-.md [type="search"] {
+.d2-3318021269 .md [type="search"] {
   -webkit-appearance: textfield;
   outline-offset: -2px;
 }
 
-.md [type="search"]::-webkit-search-cancel-button,
-.md [type="search"]::-webkit-search-decoration {
+.d2-3318021269 .md [type="search"]::-webkit-search-cancel-button,
+.d2-3318021269 .md [type="search"]::-webkit-search-decoration {
   -webkit-appearance: none;
 }
 
-.md ::-webkit-input-placeholder {
+.d2-3318021269 .md ::-webkit-input-placeholder {
   color: inherit;
   opacity: 0.54;
 }
 
-.md ::-webkit-file-upload-button {
+.d2-3318021269 .md ::-webkit-file-upload-button {
   -webkit-appearance: button;
   font: inherit;
 }
 
-.md a:hover {
+.d2-3318021269 .md a:hover {
   text-decoration: underline;
 }
 
-.md hr::before {
+.d2-3318021269 .md hr::before {
   display: table;
   content: "";
 }
 
-.md hr::after {
+.d2-3318021269 .md hr::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md table {
+.d2-3318021269 .md table {
   border-spacing: 0;
   border-collapse: collapse;
   display: block;
@@ -298,20 +298,20 @@
   overflow: auto;
 }
 
-.md td,
-.md th {
+.d2-3318021269 .md td,
+.d2-3318021269 .md th {
   padding: 0;
 }
 
-.md details summary {
+.d2-3318021269 .md details summary {
   cursor: pointer;
 }
 
-.md details:not([open]) > *:not(summary) {
+.d2-3318021269 .md details:not([open]) > *:not(summary) {
   display: none !important;
 }
 
-.md kbd {
+.d2-3318021269 .md kbd {
   display: inline-block;
   padding: 3px 5px;
   color: var(--color-fg-default);
@@ -323,12 +323,12 @@
   box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
 }
 
-.md h1,
-.md h2,
-.md h3,
-.md h4,
-.md h5,
-.md h6 {
+.d2-3318021269 .md h1,
+.d2-3318021269 .md h2,
+.d2-3318021269 .md h3,
+.d2-3318021269 .md h4,
+.d2-3318021269 .md h5,
+.d2-3318021269 .md h6 {
   margin-top: 24px;
   margin-bottom: 16px;
   font-weight: 600;
@@ -336,222 +336,222 @@
   font-family: "d2-3318021269-font-regular";
 }
 
-.md h2 {
+.d2-3318021269 .md h2 {
   font-weight: 600;
   padding-bottom: 0.3em;
   font-size: 1.5em;
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md h3 {
+.d2-3318021269 .md h3 {
   font-weight: 600;
   font-size: 1.25em;
 }
 
-.md h4 {
+.d2-3318021269 .md h4 {
   font-weight: 600;
   font-size: 1em;
 }
 
-.md h5 {
+.d2-3318021269 .md h5 {
   font-weight: 600;
   font-size: 0.875em;
 }
 
-.md h6 {
+.d2-3318021269 .md h6 {
   font-weight: 600;
   font-size: 0.85em;
   color: var(--color-fg-muted);
 }
 
-.md p {
+.d2-3318021269 .md p {
   margin-top: 0;
   margin-bottom: 10px;
 }
 
-.md blockquote {
+.d2-3318021269 .md blockquote {
   margin: 0;
   padding: 0 1em;
   color: var(--color-fg-muted);
   border-left: 0.25em solid var(--color-border-default);
 }
 
-.md ul,
-.md ol {
+.d2-3318021269 .md ul,
+.d2-3318021269 .md ol {
   margin-top: 0;
   margin-bottom: 0;
   padding-left: 2em;
 }
 
-.md ol ol,
-.md ul ol {
+.d2-3318021269 .md ol ol,
+.d2-3318021269 .md ul ol {
   list-style-type: lower-roman;
 }
 
-.md ul ul ol,
-.md ul ol ol,
-.md ol ul ol,
-.md ol ol ol {
+.d2-3318021269 .md ul ul ol,
+.d2-3318021269 .md ul ol ol,
+.d2-3318021269 .md ol ul ol,
+.d2-3318021269 .md ol ol ol {
   list-style-type: lower-alpha;
 }
 
-.md dd {
+.d2-3318021269 .md dd {
   margin-left: 0;
 }
 
-.md pre {
+.d2-3318021269 .md pre {
   margin-top: 0;
   margin-bottom: 0;
   word-wrap: normal;
 }
 
-.md ::placeholder {
+.d2-3318021269 .md ::placeholder {
   color: var(--color-fg-subtle);
   opacity: 1;
 }
 
-.md input::-webkit-outer-spin-button,
-.md input::-webkit-inner-spin-button {
+.d2-3318021269 .md input::-webkit-outer-spin-button,
+.d2-3318021269 .md input::-webkit-inner-spin-button {
   margin: 0;
   -webkit-appearance: none;
   appearance: none;
 }
 
-.md::before {
+.d2-3318021269 .md::before {
   display: table;
   content: "";
 }
 
-.md::after {
+.d2-3318021269 .md::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md > *:first-child {
+.d2-3318021269 .md > *:first-child {
   margin-top: 0 !important;
 }
 
-.md > *:last-child {
+.d2-3318021269 .md > *:last-child {
   margin-bottom: 0 !important;
 }
 
-.md a:not([href]) {
+.d2-3318021269 .md a:not([href]) {
   color: inherit;
   text-decoration: none;
 }
 
-.md .absent {
+.d2-3318021269 .md .absent {
   color: var(--color-danger-fg);
 }
 
-.md .anchor {
+.d2-3318021269 .md .anchor {
   float: left;
   padding-right: 4px;
   margin-left: -20px;
   line-height: 1;
 }
 
-.md .anchor:focus {
+.d2-3318021269 .md .anchor:focus {
   outline: none;
 }
 
-.md p,
-.md blockquote,
-.md ul,
-.md ol,
-.md dl,
-.md table,
-.md pre,
-.md details {
+.d2-3318021269 .md p,
+.d2-3318021269 .md blockquote,
+.d2-3318021269 .md ul,
+.d2-3318021269 .md ol,
+.d2-3318021269 .md dl,
+.d2-3318021269 .md table,
+.d2-3318021269 .md pre,
+.d2-3318021269 .md details {
   margin-top: 0;
   margin-bottom: 16px;
 }
 
-.md blockquote > :first-child {
+.d2-3318021269 .md blockquote > :first-child {
   margin-top: 0;
 }
 
-.md blockquote > :last-child {
+.d2-3318021269 .md blockquote > :last-child {
   margin-bottom: 0;
 }
 
-.md sup > a::before {
+.d2-3318021269 .md sup > a::before {
   content: "[";
 }
 
-.md sup > a::after {
+.d2-3318021269 .md sup > a::after {
   content: "]";
 }
 
-.md h1:hover .anchor,
-.md h2:hover .anchor,
-.md h3:hover .anchor,
-.md h4:hover .anchor,
-.md h5:hover .anchor,
-.md h6:hover .anchor {
+.d2-3318021269 .md h1:hover .anchor,
+.d2-3318021269 .md h2:hover .anchor,
+.d2-3318021269 .md h3:hover .anchor,
+.d2-3318021269 .md h4:hover .anchor,
+.d2-3318021269 .md h5:hover .anchor,
+.d2-3318021269 .md h6:hover .anchor {
   text-decoration: none;
 }
 
-.md h1 tt,
-.md h1 code,
-.md h2 tt,
-.md h2 code,
-.md h3 tt,
-.md h3 code,
-.md h4 tt,
-.md h4 code,
-.md h5 tt,
-.md h5 code,
-.md h6 tt,
-.md h6 code {
+.d2-3318021269 .md h1 tt,
+.d2-3318021269 .md h1 code,
+.d2-3318021269 .md h2 tt,
+.d2-3318021269 .md h2 code,
+.d2-3318021269 .md h3 tt,
+.d2-3318021269 .md h3 code,
+.d2-3318021269 .md h4 tt,
+.d2-3318021269 .md h4 code,
+.d2-3318021269 .md h5 tt,
+.d2-3318021269 .md h5 code,
+.d2-3318021269 .md h6 tt,
+.d2-3318021269 .md h6 code {
   padding: 0 0.2em;
   font-size: inherit;
 }
 
-.md ul.no-list,
-.md ol.no-list {
+.d2-3318021269 .md ul.no-list,
+.d2-3318021269 .md ol.no-list {
   padding: 0;
   list-style-type: none;
 }
 
-.md ol[type="1"] {
+.d2-3318021269 .md ol[type="1"] {
   list-style-type: decimal;
 }
 
-.md ol[type="a"] {
+.d2-3318021269 .md ol[type="a"] {
   list-style-type: lower-alpha;
 }
 
-.md ol[type="i"] {
+.d2-3318021269 .md ol[type="i"] {
   list-style-type: lower-roman;
 }
 
-.md div > ol:not([type]) {
+.d2-3318021269 .md div > ol:not([type]) {
   list-style-type: decimal;
 }
 
-.md ul ul,
-.md ul ol,
-.md ol ol,
-.md ol ul {
+.d2-3318021269 .md ul ul,
+.d2-3318021269 .md ul ol,
+.d2-3318021269 .md ol ol,
+.d2-3318021269 .md ol ul {
   margin-top: 0;
   margin-bottom: 0;
 }
 
-.md li > p {
+.d2-3318021269 .md li > p {
   margin-top: 16px;
 }
 
-.md li + li {
+.d2-3318021269 .md li + li {
   margin-top: 0.25em;
 }
 
-.md dl {
+.d2-3318021269 .md dl {
   padding: 0;
 }
 
-.md dl dt {
+.d2-3318021269 .md dl dt {
   padding: 0;
   margin-top: 16px;
   font-size: 1em;
@@ -559,48 +559,48 @@
   font-weight: 600;
 }
 
-.md dl dd {
+.d2-3318021269 .md dl dd {
   padding: 0 16px;
   margin-bottom: 16px;
 }
 
-.md table th {
+.d2-3318021269 .md table th {
   font-weight: 600;
 }
 
-.md table th,
-.md table td {
+.d2-3318021269 .md table th,
+.d2-3318021269 .md table td {
   padding: 6px 13px;
   border: 1px solid var(--color-border-default);
 }
 
-.md table tr {
+.d2-3318021269 .md table tr {
   background-color: var(--color-canvas-default);
   border-top: 1px solid var(--color-border-muted);
 }
 
-.md table tr:nth-child(2n) {
+.d2-3318021269 .md table tr:nth-child(2n) {
   background-color: var(--color-canvas-subtle);
 }
 
-.md table img {
+.d2-3318021269 .md table img {
   background-color: transparent;
 }
 
-.md img[align="right"] {
+.d2-3318021269 .md img[align="right"] {
   padding-left: 20px;
 }
 
-.md img[align="left"] {
+.d2-3318021269 .md img[align="left"] {
   padding-right: 20px;
 }
 
-.md span.frame {
+.d2-3318021269 .md span.frame {
   display: block;
   overflow: hidden;
 }
 
-.md span.frame > span {
+.d2-3318021269 .md span.frame > span {
   display: block;
   float: left;
   width: auto;
@@ -610,81 +610,81 @@
   border: 1px solid var(--color-border-default);
 }
 
-.md span.frame span img {
+.d2-3318021269 .md span.frame span img {
   display: block;
   float: left;
 }
 
-.md span.frame span span {
+.d2-3318021269 .md span.frame span span {
   display: block;
   padding: 5px 0 0;
   clear: both;
   color: var(--color-fg-default);
 }
 
-.md span.align-center {
+.d2-3318021269 .md span.align-center {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-center > span {
+.d2-3318021269 .md span.align-center > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: center;
 }
 
-.md span.align-center span img {
+.d2-3318021269 .md span.align-center span img {
   margin: 0 auto;
   text-align: center;
 }
 
-.md span.align-right {
+.d2-3318021269 .md span.align-right {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-right > span {
+.d2-3318021269 .md span.align-right > span {
   display: block;
   margin: 13px 0 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md span.align-right span img {
+.d2-3318021269 .md span.align-right span img {
   margin: 0;
   text-align: right;
 }
 
-.md span.float-left {
+.d2-3318021269 .md span.float-left {
   display: block;
   float: left;
   margin-right: 13px;
   overflow: hidden;
 }
 
-.md span.float-left span {
+.d2-3318021269 .md span.float-left span {
   margin: 13px 0 0;
 }
 
-.md span.float-right {
+.d2-3318021269 .md span.float-right {
   display: block;
   float: right;
   margin-left: 13px;
   overflow: hidden;
 }
 
-.md span.float-right > span {
+.d2-3318021269 .md span.float-right > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md code,
-.md tt {
+.d2-3318021269 .md code,
+.d2-3318021269 .md tt {
   padding: 0.2em 0.4em;
   margin: 0;
   font-size: 85%;
@@ -692,20 +692,20 @@
   border-radius: 6px;
 }
 
-.md code br,
-.md tt br {
+.d2-3318021269 .md code br,
+.d2-3318021269 .md tt br {
   display: none;
 }
 
-.md del code {
+.d2-3318021269 .md del code {
   text-decoration: inherit;
 }
 
-.md pre code {
+.d2-3318021269 .md pre code {
   font-size: 100%;
 }
 
-.md pre > code {
+.d2-3318021269 .md pre > code {
   padding: 0;
   margin: 0;
   word-break: normal;
@@ -714,17 +714,17 @@
   border: 0;
 }
 
-.md .highlight {
+.d2-3318021269 .md .highlight {
   margin-bottom: 16px;
 }
 
-.md .highlight pre {
+.d2-3318021269 .md .highlight pre {
   margin-bottom: 0;
   word-break: normal;
 }
 
-.md .highlight pre,
-.md pre {
+.d2-3318021269 .md .highlight pre,
+.d2-3318021269 .md pre {
   padding: 16px;
   overflow: auto;
   font-size: 85%;
@@ -733,8 +733,8 @@
   border-radius: 6px;
 }
 
-.md pre code,
-.md pre tt {
+.d2-3318021269 .md pre code,
+.d2-3318021269 .md pre tt {
   display: inline;
   max-width: auto;
   padding: 0;
@@ -746,8 +746,8 @@
   border: 0;
 }
 
-.md .csv-data td,
-.md .csv-data th {
+.d2-3318021269 .md .csv-data td,
+.d2-3318021269 .md .csv-data th {
   padding: 5px;
   overflow: hidden;
   font-size: 12px;
@@ -756,38 +756,38 @@
   white-space: nowrap;
 }
 
-.md .csv-data .blob-num {
+.d2-3318021269 .md .csv-data .blob-num {
   padding: 10px 8px 9px;
   text-align: right;
   background: var(--color-canvas-default);
   border: 0;
 }
 
-.md .csv-data tr {
+.d2-3318021269 .md .csv-data tr {
   border-top: 0;
 }
 
-.md .csv-data th {
+.d2-3318021269 .md .csv-data th {
   font-weight: 600;
   background: var(--color-canvas-subtle);
   border-top: 0;
 }
 
-.md .footnotes {
+.d2-3318021269 .md .footnotes {
   font-size: 12px;
   color: var(--color-fg-muted);
   border-top: 1px solid var(--color-border-default);
 }
 
-.md .footnotes ol {
+.d2-3318021269 .md .footnotes ol {
   padding-left: 16px;
 }
 
-.md .footnotes li {
+.d2-3318021269 .md .footnotes li {
   position: relative;
 }
 
-.md .footnotes li:target::before {
+.d2-3318021269 .md .footnotes li:target::before {
   position: absolute;
   top: -8px;
   right: -8px;
@@ -799,36 +799,36 @@
   border-radius: 6px;
 }
 
-.md .footnotes li:target {
+.d2-3318021269 .md .footnotes li:target {
   color: var(--color-fg-default);
 }
 
-.md .task-list-item {
+.d2-3318021269 .md .task-list-item {
   list-style-type: none;
 }
 
-.md .task-list-item label {
+.d2-3318021269 .md .task-list-item label {
   font-weight: 400;
 }
 
-.md .task-list-item.enabled label {
+.d2-3318021269 .md .task-list-item.enabled label {
   cursor: pointer;
 }
 
-.md .task-list-item + .task-list-item {
+.d2-3318021269 .md .task-list-item + .task-list-item {
   margin-top: 3px;
 }
 
-.md .task-list-item .handle {
+.d2-3318021269 .md .task-list-item .handle {
   display: none;
 }
 
-.md .task-list-item-checkbox {
+.d2-3318021269 .md .task-list-item-checkbox {
   margin: 0 0.2em 0.25em -1.6em;
   vertical-align: middle;
 }
 
-.md .contains-task-list:dir(rtl) .task-list-item-checkbox {
+.d2-3318021269 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
 </style><g id="a"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="0.000000" y="0.000000" width="1" height="1"><div xmlns="http://www.w3.org/1999/xhtml" class="md" /></foreignObject></g></g><mask id="d2-3318021269" maskUnits="userSpaceOnUse" x="-1" y="-1" width="3" height="3">
diff --git a/e2etests/testdata/regression/elk_order/dagre/sketch.exp.svg b/e2etests/testdata/regression/elk_order/dagre/sketch.exp.svg
index 843420ffd..4a9404ae7 100644
--- a/e2etests/testdata/regression/elk_order/dagre/sketch.exp.svg
+++ b/e2etests/testdata/regression/elk_order/dagre/sketch.exp.svg
@@ -96,31 +96,31 @@
 		.d2-1156265988 .color-AA4{color:#EDF0FD;}
 		.d2-1156265988 .color-AA5{color:#F7F8FE;}
 		.d2-1156265988 .color-AB4{color:#EDF0FD;}
-		.d2-1156265988 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.md em,
-.md dfn {
+		.d2-1156265988 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.d2-1156265988 .md em,
+.d2-1156265988 .md dfn {
   font-family: "d2-1156265988-font-italic";
 }
 
-.md b,
-.md strong {
+.d2-1156265988 .md b,
+.d2-1156265988 .md strong {
   font-family: "d2-1156265988-font-bold";
 }
 
-.md code,
-.md kbd,
-.md pre,
-.md samp {
+.d2-1156265988 .md code,
+.d2-1156265988 .md kbd,
+.d2-1156265988 .md pre,
+.d2-1156265988 .md samp {
   font-family: "d2-1156265988-font-mono";
   font-size: 1em;
 }
 
-.md {
+.d2-1156265988 .md {
   tab-size: 4;
 }
 
 /* variables are provided in d2renderers/d2svg/d2svg.go */
 
-.md {
+.d2-1156265988 .md {
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
   margin: 0;
@@ -132,41 +132,41 @@
   word-wrap: break-word;
 }
 
-.md details,
-.md figcaption,
-.md figure {
+.d2-1156265988 .md details,
+.d2-1156265988 .md figcaption,
+.d2-1156265988 .md figure {
   display: block;
 }
 
-.md summary {
+.d2-1156265988 .md summary {
   display: list-item;
 }
 
-.md [hidden] {
+.d2-1156265988 .md [hidden] {
   display: none !important;
 }
 
-.md a {
+.d2-1156265988 .md a {
   background-color: transparent;
   color: var(--color-accent-fg);
   text-decoration: none;
 }
 
-.md a:active,
-.md a:hover {
+.d2-1156265988 .md a:active,
+.d2-1156265988 .md a:hover {
   outline-width: 0;
 }
 
-.md abbr[title] {
+.d2-1156265988 .md abbr[title] {
   border-bottom: none;
   text-decoration: underline dotted;
 }
 
-.md dfn {
+.d2-1156265988 .md dfn {
   font-style: italic;
 }
 
-.md h1 {
+.d2-1156265988 .md h1 {
   margin: 0.67em 0;
   font-weight: 600;
   padding-bottom: 0.3em;
@@ -174,43 +174,43 @@
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md mark {
+.d2-1156265988 .md mark {
   background-color: var(--color-attention-subtle);
   color: var(--color-text-primary);
 }
 
-.md small {
+.d2-1156265988 .md small {
   font-size: 90%;
 }
 
-.md sub,
-.md sup {
+.d2-1156265988 .md sub,
+.d2-1156265988 .md sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
 }
 
-.md sub {
+.d2-1156265988 .md sub {
   bottom: -0.25em;
 }
 
-.md sup {
+.d2-1156265988 .md sup {
   top: -0.5em;
 }
 
-.md img {
+.d2-1156265988 .md img {
   border-style: none;
   max-width: 100%;
   box-sizing: content-box;
   background-color: var(--color-canvas-default);
 }
 
-.md figure {
+.d2-1156265988 .md figure {
   margin: 1em 40px;
 }
 
-.md hr {
+.d2-1156265988 .md hr {
   box-sizing: content-box;
   overflow: hidden;
   background: transparent;
@@ -222,7 +222,7 @@
   border: 0;
 }
 
-.md input {
+.d2-1156265988 .md input {
   font: inherit;
   margin: 0;
   overflow: visible;
@@ -231,72 +231,72 @@
   line-height: inherit;
 }
 
-.md [type="button"],
-.md [type="reset"],
-.md [type="submit"] {
+.d2-1156265988 .md [type="button"],
+.d2-1156265988 .md [type="reset"],
+.d2-1156265988 .md [type="submit"] {
   -webkit-appearance: button;
 }
 
-.md [type="button"]::-moz-focus-inner,
-.md [type="reset"]::-moz-focus-inner,
-.md [type="submit"]::-moz-focus-inner {
+.d2-1156265988 .md [type="button"]::-moz-focus-inner,
+.d2-1156265988 .md [type="reset"]::-moz-focus-inner,
+.d2-1156265988 .md [type="submit"]::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.md [type="button"]:-moz-focusring,
-.md [type="reset"]:-moz-focusring,
-.md [type="submit"]:-moz-focusring {
+.d2-1156265988 .md [type="button"]:-moz-focusring,
+.d2-1156265988 .md [type="reset"]:-moz-focusring,
+.d2-1156265988 .md [type="submit"]:-moz-focusring {
   outline: 1px dotted ButtonText;
 }
 
-.md [type="checkbox"],
-.md [type="radio"] {
+.d2-1156265988 .md [type="checkbox"],
+.d2-1156265988 .md [type="radio"] {
   box-sizing: border-box;
   padding: 0;
 }
 
-.md [type="number"]::-webkit-inner-spin-button,
-.md [type="number"]::-webkit-outer-spin-button {
+.d2-1156265988 .md [type="number"]::-webkit-inner-spin-button,
+.d2-1156265988 .md [type="number"]::-webkit-outer-spin-button {
   height: auto;
 }
 
-.md [type="search"] {
+.d2-1156265988 .md [type="search"] {
   -webkit-appearance: textfield;
   outline-offset: -2px;
 }
 
-.md [type="search"]::-webkit-search-cancel-button,
-.md [type="search"]::-webkit-search-decoration {
+.d2-1156265988 .md [type="search"]::-webkit-search-cancel-button,
+.d2-1156265988 .md [type="search"]::-webkit-search-decoration {
   -webkit-appearance: none;
 }
 
-.md ::-webkit-input-placeholder {
+.d2-1156265988 .md ::-webkit-input-placeholder {
   color: inherit;
   opacity: 0.54;
 }
 
-.md ::-webkit-file-upload-button {
+.d2-1156265988 .md ::-webkit-file-upload-button {
   -webkit-appearance: button;
   font: inherit;
 }
 
-.md a:hover {
+.d2-1156265988 .md a:hover {
   text-decoration: underline;
 }
 
-.md hr::before {
+.d2-1156265988 .md hr::before {
   display: table;
   content: "";
 }
 
-.md hr::after {
+.d2-1156265988 .md hr::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md table {
+.d2-1156265988 .md table {
   border-spacing: 0;
   border-collapse: collapse;
   display: block;
@@ -305,20 +305,20 @@
   overflow: auto;
 }
 
-.md td,
-.md th {
+.d2-1156265988 .md td,
+.d2-1156265988 .md th {
   padding: 0;
 }
 
-.md details summary {
+.d2-1156265988 .md details summary {
   cursor: pointer;
 }
 
-.md details:not([open]) > *:not(summary) {
+.d2-1156265988 .md details:not([open]) > *:not(summary) {
   display: none !important;
 }
 
-.md kbd {
+.d2-1156265988 .md kbd {
   display: inline-block;
   padding: 3px 5px;
   color: var(--color-fg-default);
@@ -330,12 +330,12 @@
   box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
 }
 
-.md h1,
-.md h2,
-.md h3,
-.md h4,
-.md h5,
-.md h6 {
+.d2-1156265988 .md h1,
+.d2-1156265988 .md h2,
+.d2-1156265988 .md h3,
+.d2-1156265988 .md h4,
+.d2-1156265988 .md h5,
+.d2-1156265988 .md h6 {
   margin-top: 24px;
   margin-bottom: 16px;
   font-weight: 600;
@@ -343,222 +343,222 @@
   font-family: "d2-1156265988-font-regular";
 }
 
-.md h2 {
+.d2-1156265988 .md h2 {
   font-weight: 600;
   padding-bottom: 0.3em;
   font-size: 1.5em;
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md h3 {
+.d2-1156265988 .md h3 {
   font-weight: 600;
   font-size: 1.25em;
 }
 
-.md h4 {
+.d2-1156265988 .md h4 {
   font-weight: 600;
   font-size: 1em;
 }
 
-.md h5 {
+.d2-1156265988 .md h5 {
   font-weight: 600;
   font-size: 0.875em;
 }
 
-.md h6 {
+.d2-1156265988 .md h6 {
   font-weight: 600;
   font-size: 0.85em;
   color: var(--color-fg-muted);
 }
 
-.md p {
+.d2-1156265988 .md p {
   margin-top: 0;
   margin-bottom: 10px;
 }
 
-.md blockquote {
+.d2-1156265988 .md blockquote {
   margin: 0;
   padding: 0 1em;
   color: var(--color-fg-muted);
   border-left: 0.25em solid var(--color-border-default);
 }
 
-.md ul,
-.md ol {
+.d2-1156265988 .md ul,
+.d2-1156265988 .md ol {
   margin-top: 0;
   margin-bottom: 0;
   padding-left: 2em;
 }
 
-.md ol ol,
-.md ul ol {
+.d2-1156265988 .md ol ol,
+.d2-1156265988 .md ul ol {
   list-style-type: lower-roman;
 }
 
-.md ul ul ol,
-.md ul ol ol,
-.md ol ul ol,
-.md ol ol ol {
+.d2-1156265988 .md ul ul ol,
+.d2-1156265988 .md ul ol ol,
+.d2-1156265988 .md ol ul ol,
+.d2-1156265988 .md ol ol ol {
   list-style-type: lower-alpha;
 }
 
-.md dd {
+.d2-1156265988 .md dd {
   margin-left: 0;
 }
 
-.md pre {
+.d2-1156265988 .md pre {
   margin-top: 0;
   margin-bottom: 0;
   word-wrap: normal;
 }
 
-.md ::placeholder {
+.d2-1156265988 .md ::placeholder {
   color: var(--color-fg-subtle);
   opacity: 1;
 }
 
-.md input::-webkit-outer-spin-button,
-.md input::-webkit-inner-spin-button {
+.d2-1156265988 .md input::-webkit-outer-spin-button,
+.d2-1156265988 .md input::-webkit-inner-spin-button {
   margin: 0;
   -webkit-appearance: none;
   appearance: none;
 }
 
-.md::before {
+.d2-1156265988 .md::before {
   display: table;
   content: "";
 }
 
-.md::after {
+.d2-1156265988 .md::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md > *:first-child {
+.d2-1156265988 .md > *:first-child {
   margin-top: 0 !important;
 }
 
-.md > *:last-child {
+.d2-1156265988 .md > *:last-child {
   margin-bottom: 0 !important;
 }
 
-.md a:not([href]) {
+.d2-1156265988 .md a:not([href]) {
   color: inherit;
   text-decoration: none;
 }
 
-.md .absent {
+.d2-1156265988 .md .absent {
   color: var(--color-danger-fg);
 }
 
-.md .anchor {
+.d2-1156265988 .md .anchor {
   float: left;
   padding-right: 4px;
   margin-left: -20px;
   line-height: 1;
 }
 
-.md .anchor:focus {
+.d2-1156265988 .md .anchor:focus {
   outline: none;
 }
 
-.md p,
-.md blockquote,
-.md ul,
-.md ol,
-.md dl,
-.md table,
-.md pre,
-.md details {
+.d2-1156265988 .md p,
+.d2-1156265988 .md blockquote,
+.d2-1156265988 .md ul,
+.d2-1156265988 .md ol,
+.d2-1156265988 .md dl,
+.d2-1156265988 .md table,
+.d2-1156265988 .md pre,
+.d2-1156265988 .md details {
   margin-top: 0;
   margin-bottom: 16px;
 }
 
-.md blockquote > :first-child {
+.d2-1156265988 .md blockquote > :first-child {
   margin-top: 0;
 }
 
-.md blockquote > :last-child {
+.d2-1156265988 .md blockquote > :last-child {
   margin-bottom: 0;
 }
 
-.md sup > a::before {
+.d2-1156265988 .md sup > a::before {
   content: "[";
 }
 
-.md sup > a::after {
+.d2-1156265988 .md sup > a::after {
   content: "]";
 }
 
-.md h1:hover .anchor,
-.md h2:hover .anchor,
-.md h3:hover .anchor,
-.md h4:hover .anchor,
-.md h5:hover .anchor,
-.md h6:hover .anchor {
+.d2-1156265988 .md h1:hover .anchor,
+.d2-1156265988 .md h2:hover .anchor,
+.d2-1156265988 .md h3:hover .anchor,
+.d2-1156265988 .md h4:hover .anchor,
+.d2-1156265988 .md h5:hover .anchor,
+.d2-1156265988 .md h6:hover .anchor {
   text-decoration: none;
 }
 
-.md h1 tt,
-.md h1 code,
-.md h2 tt,
-.md h2 code,
-.md h3 tt,
-.md h3 code,
-.md h4 tt,
-.md h4 code,
-.md h5 tt,
-.md h5 code,
-.md h6 tt,
-.md h6 code {
+.d2-1156265988 .md h1 tt,
+.d2-1156265988 .md h1 code,
+.d2-1156265988 .md h2 tt,
+.d2-1156265988 .md h2 code,
+.d2-1156265988 .md h3 tt,
+.d2-1156265988 .md h3 code,
+.d2-1156265988 .md h4 tt,
+.d2-1156265988 .md h4 code,
+.d2-1156265988 .md h5 tt,
+.d2-1156265988 .md h5 code,
+.d2-1156265988 .md h6 tt,
+.d2-1156265988 .md h6 code {
   padding: 0 0.2em;
   font-size: inherit;
 }
 
-.md ul.no-list,
-.md ol.no-list {
+.d2-1156265988 .md ul.no-list,
+.d2-1156265988 .md ol.no-list {
   padding: 0;
   list-style-type: none;
 }
 
-.md ol[type="1"] {
+.d2-1156265988 .md ol[type="1"] {
   list-style-type: decimal;
 }
 
-.md ol[type="a"] {
+.d2-1156265988 .md ol[type="a"] {
   list-style-type: lower-alpha;
 }
 
-.md ol[type="i"] {
+.d2-1156265988 .md ol[type="i"] {
   list-style-type: lower-roman;
 }
 
-.md div > ol:not([type]) {
+.d2-1156265988 .md div > ol:not([type]) {
   list-style-type: decimal;
 }
 
-.md ul ul,
-.md ul ol,
-.md ol ol,
-.md ol ul {
+.d2-1156265988 .md ul ul,
+.d2-1156265988 .md ul ol,
+.d2-1156265988 .md ol ol,
+.d2-1156265988 .md ol ul {
   margin-top: 0;
   margin-bottom: 0;
 }
 
-.md li > p {
+.d2-1156265988 .md li > p {
   margin-top: 16px;
 }
 
-.md li + li {
+.d2-1156265988 .md li + li {
   margin-top: 0.25em;
 }
 
-.md dl {
+.d2-1156265988 .md dl {
   padding: 0;
 }
 
-.md dl dt {
+.d2-1156265988 .md dl dt {
   padding: 0;
   margin-top: 16px;
   font-size: 1em;
@@ -566,48 +566,48 @@
   font-weight: 600;
 }
 
-.md dl dd {
+.d2-1156265988 .md dl dd {
   padding: 0 16px;
   margin-bottom: 16px;
 }
 
-.md table th {
+.d2-1156265988 .md table th {
   font-weight: 600;
 }
 
-.md table th,
-.md table td {
+.d2-1156265988 .md table th,
+.d2-1156265988 .md table td {
   padding: 6px 13px;
   border: 1px solid var(--color-border-default);
 }
 
-.md table tr {
+.d2-1156265988 .md table tr {
   background-color: var(--color-canvas-default);
   border-top: 1px solid var(--color-border-muted);
 }
 
-.md table tr:nth-child(2n) {
+.d2-1156265988 .md table tr:nth-child(2n) {
   background-color: var(--color-canvas-subtle);
 }
 
-.md table img {
+.d2-1156265988 .md table img {
   background-color: transparent;
 }
 
-.md img[align="right"] {
+.d2-1156265988 .md img[align="right"] {
   padding-left: 20px;
 }
 
-.md img[align="left"] {
+.d2-1156265988 .md img[align="left"] {
   padding-right: 20px;
 }
 
-.md span.frame {
+.d2-1156265988 .md span.frame {
   display: block;
   overflow: hidden;
 }
 
-.md span.frame > span {
+.d2-1156265988 .md span.frame > span {
   display: block;
   float: left;
   width: auto;
@@ -617,81 +617,81 @@
   border: 1px solid var(--color-border-default);
 }
 
-.md span.frame span img {
+.d2-1156265988 .md span.frame span img {
   display: block;
   float: left;
 }
 
-.md span.frame span span {
+.d2-1156265988 .md span.frame span span {
   display: block;
   padding: 5px 0 0;
   clear: both;
   color: var(--color-fg-default);
 }
 
-.md span.align-center {
+.d2-1156265988 .md span.align-center {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-center > span {
+.d2-1156265988 .md span.align-center > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: center;
 }
 
-.md span.align-center span img {
+.d2-1156265988 .md span.align-center span img {
   margin: 0 auto;
   text-align: center;
 }
 
-.md span.align-right {
+.d2-1156265988 .md span.align-right {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-right > span {
+.d2-1156265988 .md span.align-right > span {
   display: block;
   margin: 13px 0 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md span.align-right span img {
+.d2-1156265988 .md span.align-right span img {
   margin: 0;
   text-align: right;
 }
 
-.md span.float-left {
+.d2-1156265988 .md span.float-left {
   display: block;
   float: left;
   margin-right: 13px;
   overflow: hidden;
 }
 
-.md span.float-left span {
+.d2-1156265988 .md span.float-left span {
   margin: 13px 0 0;
 }
 
-.md span.float-right {
+.d2-1156265988 .md span.float-right {
   display: block;
   float: right;
   margin-left: 13px;
   overflow: hidden;
 }
 
-.md span.float-right > span {
+.d2-1156265988 .md span.float-right > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md code,
-.md tt {
+.d2-1156265988 .md code,
+.d2-1156265988 .md tt {
   padding: 0.2em 0.4em;
   margin: 0;
   font-size: 85%;
@@ -699,20 +699,20 @@
   border-radius: 6px;
 }
 
-.md code br,
-.md tt br {
+.d2-1156265988 .md code br,
+.d2-1156265988 .md tt br {
   display: none;
 }
 
-.md del code {
+.d2-1156265988 .md del code {
   text-decoration: inherit;
 }
 
-.md pre code {
+.d2-1156265988 .md pre code {
   font-size: 100%;
 }
 
-.md pre > code {
+.d2-1156265988 .md pre > code {
   padding: 0;
   margin: 0;
   word-break: normal;
@@ -721,17 +721,17 @@
   border: 0;
 }
 
-.md .highlight {
+.d2-1156265988 .md .highlight {
   margin-bottom: 16px;
 }
 
-.md .highlight pre {
+.d2-1156265988 .md .highlight pre {
   margin-bottom: 0;
   word-break: normal;
 }
 
-.md .highlight pre,
-.md pre {
+.d2-1156265988 .md .highlight pre,
+.d2-1156265988 .md pre {
   padding: 16px;
   overflow: auto;
   font-size: 85%;
@@ -740,8 +740,8 @@
   border-radius: 6px;
 }
 
-.md pre code,
-.md pre tt {
+.d2-1156265988 .md pre code,
+.d2-1156265988 .md pre tt {
   display: inline;
   max-width: auto;
   padding: 0;
@@ -753,8 +753,8 @@
   border: 0;
 }
 
-.md .csv-data td,
-.md .csv-data th {
+.d2-1156265988 .md .csv-data td,
+.d2-1156265988 .md .csv-data th {
   padding: 5px;
   overflow: hidden;
   font-size: 12px;
@@ -763,38 +763,38 @@
   white-space: nowrap;
 }
 
-.md .csv-data .blob-num {
+.d2-1156265988 .md .csv-data .blob-num {
   padding: 10px 8px 9px;
   text-align: right;
   background: var(--color-canvas-default);
   border: 0;
 }
 
-.md .csv-data tr {
+.d2-1156265988 .md .csv-data tr {
   border-top: 0;
 }
 
-.md .csv-data th {
+.d2-1156265988 .md .csv-data th {
   font-weight: 600;
   background: var(--color-canvas-subtle);
   border-top: 0;
 }
 
-.md .footnotes {
+.d2-1156265988 .md .footnotes {
   font-size: 12px;
   color: var(--color-fg-muted);
   border-top: 1px solid var(--color-border-default);
 }
 
-.md .footnotes ol {
+.d2-1156265988 .md .footnotes ol {
   padding-left: 16px;
 }
 
-.md .footnotes li {
+.d2-1156265988 .md .footnotes li {
   position: relative;
 }
 
-.md .footnotes li:target::before {
+.d2-1156265988 .md .footnotes li:target::before {
   position: absolute;
   top: -8px;
   right: -8px;
@@ -806,36 +806,36 @@
   border-radius: 6px;
 }
 
-.md .footnotes li:target {
+.d2-1156265988 .md .footnotes li:target {
   color: var(--color-fg-default);
 }
 
-.md .task-list-item {
+.d2-1156265988 .md .task-list-item {
   list-style-type: none;
 }
 
-.md .task-list-item label {
+.d2-1156265988 .md .task-list-item label {
   font-weight: 400;
 }
 
-.md .task-list-item.enabled label {
+.d2-1156265988 .md .task-list-item.enabled label {
   cursor: pointer;
 }
 
-.md .task-list-item + .task-list-item {
+.d2-1156265988 .md .task-list-item + .task-list-item {
   margin-top: 3px;
 }
 
-.md .task-list-item .handle {
+.d2-1156265988 .md .task-list-item .handle {
   display: none;
 }
 
-.md .task-list-item-checkbox {
+.d2-1156265988 .md .task-list-item-checkbox {
   margin: 0 0.2em 0.25em -1.6em;
   vertical-align: middle;
 }
 
-.md .contains-task-list:dir(rtl) .task-list-item-checkbox {
+.d2-1156265988 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
 </style><g id="queue"><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" 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" class=" stroke-B1 fill-N5" style="stroke-width:2;" /></g></g><g id="m0_desc"><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>
diff --git a/e2etests/testdata/regression/elk_order/elk/sketch.exp.svg b/e2etests/testdata/regression/elk_order/elk/sketch.exp.svg
index 70bf0c4d7..458b1acc4 100644
--- a/e2etests/testdata/regression/elk_order/elk/sketch.exp.svg
+++ b/e2etests/testdata/regression/elk_order/elk/sketch.exp.svg
@@ -96,31 +96,31 @@
 		.d2-2182340707 .color-AA4{color:#EDF0FD;}
 		.d2-2182340707 .color-AA5{color:#F7F8FE;}
 		.d2-2182340707 .color-AB4{color:#EDF0FD;}
-		.d2-2182340707 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.md em,
-.md dfn {
+		.d2-2182340707 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.d2-2182340707 .md em,
+.d2-2182340707 .md dfn {
   font-family: "d2-2182340707-font-italic";
 }
 
-.md b,
-.md strong {
+.d2-2182340707 .md b,
+.d2-2182340707 .md strong {
   font-family: "d2-2182340707-font-bold";
 }
 
-.md code,
-.md kbd,
-.md pre,
-.md samp {
+.d2-2182340707 .md code,
+.d2-2182340707 .md kbd,
+.d2-2182340707 .md pre,
+.d2-2182340707 .md samp {
   font-family: "d2-2182340707-font-mono";
   font-size: 1em;
 }
 
-.md {
+.d2-2182340707 .md {
   tab-size: 4;
 }
 
 /* variables are provided in d2renderers/d2svg/d2svg.go */
 
-.md {
+.d2-2182340707 .md {
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
   margin: 0;
@@ -132,41 +132,41 @@
   word-wrap: break-word;
 }
 
-.md details,
-.md figcaption,
-.md figure {
+.d2-2182340707 .md details,
+.d2-2182340707 .md figcaption,
+.d2-2182340707 .md figure {
   display: block;
 }
 
-.md summary {
+.d2-2182340707 .md summary {
   display: list-item;
 }
 
-.md [hidden] {
+.d2-2182340707 .md [hidden] {
   display: none !important;
 }
 
-.md a {
+.d2-2182340707 .md a {
   background-color: transparent;
   color: var(--color-accent-fg);
   text-decoration: none;
 }
 
-.md a:active,
-.md a:hover {
+.d2-2182340707 .md a:active,
+.d2-2182340707 .md a:hover {
   outline-width: 0;
 }
 
-.md abbr[title] {
+.d2-2182340707 .md abbr[title] {
   border-bottom: none;
   text-decoration: underline dotted;
 }
 
-.md dfn {
+.d2-2182340707 .md dfn {
   font-style: italic;
 }
 
-.md h1 {
+.d2-2182340707 .md h1 {
   margin: 0.67em 0;
   font-weight: 600;
   padding-bottom: 0.3em;
@@ -174,43 +174,43 @@
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md mark {
+.d2-2182340707 .md mark {
   background-color: var(--color-attention-subtle);
   color: var(--color-text-primary);
 }
 
-.md small {
+.d2-2182340707 .md small {
   font-size: 90%;
 }
 
-.md sub,
-.md sup {
+.d2-2182340707 .md sub,
+.d2-2182340707 .md sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
 }
 
-.md sub {
+.d2-2182340707 .md sub {
   bottom: -0.25em;
 }
 
-.md sup {
+.d2-2182340707 .md sup {
   top: -0.5em;
 }
 
-.md img {
+.d2-2182340707 .md img {
   border-style: none;
   max-width: 100%;
   box-sizing: content-box;
   background-color: var(--color-canvas-default);
 }
 
-.md figure {
+.d2-2182340707 .md figure {
   margin: 1em 40px;
 }
 
-.md hr {
+.d2-2182340707 .md hr {
   box-sizing: content-box;
   overflow: hidden;
   background: transparent;
@@ -222,7 +222,7 @@
   border: 0;
 }
 
-.md input {
+.d2-2182340707 .md input {
   font: inherit;
   margin: 0;
   overflow: visible;
@@ -231,72 +231,72 @@
   line-height: inherit;
 }
 
-.md [type="button"],
-.md [type="reset"],
-.md [type="submit"] {
+.d2-2182340707 .md [type="button"],
+.d2-2182340707 .md [type="reset"],
+.d2-2182340707 .md [type="submit"] {
   -webkit-appearance: button;
 }
 
-.md [type="button"]::-moz-focus-inner,
-.md [type="reset"]::-moz-focus-inner,
-.md [type="submit"]::-moz-focus-inner {
+.d2-2182340707 .md [type="button"]::-moz-focus-inner,
+.d2-2182340707 .md [type="reset"]::-moz-focus-inner,
+.d2-2182340707 .md [type="submit"]::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.md [type="button"]:-moz-focusring,
-.md [type="reset"]:-moz-focusring,
-.md [type="submit"]:-moz-focusring {
+.d2-2182340707 .md [type="button"]:-moz-focusring,
+.d2-2182340707 .md [type="reset"]:-moz-focusring,
+.d2-2182340707 .md [type="submit"]:-moz-focusring {
   outline: 1px dotted ButtonText;
 }
 
-.md [type="checkbox"],
-.md [type="radio"] {
+.d2-2182340707 .md [type="checkbox"],
+.d2-2182340707 .md [type="radio"] {
   box-sizing: border-box;
   padding: 0;
 }
 
-.md [type="number"]::-webkit-inner-spin-button,
-.md [type="number"]::-webkit-outer-spin-button {
+.d2-2182340707 .md [type="number"]::-webkit-inner-spin-button,
+.d2-2182340707 .md [type="number"]::-webkit-outer-spin-button {
   height: auto;
 }
 
-.md [type="search"] {
+.d2-2182340707 .md [type="search"] {
   -webkit-appearance: textfield;
   outline-offset: -2px;
 }
 
-.md [type="search"]::-webkit-search-cancel-button,
-.md [type="search"]::-webkit-search-decoration {
+.d2-2182340707 .md [type="search"]::-webkit-search-cancel-button,
+.d2-2182340707 .md [type="search"]::-webkit-search-decoration {
   -webkit-appearance: none;
 }
 
-.md ::-webkit-input-placeholder {
+.d2-2182340707 .md ::-webkit-input-placeholder {
   color: inherit;
   opacity: 0.54;
 }
 
-.md ::-webkit-file-upload-button {
+.d2-2182340707 .md ::-webkit-file-upload-button {
   -webkit-appearance: button;
   font: inherit;
 }
 
-.md a:hover {
+.d2-2182340707 .md a:hover {
   text-decoration: underline;
 }
 
-.md hr::before {
+.d2-2182340707 .md hr::before {
   display: table;
   content: "";
 }
 
-.md hr::after {
+.d2-2182340707 .md hr::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md table {
+.d2-2182340707 .md table {
   border-spacing: 0;
   border-collapse: collapse;
   display: block;
@@ -305,20 +305,20 @@
   overflow: auto;
 }
 
-.md td,
-.md th {
+.d2-2182340707 .md td,
+.d2-2182340707 .md th {
   padding: 0;
 }
 
-.md details summary {
+.d2-2182340707 .md details summary {
   cursor: pointer;
 }
 
-.md details:not([open]) > *:not(summary) {
+.d2-2182340707 .md details:not([open]) > *:not(summary) {
   display: none !important;
 }
 
-.md kbd {
+.d2-2182340707 .md kbd {
   display: inline-block;
   padding: 3px 5px;
   color: var(--color-fg-default);
@@ -330,12 +330,12 @@
   box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
 }
 
-.md h1,
-.md h2,
-.md h3,
-.md h4,
-.md h5,
-.md h6 {
+.d2-2182340707 .md h1,
+.d2-2182340707 .md h2,
+.d2-2182340707 .md h3,
+.d2-2182340707 .md h4,
+.d2-2182340707 .md h5,
+.d2-2182340707 .md h6 {
   margin-top: 24px;
   margin-bottom: 16px;
   font-weight: 600;
@@ -343,222 +343,222 @@
   font-family: "d2-2182340707-font-regular";
 }
 
-.md h2 {
+.d2-2182340707 .md h2 {
   font-weight: 600;
   padding-bottom: 0.3em;
   font-size: 1.5em;
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md h3 {
+.d2-2182340707 .md h3 {
   font-weight: 600;
   font-size: 1.25em;
 }
 
-.md h4 {
+.d2-2182340707 .md h4 {
   font-weight: 600;
   font-size: 1em;
 }
 
-.md h5 {
+.d2-2182340707 .md h5 {
   font-weight: 600;
   font-size: 0.875em;
 }
 
-.md h6 {
+.d2-2182340707 .md h6 {
   font-weight: 600;
   font-size: 0.85em;
   color: var(--color-fg-muted);
 }
 
-.md p {
+.d2-2182340707 .md p {
   margin-top: 0;
   margin-bottom: 10px;
 }
 
-.md blockquote {
+.d2-2182340707 .md blockquote {
   margin: 0;
   padding: 0 1em;
   color: var(--color-fg-muted);
   border-left: 0.25em solid var(--color-border-default);
 }
 
-.md ul,
-.md ol {
+.d2-2182340707 .md ul,
+.d2-2182340707 .md ol {
   margin-top: 0;
   margin-bottom: 0;
   padding-left: 2em;
 }
 
-.md ol ol,
-.md ul ol {
+.d2-2182340707 .md ol ol,
+.d2-2182340707 .md ul ol {
   list-style-type: lower-roman;
 }
 
-.md ul ul ol,
-.md ul ol ol,
-.md ol ul ol,
-.md ol ol ol {
+.d2-2182340707 .md ul ul ol,
+.d2-2182340707 .md ul ol ol,
+.d2-2182340707 .md ol ul ol,
+.d2-2182340707 .md ol ol ol {
   list-style-type: lower-alpha;
 }
 
-.md dd {
+.d2-2182340707 .md dd {
   margin-left: 0;
 }
 
-.md pre {
+.d2-2182340707 .md pre {
   margin-top: 0;
   margin-bottom: 0;
   word-wrap: normal;
 }
 
-.md ::placeholder {
+.d2-2182340707 .md ::placeholder {
   color: var(--color-fg-subtle);
   opacity: 1;
 }
 
-.md input::-webkit-outer-spin-button,
-.md input::-webkit-inner-spin-button {
+.d2-2182340707 .md input::-webkit-outer-spin-button,
+.d2-2182340707 .md input::-webkit-inner-spin-button {
   margin: 0;
   -webkit-appearance: none;
   appearance: none;
 }
 
-.md::before {
+.d2-2182340707 .md::before {
   display: table;
   content: "";
 }
 
-.md::after {
+.d2-2182340707 .md::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md > *:first-child {
+.d2-2182340707 .md > *:first-child {
   margin-top: 0 !important;
 }
 
-.md > *:last-child {
+.d2-2182340707 .md > *:last-child {
   margin-bottom: 0 !important;
 }
 
-.md a:not([href]) {
+.d2-2182340707 .md a:not([href]) {
   color: inherit;
   text-decoration: none;
 }
 
-.md .absent {
+.d2-2182340707 .md .absent {
   color: var(--color-danger-fg);
 }
 
-.md .anchor {
+.d2-2182340707 .md .anchor {
   float: left;
   padding-right: 4px;
   margin-left: -20px;
   line-height: 1;
 }
 
-.md .anchor:focus {
+.d2-2182340707 .md .anchor:focus {
   outline: none;
 }
 
-.md p,
-.md blockquote,
-.md ul,
-.md ol,
-.md dl,
-.md table,
-.md pre,
-.md details {
+.d2-2182340707 .md p,
+.d2-2182340707 .md blockquote,
+.d2-2182340707 .md ul,
+.d2-2182340707 .md ol,
+.d2-2182340707 .md dl,
+.d2-2182340707 .md table,
+.d2-2182340707 .md pre,
+.d2-2182340707 .md details {
   margin-top: 0;
   margin-bottom: 16px;
 }
 
-.md blockquote > :first-child {
+.d2-2182340707 .md blockquote > :first-child {
   margin-top: 0;
 }
 
-.md blockquote > :last-child {
+.d2-2182340707 .md blockquote > :last-child {
   margin-bottom: 0;
 }
 
-.md sup > a::before {
+.d2-2182340707 .md sup > a::before {
   content: "[";
 }
 
-.md sup > a::after {
+.d2-2182340707 .md sup > a::after {
   content: "]";
 }
 
-.md h1:hover .anchor,
-.md h2:hover .anchor,
-.md h3:hover .anchor,
-.md h4:hover .anchor,
-.md h5:hover .anchor,
-.md h6:hover .anchor {
+.d2-2182340707 .md h1:hover .anchor,
+.d2-2182340707 .md h2:hover .anchor,
+.d2-2182340707 .md h3:hover .anchor,
+.d2-2182340707 .md h4:hover .anchor,
+.d2-2182340707 .md h5:hover .anchor,
+.d2-2182340707 .md h6:hover .anchor {
   text-decoration: none;
 }
 
-.md h1 tt,
-.md h1 code,
-.md h2 tt,
-.md h2 code,
-.md h3 tt,
-.md h3 code,
-.md h4 tt,
-.md h4 code,
-.md h5 tt,
-.md h5 code,
-.md h6 tt,
-.md h6 code {
+.d2-2182340707 .md h1 tt,
+.d2-2182340707 .md h1 code,
+.d2-2182340707 .md h2 tt,
+.d2-2182340707 .md h2 code,
+.d2-2182340707 .md h3 tt,
+.d2-2182340707 .md h3 code,
+.d2-2182340707 .md h4 tt,
+.d2-2182340707 .md h4 code,
+.d2-2182340707 .md h5 tt,
+.d2-2182340707 .md h5 code,
+.d2-2182340707 .md h6 tt,
+.d2-2182340707 .md h6 code {
   padding: 0 0.2em;
   font-size: inherit;
 }
 
-.md ul.no-list,
-.md ol.no-list {
+.d2-2182340707 .md ul.no-list,
+.d2-2182340707 .md ol.no-list {
   padding: 0;
   list-style-type: none;
 }
 
-.md ol[type="1"] {
+.d2-2182340707 .md ol[type="1"] {
   list-style-type: decimal;
 }
 
-.md ol[type="a"] {
+.d2-2182340707 .md ol[type="a"] {
   list-style-type: lower-alpha;
 }
 
-.md ol[type="i"] {
+.d2-2182340707 .md ol[type="i"] {
   list-style-type: lower-roman;
 }
 
-.md div > ol:not([type]) {
+.d2-2182340707 .md div > ol:not([type]) {
   list-style-type: decimal;
 }
 
-.md ul ul,
-.md ul ol,
-.md ol ol,
-.md ol ul {
+.d2-2182340707 .md ul ul,
+.d2-2182340707 .md ul ol,
+.d2-2182340707 .md ol ol,
+.d2-2182340707 .md ol ul {
   margin-top: 0;
   margin-bottom: 0;
 }
 
-.md li > p {
+.d2-2182340707 .md li > p {
   margin-top: 16px;
 }
 
-.md li + li {
+.d2-2182340707 .md li + li {
   margin-top: 0.25em;
 }
 
-.md dl {
+.d2-2182340707 .md dl {
   padding: 0;
 }
 
-.md dl dt {
+.d2-2182340707 .md dl dt {
   padding: 0;
   margin-top: 16px;
   font-size: 1em;
@@ -566,48 +566,48 @@
   font-weight: 600;
 }
 
-.md dl dd {
+.d2-2182340707 .md dl dd {
   padding: 0 16px;
   margin-bottom: 16px;
 }
 
-.md table th {
+.d2-2182340707 .md table th {
   font-weight: 600;
 }
 
-.md table th,
-.md table td {
+.d2-2182340707 .md table th,
+.d2-2182340707 .md table td {
   padding: 6px 13px;
   border: 1px solid var(--color-border-default);
 }
 
-.md table tr {
+.d2-2182340707 .md table tr {
   background-color: var(--color-canvas-default);
   border-top: 1px solid var(--color-border-muted);
 }
 
-.md table tr:nth-child(2n) {
+.d2-2182340707 .md table tr:nth-child(2n) {
   background-color: var(--color-canvas-subtle);
 }
 
-.md table img {
+.d2-2182340707 .md table img {
   background-color: transparent;
 }
 
-.md img[align="right"] {
+.d2-2182340707 .md img[align="right"] {
   padding-left: 20px;
 }
 
-.md img[align="left"] {
+.d2-2182340707 .md img[align="left"] {
   padding-right: 20px;
 }
 
-.md span.frame {
+.d2-2182340707 .md span.frame {
   display: block;
   overflow: hidden;
 }
 
-.md span.frame > span {
+.d2-2182340707 .md span.frame > span {
   display: block;
   float: left;
   width: auto;
@@ -617,81 +617,81 @@
   border: 1px solid var(--color-border-default);
 }
 
-.md span.frame span img {
+.d2-2182340707 .md span.frame span img {
   display: block;
   float: left;
 }
 
-.md span.frame span span {
+.d2-2182340707 .md span.frame span span {
   display: block;
   padding: 5px 0 0;
   clear: both;
   color: var(--color-fg-default);
 }
 
-.md span.align-center {
+.d2-2182340707 .md span.align-center {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-center > span {
+.d2-2182340707 .md span.align-center > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: center;
 }
 
-.md span.align-center span img {
+.d2-2182340707 .md span.align-center span img {
   margin: 0 auto;
   text-align: center;
 }
 
-.md span.align-right {
+.d2-2182340707 .md span.align-right {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-right > span {
+.d2-2182340707 .md span.align-right > span {
   display: block;
   margin: 13px 0 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md span.align-right span img {
+.d2-2182340707 .md span.align-right span img {
   margin: 0;
   text-align: right;
 }
 
-.md span.float-left {
+.d2-2182340707 .md span.float-left {
   display: block;
   float: left;
   margin-right: 13px;
   overflow: hidden;
 }
 
-.md span.float-left span {
+.d2-2182340707 .md span.float-left span {
   margin: 13px 0 0;
 }
 
-.md span.float-right {
+.d2-2182340707 .md span.float-right {
   display: block;
   float: right;
   margin-left: 13px;
   overflow: hidden;
 }
 
-.md span.float-right > span {
+.d2-2182340707 .md span.float-right > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md code,
-.md tt {
+.d2-2182340707 .md code,
+.d2-2182340707 .md tt {
   padding: 0.2em 0.4em;
   margin: 0;
   font-size: 85%;
@@ -699,20 +699,20 @@
   border-radius: 6px;
 }
 
-.md code br,
-.md tt br {
+.d2-2182340707 .md code br,
+.d2-2182340707 .md tt br {
   display: none;
 }
 
-.md del code {
+.d2-2182340707 .md del code {
   text-decoration: inherit;
 }
 
-.md pre code {
+.d2-2182340707 .md pre code {
   font-size: 100%;
 }
 
-.md pre > code {
+.d2-2182340707 .md pre > code {
   padding: 0;
   margin: 0;
   word-break: normal;
@@ -721,17 +721,17 @@
   border: 0;
 }
 
-.md .highlight {
+.d2-2182340707 .md .highlight {
   margin-bottom: 16px;
 }
 
-.md .highlight pre {
+.d2-2182340707 .md .highlight pre {
   margin-bottom: 0;
   word-break: normal;
 }
 
-.md .highlight pre,
-.md pre {
+.d2-2182340707 .md .highlight pre,
+.d2-2182340707 .md pre {
   padding: 16px;
   overflow: auto;
   font-size: 85%;
@@ -740,8 +740,8 @@
   border-radius: 6px;
 }
 
-.md pre code,
-.md pre tt {
+.d2-2182340707 .md pre code,
+.d2-2182340707 .md pre tt {
   display: inline;
   max-width: auto;
   padding: 0;
@@ -753,8 +753,8 @@
   border: 0;
 }
 
-.md .csv-data td,
-.md .csv-data th {
+.d2-2182340707 .md .csv-data td,
+.d2-2182340707 .md .csv-data th {
   padding: 5px;
   overflow: hidden;
   font-size: 12px;
@@ -763,38 +763,38 @@
   white-space: nowrap;
 }
 
-.md .csv-data .blob-num {
+.d2-2182340707 .md .csv-data .blob-num {
   padding: 10px 8px 9px;
   text-align: right;
   background: var(--color-canvas-default);
   border: 0;
 }
 
-.md .csv-data tr {
+.d2-2182340707 .md .csv-data tr {
   border-top: 0;
 }
 
-.md .csv-data th {
+.d2-2182340707 .md .csv-data th {
   font-weight: 600;
   background: var(--color-canvas-subtle);
   border-top: 0;
 }
 
-.md .footnotes {
+.d2-2182340707 .md .footnotes {
   font-size: 12px;
   color: var(--color-fg-muted);
   border-top: 1px solid var(--color-border-default);
 }
 
-.md .footnotes ol {
+.d2-2182340707 .md .footnotes ol {
   padding-left: 16px;
 }
 
-.md .footnotes li {
+.d2-2182340707 .md .footnotes li {
   position: relative;
 }
 
-.md .footnotes li:target::before {
+.d2-2182340707 .md .footnotes li:target::before {
   position: absolute;
   top: -8px;
   right: -8px;
@@ -806,36 +806,36 @@
   border-radius: 6px;
 }
 
-.md .footnotes li:target {
+.d2-2182340707 .md .footnotes li:target {
   color: var(--color-fg-default);
 }
 
-.md .task-list-item {
+.d2-2182340707 .md .task-list-item {
   list-style-type: none;
 }
 
-.md .task-list-item label {
+.d2-2182340707 .md .task-list-item label {
   font-weight: 400;
 }
 
-.md .task-list-item.enabled label {
+.d2-2182340707 .md .task-list-item.enabled label {
   cursor: pointer;
 }
 
-.md .task-list-item + .task-list-item {
+.d2-2182340707 .md .task-list-item + .task-list-item {
   margin-top: 3px;
 }
 
-.md .task-list-item .handle {
+.d2-2182340707 .md .task-list-item .handle {
   display: none;
 }
 
-.md .task-list-item-checkbox {
+.d2-2182340707 .md .task-list-item-checkbox {
   margin: 0 0.2em 0.25em -1.6em;
   vertical-align: middle;
 }
 
-.md .contains-task-list:dir(rtl) .task-list-item-checkbox {
+.d2-2182340707 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
 </style><g id="queue"><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" 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" class=" stroke-B1 fill-N5" style="stroke-width:2;" /></g></g><g id="m0_desc"><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>
diff --git a/e2etests/testdata/regression/md_h1_li_li/dagre/sketch.exp.svg b/e2etests/testdata/regression/md_h1_li_li/dagre/sketch.exp.svg
index 324d9c2d1..d64cf7954 100644
--- a/e2etests/testdata/regression/md_h1_li_li/dagre/sketch.exp.svg
+++ b/e2etests/testdata/regression/md_h1_li_li/dagre/sketch.exp.svg
@@ -96,31 +96,31 @@
 		.d2-2457229983 .color-AA4{color:#EDF0FD;}
 		.d2-2457229983 .color-AA5{color:#F7F8FE;}
 		.d2-2457229983 .color-AB4{color:#EDF0FD;}
-		.d2-2457229983 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.md em,
-.md dfn {
+		.d2-2457229983 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.d2-2457229983 .md em,
+.d2-2457229983 .md dfn {
   font-family: "d2-2457229983-font-italic";
 }
 
-.md b,
-.md strong {
+.d2-2457229983 .md b,
+.d2-2457229983 .md strong {
   font-family: "d2-2457229983-font-bold";
 }
 
-.md code,
-.md kbd,
-.md pre,
-.md samp {
+.d2-2457229983 .md code,
+.d2-2457229983 .md kbd,
+.d2-2457229983 .md pre,
+.d2-2457229983 .md samp {
   font-family: "d2-2457229983-font-mono";
   font-size: 1em;
 }
 
-.md {
+.d2-2457229983 .md {
   tab-size: 4;
 }
 
 /* variables are provided in d2renderers/d2svg/d2svg.go */
 
-.md {
+.d2-2457229983 .md {
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
   margin: 0;
@@ -132,41 +132,41 @@
   word-wrap: break-word;
 }
 
-.md details,
-.md figcaption,
-.md figure {
+.d2-2457229983 .md details,
+.d2-2457229983 .md figcaption,
+.d2-2457229983 .md figure {
   display: block;
 }
 
-.md summary {
+.d2-2457229983 .md summary {
   display: list-item;
 }
 
-.md [hidden] {
+.d2-2457229983 .md [hidden] {
   display: none !important;
 }
 
-.md a {
+.d2-2457229983 .md a {
   background-color: transparent;
   color: var(--color-accent-fg);
   text-decoration: none;
 }
 
-.md a:active,
-.md a:hover {
+.d2-2457229983 .md a:active,
+.d2-2457229983 .md a:hover {
   outline-width: 0;
 }
 
-.md abbr[title] {
+.d2-2457229983 .md abbr[title] {
   border-bottom: none;
   text-decoration: underline dotted;
 }
 
-.md dfn {
+.d2-2457229983 .md dfn {
   font-style: italic;
 }
 
-.md h1 {
+.d2-2457229983 .md h1 {
   margin: 0.67em 0;
   font-weight: 600;
   padding-bottom: 0.3em;
@@ -174,43 +174,43 @@
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md mark {
+.d2-2457229983 .md mark {
   background-color: var(--color-attention-subtle);
   color: var(--color-text-primary);
 }
 
-.md small {
+.d2-2457229983 .md small {
   font-size: 90%;
 }
 
-.md sub,
-.md sup {
+.d2-2457229983 .md sub,
+.d2-2457229983 .md sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
 }
 
-.md sub {
+.d2-2457229983 .md sub {
   bottom: -0.25em;
 }
 
-.md sup {
+.d2-2457229983 .md sup {
   top: -0.5em;
 }
 
-.md img {
+.d2-2457229983 .md img {
   border-style: none;
   max-width: 100%;
   box-sizing: content-box;
   background-color: var(--color-canvas-default);
 }
 
-.md figure {
+.d2-2457229983 .md figure {
   margin: 1em 40px;
 }
 
-.md hr {
+.d2-2457229983 .md hr {
   box-sizing: content-box;
   overflow: hidden;
   background: transparent;
@@ -222,7 +222,7 @@
   border: 0;
 }
 
-.md input {
+.d2-2457229983 .md input {
   font: inherit;
   margin: 0;
   overflow: visible;
@@ -231,72 +231,72 @@
   line-height: inherit;
 }
 
-.md [type="button"],
-.md [type="reset"],
-.md [type="submit"] {
+.d2-2457229983 .md [type="button"],
+.d2-2457229983 .md [type="reset"],
+.d2-2457229983 .md [type="submit"] {
   -webkit-appearance: button;
 }
 
-.md [type="button"]::-moz-focus-inner,
-.md [type="reset"]::-moz-focus-inner,
-.md [type="submit"]::-moz-focus-inner {
+.d2-2457229983 .md [type="button"]::-moz-focus-inner,
+.d2-2457229983 .md [type="reset"]::-moz-focus-inner,
+.d2-2457229983 .md [type="submit"]::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.md [type="button"]:-moz-focusring,
-.md [type="reset"]:-moz-focusring,
-.md [type="submit"]:-moz-focusring {
+.d2-2457229983 .md [type="button"]:-moz-focusring,
+.d2-2457229983 .md [type="reset"]:-moz-focusring,
+.d2-2457229983 .md [type="submit"]:-moz-focusring {
   outline: 1px dotted ButtonText;
 }
 
-.md [type="checkbox"],
-.md [type="radio"] {
+.d2-2457229983 .md [type="checkbox"],
+.d2-2457229983 .md [type="radio"] {
   box-sizing: border-box;
   padding: 0;
 }
 
-.md [type="number"]::-webkit-inner-spin-button,
-.md [type="number"]::-webkit-outer-spin-button {
+.d2-2457229983 .md [type="number"]::-webkit-inner-spin-button,
+.d2-2457229983 .md [type="number"]::-webkit-outer-spin-button {
   height: auto;
 }
 
-.md [type="search"] {
+.d2-2457229983 .md [type="search"] {
   -webkit-appearance: textfield;
   outline-offset: -2px;
 }
 
-.md [type="search"]::-webkit-search-cancel-button,
-.md [type="search"]::-webkit-search-decoration {
+.d2-2457229983 .md [type="search"]::-webkit-search-cancel-button,
+.d2-2457229983 .md [type="search"]::-webkit-search-decoration {
   -webkit-appearance: none;
 }
 
-.md ::-webkit-input-placeholder {
+.d2-2457229983 .md ::-webkit-input-placeholder {
   color: inherit;
   opacity: 0.54;
 }
 
-.md ::-webkit-file-upload-button {
+.d2-2457229983 .md ::-webkit-file-upload-button {
   -webkit-appearance: button;
   font: inherit;
 }
 
-.md a:hover {
+.d2-2457229983 .md a:hover {
   text-decoration: underline;
 }
 
-.md hr::before {
+.d2-2457229983 .md hr::before {
   display: table;
   content: "";
 }
 
-.md hr::after {
+.d2-2457229983 .md hr::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md table {
+.d2-2457229983 .md table {
   border-spacing: 0;
   border-collapse: collapse;
   display: block;
@@ -305,20 +305,20 @@
   overflow: auto;
 }
 
-.md td,
-.md th {
+.d2-2457229983 .md td,
+.d2-2457229983 .md th {
   padding: 0;
 }
 
-.md details summary {
+.d2-2457229983 .md details summary {
   cursor: pointer;
 }
 
-.md details:not([open]) > *:not(summary) {
+.d2-2457229983 .md details:not([open]) > *:not(summary) {
   display: none !important;
 }
 
-.md kbd {
+.d2-2457229983 .md kbd {
   display: inline-block;
   padding: 3px 5px;
   color: var(--color-fg-default);
@@ -330,12 +330,12 @@
   box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
 }
 
-.md h1,
-.md h2,
-.md h3,
-.md h4,
-.md h5,
-.md h6 {
+.d2-2457229983 .md h1,
+.d2-2457229983 .md h2,
+.d2-2457229983 .md h3,
+.d2-2457229983 .md h4,
+.d2-2457229983 .md h5,
+.d2-2457229983 .md h6 {
   margin-top: 24px;
   margin-bottom: 16px;
   font-weight: 600;
@@ -343,222 +343,222 @@
   font-family: "d2-2457229983-font-regular";
 }
 
-.md h2 {
+.d2-2457229983 .md h2 {
   font-weight: 600;
   padding-bottom: 0.3em;
   font-size: 1.5em;
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md h3 {
+.d2-2457229983 .md h3 {
   font-weight: 600;
   font-size: 1.25em;
 }
 
-.md h4 {
+.d2-2457229983 .md h4 {
   font-weight: 600;
   font-size: 1em;
 }
 
-.md h5 {
+.d2-2457229983 .md h5 {
   font-weight: 600;
   font-size: 0.875em;
 }
 
-.md h6 {
+.d2-2457229983 .md h6 {
   font-weight: 600;
   font-size: 0.85em;
   color: var(--color-fg-muted);
 }
 
-.md p {
+.d2-2457229983 .md p {
   margin-top: 0;
   margin-bottom: 10px;
 }
 
-.md blockquote {
+.d2-2457229983 .md blockquote {
   margin: 0;
   padding: 0 1em;
   color: var(--color-fg-muted);
   border-left: 0.25em solid var(--color-border-default);
 }
 
-.md ul,
-.md ol {
+.d2-2457229983 .md ul,
+.d2-2457229983 .md ol {
   margin-top: 0;
   margin-bottom: 0;
   padding-left: 2em;
 }
 
-.md ol ol,
-.md ul ol {
+.d2-2457229983 .md ol ol,
+.d2-2457229983 .md ul ol {
   list-style-type: lower-roman;
 }
 
-.md ul ul ol,
-.md ul ol ol,
-.md ol ul ol,
-.md ol ol ol {
+.d2-2457229983 .md ul ul ol,
+.d2-2457229983 .md ul ol ol,
+.d2-2457229983 .md ol ul ol,
+.d2-2457229983 .md ol ol ol {
   list-style-type: lower-alpha;
 }
 
-.md dd {
+.d2-2457229983 .md dd {
   margin-left: 0;
 }
 
-.md pre {
+.d2-2457229983 .md pre {
   margin-top: 0;
   margin-bottom: 0;
   word-wrap: normal;
 }
 
-.md ::placeholder {
+.d2-2457229983 .md ::placeholder {
   color: var(--color-fg-subtle);
   opacity: 1;
 }
 
-.md input::-webkit-outer-spin-button,
-.md input::-webkit-inner-spin-button {
+.d2-2457229983 .md input::-webkit-outer-spin-button,
+.d2-2457229983 .md input::-webkit-inner-spin-button {
   margin: 0;
   -webkit-appearance: none;
   appearance: none;
 }
 
-.md::before {
+.d2-2457229983 .md::before {
   display: table;
   content: "";
 }
 
-.md::after {
+.d2-2457229983 .md::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md > *:first-child {
+.d2-2457229983 .md > *:first-child {
   margin-top: 0 !important;
 }
 
-.md > *:last-child {
+.d2-2457229983 .md > *:last-child {
   margin-bottom: 0 !important;
 }
 
-.md a:not([href]) {
+.d2-2457229983 .md a:not([href]) {
   color: inherit;
   text-decoration: none;
 }
 
-.md .absent {
+.d2-2457229983 .md .absent {
   color: var(--color-danger-fg);
 }
 
-.md .anchor {
+.d2-2457229983 .md .anchor {
   float: left;
   padding-right: 4px;
   margin-left: -20px;
   line-height: 1;
 }
 
-.md .anchor:focus {
+.d2-2457229983 .md .anchor:focus {
   outline: none;
 }
 
-.md p,
-.md blockquote,
-.md ul,
-.md ol,
-.md dl,
-.md table,
-.md pre,
-.md details {
+.d2-2457229983 .md p,
+.d2-2457229983 .md blockquote,
+.d2-2457229983 .md ul,
+.d2-2457229983 .md ol,
+.d2-2457229983 .md dl,
+.d2-2457229983 .md table,
+.d2-2457229983 .md pre,
+.d2-2457229983 .md details {
   margin-top: 0;
   margin-bottom: 16px;
 }
 
-.md blockquote > :first-child {
+.d2-2457229983 .md blockquote > :first-child {
   margin-top: 0;
 }
 
-.md blockquote > :last-child {
+.d2-2457229983 .md blockquote > :last-child {
   margin-bottom: 0;
 }
 
-.md sup > a::before {
+.d2-2457229983 .md sup > a::before {
   content: "[";
 }
 
-.md sup > a::after {
+.d2-2457229983 .md sup > a::after {
   content: "]";
 }
 
-.md h1:hover .anchor,
-.md h2:hover .anchor,
-.md h3:hover .anchor,
-.md h4:hover .anchor,
-.md h5:hover .anchor,
-.md h6:hover .anchor {
+.d2-2457229983 .md h1:hover .anchor,
+.d2-2457229983 .md h2:hover .anchor,
+.d2-2457229983 .md h3:hover .anchor,
+.d2-2457229983 .md h4:hover .anchor,
+.d2-2457229983 .md h5:hover .anchor,
+.d2-2457229983 .md h6:hover .anchor {
   text-decoration: none;
 }
 
-.md h1 tt,
-.md h1 code,
-.md h2 tt,
-.md h2 code,
-.md h3 tt,
-.md h3 code,
-.md h4 tt,
-.md h4 code,
-.md h5 tt,
-.md h5 code,
-.md h6 tt,
-.md h6 code {
+.d2-2457229983 .md h1 tt,
+.d2-2457229983 .md h1 code,
+.d2-2457229983 .md h2 tt,
+.d2-2457229983 .md h2 code,
+.d2-2457229983 .md h3 tt,
+.d2-2457229983 .md h3 code,
+.d2-2457229983 .md h4 tt,
+.d2-2457229983 .md h4 code,
+.d2-2457229983 .md h5 tt,
+.d2-2457229983 .md h5 code,
+.d2-2457229983 .md h6 tt,
+.d2-2457229983 .md h6 code {
   padding: 0 0.2em;
   font-size: inherit;
 }
 
-.md ul.no-list,
-.md ol.no-list {
+.d2-2457229983 .md ul.no-list,
+.d2-2457229983 .md ol.no-list {
   padding: 0;
   list-style-type: none;
 }
 
-.md ol[type="1"] {
+.d2-2457229983 .md ol[type="1"] {
   list-style-type: decimal;
 }
 
-.md ol[type="a"] {
+.d2-2457229983 .md ol[type="a"] {
   list-style-type: lower-alpha;
 }
 
-.md ol[type="i"] {
+.d2-2457229983 .md ol[type="i"] {
   list-style-type: lower-roman;
 }
 
-.md div > ol:not([type]) {
+.d2-2457229983 .md div > ol:not([type]) {
   list-style-type: decimal;
 }
 
-.md ul ul,
-.md ul ol,
-.md ol ol,
-.md ol ul {
+.d2-2457229983 .md ul ul,
+.d2-2457229983 .md ul ol,
+.d2-2457229983 .md ol ol,
+.d2-2457229983 .md ol ul {
   margin-top: 0;
   margin-bottom: 0;
 }
 
-.md li > p {
+.d2-2457229983 .md li > p {
   margin-top: 16px;
 }
 
-.md li + li {
+.d2-2457229983 .md li + li {
   margin-top: 0.25em;
 }
 
-.md dl {
+.d2-2457229983 .md dl {
   padding: 0;
 }
 
-.md dl dt {
+.d2-2457229983 .md dl dt {
   padding: 0;
   margin-top: 16px;
   font-size: 1em;
@@ -566,48 +566,48 @@
   font-weight: 600;
 }
 
-.md dl dd {
+.d2-2457229983 .md dl dd {
   padding: 0 16px;
   margin-bottom: 16px;
 }
 
-.md table th {
+.d2-2457229983 .md table th {
   font-weight: 600;
 }
 
-.md table th,
-.md table td {
+.d2-2457229983 .md table th,
+.d2-2457229983 .md table td {
   padding: 6px 13px;
   border: 1px solid var(--color-border-default);
 }
 
-.md table tr {
+.d2-2457229983 .md table tr {
   background-color: var(--color-canvas-default);
   border-top: 1px solid var(--color-border-muted);
 }
 
-.md table tr:nth-child(2n) {
+.d2-2457229983 .md table tr:nth-child(2n) {
   background-color: var(--color-canvas-subtle);
 }
 
-.md table img {
+.d2-2457229983 .md table img {
   background-color: transparent;
 }
 
-.md img[align="right"] {
+.d2-2457229983 .md img[align="right"] {
   padding-left: 20px;
 }
 
-.md img[align="left"] {
+.d2-2457229983 .md img[align="left"] {
   padding-right: 20px;
 }
 
-.md span.frame {
+.d2-2457229983 .md span.frame {
   display: block;
   overflow: hidden;
 }
 
-.md span.frame > span {
+.d2-2457229983 .md span.frame > span {
   display: block;
   float: left;
   width: auto;
@@ -617,81 +617,81 @@
   border: 1px solid var(--color-border-default);
 }
 
-.md span.frame span img {
+.d2-2457229983 .md span.frame span img {
   display: block;
   float: left;
 }
 
-.md span.frame span span {
+.d2-2457229983 .md span.frame span span {
   display: block;
   padding: 5px 0 0;
   clear: both;
   color: var(--color-fg-default);
 }
 
-.md span.align-center {
+.d2-2457229983 .md span.align-center {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-center > span {
+.d2-2457229983 .md span.align-center > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: center;
 }
 
-.md span.align-center span img {
+.d2-2457229983 .md span.align-center span img {
   margin: 0 auto;
   text-align: center;
 }
 
-.md span.align-right {
+.d2-2457229983 .md span.align-right {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-right > span {
+.d2-2457229983 .md span.align-right > span {
   display: block;
   margin: 13px 0 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md span.align-right span img {
+.d2-2457229983 .md span.align-right span img {
   margin: 0;
   text-align: right;
 }
 
-.md span.float-left {
+.d2-2457229983 .md span.float-left {
   display: block;
   float: left;
   margin-right: 13px;
   overflow: hidden;
 }
 
-.md span.float-left span {
+.d2-2457229983 .md span.float-left span {
   margin: 13px 0 0;
 }
 
-.md span.float-right {
+.d2-2457229983 .md span.float-right {
   display: block;
   float: right;
   margin-left: 13px;
   overflow: hidden;
 }
 
-.md span.float-right > span {
+.d2-2457229983 .md span.float-right > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md code,
-.md tt {
+.d2-2457229983 .md code,
+.d2-2457229983 .md tt {
   padding: 0.2em 0.4em;
   margin: 0;
   font-size: 85%;
@@ -699,20 +699,20 @@
   border-radius: 6px;
 }
 
-.md code br,
-.md tt br {
+.d2-2457229983 .md code br,
+.d2-2457229983 .md tt br {
   display: none;
 }
 
-.md del code {
+.d2-2457229983 .md del code {
   text-decoration: inherit;
 }
 
-.md pre code {
+.d2-2457229983 .md pre code {
   font-size: 100%;
 }
 
-.md pre > code {
+.d2-2457229983 .md pre > code {
   padding: 0;
   margin: 0;
   word-break: normal;
@@ -721,17 +721,17 @@
   border: 0;
 }
 
-.md .highlight {
+.d2-2457229983 .md .highlight {
   margin-bottom: 16px;
 }
 
-.md .highlight pre {
+.d2-2457229983 .md .highlight pre {
   margin-bottom: 0;
   word-break: normal;
 }
 
-.md .highlight pre,
-.md pre {
+.d2-2457229983 .md .highlight pre,
+.d2-2457229983 .md pre {
   padding: 16px;
   overflow: auto;
   font-size: 85%;
@@ -740,8 +740,8 @@
   border-radius: 6px;
 }
 
-.md pre code,
-.md pre tt {
+.d2-2457229983 .md pre code,
+.d2-2457229983 .md pre tt {
   display: inline;
   max-width: auto;
   padding: 0;
@@ -753,8 +753,8 @@
   border: 0;
 }
 
-.md .csv-data td,
-.md .csv-data th {
+.d2-2457229983 .md .csv-data td,
+.d2-2457229983 .md .csv-data th {
   padding: 5px;
   overflow: hidden;
   font-size: 12px;
@@ -763,38 +763,38 @@
   white-space: nowrap;
 }
 
-.md .csv-data .blob-num {
+.d2-2457229983 .md .csv-data .blob-num {
   padding: 10px 8px 9px;
   text-align: right;
   background: var(--color-canvas-default);
   border: 0;
 }
 
-.md .csv-data tr {
+.d2-2457229983 .md .csv-data tr {
   border-top: 0;
 }
 
-.md .csv-data th {
+.d2-2457229983 .md .csv-data th {
   font-weight: 600;
   background: var(--color-canvas-subtle);
   border-top: 0;
 }
 
-.md .footnotes {
+.d2-2457229983 .md .footnotes {
   font-size: 12px;
   color: var(--color-fg-muted);
   border-top: 1px solid var(--color-border-default);
 }
 
-.md .footnotes ol {
+.d2-2457229983 .md .footnotes ol {
   padding-left: 16px;
 }
 
-.md .footnotes li {
+.d2-2457229983 .md .footnotes li {
   position: relative;
 }
 
-.md .footnotes li:target::before {
+.d2-2457229983 .md .footnotes li:target::before {
   position: absolute;
   top: -8px;
   right: -8px;
@@ -806,36 +806,36 @@
   border-radius: 6px;
 }
 
-.md .footnotes li:target {
+.d2-2457229983 .md .footnotes li:target {
   color: var(--color-fg-default);
 }
 
-.md .task-list-item {
+.d2-2457229983 .md .task-list-item {
   list-style-type: none;
 }
 
-.md .task-list-item label {
+.d2-2457229983 .md .task-list-item label {
   font-weight: 400;
 }
 
-.md .task-list-item.enabled label {
+.d2-2457229983 .md .task-list-item.enabled label {
   cursor: pointer;
 }
 
-.md .task-list-item + .task-list-item {
+.d2-2457229983 .md .task-list-item + .task-list-item {
   margin-top: 3px;
 }
 
-.md .task-list-item .handle {
+.d2-2457229983 .md .task-list-item .handle {
   display: none;
 }
 
-.md .task-list-item-checkbox {
+.d2-2457229983 .md .task-list-item-checkbox {
   margin: 0 0.2em 0.25em -1.6em;
   vertical-align: middle;
 }
 
-.md .contains-task-list:dir(rtl) .task-list-item-checkbox {
+.d2-2457229983 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
 </style><g id="md"><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>
diff --git a/e2etests/testdata/regression/md_h1_li_li/elk/sketch.exp.svg b/e2etests/testdata/regression/md_h1_li_li/elk/sketch.exp.svg
index e3ff3c658..07f9704f3 100644
--- a/e2etests/testdata/regression/md_h1_li_li/elk/sketch.exp.svg
+++ b/e2etests/testdata/regression/md_h1_li_li/elk/sketch.exp.svg
@@ -96,31 +96,31 @@
 		.d2-3324042626 .color-AA4{color:#EDF0FD;}
 		.d2-3324042626 .color-AA5{color:#F7F8FE;}
 		.d2-3324042626 .color-AB4{color:#EDF0FD;}
-		.d2-3324042626 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.md em,
-.md dfn {
+		.d2-3324042626 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.d2-3324042626 .md em,
+.d2-3324042626 .md dfn {
   font-family: "d2-3324042626-font-italic";
 }
 
-.md b,
-.md strong {
+.d2-3324042626 .md b,
+.d2-3324042626 .md strong {
   font-family: "d2-3324042626-font-bold";
 }
 
-.md code,
-.md kbd,
-.md pre,
-.md samp {
+.d2-3324042626 .md code,
+.d2-3324042626 .md kbd,
+.d2-3324042626 .md pre,
+.d2-3324042626 .md samp {
   font-family: "d2-3324042626-font-mono";
   font-size: 1em;
 }
 
-.md {
+.d2-3324042626 .md {
   tab-size: 4;
 }
 
 /* variables are provided in d2renderers/d2svg/d2svg.go */
 
-.md {
+.d2-3324042626 .md {
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
   margin: 0;
@@ -132,41 +132,41 @@
   word-wrap: break-word;
 }
 
-.md details,
-.md figcaption,
-.md figure {
+.d2-3324042626 .md details,
+.d2-3324042626 .md figcaption,
+.d2-3324042626 .md figure {
   display: block;
 }
 
-.md summary {
+.d2-3324042626 .md summary {
   display: list-item;
 }
 
-.md [hidden] {
+.d2-3324042626 .md [hidden] {
   display: none !important;
 }
 
-.md a {
+.d2-3324042626 .md a {
   background-color: transparent;
   color: var(--color-accent-fg);
   text-decoration: none;
 }
 
-.md a:active,
-.md a:hover {
+.d2-3324042626 .md a:active,
+.d2-3324042626 .md a:hover {
   outline-width: 0;
 }
 
-.md abbr[title] {
+.d2-3324042626 .md abbr[title] {
   border-bottom: none;
   text-decoration: underline dotted;
 }
 
-.md dfn {
+.d2-3324042626 .md dfn {
   font-style: italic;
 }
 
-.md h1 {
+.d2-3324042626 .md h1 {
   margin: 0.67em 0;
   font-weight: 600;
   padding-bottom: 0.3em;
@@ -174,43 +174,43 @@
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md mark {
+.d2-3324042626 .md mark {
   background-color: var(--color-attention-subtle);
   color: var(--color-text-primary);
 }
 
-.md small {
+.d2-3324042626 .md small {
   font-size: 90%;
 }
 
-.md sub,
-.md sup {
+.d2-3324042626 .md sub,
+.d2-3324042626 .md sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
 }
 
-.md sub {
+.d2-3324042626 .md sub {
   bottom: -0.25em;
 }
 
-.md sup {
+.d2-3324042626 .md sup {
   top: -0.5em;
 }
 
-.md img {
+.d2-3324042626 .md img {
   border-style: none;
   max-width: 100%;
   box-sizing: content-box;
   background-color: var(--color-canvas-default);
 }
 
-.md figure {
+.d2-3324042626 .md figure {
   margin: 1em 40px;
 }
 
-.md hr {
+.d2-3324042626 .md hr {
   box-sizing: content-box;
   overflow: hidden;
   background: transparent;
@@ -222,7 +222,7 @@
   border: 0;
 }
 
-.md input {
+.d2-3324042626 .md input {
   font: inherit;
   margin: 0;
   overflow: visible;
@@ -231,72 +231,72 @@
   line-height: inherit;
 }
 
-.md [type="button"],
-.md [type="reset"],
-.md [type="submit"] {
+.d2-3324042626 .md [type="button"],
+.d2-3324042626 .md [type="reset"],
+.d2-3324042626 .md [type="submit"] {
   -webkit-appearance: button;
 }
 
-.md [type="button"]::-moz-focus-inner,
-.md [type="reset"]::-moz-focus-inner,
-.md [type="submit"]::-moz-focus-inner {
+.d2-3324042626 .md [type="button"]::-moz-focus-inner,
+.d2-3324042626 .md [type="reset"]::-moz-focus-inner,
+.d2-3324042626 .md [type="submit"]::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.md [type="button"]:-moz-focusring,
-.md [type="reset"]:-moz-focusring,
-.md [type="submit"]:-moz-focusring {
+.d2-3324042626 .md [type="button"]:-moz-focusring,
+.d2-3324042626 .md [type="reset"]:-moz-focusring,
+.d2-3324042626 .md [type="submit"]:-moz-focusring {
   outline: 1px dotted ButtonText;
 }
 
-.md [type="checkbox"],
-.md [type="radio"] {
+.d2-3324042626 .md [type="checkbox"],
+.d2-3324042626 .md [type="radio"] {
   box-sizing: border-box;
   padding: 0;
 }
 
-.md [type="number"]::-webkit-inner-spin-button,
-.md [type="number"]::-webkit-outer-spin-button {
+.d2-3324042626 .md [type="number"]::-webkit-inner-spin-button,
+.d2-3324042626 .md [type="number"]::-webkit-outer-spin-button {
   height: auto;
 }
 
-.md [type="search"] {
+.d2-3324042626 .md [type="search"] {
   -webkit-appearance: textfield;
   outline-offset: -2px;
 }
 
-.md [type="search"]::-webkit-search-cancel-button,
-.md [type="search"]::-webkit-search-decoration {
+.d2-3324042626 .md [type="search"]::-webkit-search-cancel-button,
+.d2-3324042626 .md [type="search"]::-webkit-search-decoration {
   -webkit-appearance: none;
 }
 
-.md ::-webkit-input-placeholder {
+.d2-3324042626 .md ::-webkit-input-placeholder {
   color: inherit;
   opacity: 0.54;
 }
 
-.md ::-webkit-file-upload-button {
+.d2-3324042626 .md ::-webkit-file-upload-button {
   -webkit-appearance: button;
   font: inherit;
 }
 
-.md a:hover {
+.d2-3324042626 .md a:hover {
   text-decoration: underline;
 }
 
-.md hr::before {
+.d2-3324042626 .md hr::before {
   display: table;
   content: "";
 }
 
-.md hr::after {
+.d2-3324042626 .md hr::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md table {
+.d2-3324042626 .md table {
   border-spacing: 0;
   border-collapse: collapse;
   display: block;
@@ -305,20 +305,20 @@
   overflow: auto;
 }
 
-.md td,
-.md th {
+.d2-3324042626 .md td,
+.d2-3324042626 .md th {
   padding: 0;
 }
 
-.md details summary {
+.d2-3324042626 .md details summary {
   cursor: pointer;
 }
 
-.md details:not([open]) > *:not(summary) {
+.d2-3324042626 .md details:not([open]) > *:not(summary) {
   display: none !important;
 }
 
-.md kbd {
+.d2-3324042626 .md kbd {
   display: inline-block;
   padding: 3px 5px;
   color: var(--color-fg-default);
@@ -330,12 +330,12 @@
   box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
 }
 
-.md h1,
-.md h2,
-.md h3,
-.md h4,
-.md h5,
-.md h6 {
+.d2-3324042626 .md h1,
+.d2-3324042626 .md h2,
+.d2-3324042626 .md h3,
+.d2-3324042626 .md h4,
+.d2-3324042626 .md h5,
+.d2-3324042626 .md h6 {
   margin-top: 24px;
   margin-bottom: 16px;
   font-weight: 600;
@@ -343,222 +343,222 @@
   font-family: "d2-3324042626-font-regular";
 }
 
-.md h2 {
+.d2-3324042626 .md h2 {
   font-weight: 600;
   padding-bottom: 0.3em;
   font-size: 1.5em;
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md h3 {
+.d2-3324042626 .md h3 {
   font-weight: 600;
   font-size: 1.25em;
 }
 
-.md h4 {
+.d2-3324042626 .md h4 {
   font-weight: 600;
   font-size: 1em;
 }
 
-.md h5 {
+.d2-3324042626 .md h5 {
   font-weight: 600;
   font-size: 0.875em;
 }
 
-.md h6 {
+.d2-3324042626 .md h6 {
   font-weight: 600;
   font-size: 0.85em;
   color: var(--color-fg-muted);
 }
 
-.md p {
+.d2-3324042626 .md p {
   margin-top: 0;
   margin-bottom: 10px;
 }
 
-.md blockquote {
+.d2-3324042626 .md blockquote {
   margin: 0;
   padding: 0 1em;
   color: var(--color-fg-muted);
   border-left: 0.25em solid var(--color-border-default);
 }
 
-.md ul,
-.md ol {
+.d2-3324042626 .md ul,
+.d2-3324042626 .md ol {
   margin-top: 0;
   margin-bottom: 0;
   padding-left: 2em;
 }
 
-.md ol ol,
-.md ul ol {
+.d2-3324042626 .md ol ol,
+.d2-3324042626 .md ul ol {
   list-style-type: lower-roman;
 }
 
-.md ul ul ol,
-.md ul ol ol,
-.md ol ul ol,
-.md ol ol ol {
+.d2-3324042626 .md ul ul ol,
+.d2-3324042626 .md ul ol ol,
+.d2-3324042626 .md ol ul ol,
+.d2-3324042626 .md ol ol ol {
   list-style-type: lower-alpha;
 }
 
-.md dd {
+.d2-3324042626 .md dd {
   margin-left: 0;
 }
 
-.md pre {
+.d2-3324042626 .md pre {
   margin-top: 0;
   margin-bottom: 0;
   word-wrap: normal;
 }
 
-.md ::placeholder {
+.d2-3324042626 .md ::placeholder {
   color: var(--color-fg-subtle);
   opacity: 1;
 }
 
-.md input::-webkit-outer-spin-button,
-.md input::-webkit-inner-spin-button {
+.d2-3324042626 .md input::-webkit-outer-spin-button,
+.d2-3324042626 .md input::-webkit-inner-spin-button {
   margin: 0;
   -webkit-appearance: none;
   appearance: none;
 }
 
-.md::before {
+.d2-3324042626 .md::before {
   display: table;
   content: "";
 }
 
-.md::after {
+.d2-3324042626 .md::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md > *:first-child {
+.d2-3324042626 .md > *:first-child {
   margin-top: 0 !important;
 }
 
-.md > *:last-child {
+.d2-3324042626 .md > *:last-child {
   margin-bottom: 0 !important;
 }
 
-.md a:not([href]) {
+.d2-3324042626 .md a:not([href]) {
   color: inherit;
   text-decoration: none;
 }
 
-.md .absent {
+.d2-3324042626 .md .absent {
   color: var(--color-danger-fg);
 }
 
-.md .anchor {
+.d2-3324042626 .md .anchor {
   float: left;
   padding-right: 4px;
   margin-left: -20px;
   line-height: 1;
 }
 
-.md .anchor:focus {
+.d2-3324042626 .md .anchor:focus {
   outline: none;
 }
 
-.md p,
-.md blockquote,
-.md ul,
-.md ol,
-.md dl,
-.md table,
-.md pre,
-.md details {
+.d2-3324042626 .md p,
+.d2-3324042626 .md blockquote,
+.d2-3324042626 .md ul,
+.d2-3324042626 .md ol,
+.d2-3324042626 .md dl,
+.d2-3324042626 .md table,
+.d2-3324042626 .md pre,
+.d2-3324042626 .md details {
   margin-top: 0;
   margin-bottom: 16px;
 }
 
-.md blockquote > :first-child {
+.d2-3324042626 .md blockquote > :first-child {
   margin-top: 0;
 }
 
-.md blockquote > :last-child {
+.d2-3324042626 .md blockquote > :last-child {
   margin-bottom: 0;
 }
 
-.md sup > a::before {
+.d2-3324042626 .md sup > a::before {
   content: "[";
 }
 
-.md sup > a::after {
+.d2-3324042626 .md sup > a::after {
   content: "]";
 }
 
-.md h1:hover .anchor,
-.md h2:hover .anchor,
-.md h3:hover .anchor,
-.md h4:hover .anchor,
-.md h5:hover .anchor,
-.md h6:hover .anchor {
+.d2-3324042626 .md h1:hover .anchor,
+.d2-3324042626 .md h2:hover .anchor,
+.d2-3324042626 .md h3:hover .anchor,
+.d2-3324042626 .md h4:hover .anchor,
+.d2-3324042626 .md h5:hover .anchor,
+.d2-3324042626 .md h6:hover .anchor {
   text-decoration: none;
 }
 
-.md h1 tt,
-.md h1 code,
-.md h2 tt,
-.md h2 code,
-.md h3 tt,
-.md h3 code,
-.md h4 tt,
-.md h4 code,
-.md h5 tt,
-.md h5 code,
-.md h6 tt,
-.md h6 code {
+.d2-3324042626 .md h1 tt,
+.d2-3324042626 .md h1 code,
+.d2-3324042626 .md h2 tt,
+.d2-3324042626 .md h2 code,
+.d2-3324042626 .md h3 tt,
+.d2-3324042626 .md h3 code,
+.d2-3324042626 .md h4 tt,
+.d2-3324042626 .md h4 code,
+.d2-3324042626 .md h5 tt,
+.d2-3324042626 .md h5 code,
+.d2-3324042626 .md h6 tt,
+.d2-3324042626 .md h6 code {
   padding: 0 0.2em;
   font-size: inherit;
 }
 
-.md ul.no-list,
-.md ol.no-list {
+.d2-3324042626 .md ul.no-list,
+.d2-3324042626 .md ol.no-list {
   padding: 0;
   list-style-type: none;
 }
 
-.md ol[type="1"] {
+.d2-3324042626 .md ol[type="1"] {
   list-style-type: decimal;
 }
 
-.md ol[type="a"] {
+.d2-3324042626 .md ol[type="a"] {
   list-style-type: lower-alpha;
 }
 
-.md ol[type="i"] {
+.d2-3324042626 .md ol[type="i"] {
   list-style-type: lower-roman;
 }
 
-.md div > ol:not([type]) {
+.d2-3324042626 .md div > ol:not([type]) {
   list-style-type: decimal;
 }
 
-.md ul ul,
-.md ul ol,
-.md ol ol,
-.md ol ul {
+.d2-3324042626 .md ul ul,
+.d2-3324042626 .md ul ol,
+.d2-3324042626 .md ol ol,
+.d2-3324042626 .md ol ul {
   margin-top: 0;
   margin-bottom: 0;
 }
 
-.md li > p {
+.d2-3324042626 .md li > p {
   margin-top: 16px;
 }
 
-.md li + li {
+.d2-3324042626 .md li + li {
   margin-top: 0.25em;
 }
 
-.md dl {
+.d2-3324042626 .md dl {
   padding: 0;
 }
 
-.md dl dt {
+.d2-3324042626 .md dl dt {
   padding: 0;
   margin-top: 16px;
   font-size: 1em;
@@ -566,48 +566,48 @@
   font-weight: 600;
 }
 
-.md dl dd {
+.d2-3324042626 .md dl dd {
   padding: 0 16px;
   margin-bottom: 16px;
 }
 
-.md table th {
+.d2-3324042626 .md table th {
   font-weight: 600;
 }
 
-.md table th,
-.md table td {
+.d2-3324042626 .md table th,
+.d2-3324042626 .md table td {
   padding: 6px 13px;
   border: 1px solid var(--color-border-default);
 }
 
-.md table tr {
+.d2-3324042626 .md table tr {
   background-color: var(--color-canvas-default);
   border-top: 1px solid var(--color-border-muted);
 }
 
-.md table tr:nth-child(2n) {
+.d2-3324042626 .md table tr:nth-child(2n) {
   background-color: var(--color-canvas-subtle);
 }
 
-.md table img {
+.d2-3324042626 .md table img {
   background-color: transparent;
 }
 
-.md img[align="right"] {
+.d2-3324042626 .md img[align="right"] {
   padding-left: 20px;
 }
 
-.md img[align="left"] {
+.d2-3324042626 .md img[align="left"] {
   padding-right: 20px;
 }
 
-.md span.frame {
+.d2-3324042626 .md span.frame {
   display: block;
   overflow: hidden;
 }
 
-.md span.frame > span {
+.d2-3324042626 .md span.frame > span {
   display: block;
   float: left;
   width: auto;
@@ -617,81 +617,81 @@
   border: 1px solid var(--color-border-default);
 }
 
-.md span.frame span img {
+.d2-3324042626 .md span.frame span img {
   display: block;
   float: left;
 }
 
-.md span.frame span span {
+.d2-3324042626 .md span.frame span span {
   display: block;
   padding: 5px 0 0;
   clear: both;
   color: var(--color-fg-default);
 }
 
-.md span.align-center {
+.d2-3324042626 .md span.align-center {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-center > span {
+.d2-3324042626 .md span.align-center > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: center;
 }
 
-.md span.align-center span img {
+.d2-3324042626 .md span.align-center span img {
   margin: 0 auto;
   text-align: center;
 }
 
-.md span.align-right {
+.d2-3324042626 .md span.align-right {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-right > span {
+.d2-3324042626 .md span.align-right > span {
   display: block;
   margin: 13px 0 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md span.align-right span img {
+.d2-3324042626 .md span.align-right span img {
   margin: 0;
   text-align: right;
 }
 
-.md span.float-left {
+.d2-3324042626 .md span.float-left {
   display: block;
   float: left;
   margin-right: 13px;
   overflow: hidden;
 }
 
-.md span.float-left span {
+.d2-3324042626 .md span.float-left span {
   margin: 13px 0 0;
 }
 
-.md span.float-right {
+.d2-3324042626 .md span.float-right {
   display: block;
   float: right;
   margin-left: 13px;
   overflow: hidden;
 }
 
-.md span.float-right > span {
+.d2-3324042626 .md span.float-right > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md code,
-.md tt {
+.d2-3324042626 .md code,
+.d2-3324042626 .md tt {
   padding: 0.2em 0.4em;
   margin: 0;
   font-size: 85%;
@@ -699,20 +699,20 @@
   border-radius: 6px;
 }
 
-.md code br,
-.md tt br {
+.d2-3324042626 .md code br,
+.d2-3324042626 .md tt br {
   display: none;
 }
 
-.md del code {
+.d2-3324042626 .md del code {
   text-decoration: inherit;
 }
 
-.md pre code {
+.d2-3324042626 .md pre code {
   font-size: 100%;
 }
 
-.md pre > code {
+.d2-3324042626 .md pre > code {
   padding: 0;
   margin: 0;
   word-break: normal;
@@ -721,17 +721,17 @@
   border: 0;
 }
 
-.md .highlight {
+.d2-3324042626 .md .highlight {
   margin-bottom: 16px;
 }
 
-.md .highlight pre {
+.d2-3324042626 .md .highlight pre {
   margin-bottom: 0;
   word-break: normal;
 }
 
-.md .highlight pre,
-.md pre {
+.d2-3324042626 .md .highlight pre,
+.d2-3324042626 .md pre {
   padding: 16px;
   overflow: auto;
   font-size: 85%;
@@ -740,8 +740,8 @@
   border-radius: 6px;
 }
 
-.md pre code,
-.md pre tt {
+.d2-3324042626 .md pre code,
+.d2-3324042626 .md pre tt {
   display: inline;
   max-width: auto;
   padding: 0;
@@ -753,8 +753,8 @@
   border: 0;
 }
 
-.md .csv-data td,
-.md .csv-data th {
+.d2-3324042626 .md .csv-data td,
+.d2-3324042626 .md .csv-data th {
   padding: 5px;
   overflow: hidden;
   font-size: 12px;
@@ -763,38 +763,38 @@
   white-space: nowrap;
 }
 
-.md .csv-data .blob-num {
+.d2-3324042626 .md .csv-data .blob-num {
   padding: 10px 8px 9px;
   text-align: right;
   background: var(--color-canvas-default);
   border: 0;
 }
 
-.md .csv-data tr {
+.d2-3324042626 .md .csv-data tr {
   border-top: 0;
 }
 
-.md .csv-data th {
+.d2-3324042626 .md .csv-data th {
   font-weight: 600;
   background: var(--color-canvas-subtle);
   border-top: 0;
 }
 
-.md .footnotes {
+.d2-3324042626 .md .footnotes {
   font-size: 12px;
   color: var(--color-fg-muted);
   border-top: 1px solid var(--color-border-default);
 }
 
-.md .footnotes ol {
+.d2-3324042626 .md .footnotes ol {
   padding-left: 16px;
 }
 
-.md .footnotes li {
+.d2-3324042626 .md .footnotes li {
   position: relative;
 }
 
-.md .footnotes li:target::before {
+.d2-3324042626 .md .footnotes li:target::before {
   position: absolute;
   top: -8px;
   right: -8px;
@@ -806,36 +806,36 @@
   border-radius: 6px;
 }
 
-.md .footnotes li:target {
+.d2-3324042626 .md .footnotes li:target {
   color: var(--color-fg-default);
 }
 
-.md .task-list-item {
+.d2-3324042626 .md .task-list-item {
   list-style-type: none;
 }
 
-.md .task-list-item label {
+.d2-3324042626 .md .task-list-item label {
   font-weight: 400;
 }
 
-.md .task-list-item.enabled label {
+.d2-3324042626 .md .task-list-item.enabled label {
   cursor: pointer;
 }
 
-.md .task-list-item + .task-list-item {
+.d2-3324042626 .md .task-list-item + .task-list-item {
   margin-top: 3px;
 }
 
-.md .task-list-item .handle {
+.d2-3324042626 .md .task-list-item .handle {
   display: none;
 }
 
-.md .task-list-item-checkbox {
+.d2-3324042626 .md .task-list-item-checkbox {
   margin: 0 0.2em 0.25em -1.6em;
   vertical-align: middle;
 }
 
-.md .contains-task-list:dir(rtl) .task-list-item-checkbox {
+.d2-3324042626 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
 </style><g id="md"><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>
diff --git a/e2etests/testdata/regression/opacity-on-label/dagre/sketch.exp.svg b/e2etests/testdata/regression/opacity-on-label/dagre/sketch.exp.svg
index 0bafd6204..50e2f54d8 100644
--- a/e2etests/testdata/regression/opacity-on-label/dagre/sketch.exp.svg
+++ b/e2etests/testdata/regression/opacity-on-label/dagre/sketch.exp.svg
@@ -103,31 +103,31 @@
 		.d2-4088383144 .color-AA4{color:#EDF0FD;}
 		.d2-4088383144 .color-AA5{color:#F7F8FE;}
 		.d2-4088383144 .color-AB4{color:#EDF0FD;}
-		.d2-4088383144 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.md em,
-.md dfn {
+		.d2-4088383144 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.d2-4088383144 .md em,
+.d2-4088383144 .md dfn {
   font-family: "d2-4088383144-font-italic";
 }
 
-.md b,
-.md strong {
+.d2-4088383144 .md b,
+.d2-4088383144 .md strong {
   font-family: "d2-4088383144-font-bold";
 }
 
-.md code,
-.md kbd,
-.md pre,
-.md samp {
+.d2-4088383144 .md code,
+.d2-4088383144 .md kbd,
+.d2-4088383144 .md pre,
+.d2-4088383144 .md samp {
   font-family: "d2-4088383144-font-mono";
   font-size: 1em;
 }
 
-.md {
+.d2-4088383144 .md {
   tab-size: 4;
 }
 
 /* variables are provided in d2renderers/d2svg/d2svg.go */
 
-.md {
+.d2-4088383144 .md {
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
   margin: 0;
@@ -139,41 +139,41 @@
   word-wrap: break-word;
 }
 
-.md details,
-.md figcaption,
-.md figure {
+.d2-4088383144 .md details,
+.d2-4088383144 .md figcaption,
+.d2-4088383144 .md figure {
   display: block;
 }
 
-.md summary {
+.d2-4088383144 .md summary {
   display: list-item;
 }
 
-.md [hidden] {
+.d2-4088383144 .md [hidden] {
   display: none !important;
 }
 
-.md a {
+.d2-4088383144 .md a {
   background-color: transparent;
   color: var(--color-accent-fg);
   text-decoration: none;
 }
 
-.md a:active,
-.md a:hover {
+.d2-4088383144 .md a:active,
+.d2-4088383144 .md a:hover {
   outline-width: 0;
 }
 
-.md abbr[title] {
+.d2-4088383144 .md abbr[title] {
   border-bottom: none;
   text-decoration: underline dotted;
 }
 
-.md dfn {
+.d2-4088383144 .md dfn {
   font-style: italic;
 }
 
-.md h1 {
+.d2-4088383144 .md h1 {
   margin: 0.67em 0;
   font-weight: 600;
   padding-bottom: 0.3em;
@@ -181,43 +181,43 @@
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md mark {
+.d2-4088383144 .md mark {
   background-color: var(--color-attention-subtle);
   color: var(--color-text-primary);
 }
 
-.md small {
+.d2-4088383144 .md small {
   font-size: 90%;
 }
 
-.md sub,
-.md sup {
+.d2-4088383144 .md sub,
+.d2-4088383144 .md sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
 }
 
-.md sub {
+.d2-4088383144 .md sub {
   bottom: -0.25em;
 }
 
-.md sup {
+.d2-4088383144 .md sup {
   top: -0.5em;
 }
 
-.md img {
+.d2-4088383144 .md img {
   border-style: none;
   max-width: 100%;
   box-sizing: content-box;
   background-color: var(--color-canvas-default);
 }
 
-.md figure {
+.d2-4088383144 .md figure {
   margin: 1em 40px;
 }
 
-.md hr {
+.d2-4088383144 .md hr {
   box-sizing: content-box;
   overflow: hidden;
   background: transparent;
@@ -229,7 +229,7 @@
   border: 0;
 }
 
-.md input {
+.d2-4088383144 .md input {
   font: inherit;
   margin: 0;
   overflow: visible;
@@ -238,72 +238,72 @@
   line-height: inherit;
 }
 
-.md [type="button"],
-.md [type="reset"],
-.md [type="submit"] {
+.d2-4088383144 .md [type="button"],
+.d2-4088383144 .md [type="reset"],
+.d2-4088383144 .md [type="submit"] {
   -webkit-appearance: button;
 }
 
-.md [type="button"]::-moz-focus-inner,
-.md [type="reset"]::-moz-focus-inner,
-.md [type="submit"]::-moz-focus-inner {
+.d2-4088383144 .md [type="button"]::-moz-focus-inner,
+.d2-4088383144 .md [type="reset"]::-moz-focus-inner,
+.d2-4088383144 .md [type="submit"]::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.md [type="button"]:-moz-focusring,
-.md [type="reset"]:-moz-focusring,
-.md [type="submit"]:-moz-focusring {
+.d2-4088383144 .md [type="button"]:-moz-focusring,
+.d2-4088383144 .md [type="reset"]:-moz-focusring,
+.d2-4088383144 .md [type="submit"]:-moz-focusring {
   outline: 1px dotted ButtonText;
 }
 
-.md [type="checkbox"],
-.md [type="radio"] {
+.d2-4088383144 .md [type="checkbox"],
+.d2-4088383144 .md [type="radio"] {
   box-sizing: border-box;
   padding: 0;
 }
 
-.md [type="number"]::-webkit-inner-spin-button,
-.md [type="number"]::-webkit-outer-spin-button {
+.d2-4088383144 .md [type="number"]::-webkit-inner-spin-button,
+.d2-4088383144 .md [type="number"]::-webkit-outer-spin-button {
   height: auto;
 }
 
-.md [type="search"] {
+.d2-4088383144 .md [type="search"] {
   -webkit-appearance: textfield;
   outline-offset: -2px;
 }
 
-.md [type="search"]::-webkit-search-cancel-button,
-.md [type="search"]::-webkit-search-decoration {
+.d2-4088383144 .md [type="search"]::-webkit-search-cancel-button,
+.d2-4088383144 .md [type="search"]::-webkit-search-decoration {
   -webkit-appearance: none;
 }
 
-.md ::-webkit-input-placeholder {
+.d2-4088383144 .md ::-webkit-input-placeholder {
   color: inherit;
   opacity: 0.54;
 }
 
-.md ::-webkit-file-upload-button {
+.d2-4088383144 .md ::-webkit-file-upload-button {
   -webkit-appearance: button;
   font: inherit;
 }
 
-.md a:hover {
+.d2-4088383144 .md a:hover {
   text-decoration: underline;
 }
 
-.md hr::before {
+.d2-4088383144 .md hr::before {
   display: table;
   content: "";
 }
 
-.md hr::after {
+.d2-4088383144 .md hr::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md table {
+.d2-4088383144 .md table {
   border-spacing: 0;
   border-collapse: collapse;
   display: block;
@@ -312,20 +312,20 @@
   overflow: auto;
 }
 
-.md td,
-.md th {
+.d2-4088383144 .md td,
+.d2-4088383144 .md th {
   padding: 0;
 }
 
-.md details summary {
+.d2-4088383144 .md details summary {
   cursor: pointer;
 }
 
-.md details:not([open]) > *:not(summary) {
+.d2-4088383144 .md details:not([open]) > *:not(summary) {
   display: none !important;
 }
 
-.md kbd {
+.d2-4088383144 .md kbd {
   display: inline-block;
   padding: 3px 5px;
   color: var(--color-fg-default);
@@ -337,12 +337,12 @@
   box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
 }
 
-.md h1,
-.md h2,
-.md h3,
-.md h4,
-.md h5,
-.md h6 {
+.d2-4088383144 .md h1,
+.d2-4088383144 .md h2,
+.d2-4088383144 .md h3,
+.d2-4088383144 .md h4,
+.d2-4088383144 .md h5,
+.d2-4088383144 .md h6 {
   margin-top: 24px;
   margin-bottom: 16px;
   font-weight: 600;
@@ -350,222 +350,222 @@
   font-family: "d2-4088383144-font-regular";
 }
 
-.md h2 {
+.d2-4088383144 .md h2 {
   font-weight: 600;
   padding-bottom: 0.3em;
   font-size: 1.5em;
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md h3 {
+.d2-4088383144 .md h3 {
   font-weight: 600;
   font-size: 1.25em;
 }
 
-.md h4 {
+.d2-4088383144 .md h4 {
   font-weight: 600;
   font-size: 1em;
 }
 
-.md h5 {
+.d2-4088383144 .md h5 {
   font-weight: 600;
   font-size: 0.875em;
 }
 
-.md h6 {
+.d2-4088383144 .md h6 {
   font-weight: 600;
   font-size: 0.85em;
   color: var(--color-fg-muted);
 }
 
-.md p {
+.d2-4088383144 .md p {
   margin-top: 0;
   margin-bottom: 10px;
 }
 
-.md blockquote {
+.d2-4088383144 .md blockquote {
   margin: 0;
   padding: 0 1em;
   color: var(--color-fg-muted);
   border-left: 0.25em solid var(--color-border-default);
 }
 
-.md ul,
-.md ol {
+.d2-4088383144 .md ul,
+.d2-4088383144 .md ol {
   margin-top: 0;
   margin-bottom: 0;
   padding-left: 2em;
 }
 
-.md ol ol,
-.md ul ol {
+.d2-4088383144 .md ol ol,
+.d2-4088383144 .md ul ol {
   list-style-type: lower-roman;
 }
 
-.md ul ul ol,
-.md ul ol ol,
-.md ol ul ol,
-.md ol ol ol {
+.d2-4088383144 .md ul ul ol,
+.d2-4088383144 .md ul ol ol,
+.d2-4088383144 .md ol ul ol,
+.d2-4088383144 .md ol ol ol {
   list-style-type: lower-alpha;
 }
 
-.md dd {
+.d2-4088383144 .md dd {
   margin-left: 0;
 }
 
-.md pre {
+.d2-4088383144 .md pre {
   margin-top: 0;
   margin-bottom: 0;
   word-wrap: normal;
 }
 
-.md ::placeholder {
+.d2-4088383144 .md ::placeholder {
   color: var(--color-fg-subtle);
   opacity: 1;
 }
 
-.md input::-webkit-outer-spin-button,
-.md input::-webkit-inner-spin-button {
+.d2-4088383144 .md input::-webkit-outer-spin-button,
+.d2-4088383144 .md input::-webkit-inner-spin-button {
   margin: 0;
   -webkit-appearance: none;
   appearance: none;
 }
 
-.md::before {
+.d2-4088383144 .md::before {
   display: table;
   content: "";
 }
 
-.md::after {
+.d2-4088383144 .md::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md > *:first-child {
+.d2-4088383144 .md > *:first-child {
   margin-top: 0 !important;
 }
 
-.md > *:last-child {
+.d2-4088383144 .md > *:last-child {
   margin-bottom: 0 !important;
 }
 
-.md a:not([href]) {
+.d2-4088383144 .md a:not([href]) {
   color: inherit;
   text-decoration: none;
 }
 
-.md .absent {
+.d2-4088383144 .md .absent {
   color: var(--color-danger-fg);
 }
 
-.md .anchor {
+.d2-4088383144 .md .anchor {
   float: left;
   padding-right: 4px;
   margin-left: -20px;
   line-height: 1;
 }
 
-.md .anchor:focus {
+.d2-4088383144 .md .anchor:focus {
   outline: none;
 }
 
-.md p,
-.md blockquote,
-.md ul,
-.md ol,
-.md dl,
-.md table,
-.md pre,
-.md details {
+.d2-4088383144 .md p,
+.d2-4088383144 .md blockquote,
+.d2-4088383144 .md ul,
+.d2-4088383144 .md ol,
+.d2-4088383144 .md dl,
+.d2-4088383144 .md table,
+.d2-4088383144 .md pre,
+.d2-4088383144 .md details {
   margin-top: 0;
   margin-bottom: 16px;
 }
 
-.md blockquote > :first-child {
+.d2-4088383144 .md blockquote > :first-child {
   margin-top: 0;
 }
 
-.md blockquote > :last-child {
+.d2-4088383144 .md blockquote > :last-child {
   margin-bottom: 0;
 }
 
-.md sup > a::before {
+.d2-4088383144 .md sup > a::before {
   content: "[";
 }
 
-.md sup > a::after {
+.d2-4088383144 .md sup > a::after {
   content: "]";
 }
 
-.md h1:hover .anchor,
-.md h2:hover .anchor,
-.md h3:hover .anchor,
-.md h4:hover .anchor,
-.md h5:hover .anchor,
-.md h6:hover .anchor {
+.d2-4088383144 .md h1:hover .anchor,
+.d2-4088383144 .md h2:hover .anchor,
+.d2-4088383144 .md h3:hover .anchor,
+.d2-4088383144 .md h4:hover .anchor,
+.d2-4088383144 .md h5:hover .anchor,
+.d2-4088383144 .md h6:hover .anchor {
   text-decoration: none;
 }
 
-.md h1 tt,
-.md h1 code,
-.md h2 tt,
-.md h2 code,
-.md h3 tt,
-.md h3 code,
-.md h4 tt,
-.md h4 code,
-.md h5 tt,
-.md h5 code,
-.md h6 tt,
-.md h6 code {
+.d2-4088383144 .md h1 tt,
+.d2-4088383144 .md h1 code,
+.d2-4088383144 .md h2 tt,
+.d2-4088383144 .md h2 code,
+.d2-4088383144 .md h3 tt,
+.d2-4088383144 .md h3 code,
+.d2-4088383144 .md h4 tt,
+.d2-4088383144 .md h4 code,
+.d2-4088383144 .md h5 tt,
+.d2-4088383144 .md h5 code,
+.d2-4088383144 .md h6 tt,
+.d2-4088383144 .md h6 code {
   padding: 0 0.2em;
   font-size: inherit;
 }
 
-.md ul.no-list,
-.md ol.no-list {
+.d2-4088383144 .md ul.no-list,
+.d2-4088383144 .md ol.no-list {
   padding: 0;
   list-style-type: none;
 }
 
-.md ol[type="1"] {
+.d2-4088383144 .md ol[type="1"] {
   list-style-type: decimal;
 }
 
-.md ol[type="a"] {
+.d2-4088383144 .md ol[type="a"] {
   list-style-type: lower-alpha;
 }
 
-.md ol[type="i"] {
+.d2-4088383144 .md ol[type="i"] {
   list-style-type: lower-roman;
 }
 
-.md div > ol:not([type]) {
+.d2-4088383144 .md div > ol:not([type]) {
   list-style-type: decimal;
 }
 
-.md ul ul,
-.md ul ol,
-.md ol ol,
-.md ol ul {
+.d2-4088383144 .md ul ul,
+.d2-4088383144 .md ul ol,
+.d2-4088383144 .md ol ol,
+.d2-4088383144 .md ol ul {
   margin-top: 0;
   margin-bottom: 0;
 }
 
-.md li > p {
+.d2-4088383144 .md li > p {
   margin-top: 16px;
 }
 
-.md li + li {
+.d2-4088383144 .md li + li {
   margin-top: 0.25em;
 }
 
-.md dl {
+.d2-4088383144 .md dl {
   padding: 0;
 }
 
-.md dl dt {
+.d2-4088383144 .md dl dt {
   padding: 0;
   margin-top: 16px;
   font-size: 1em;
@@ -573,48 +573,48 @@
   font-weight: 600;
 }
 
-.md dl dd {
+.d2-4088383144 .md dl dd {
   padding: 0 16px;
   margin-bottom: 16px;
 }
 
-.md table th {
+.d2-4088383144 .md table th {
   font-weight: 600;
 }
 
-.md table th,
-.md table td {
+.d2-4088383144 .md table th,
+.d2-4088383144 .md table td {
   padding: 6px 13px;
   border: 1px solid var(--color-border-default);
 }
 
-.md table tr {
+.d2-4088383144 .md table tr {
   background-color: var(--color-canvas-default);
   border-top: 1px solid var(--color-border-muted);
 }
 
-.md table tr:nth-child(2n) {
+.d2-4088383144 .md table tr:nth-child(2n) {
   background-color: var(--color-canvas-subtle);
 }
 
-.md table img {
+.d2-4088383144 .md table img {
   background-color: transparent;
 }
 
-.md img[align="right"] {
+.d2-4088383144 .md img[align="right"] {
   padding-left: 20px;
 }
 
-.md img[align="left"] {
+.d2-4088383144 .md img[align="left"] {
   padding-right: 20px;
 }
 
-.md span.frame {
+.d2-4088383144 .md span.frame {
   display: block;
   overflow: hidden;
 }
 
-.md span.frame > span {
+.d2-4088383144 .md span.frame > span {
   display: block;
   float: left;
   width: auto;
@@ -624,81 +624,81 @@
   border: 1px solid var(--color-border-default);
 }
 
-.md span.frame span img {
+.d2-4088383144 .md span.frame span img {
   display: block;
   float: left;
 }
 
-.md span.frame span span {
+.d2-4088383144 .md span.frame span span {
   display: block;
   padding: 5px 0 0;
   clear: both;
   color: var(--color-fg-default);
 }
 
-.md span.align-center {
+.d2-4088383144 .md span.align-center {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-center > span {
+.d2-4088383144 .md span.align-center > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: center;
 }
 
-.md span.align-center span img {
+.d2-4088383144 .md span.align-center span img {
   margin: 0 auto;
   text-align: center;
 }
 
-.md span.align-right {
+.d2-4088383144 .md span.align-right {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-right > span {
+.d2-4088383144 .md span.align-right > span {
   display: block;
   margin: 13px 0 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md span.align-right span img {
+.d2-4088383144 .md span.align-right span img {
   margin: 0;
   text-align: right;
 }
 
-.md span.float-left {
+.d2-4088383144 .md span.float-left {
   display: block;
   float: left;
   margin-right: 13px;
   overflow: hidden;
 }
 
-.md span.float-left span {
+.d2-4088383144 .md span.float-left span {
   margin: 13px 0 0;
 }
 
-.md span.float-right {
+.d2-4088383144 .md span.float-right {
   display: block;
   float: right;
   margin-left: 13px;
   overflow: hidden;
 }
 
-.md span.float-right > span {
+.d2-4088383144 .md span.float-right > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md code,
-.md tt {
+.d2-4088383144 .md code,
+.d2-4088383144 .md tt {
   padding: 0.2em 0.4em;
   margin: 0;
   font-size: 85%;
@@ -706,20 +706,20 @@
   border-radius: 6px;
 }
 
-.md code br,
-.md tt br {
+.d2-4088383144 .md code br,
+.d2-4088383144 .md tt br {
   display: none;
 }
 
-.md del code {
+.d2-4088383144 .md del code {
   text-decoration: inherit;
 }
 
-.md pre code {
+.d2-4088383144 .md pre code {
   font-size: 100%;
 }
 
-.md pre > code {
+.d2-4088383144 .md pre > code {
   padding: 0;
   margin: 0;
   word-break: normal;
@@ -728,17 +728,17 @@
   border: 0;
 }
 
-.md .highlight {
+.d2-4088383144 .md .highlight {
   margin-bottom: 16px;
 }
 
-.md .highlight pre {
+.d2-4088383144 .md .highlight pre {
   margin-bottom: 0;
   word-break: normal;
 }
 
-.md .highlight pre,
-.md pre {
+.d2-4088383144 .md .highlight pre,
+.d2-4088383144 .md pre {
   padding: 16px;
   overflow: auto;
   font-size: 85%;
@@ -747,8 +747,8 @@
   border-radius: 6px;
 }
 
-.md pre code,
-.md pre tt {
+.d2-4088383144 .md pre code,
+.d2-4088383144 .md pre tt {
   display: inline;
   max-width: auto;
   padding: 0;
@@ -760,8 +760,8 @@
   border: 0;
 }
 
-.md .csv-data td,
-.md .csv-data th {
+.d2-4088383144 .md .csv-data td,
+.d2-4088383144 .md .csv-data th {
   padding: 5px;
   overflow: hidden;
   font-size: 12px;
@@ -770,38 +770,38 @@
   white-space: nowrap;
 }
 
-.md .csv-data .blob-num {
+.d2-4088383144 .md .csv-data .blob-num {
   padding: 10px 8px 9px;
   text-align: right;
   background: var(--color-canvas-default);
   border: 0;
 }
 
-.md .csv-data tr {
+.d2-4088383144 .md .csv-data tr {
   border-top: 0;
 }
 
-.md .csv-data th {
+.d2-4088383144 .md .csv-data th {
   font-weight: 600;
   background: var(--color-canvas-subtle);
   border-top: 0;
 }
 
-.md .footnotes {
+.d2-4088383144 .md .footnotes {
   font-size: 12px;
   color: var(--color-fg-muted);
   border-top: 1px solid var(--color-border-default);
 }
 
-.md .footnotes ol {
+.d2-4088383144 .md .footnotes ol {
   padding-left: 16px;
 }
 
-.md .footnotes li {
+.d2-4088383144 .md .footnotes li {
   position: relative;
 }
 
-.md .footnotes li:target::before {
+.d2-4088383144 .md .footnotes li:target::before {
   position: absolute;
   top: -8px;
   right: -8px;
@@ -813,36 +813,36 @@
   border-radius: 6px;
 }
 
-.md .footnotes li:target {
+.d2-4088383144 .md .footnotes li:target {
   color: var(--color-fg-default);
 }
 
-.md .task-list-item {
+.d2-4088383144 .md .task-list-item {
   list-style-type: none;
 }
 
-.md .task-list-item label {
+.d2-4088383144 .md .task-list-item label {
   font-weight: 400;
 }
 
-.md .task-list-item.enabled label {
+.d2-4088383144 .md .task-list-item.enabled label {
   cursor: pointer;
 }
 
-.md .task-list-item + .task-list-item {
+.d2-4088383144 .md .task-list-item + .task-list-item {
   margin-top: 3px;
 }
 
-.md .task-list-item .handle {
+.d2-4088383144 .md .task-list-item .handle {
   display: none;
 }
 
-.md .task-list-item-checkbox {
+.d2-4088383144 .md .task-list-item-checkbox {
   margin: 0 0.2em 0.25em -1.6em;
   vertical-align: middle;
 }
 
-.md .contains-task-list:dir(rtl) .task-list-item-checkbox {
+.d2-4088383144 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
 </style><g id="x" style='opacity:0.400000'><g class="shape" ><rect x="135.000000" y="0.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="161.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g id="y" 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>
diff --git a/e2etests/testdata/regression/opacity-on-label/elk/sketch.exp.svg b/e2etests/testdata/regression/opacity-on-label/elk/sketch.exp.svg
index 5fa40e200..cd68b7a0e 100644
--- a/e2etests/testdata/regression/opacity-on-label/elk/sketch.exp.svg
+++ b/e2etests/testdata/regression/opacity-on-label/elk/sketch.exp.svg
@@ -103,31 +103,31 @@
 		.d2-3467856797 .color-AA4{color:#EDF0FD;}
 		.d2-3467856797 .color-AA5{color:#F7F8FE;}
 		.d2-3467856797 .color-AB4{color:#EDF0FD;}
-		.d2-3467856797 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.md em,
-.md dfn {
+		.d2-3467856797 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.d2-3467856797 .md em,
+.d2-3467856797 .md dfn {
   font-family: "d2-3467856797-font-italic";
 }
 
-.md b,
-.md strong {
+.d2-3467856797 .md b,
+.d2-3467856797 .md strong {
   font-family: "d2-3467856797-font-bold";
 }
 
-.md code,
-.md kbd,
-.md pre,
-.md samp {
+.d2-3467856797 .md code,
+.d2-3467856797 .md kbd,
+.d2-3467856797 .md pre,
+.d2-3467856797 .md samp {
   font-family: "d2-3467856797-font-mono";
   font-size: 1em;
 }
 
-.md {
+.d2-3467856797 .md {
   tab-size: 4;
 }
 
 /* variables are provided in d2renderers/d2svg/d2svg.go */
 
-.md {
+.d2-3467856797 .md {
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
   margin: 0;
@@ -139,41 +139,41 @@
   word-wrap: break-word;
 }
 
-.md details,
-.md figcaption,
-.md figure {
+.d2-3467856797 .md details,
+.d2-3467856797 .md figcaption,
+.d2-3467856797 .md figure {
   display: block;
 }
 
-.md summary {
+.d2-3467856797 .md summary {
   display: list-item;
 }
 
-.md [hidden] {
+.d2-3467856797 .md [hidden] {
   display: none !important;
 }
 
-.md a {
+.d2-3467856797 .md a {
   background-color: transparent;
   color: var(--color-accent-fg);
   text-decoration: none;
 }
 
-.md a:active,
-.md a:hover {
+.d2-3467856797 .md a:active,
+.d2-3467856797 .md a:hover {
   outline-width: 0;
 }
 
-.md abbr[title] {
+.d2-3467856797 .md abbr[title] {
   border-bottom: none;
   text-decoration: underline dotted;
 }
 
-.md dfn {
+.d2-3467856797 .md dfn {
   font-style: italic;
 }
 
-.md h1 {
+.d2-3467856797 .md h1 {
   margin: 0.67em 0;
   font-weight: 600;
   padding-bottom: 0.3em;
@@ -181,43 +181,43 @@
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md mark {
+.d2-3467856797 .md mark {
   background-color: var(--color-attention-subtle);
   color: var(--color-text-primary);
 }
 
-.md small {
+.d2-3467856797 .md small {
   font-size: 90%;
 }
 
-.md sub,
-.md sup {
+.d2-3467856797 .md sub,
+.d2-3467856797 .md sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
 }
 
-.md sub {
+.d2-3467856797 .md sub {
   bottom: -0.25em;
 }
 
-.md sup {
+.d2-3467856797 .md sup {
   top: -0.5em;
 }
 
-.md img {
+.d2-3467856797 .md img {
   border-style: none;
   max-width: 100%;
   box-sizing: content-box;
   background-color: var(--color-canvas-default);
 }
 
-.md figure {
+.d2-3467856797 .md figure {
   margin: 1em 40px;
 }
 
-.md hr {
+.d2-3467856797 .md hr {
   box-sizing: content-box;
   overflow: hidden;
   background: transparent;
@@ -229,7 +229,7 @@
   border: 0;
 }
 
-.md input {
+.d2-3467856797 .md input {
   font: inherit;
   margin: 0;
   overflow: visible;
@@ -238,72 +238,72 @@
   line-height: inherit;
 }
 
-.md [type="button"],
-.md [type="reset"],
-.md [type="submit"] {
+.d2-3467856797 .md [type="button"],
+.d2-3467856797 .md [type="reset"],
+.d2-3467856797 .md [type="submit"] {
   -webkit-appearance: button;
 }
 
-.md [type="button"]::-moz-focus-inner,
-.md [type="reset"]::-moz-focus-inner,
-.md [type="submit"]::-moz-focus-inner {
+.d2-3467856797 .md [type="button"]::-moz-focus-inner,
+.d2-3467856797 .md [type="reset"]::-moz-focus-inner,
+.d2-3467856797 .md [type="submit"]::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.md [type="button"]:-moz-focusring,
-.md [type="reset"]:-moz-focusring,
-.md [type="submit"]:-moz-focusring {
+.d2-3467856797 .md [type="button"]:-moz-focusring,
+.d2-3467856797 .md [type="reset"]:-moz-focusring,
+.d2-3467856797 .md [type="submit"]:-moz-focusring {
   outline: 1px dotted ButtonText;
 }
 
-.md [type="checkbox"],
-.md [type="radio"] {
+.d2-3467856797 .md [type="checkbox"],
+.d2-3467856797 .md [type="radio"] {
   box-sizing: border-box;
   padding: 0;
 }
 
-.md [type="number"]::-webkit-inner-spin-button,
-.md [type="number"]::-webkit-outer-spin-button {
+.d2-3467856797 .md [type="number"]::-webkit-inner-spin-button,
+.d2-3467856797 .md [type="number"]::-webkit-outer-spin-button {
   height: auto;
 }
 
-.md [type="search"] {
+.d2-3467856797 .md [type="search"] {
   -webkit-appearance: textfield;
   outline-offset: -2px;
 }
 
-.md [type="search"]::-webkit-search-cancel-button,
-.md [type="search"]::-webkit-search-decoration {
+.d2-3467856797 .md [type="search"]::-webkit-search-cancel-button,
+.d2-3467856797 .md [type="search"]::-webkit-search-decoration {
   -webkit-appearance: none;
 }
 
-.md ::-webkit-input-placeholder {
+.d2-3467856797 .md ::-webkit-input-placeholder {
   color: inherit;
   opacity: 0.54;
 }
 
-.md ::-webkit-file-upload-button {
+.d2-3467856797 .md ::-webkit-file-upload-button {
   -webkit-appearance: button;
   font: inherit;
 }
 
-.md a:hover {
+.d2-3467856797 .md a:hover {
   text-decoration: underline;
 }
 
-.md hr::before {
+.d2-3467856797 .md hr::before {
   display: table;
   content: "";
 }
 
-.md hr::after {
+.d2-3467856797 .md hr::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md table {
+.d2-3467856797 .md table {
   border-spacing: 0;
   border-collapse: collapse;
   display: block;
@@ -312,20 +312,20 @@
   overflow: auto;
 }
 
-.md td,
-.md th {
+.d2-3467856797 .md td,
+.d2-3467856797 .md th {
   padding: 0;
 }
 
-.md details summary {
+.d2-3467856797 .md details summary {
   cursor: pointer;
 }
 
-.md details:not([open]) > *:not(summary) {
+.d2-3467856797 .md details:not([open]) > *:not(summary) {
   display: none !important;
 }
 
-.md kbd {
+.d2-3467856797 .md kbd {
   display: inline-block;
   padding: 3px 5px;
   color: var(--color-fg-default);
@@ -337,12 +337,12 @@
   box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
 }
 
-.md h1,
-.md h2,
-.md h3,
-.md h4,
-.md h5,
-.md h6 {
+.d2-3467856797 .md h1,
+.d2-3467856797 .md h2,
+.d2-3467856797 .md h3,
+.d2-3467856797 .md h4,
+.d2-3467856797 .md h5,
+.d2-3467856797 .md h6 {
   margin-top: 24px;
   margin-bottom: 16px;
   font-weight: 600;
@@ -350,222 +350,222 @@
   font-family: "d2-3467856797-font-regular";
 }
 
-.md h2 {
+.d2-3467856797 .md h2 {
   font-weight: 600;
   padding-bottom: 0.3em;
   font-size: 1.5em;
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md h3 {
+.d2-3467856797 .md h3 {
   font-weight: 600;
   font-size: 1.25em;
 }
 
-.md h4 {
+.d2-3467856797 .md h4 {
   font-weight: 600;
   font-size: 1em;
 }
 
-.md h5 {
+.d2-3467856797 .md h5 {
   font-weight: 600;
   font-size: 0.875em;
 }
 
-.md h6 {
+.d2-3467856797 .md h6 {
   font-weight: 600;
   font-size: 0.85em;
   color: var(--color-fg-muted);
 }
 
-.md p {
+.d2-3467856797 .md p {
   margin-top: 0;
   margin-bottom: 10px;
 }
 
-.md blockquote {
+.d2-3467856797 .md blockquote {
   margin: 0;
   padding: 0 1em;
   color: var(--color-fg-muted);
   border-left: 0.25em solid var(--color-border-default);
 }
 
-.md ul,
-.md ol {
+.d2-3467856797 .md ul,
+.d2-3467856797 .md ol {
   margin-top: 0;
   margin-bottom: 0;
   padding-left: 2em;
 }
 
-.md ol ol,
-.md ul ol {
+.d2-3467856797 .md ol ol,
+.d2-3467856797 .md ul ol {
   list-style-type: lower-roman;
 }
 
-.md ul ul ol,
-.md ul ol ol,
-.md ol ul ol,
-.md ol ol ol {
+.d2-3467856797 .md ul ul ol,
+.d2-3467856797 .md ul ol ol,
+.d2-3467856797 .md ol ul ol,
+.d2-3467856797 .md ol ol ol {
   list-style-type: lower-alpha;
 }
 
-.md dd {
+.d2-3467856797 .md dd {
   margin-left: 0;
 }
 
-.md pre {
+.d2-3467856797 .md pre {
   margin-top: 0;
   margin-bottom: 0;
   word-wrap: normal;
 }
 
-.md ::placeholder {
+.d2-3467856797 .md ::placeholder {
   color: var(--color-fg-subtle);
   opacity: 1;
 }
 
-.md input::-webkit-outer-spin-button,
-.md input::-webkit-inner-spin-button {
+.d2-3467856797 .md input::-webkit-outer-spin-button,
+.d2-3467856797 .md input::-webkit-inner-spin-button {
   margin: 0;
   -webkit-appearance: none;
   appearance: none;
 }
 
-.md::before {
+.d2-3467856797 .md::before {
   display: table;
   content: "";
 }
 
-.md::after {
+.d2-3467856797 .md::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md > *:first-child {
+.d2-3467856797 .md > *:first-child {
   margin-top: 0 !important;
 }
 
-.md > *:last-child {
+.d2-3467856797 .md > *:last-child {
   margin-bottom: 0 !important;
 }
 
-.md a:not([href]) {
+.d2-3467856797 .md a:not([href]) {
   color: inherit;
   text-decoration: none;
 }
 
-.md .absent {
+.d2-3467856797 .md .absent {
   color: var(--color-danger-fg);
 }
 
-.md .anchor {
+.d2-3467856797 .md .anchor {
   float: left;
   padding-right: 4px;
   margin-left: -20px;
   line-height: 1;
 }
 
-.md .anchor:focus {
+.d2-3467856797 .md .anchor:focus {
   outline: none;
 }
 
-.md p,
-.md blockquote,
-.md ul,
-.md ol,
-.md dl,
-.md table,
-.md pre,
-.md details {
+.d2-3467856797 .md p,
+.d2-3467856797 .md blockquote,
+.d2-3467856797 .md ul,
+.d2-3467856797 .md ol,
+.d2-3467856797 .md dl,
+.d2-3467856797 .md table,
+.d2-3467856797 .md pre,
+.d2-3467856797 .md details {
   margin-top: 0;
   margin-bottom: 16px;
 }
 
-.md blockquote > :first-child {
+.d2-3467856797 .md blockquote > :first-child {
   margin-top: 0;
 }
 
-.md blockquote > :last-child {
+.d2-3467856797 .md blockquote > :last-child {
   margin-bottom: 0;
 }
 
-.md sup > a::before {
+.d2-3467856797 .md sup > a::before {
   content: "[";
 }
 
-.md sup > a::after {
+.d2-3467856797 .md sup > a::after {
   content: "]";
 }
 
-.md h1:hover .anchor,
-.md h2:hover .anchor,
-.md h3:hover .anchor,
-.md h4:hover .anchor,
-.md h5:hover .anchor,
-.md h6:hover .anchor {
+.d2-3467856797 .md h1:hover .anchor,
+.d2-3467856797 .md h2:hover .anchor,
+.d2-3467856797 .md h3:hover .anchor,
+.d2-3467856797 .md h4:hover .anchor,
+.d2-3467856797 .md h5:hover .anchor,
+.d2-3467856797 .md h6:hover .anchor {
   text-decoration: none;
 }
 
-.md h1 tt,
-.md h1 code,
-.md h2 tt,
-.md h2 code,
-.md h3 tt,
-.md h3 code,
-.md h4 tt,
-.md h4 code,
-.md h5 tt,
-.md h5 code,
-.md h6 tt,
-.md h6 code {
+.d2-3467856797 .md h1 tt,
+.d2-3467856797 .md h1 code,
+.d2-3467856797 .md h2 tt,
+.d2-3467856797 .md h2 code,
+.d2-3467856797 .md h3 tt,
+.d2-3467856797 .md h3 code,
+.d2-3467856797 .md h4 tt,
+.d2-3467856797 .md h4 code,
+.d2-3467856797 .md h5 tt,
+.d2-3467856797 .md h5 code,
+.d2-3467856797 .md h6 tt,
+.d2-3467856797 .md h6 code {
   padding: 0 0.2em;
   font-size: inherit;
 }
 
-.md ul.no-list,
-.md ol.no-list {
+.d2-3467856797 .md ul.no-list,
+.d2-3467856797 .md ol.no-list {
   padding: 0;
   list-style-type: none;
 }
 
-.md ol[type="1"] {
+.d2-3467856797 .md ol[type="1"] {
   list-style-type: decimal;
 }
 
-.md ol[type="a"] {
+.d2-3467856797 .md ol[type="a"] {
   list-style-type: lower-alpha;
 }
 
-.md ol[type="i"] {
+.d2-3467856797 .md ol[type="i"] {
   list-style-type: lower-roman;
 }
 
-.md div > ol:not([type]) {
+.d2-3467856797 .md div > ol:not([type]) {
   list-style-type: decimal;
 }
 
-.md ul ul,
-.md ul ol,
-.md ol ol,
-.md ol ul {
+.d2-3467856797 .md ul ul,
+.d2-3467856797 .md ul ol,
+.d2-3467856797 .md ol ol,
+.d2-3467856797 .md ol ul {
   margin-top: 0;
   margin-bottom: 0;
 }
 
-.md li > p {
+.d2-3467856797 .md li > p {
   margin-top: 16px;
 }
 
-.md li + li {
+.d2-3467856797 .md li + li {
   margin-top: 0.25em;
 }
 
-.md dl {
+.d2-3467856797 .md dl {
   padding: 0;
 }
 
-.md dl dt {
+.d2-3467856797 .md dl dt {
   padding: 0;
   margin-top: 16px;
   font-size: 1em;
@@ -573,48 +573,48 @@
   font-weight: 600;
 }
 
-.md dl dd {
+.d2-3467856797 .md dl dd {
   padding: 0 16px;
   margin-bottom: 16px;
 }
 
-.md table th {
+.d2-3467856797 .md table th {
   font-weight: 600;
 }
 
-.md table th,
-.md table td {
+.d2-3467856797 .md table th,
+.d2-3467856797 .md table td {
   padding: 6px 13px;
   border: 1px solid var(--color-border-default);
 }
 
-.md table tr {
+.d2-3467856797 .md table tr {
   background-color: var(--color-canvas-default);
   border-top: 1px solid var(--color-border-muted);
 }
 
-.md table tr:nth-child(2n) {
+.d2-3467856797 .md table tr:nth-child(2n) {
   background-color: var(--color-canvas-subtle);
 }
 
-.md table img {
+.d2-3467856797 .md table img {
   background-color: transparent;
 }
 
-.md img[align="right"] {
+.d2-3467856797 .md img[align="right"] {
   padding-left: 20px;
 }
 
-.md img[align="left"] {
+.d2-3467856797 .md img[align="left"] {
   padding-right: 20px;
 }
 
-.md span.frame {
+.d2-3467856797 .md span.frame {
   display: block;
   overflow: hidden;
 }
 
-.md span.frame > span {
+.d2-3467856797 .md span.frame > span {
   display: block;
   float: left;
   width: auto;
@@ -624,81 +624,81 @@
   border: 1px solid var(--color-border-default);
 }
 
-.md span.frame span img {
+.d2-3467856797 .md span.frame span img {
   display: block;
   float: left;
 }
 
-.md span.frame span span {
+.d2-3467856797 .md span.frame span span {
   display: block;
   padding: 5px 0 0;
   clear: both;
   color: var(--color-fg-default);
 }
 
-.md span.align-center {
+.d2-3467856797 .md span.align-center {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-center > span {
+.d2-3467856797 .md span.align-center > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: center;
 }
 
-.md span.align-center span img {
+.d2-3467856797 .md span.align-center span img {
   margin: 0 auto;
   text-align: center;
 }
 
-.md span.align-right {
+.d2-3467856797 .md span.align-right {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-right > span {
+.d2-3467856797 .md span.align-right > span {
   display: block;
   margin: 13px 0 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md span.align-right span img {
+.d2-3467856797 .md span.align-right span img {
   margin: 0;
   text-align: right;
 }
 
-.md span.float-left {
+.d2-3467856797 .md span.float-left {
   display: block;
   float: left;
   margin-right: 13px;
   overflow: hidden;
 }
 
-.md span.float-left span {
+.d2-3467856797 .md span.float-left span {
   margin: 13px 0 0;
 }
 
-.md span.float-right {
+.d2-3467856797 .md span.float-right {
   display: block;
   float: right;
   margin-left: 13px;
   overflow: hidden;
 }
 
-.md span.float-right > span {
+.d2-3467856797 .md span.float-right > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md code,
-.md tt {
+.d2-3467856797 .md code,
+.d2-3467856797 .md tt {
   padding: 0.2em 0.4em;
   margin: 0;
   font-size: 85%;
@@ -706,20 +706,20 @@
   border-radius: 6px;
 }
 
-.md code br,
-.md tt br {
+.d2-3467856797 .md code br,
+.d2-3467856797 .md tt br {
   display: none;
 }
 
-.md del code {
+.d2-3467856797 .md del code {
   text-decoration: inherit;
 }
 
-.md pre code {
+.d2-3467856797 .md pre code {
   font-size: 100%;
 }
 
-.md pre > code {
+.d2-3467856797 .md pre > code {
   padding: 0;
   margin: 0;
   word-break: normal;
@@ -728,17 +728,17 @@
   border: 0;
 }
 
-.md .highlight {
+.d2-3467856797 .md .highlight {
   margin-bottom: 16px;
 }
 
-.md .highlight pre {
+.d2-3467856797 .md .highlight pre {
   margin-bottom: 0;
   word-break: normal;
 }
 
-.md .highlight pre,
-.md pre {
+.d2-3467856797 .md .highlight pre,
+.d2-3467856797 .md pre {
   padding: 16px;
   overflow: auto;
   font-size: 85%;
@@ -747,8 +747,8 @@
   border-radius: 6px;
 }
 
-.md pre code,
-.md pre tt {
+.d2-3467856797 .md pre code,
+.d2-3467856797 .md pre tt {
   display: inline;
   max-width: auto;
   padding: 0;
@@ -760,8 +760,8 @@
   border: 0;
 }
 
-.md .csv-data td,
-.md .csv-data th {
+.d2-3467856797 .md .csv-data td,
+.d2-3467856797 .md .csv-data th {
   padding: 5px;
   overflow: hidden;
   font-size: 12px;
@@ -770,38 +770,38 @@
   white-space: nowrap;
 }
 
-.md .csv-data .blob-num {
+.d2-3467856797 .md .csv-data .blob-num {
   padding: 10px 8px 9px;
   text-align: right;
   background: var(--color-canvas-default);
   border: 0;
 }
 
-.md .csv-data tr {
+.d2-3467856797 .md .csv-data tr {
   border-top: 0;
 }
 
-.md .csv-data th {
+.d2-3467856797 .md .csv-data th {
   font-weight: 600;
   background: var(--color-canvas-subtle);
   border-top: 0;
 }
 
-.md .footnotes {
+.d2-3467856797 .md .footnotes {
   font-size: 12px;
   color: var(--color-fg-muted);
   border-top: 1px solid var(--color-border-default);
 }
 
-.md .footnotes ol {
+.d2-3467856797 .md .footnotes ol {
   padding-left: 16px;
 }
 
-.md .footnotes li {
+.d2-3467856797 .md .footnotes li {
   position: relative;
 }
 
-.md .footnotes li:target::before {
+.d2-3467856797 .md .footnotes li:target::before {
   position: absolute;
   top: -8px;
   right: -8px;
@@ -813,36 +813,36 @@
   border-radius: 6px;
 }
 
-.md .footnotes li:target {
+.d2-3467856797 .md .footnotes li:target {
   color: var(--color-fg-default);
 }
 
-.md .task-list-item {
+.d2-3467856797 .md .task-list-item {
   list-style-type: none;
 }
 
-.md .task-list-item label {
+.d2-3467856797 .md .task-list-item label {
   font-weight: 400;
 }
 
-.md .task-list-item.enabled label {
+.d2-3467856797 .md .task-list-item.enabled label {
   cursor: pointer;
 }
 
-.md .task-list-item + .task-list-item {
+.d2-3467856797 .md .task-list-item + .task-list-item {
   margin-top: 3px;
 }
 
-.md .task-list-item .handle {
+.d2-3467856797 .md .task-list-item .handle {
   display: none;
 }
 
-.md .task-list-item-checkbox {
+.d2-3467856797 .md .task-list-item-checkbox {
   margin: 0 0.2em 0.25em -1.6em;
   vertical-align: middle;
 }
 
-.md .contains-task-list:dir(rtl) .task-list-item-checkbox {
+.d2-3467856797 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
 </style><g id="x" style='opacity:0.400000'><g class="shape" ><rect x="146.000000" y="12.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="172.500000" y="50.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g id="y" 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>
diff --git a/e2etests/testdata/regression/unconnected/dagre/sketch.exp.svg b/e2etests/testdata/regression/unconnected/dagre/sketch.exp.svg
index 908e225ea..77bcaee6c 100644
--- a/e2etests/testdata/regression/unconnected/dagre/sketch.exp.svg
+++ b/e2etests/testdata/regression/unconnected/dagre/sketch.exp.svg
@@ -96,31 +96,31 @@
 		.d2-3552234035 .color-AA4{color:#EDF0FD;}
 		.d2-3552234035 .color-AA5{color:#F7F8FE;}
 		.d2-3552234035 .color-AB4{color:#EDF0FD;}
-		.d2-3552234035 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.md em,
-.md dfn {
+		.d2-3552234035 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.d2-3552234035 .md em,
+.d2-3552234035 .md dfn {
   font-family: "d2-3552234035-font-italic";
 }
 
-.md b,
-.md strong {
+.d2-3552234035 .md b,
+.d2-3552234035 .md strong {
   font-family: "d2-3552234035-font-bold";
 }
 
-.md code,
-.md kbd,
-.md pre,
-.md samp {
+.d2-3552234035 .md code,
+.d2-3552234035 .md kbd,
+.d2-3552234035 .md pre,
+.d2-3552234035 .md samp {
   font-family: "d2-3552234035-font-mono";
   font-size: 1em;
 }
 
-.md {
+.d2-3552234035 .md {
   tab-size: 4;
 }
 
 /* variables are provided in d2renderers/d2svg/d2svg.go */
 
-.md {
+.d2-3552234035 .md {
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
   margin: 0;
@@ -132,41 +132,41 @@
   word-wrap: break-word;
 }
 
-.md details,
-.md figcaption,
-.md figure {
+.d2-3552234035 .md details,
+.d2-3552234035 .md figcaption,
+.d2-3552234035 .md figure {
   display: block;
 }
 
-.md summary {
+.d2-3552234035 .md summary {
   display: list-item;
 }
 
-.md [hidden] {
+.d2-3552234035 .md [hidden] {
   display: none !important;
 }
 
-.md a {
+.d2-3552234035 .md a {
   background-color: transparent;
   color: var(--color-accent-fg);
   text-decoration: none;
 }
 
-.md a:active,
-.md a:hover {
+.d2-3552234035 .md a:active,
+.d2-3552234035 .md a:hover {
   outline-width: 0;
 }
 
-.md abbr[title] {
+.d2-3552234035 .md abbr[title] {
   border-bottom: none;
   text-decoration: underline dotted;
 }
 
-.md dfn {
+.d2-3552234035 .md dfn {
   font-style: italic;
 }
 
-.md h1 {
+.d2-3552234035 .md h1 {
   margin: 0.67em 0;
   font-weight: 600;
   padding-bottom: 0.3em;
@@ -174,43 +174,43 @@
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md mark {
+.d2-3552234035 .md mark {
   background-color: var(--color-attention-subtle);
   color: var(--color-text-primary);
 }
 
-.md small {
+.d2-3552234035 .md small {
   font-size: 90%;
 }
 
-.md sub,
-.md sup {
+.d2-3552234035 .md sub,
+.d2-3552234035 .md sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
 }
 
-.md sub {
+.d2-3552234035 .md sub {
   bottom: -0.25em;
 }
 
-.md sup {
+.d2-3552234035 .md sup {
   top: -0.5em;
 }
 
-.md img {
+.d2-3552234035 .md img {
   border-style: none;
   max-width: 100%;
   box-sizing: content-box;
   background-color: var(--color-canvas-default);
 }
 
-.md figure {
+.d2-3552234035 .md figure {
   margin: 1em 40px;
 }
 
-.md hr {
+.d2-3552234035 .md hr {
   box-sizing: content-box;
   overflow: hidden;
   background: transparent;
@@ -222,7 +222,7 @@
   border: 0;
 }
 
-.md input {
+.d2-3552234035 .md input {
   font: inherit;
   margin: 0;
   overflow: visible;
@@ -231,72 +231,72 @@
   line-height: inherit;
 }
 
-.md [type="button"],
-.md [type="reset"],
-.md [type="submit"] {
+.d2-3552234035 .md [type="button"],
+.d2-3552234035 .md [type="reset"],
+.d2-3552234035 .md [type="submit"] {
   -webkit-appearance: button;
 }
 
-.md [type="button"]::-moz-focus-inner,
-.md [type="reset"]::-moz-focus-inner,
-.md [type="submit"]::-moz-focus-inner {
+.d2-3552234035 .md [type="button"]::-moz-focus-inner,
+.d2-3552234035 .md [type="reset"]::-moz-focus-inner,
+.d2-3552234035 .md [type="submit"]::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.md [type="button"]:-moz-focusring,
-.md [type="reset"]:-moz-focusring,
-.md [type="submit"]:-moz-focusring {
+.d2-3552234035 .md [type="button"]:-moz-focusring,
+.d2-3552234035 .md [type="reset"]:-moz-focusring,
+.d2-3552234035 .md [type="submit"]:-moz-focusring {
   outline: 1px dotted ButtonText;
 }
 
-.md [type="checkbox"],
-.md [type="radio"] {
+.d2-3552234035 .md [type="checkbox"],
+.d2-3552234035 .md [type="radio"] {
   box-sizing: border-box;
   padding: 0;
 }
 
-.md [type="number"]::-webkit-inner-spin-button,
-.md [type="number"]::-webkit-outer-spin-button {
+.d2-3552234035 .md [type="number"]::-webkit-inner-spin-button,
+.d2-3552234035 .md [type="number"]::-webkit-outer-spin-button {
   height: auto;
 }
 
-.md [type="search"] {
+.d2-3552234035 .md [type="search"] {
   -webkit-appearance: textfield;
   outline-offset: -2px;
 }
 
-.md [type="search"]::-webkit-search-cancel-button,
-.md [type="search"]::-webkit-search-decoration {
+.d2-3552234035 .md [type="search"]::-webkit-search-cancel-button,
+.d2-3552234035 .md [type="search"]::-webkit-search-decoration {
   -webkit-appearance: none;
 }
 
-.md ::-webkit-input-placeholder {
+.d2-3552234035 .md ::-webkit-input-placeholder {
   color: inherit;
   opacity: 0.54;
 }
 
-.md ::-webkit-file-upload-button {
+.d2-3552234035 .md ::-webkit-file-upload-button {
   -webkit-appearance: button;
   font: inherit;
 }
 
-.md a:hover {
+.d2-3552234035 .md a:hover {
   text-decoration: underline;
 }
 
-.md hr::before {
+.d2-3552234035 .md hr::before {
   display: table;
   content: "";
 }
 
-.md hr::after {
+.d2-3552234035 .md hr::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md table {
+.d2-3552234035 .md table {
   border-spacing: 0;
   border-collapse: collapse;
   display: block;
@@ -305,20 +305,20 @@
   overflow: auto;
 }
 
-.md td,
-.md th {
+.d2-3552234035 .md td,
+.d2-3552234035 .md th {
   padding: 0;
 }
 
-.md details summary {
+.d2-3552234035 .md details summary {
   cursor: pointer;
 }
 
-.md details:not([open]) > *:not(summary) {
+.d2-3552234035 .md details:not([open]) > *:not(summary) {
   display: none !important;
 }
 
-.md kbd {
+.d2-3552234035 .md kbd {
   display: inline-block;
   padding: 3px 5px;
   color: var(--color-fg-default);
@@ -330,12 +330,12 @@
   box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
 }
 
-.md h1,
-.md h2,
-.md h3,
-.md h4,
-.md h5,
-.md h6 {
+.d2-3552234035 .md h1,
+.d2-3552234035 .md h2,
+.d2-3552234035 .md h3,
+.d2-3552234035 .md h4,
+.d2-3552234035 .md h5,
+.d2-3552234035 .md h6 {
   margin-top: 24px;
   margin-bottom: 16px;
   font-weight: 600;
@@ -343,222 +343,222 @@
   font-family: "d2-3552234035-font-regular";
 }
 
-.md h2 {
+.d2-3552234035 .md h2 {
   font-weight: 600;
   padding-bottom: 0.3em;
   font-size: 1.5em;
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md h3 {
+.d2-3552234035 .md h3 {
   font-weight: 600;
   font-size: 1.25em;
 }
 
-.md h4 {
+.d2-3552234035 .md h4 {
   font-weight: 600;
   font-size: 1em;
 }
 
-.md h5 {
+.d2-3552234035 .md h5 {
   font-weight: 600;
   font-size: 0.875em;
 }
 
-.md h6 {
+.d2-3552234035 .md h6 {
   font-weight: 600;
   font-size: 0.85em;
   color: var(--color-fg-muted);
 }
 
-.md p {
+.d2-3552234035 .md p {
   margin-top: 0;
   margin-bottom: 10px;
 }
 
-.md blockquote {
+.d2-3552234035 .md blockquote {
   margin: 0;
   padding: 0 1em;
   color: var(--color-fg-muted);
   border-left: 0.25em solid var(--color-border-default);
 }
 
-.md ul,
-.md ol {
+.d2-3552234035 .md ul,
+.d2-3552234035 .md ol {
   margin-top: 0;
   margin-bottom: 0;
   padding-left: 2em;
 }
 
-.md ol ol,
-.md ul ol {
+.d2-3552234035 .md ol ol,
+.d2-3552234035 .md ul ol {
   list-style-type: lower-roman;
 }
 
-.md ul ul ol,
-.md ul ol ol,
-.md ol ul ol,
-.md ol ol ol {
+.d2-3552234035 .md ul ul ol,
+.d2-3552234035 .md ul ol ol,
+.d2-3552234035 .md ol ul ol,
+.d2-3552234035 .md ol ol ol {
   list-style-type: lower-alpha;
 }
 
-.md dd {
+.d2-3552234035 .md dd {
   margin-left: 0;
 }
 
-.md pre {
+.d2-3552234035 .md pre {
   margin-top: 0;
   margin-bottom: 0;
   word-wrap: normal;
 }
 
-.md ::placeholder {
+.d2-3552234035 .md ::placeholder {
   color: var(--color-fg-subtle);
   opacity: 1;
 }
 
-.md input::-webkit-outer-spin-button,
-.md input::-webkit-inner-spin-button {
+.d2-3552234035 .md input::-webkit-outer-spin-button,
+.d2-3552234035 .md input::-webkit-inner-spin-button {
   margin: 0;
   -webkit-appearance: none;
   appearance: none;
 }
 
-.md::before {
+.d2-3552234035 .md::before {
   display: table;
   content: "";
 }
 
-.md::after {
+.d2-3552234035 .md::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md > *:first-child {
+.d2-3552234035 .md > *:first-child {
   margin-top: 0 !important;
 }
 
-.md > *:last-child {
+.d2-3552234035 .md > *:last-child {
   margin-bottom: 0 !important;
 }
 
-.md a:not([href]) {
+.d2-3552234035 .md a:not([href]) {
   color: inherit;
   text-decoration: none;
 }
 
-.md .absent {
+.d2-3552234035 .md .absent {
   color: var(--color-danger-fg);
 }
 
-.md .anchor {
+.d2-3552234035 .md .anchor {
   float: left;
   padding-right: 4px;
   margin-left: -20px;
   line-height: 1;
 }
 
-.md .anchor:focus {
+.d2-3552234035 .md .anchor:focus {
   outline: none;
 }
 
-.md p,
-.md blockquote,
-.md ul,
-.md ol,
-.md dl,
-.md table,
-.md pre,
-.md details {
+.d2-3552234035 .md p,
+.d2-3552234035 .md blockquote,
+.d2-3552234035 .md ul,
+.d2-3552234035 .md ol,
+.d2-3552234035 .md dl,
+.d2-3552234035 .md table,
+.d2-3552234035 .md pre,
+.d2-3552234035 .md details {
   margin-top: 0;
   margin-bottom: 16px;
 }
 
-.md blockquote > :first-child {
+.d2-3552234035 .md blockquote > :first-child {
   margin-top: 0;
 }
 
-.md blockquote > :last-child {
+.d2-3552234035 .md blockquote > :last-child {
   margin-bottom: 0;
 }
 
-.md sup > a::before {
+.d2-3552234035 .md sup > a::before {
   content: "[";
 }
 
-.md sup > a::after {
+.d2-3552234035 .md sup > a::after {
   content: "]";
 }
 
-.md h1:hover .anchor,
-.md h2:hover .anchor,
-.md h3:hover .anchor,
-.md h4:hover .anchor,
-.md h5:hover .anchor,
-.md h6:hover .anchor {
+.d2-3552234035 .md h1:hover .anchor,
+.d2-3552234035 .md h2:hover .anchor,
+.d2-3552234035 .md h3:hover .anchor,
+.d2-3552234035 .md h4:hover .anchor,
+.d2-3552234035 .md h5:hover .anchor,
+.d2-3552234035 .md h6:hover .anchor {
   text-decoration: none;
 }
 
-.md h1 tt,
-.md h1 code,
-.md h2 tt,
-.md h2 code,
-.md h3 tt,
-.md h3 code,
-.md h4 tt,
-.md h4 code,
-.md h5 tt,
-.md h5 code,
-.md h6 tt,
-.md h6 code {
+.d2-3552234035 .md h1 tt,
+.d2-3552234035 .md h1 code,
+.d2-3552234035 .md h2 tt,
+.d2-3552234035 .md h2 code,
+.d2-3552234035 .md h3 tt,
+.d2-3552234035 .md h3 code,
+.d2-3552234035 .md h4 tt,
+.d2-3552234035 .md h4 code,
+.d2-3552234035 .md h5 tt,
+.d2-3552234035 .md h5 code,
+.d2-3552234035 .md h6 tt,
+.d2-3552234035 .md h6 code {
   padding: 0 0.2em;
   font-size: inherit;
 }
 
-.md ul.no-list,
-.md ol.no-list {
+.d2-3552234035 .md ul.no-list,
+.d2-3552234035 .md ol.no-list {
   padding: 0;
   list-style-type: none;
 }
 
-.md ol[type="1"] {
+.d2-3552234035 .md ol[type="1"] {
   list-style-type: decimal;
 }
 
-.md ol[type="a"] {
+.d2-3552234035 .md ol[type="a"] {
   list-style-type: lower-alpha;
 }
 
-.md ol[type="i"] {
+.d2-3552234035 .md ol[type="i"] {
   list-style-type: lower-roman;
 }
 
-.md div > ol:not([type]) {
+.d2-3552234035 .md div > ol:not([type]) {
   list-style-type: decimal;
 }
 
-.md ul ul,
-.md ul ol,
-.md ol ol,
-.md ol ul {
+.d2-3552234035 .md ul ul,
+.d2-3552234035 .md ul ol,
+.d2-3552234035 .md ol ol,
+.d2-3552234035 .md ol ul {
   margin-top: 0;
   margin-bottom: 0;
 }
 
-.md li > p {
+.d2-3552234035 .md li > p {
   margin-top: 16px;
 }
 
-.md li + li {
+.d2-3552234035 .md li + li {
   margin-top: 0.25em;
 }
 
-.md dl {
+.d2-3552234035 .md dl {
   padding: 0;
 }
 
-.md dl dt {
+.d2-3552234035 .md dl dt {
   padding: 0;
   margin-top: 16px;
   font-size: 1em;
@@ -566,48 +566,48 @@
   font-weight: 600;
 }
 
-.md dl dd {
+.d2-3552234035 .md dl dd {
   padding: 0 16px;
   margin-bottom: 16px;
 }
 
-.md table th {
+.d2-3552234035 .md table th {
   font-weight: 600;
 }
 
-.md table th,
-.md table td {
+.d2-3552234035 .md table th,
+.d2-3552234035 .md table td {
   padding: 6px 13px;
   border: 1px solid var(--color-border-default);
 }
 
-.md table tr {
+.d2-3552234035 .md table tr {
   background-color: var(--color-canvas-default);
   border-top: 1px solid var(--color-border-muted);
 }
 
-.md table tr:nth-child(2n) {
+.d2-3552234035 .md table tr:nth-child(2n) {
   background-color: var(--color-canvas-subtle);
 }
 
-.md table img {
+.d2-3552234035 .md table img {
   background-color: transparent;
 }
 
-.md img[align="right"] {
+.d2-3552234035 .md img[align="right"] {
   padding-left: 20px;
 }
 
-.md img[align="left"] {
+.d2-3552234035 .md img[align="left"] {
   padding-right: 20px;
 }
 
-.md span.frame {
+.d2-3552234035 .md span.frame {
   display: block;
   overflow: hidden;
 }
 
-.md span.frame > span {
+.d2-3552234035 .md span.frame > span {
   display: block;
   float: left;
   width: auto;
@@ -617,81 +617,81 @@
   border: 1px solid var(--color-border-default);
 }
 
-.md span.frame span img {
+.d2-3552234035 .md span.frame span img {
   display: block;
   float: left;
 }
 
-.md span.frame span span {
+.d2-3552234035 .md span.frame span span {
   display: block;
   padding: 5px 0 0;
   clear: both;
   color: var(--color-fg-default);
 }
 
-.md span.align-center {
+.d2-3552234035 .md span.align-center {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-center > span {
+.d2-3552234035 .md span.align-center > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: center;
 }
 
-.md span.align-center span img {
+.d2-3552234035 .md span.align-center span img {
   margin: 0 auto;
   text-align: center;
 }
 
-.md span.align-right {
+.d2-3552234035 .md span.align-right {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-right > span {
+.d2-3552234035 .md span.align-right > span {
   display: block;
   margin: 13px 0 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md span.align-right span img {
+.d2-3552234035 .md span.align-right span img {
   margin: 0;
   text-align: right;
 }
 
-.md span.float-left {
+.d2-3552234035 .md span.float-left {
   display: block;
   float: left;
   margin-right: 13px;
   overflow: hidden;
 }
 
-.md span.float-left span {
+.d2-3552234035 .md span.float-left span {
   margin: 13px 0 0;
 }
 
-.md span.float-right {
+.d2-3552234035 .md span.float-right {
   display: block;
   float: right;
   margin-left: 13px;
   overflow: hidden;
 }
 
-.md span.float-right > span {
+.d2-3552234035 .md span.float-right > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md code,
-.md tt {
+.d2-3552234035 .md code,
+.d2-3552234035 .md tt {
   padding: 0.2em 0.4em;
   margin: 0;
   font-size: 85%;
@@ -699,20 +699,20 @@
   border-radius: 6px;
 }
 
-.md code br,
-.md tt br {
+.d2-3552234035 .md code br,
+.d2-3552234035 .md tt br {
   display: none;
 }
 
-.md del code {
+.d2-3552234035 .md del code {
   text-decoration: inherit;
 }
 
-.md pre code {
+.d2-3552234035 .md pre code {
   font-size: 100%;
 }
 
-.md pre > code {
+.d2-3552234035 .md pre > code {
   padding: 0;
   margin: 0;
   word-break: normal;
@@ -721,17 +721,17 @@
   border: 0;
 }
 
-.md .highlight {
+.d2-3552234035 .md .highlight {
   margin-bottom: 16px;
 }
 
-.md .highlight pre {
+.d2-3552234035 .md .highlight pre {
   margin-bottom: 0;
   word-break: normal;
 }
 
-.md .highlight pre,
-.md pre {
+.d2-3552234035 .md .highlight pre,
+.d2-3552234035 .md pre {
   padding: 16px;
   overflow: auto;
   font-size: 85%;
@@ -740,8 +740,8 @@
   border-radius: 6px;
 }
 
-.md pre code,
-.md pre tt {
+.d2-3552234035 .md pre code,
+.d2-3552234035 .md pre tt {
   display: inline;
   max-width: auto;
   padding: 0;
@@ -753,8 +753,8 @@
   border: 0;
 }
 
-.md .csv-data td,
-.md .csv-data th {
+.d2-3552234035 .md .csv-data td,
+.d2-3552234035 .md .csv-data th {
   padding: 5px;
   overflow: hidden;
   font-size: 12px;
@@ -763,38 +763,38 @@
   white-space: nowrap;
 }
 
-.md .csv-data .blob-num {
+.d2-3552234035 .md .csv-data .blob-num {
   padding: 10px 8px 9px;
   text-align: right;
   background: var(--color-canvas-default);
   border: 0;
 }
 
-.md .csv-data tr {
+.d2-3552234035 .md .csv-data tr {
   border-top: 0;
 }
 
-.md .csv-data th {
+.d2-3552234035 .md .csv-data th {
   font-weight: 600;
   background: var(--color-canvas-subtle);
   border-top: 0;
 }
 
-.md .footnotes {
+.d2-3552234035 .md .footnotes {
   font-size: 12px;
   color: var(--color-fg-muted);
   border-top: 1px solid var(--color-border-default);
 }
 
-.md .footnotes ol {
+.d2-3552234035 .md .footnotes ol {
   padding-left: 16px;
 }
 
-.md .footnotes li {
+.d2-3552234035 .md .footnotes li {
   position: relative;
 }
 
-.md .footnotes li:target::before {
+.d2-3552234035 .md .footnotes li:target::before {
   position: absolute;
   top: -8px;
   right: -8px;
@@ -806,36 +806,36 @@
   border-radius: 6px;
 }
 
-.md .footnotes li:target {
+.d2-3552234035 .md .footnotes li:target {
   color: var(--color-fg-default);
 }
 
-.md .task-list-item {
+.d2-3552234035 .md .task-list-item {
   list-style-type: none;
 }
 
-.md .task-list-item label {
+.d2-3552234035 .md .task-list-item label {
   font-weight: 400;
 }
 
-.md .task-list-item.enabled label {
+.d2-3552234035 .md .task-list-item.enabled label {
   cursor: pointer;
 }
 
-.md .task-list-item + .task-list-item {
+.d2-3552234035 .md .task-list-item + .task-list-item {
   margin-top: 3px;
 }
 
-.md .task-list-item .handle {
+.d2-3552234035 .md .task-list-item .handle {
   display: none;
 }
 
-.md .task-list-item-checkbox {
+.d2-3552234035 .md .task-list-item-checkbox {
   margin: 0 0.2em 0.25em -1.6em;
   vertical-align: middle;
 }
 
-.md .contains-task-list:dir(rtl) .task-list-item-checkbox {
+.d2-3552234035 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
 </style><g id="OEM Factory"><g class="shape" ><rect x="50.000000" y="262.000000" width="135.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="117.500000" y="300.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">OEM Factory</text></g><g id="OEM Warehouse"><g class="shape" ><rect x="358.000000" y="282.000000" width="159.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="437.500000" y="320.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">OEM Warehouse</text></g><g id="Distributor Warehouse"><g class="shape" ><rect x="335.000000" y="368.000000" width="204.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="437.000000" y="406.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Distributor Warehouse</text></g><g id="Gos Warehouse"><g class="shape" ><rect x="639.000000" y="169.000000" width="872.000000" height="272.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="1075.000000" y="156.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">Gos Warehouse</text></g><g id="Customer Site"><g class="shape" ><rect x="0.000000" y="41.000000" width="235.000000" height="171.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="117.500000" y="28.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">Customer Site</text></g><g id="title"><g class="shape" ></g><text x="755.500000" y="-31.000000" class="text fill-N1" style="text-anchor:middle;font-size:40px">Workflow-I (Warehousing, Installation)</text></g><g id="Gos Warehouse.Master"><g class="shape" ><rect x="689.000000" y="271.000000" width="94.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="736.000000" y="309.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Master</text></g><g id="Gos Warehouse.Regional-1"><g class="shape" ><rect x="883.000000" y="325.000000" width="120.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="943.000000" y="363.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Regional-1</text></g><g id="Gos Warehouse.Regional-2"><g class="shape" ><rect x="1103.000000" y="238.000000" width="120.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1163.000000" y="276.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Regional-2</text></g><g id="Gos Warehouse.Regional-N"><g class="shape" ><rect x="1331.000000" y="237.000000" width="122.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1392.000000" y="275.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Regional-N</text></g><g id="Gos Warehouse.explaination"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="1323.000000" y="323.000000" width="138" height="108"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><ul>
diff --git a/e2etests/testdata/regression/unconnected/elk/sketch.exp.svg b/e2etests/testdata/regression/unconnected/elk/sketch.exp.svg
index fca6f95e6..66f45ac39 100644
--- a/e2etests/testdata/regression/unconnected/elk/sketch.exp.svg
+++ b/e2etests/testdata/regression/unconnected/elk/sketch.exp.svg
@@ -96,31 +96,31 @@
 		.d2-1839014009 .color-AA4{color:#EDF0FD;}
 		.d2-1839014009 .color-AA5{color:#F7F8FE;}
 		.d2-1839014009 .color-AB4{color:#EDF0FD;}
-		.d2-1839014009 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.md em,
-.md dfn {
+		.d2-1839014009 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.d2-1839014009 .md em,
+.d2-1839014009 .md dfn {
   font-family: "d2-1839014009-font-italic";
 }
 
-.md b,
-.md strong {
+.d2-1839014009 .md b,
+.d2-1839014009 .md strong {
   font-family: "d2-1839014009-font-bold";
 }
 
-.md code,
-.md kbd,
-.md pre,
-.md samp {
+.d2-1839014009 .md code,
+.d2-1839014009 .md kbd,
+.d2-1839014009 .md pre,
+.d2-1839014009 .md samp {
   font-family: "d2-1839014009-font-mono";
   font-size: 1em;
 }
 
-.md {
+.d2-1839014009 .md {
   tab-size: 4;
 }
 
 /* variables are provided in d2renderers/d2svg/d2svg.go */
 
-.md {
+.d2-1839014009 .md {
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
   margin: 0;
@@ -132,41 +132,41 @@
   word-wrap: break-word;
 }
 
-.md details,
-.md figcaption,
-.md figure {
+.d2-1839014009 .md details,
+.d2-1839014009 .md figcaption,
+.d2-1839014009 .md figure {
   display: block;
 }
 
-.md summary {
+.d2-1839014009 .md summary {
   display: list-item;
 }
 
-.md [hidden] {
+.d2-1839014009 .md [hidden] {
   display: none !important;
 }
 
-.md a {
+.d2-1839014009 .md a {
   background-color: transparent;
   color: var(--color-accent-fg);
   text-decoration: none;
 }
 
-.md a:active,
-.md a:hover {
+.d2-1839014009 .md a:active,
+.d2-1839014009 .md a:hover {
   outline-width: 0;
 }
 
-.md abbr[title] {
+.d2-1839014009 .md abbr[title] {
   border-bottom: none;
   text-decoration: underline dotted;
 }
 
-.md dfn {
+.d2-1839014009 .md dfn {
   font-style: italic;
 }
 
-.md h1 {
+.d2-1839014009 .md h1 {
   margin: 0.67em 0;
   font-weight: 600;
   padding-bottom: 0.3em;
@@ -174,43 +174,43 @@
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md mark {
+.d2-1839014009 .md mark {
   background-color: var(--color-attention-subtle);
   color: var(--color-text-primary);
 }
 
-.md small {
+.d2-1839014009 .md small {
   font-size: 90%;
 }
 
-.md sub,
-.md sup {
+.d2-1839014009 .md sub,
+.d2-1839014009 .md sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
 }
 
-.md sub {
+.d2-1839014009 .md sub {
   bottom: -0.25em;
 }
 
-.md sup {
+.d2-1839014009 .md sup {
   top: -0.5em;
 }
 
-.md img {
+.d2-1839014009 .md img {
   border-style: none;
   max-width: 100%;
   box-sizing: content-box;
   background-color: var(--color-canvas-default);
 }
 
-.md figure {
+.d2-1839014009 .md figure {
   margin: 1em 40px;
 }
 
-.md hr {
+.d2-1839014009 .md hr {
   box-sizing: content-box;
   overflow: hidden;
   background: transparent;
@@ -222,7 +222,7 @@
   border: 0;
 }
 
-.md input {
+.d2-1839014009 .md input {
   font: inherit;
   margin: 0;
   overflow: visible;
@@ -231,72 +231,72 @@
   line-height: inherit;
 }
 
-.md [type="button"],
-.md [type="reset"],
-.md [type="submit"] {
+.d2-1839014009 .md [type="button"],
+.d2-1839014009 .md [type="reset"],
+.d2-1839014009 .md [type="submit"] {
   -webkit-appearance: button;
 }
 
-.md [type="button"]::-moz-focus-inner,
-.md [type="reset"]::-moz-focus-inner,
-.md [type="submit"]::-moz-focus-inner {
+.d2-1839014009 .md [type="button"]::-moz-focus-inner,
+.d2-1839014009 .md [type="reset"]::-moz-focus-inner,
+.d2-1839014009 .md [type="submit"]::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.md [type="button"]:-moz-focusring,
-.md [type="reset"]:-moz-focusring,
-.md [type="submit"]:-moz-focusring {
+.d2-1839014009 .md [type="button"]:-moz-focusring,
+.d2-1839014009 .md [type="reset"]:-moz-focusring,
+.d2-1839014009 .md [type="submit"]:-moz-focusring {
   outline: 1px dotted ButtonText;
 }
 
-.md [type="checkbox"],
-.md [type="radio"] {
+.d2-1839014009 .md [type="checkbox"],
+.d2-1839014009 .md [type="radio"] {
   box-sizing: border-box;
   padding: 0;
 }
 
-.md [type="number"]::-webkit-inner-spin-button,
-.md [type="number"]::-webkit-outer-spin-button {
+.d2-1839014009 .md [type="number"]::-webkit-inner-spin-button,
+.d2-1839014009 .md [type="number"]::-webkit-outer-spin-button {
   height: auto;
 }
 
-.md [type="search"] {
+.d2-1839014009 .md [type="search"] {
   -webkit-appearance: textfield;
   outline-offset: -2px;
 }
 
-.md [type="search"]::-webkit-search-cancel-button,
-.md [type="search"]::-webkit-search-decoration {
+.d2-1839014009 .md [type="search"]::-webkit-search-cancel-button,
+.d2-1839014009 .md [type="search"]::-webkit-search-decoration {
   -webkit-appearance: none;
 }
 
-.md ::-webkit-input-placeholder {
+.d2-1839014009 .md ::-webkit-input-placeholder {
   color: inherit;
   opacity: 0.54;
 }
 
-.md ::-webkit-file-upload-button {
+.d2-1839014009 .md ::-webkit-file-upload-button {
   -webkit-appearance: button;
   font: inherit;
 }
 
-.md a:hover {
+.d2-1839014009 .md a:hover {
   text-decoration: underline;
 }
 
-.md hr::before {
+.d2-1839014009 .md hr::before {
   display: table;
   content: "";
 }
 
-.md hr::after {
+.d2-1839014009 .md hr::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md table {
+.d2-1839014009 .md table {
   border-spacing: 0;
   border-collapse: collapse;
   display: block;
@@ -305,20 +305,20 @@
   overflow: auto;
 }
 
-.md td,
-.md th {
+.d2-1839014009 .md td,
+.d2-1839014009 .md th {
   padding: 0;
 }
 
-.md details summary {
+.d2-1839014009 .md details summary {
   cursor: pointer;
 }
 
-.md details:not([open]) > *:not(summary) {
+.d2-1839014009 .md details:not([open]) > *:not(summary) {
   display: none !important;
 }
 
-.md kbd {
+.d2-1839014009 .md kbd {
   display: inline-block;
   padding: 3px 5px;
   color: var(--color-fg-default);
@@ -330,12 +330,12 @@
   box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
 }
 
-.md h1,
-.md h2,
-.md h3,
-.md h4,
-.md h5,
-.md h6 {
+.d2-1839014009 .md h1,
+.d2-1839014009 .md h2,
+.d2-1839014009 .md h3,
+.d2-1839014009 .md h4,
+.d2-1839014009 .md h5,
+.d2-1839014009 .md h6 {
   margin-top: 24px;
   margin-bottom: 16px;
   font-weight: 600;
@@ -343,222 +343,222 @@
   font-family: "d2-1839014009-font-regular";
 }
 
-.md h2 {
+.d2-1839014009 .md h2 {
   font-weight: 600;
   padding-bottom: 0.3em;
   font-size: 1.5em;
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md h3 {
+.d2-1839014009 .md h3 {
   font-weight: 600;
   font-size: 1.25em;
 }
 
-.md h4 {
+.d2-1839014009 .md h4 {
   font-weight: 600;
   font-size: 1em;
 }
 
-.md h5 {
+.d2-1839014009 .md h5 {
   font-weight: 600;
   font-size: 0.875em;
 }
 
-.md h6 {
+.d2-1839014009 .md h6 {
   font-weight: 600;
   font-size: 0.85em;
   color: var(--color-fg-muted);
 }
 
-.md p {
+.d2-1839014009 .md p {
   margin-top: 0;
   margin-bottom: 10px;
 }
 
-.md blockquote {
+.d2-1839014009 .md blockquote {
   margin: 0;
   padding: 0 1em;
   color: var(--color-fg-muted);
   border-left: 0.25em solid var(--color-border-default);
 }
 
-.md ul,
-.md ol {
+.d2-1839014009 .md ul,
+.d2-1839014009 .md ol {
   margin-top: 0;
   margin-bottom: 0;
   padding-left: 2em;
 }
 
-.md ol ol,
-.md ul ol {
+.d2-1839014009 .md ol ol,
+.d2-1839014009 .md ul ol {
   list-style-type: lower-roman;
 }
 
-.md ul ul ol,
-.md ul ol ol,
-.md ol ul ol,
-.md ol ol ol {
+.d2-1839014009 .md ul ul ol,
+.d2-1839014009 .md ul ol ol,
+.d2-1839014009 .md ol ul ol,
+.d2-1839014009 .md ol ol ol {
   list-style-type: lower-alpha;
 }
 
-.md dd {
+.d2-1839014009 .md dd {
   margin-left: 0;
 }
 
-.md pre {
+.d2-1839014009 .md pre {
   margin-top: 0;
   margin-bottom: 0;
   word-wrap: normal;
 }
 
-.md ::placeholder {
+.d2-1839014009 .md ::placeholder {
   color: var(--color-fg-subtle);
   opacity: 1;
 }
 
-.md input::-webkit-outer-spin-button,
-.md input::-webkit-inner-spin-button {
+.d2-1839014009 .md input::-webkit-outer-spin-button,
+.d2-1839014009 .md input::-webkit-inner-spin-button {
   margin: 0;
   -webkit-appearance: none;
   appearance: none;
 }
 
-.md::before {
+.d2-1839014009 .md::before {
   display: table;
   content: "";
 }
 
-.md::after {
+.d2-1839014009 .md::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md > *:first-child {
+.d2-1839014009 .md > *:first-child {
   margin-top: 0 !important;
 }
 
-.md > *:last-child {
+.d2-1839014009 .md > *:last-child {
   margin-bottom: 0 !important;
 }
 
-.md a:not([href]) {
+.d2-1839014009 .md a:not([href]) {
   color: inherit;
   text-decoration: none;
 }
 
-.md .absent {
+.d2-1839014009 .md .absent {
   color: var(--color-danger-fg);
 }
 
-.md .anchor {
+.d2-1839014009 .md .anchor {
   float: left;
   padding-right: 4px;
   margin-left: -20px;
   line-height: 1;
 }
 
-.md .anchor:focus {
+.d2-1839014009 .md .anchor:focus {
   outline: none;
 }
 
-.md p,
-.md blockquote,
-.md ul,
-.md ol,
-.md dl,
-.md table,
-.md pre,
-.md details {
+.d2-1839014009 .md p,
+.d2-1839014009 .md blockquote,
+.d2-1839014009 .md ul,
+.d2-1839014009 .md ol,
+.d2-1839014009 .md dl,
+.d2-1839014009 .md table,
+.d2-1839014009 .md pre,
+.d2-1839014009 .md details {
   margin-top: 0;
   margin-bottom: 16px;
 }
 
-.md blockquote > :first-child {
+.d2-1839014009 .md blockquote > :first-child {
   margin-top: 0;
 }
 
-.md blockquote > :last-child {
+.d2-1839014009 .md blockquote > :last-child {
   margin-bottom: 0;
 }
 
-.md sup > a::before {
+.d2-1839014009 .md sup > a::before {
   content: "[";
 }
 
-.md sup > a::after {
+.d2-1839014009 .md sup > a::after {
   content: "]";
 }
 
-.md h1:hover .anchor,
-.md h2:hover .anchor,
-.md h3:hover .anchor,
-.md h4:hover .anchor,
-.md h5:hover .anchor,
-.md h6:hover .anchor {
+.d2-1839014009 .md h1:hover .anchor,
+.d2-1839014009 .md h2:hover .anchor,
+.d2-1839014009 .md h3:hover .anchor,
+.d2-1839014009 .md h4:hover .anchor,
+.d2-1839014009 .md h5:hover .anchor,
+.d2-1839014009 .md h6:hover .anchor {
   text-decoration: none;
 }
 
-.md h1 tt,
-.md h1 code,
-.md h2 tt,
-.md h2 code,
-.md h3 tt,
-.md h3 code,
-.md h4 tt,
-.md h4 code,
-.md h5 tt,
-.md h5 code,
-.md h6 tt,
-.md h6 code {
+.d2-1839014009 .md h1 tt,
+.d2-1839014009 .md h1 code,
+.d2-1839014009 .md h2 tt,
+.d2-1839014009 .md h2 code,
+.d2-1839014009 .md h3 tt,
+.d2-1839014009 .md h3 code,
+.d2-1839014009 .md h4 tt,
+.d2-1839014009 .md h4 code,
+.d2-1839014009 .md h5 tt,
+.d2-1839014009 .md h5 code,
+.d2-1839014009 .md h6 tt,
+.d2-1839014009 .md h6 code {
   padding: 0 0.2em;
   font-size: inherit;
 }
 
-.md ul.no-list,
-.md ol.no-list {
+.d2-1839014009 .md ul.no-list,
+.d2-1839014009 .md ol.no-list {
   padding: 0;
   list-style-type: none;
 }
 
-.md ol[type="1"] {
+.d2-1839014009 .md ol[type="1"] {
   list-style-type: decimal;
 }
 
-.md ol[type="a"] {
+.d2-1839014009 .md ol[type="a"] {
   list-style-type: lower-alpha;
 }
 
-.md ol[type="i"] {
+.d2-1839014009 .md ol[type="i"] {
   list-style-type: lower-roman;
 }
 
-.md div > ol:not([type]) {
+.d2-1839014009 .md div > ol:not([type]) {
   list-style-type: decimal;
 }
 
-.md ul ul,
-.md ul ol,
-.md ol ol,
-.md ol ul {
+.d2-1839014009 .md ul ul,
+.d2-1839014009 .md ul ol,
+.d2-1839014009 .md ol ol,
+.d2-1839014009 .md ol ul {
   margin-top: 0;
   margin-bottom: 0;
 }
 
-.md li > p {
+.d2-1839014009 .md li > p {
   margin-top: 16px;
 }
 
-.md li + li {
+.d2-1839014009 .md li + li {
   margin-top: 0.25em;
 }
 
-.md dl {
+.d2-1839014009 .md dl {
   padding: 0;
 }
 
-.md dl dt {
+.d2-1839014009 .md dl dt {
   padding: 0;
   margin-top: 16px;
   font-size: 1em;
@@ -566,48 +566,48 @@
   font-weight: 600;
 }
 
-.md dl dd {
+.d2-1839014009 .md dl dd {
   padding: 0 16px;
   margin-bottom: 16px;
 }
 
-.md table th {
+.d2-1839014009 .md table th {
   font-weight: 600;
 }
 
-.md table th,
-.md table td {
+.d2-1839014009 .md table th,
+.d2-1839014009 .md table td {
   padding: 6px 13px;
   border: 1px solid var(--color-border-default);
 }
 
-.md table tr {
+.d2-1839014009 .md table tr {
   background-color: var(--color-canvas-default);
   border-top: 1px solid var(--color-border-muted);
 }
 
-.md table tr:nth-child(2n) {
+.d2-1839014009 .md table tr:nth-child(2n) {
   background-color: var(--color-canvas-subtle);
 }
 
-.md table img {
+.d2-1839014009 .md table img {
   background-color: transparent;
 }
 
-.md img[align="right"] {
+.d2-1839014009 .md img[align="right"] {
   padding-left: 20px;
 }
 
-.md img[align="left"] {
+.d2-1839014009 .md img[align="left"] {
   padding-right: 20px;
 }
 
-.md span.frame {
+.d2-1839014009 .md span.frame {
   display: block;
   overflow: hidden;
 }
 
-.md span.frame > span {
+.d2-1839014009 .md span.frame > span {
   display: block;
   float: left;
   width: auto;
@@ -617,81 +617,81 @@
   border: 1px solid var(--color-border-default);
 }
 
-.md span.frame span img {
+.d2-1839014009 .md span.frame span img {
   display: block;
   float: left;
 }
 
-.md span.frame span span {
+.d2-1839014009 .md span.frame span span {
   display: block;
   padding: 5px 0 0;
   clear: both;
   color: var(--color-fg-default);
 }
 
-.md span.align-center {
+.d2-1839014009 .md span.align-center {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-center > span {
+.d2-1839014009 .md span.align-center > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: center;
 }
 
-.md span.align-center span img {
+.d2-1839014009 .md span.align-center span img {
   margin: 0 auto;
   text-align: center;
 }
 
-.md span.align-right {
+.d2-1839014009 .md span.align-right {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-right > span {
+.d2-1839014009 .md span.align-right > span {
   display: block;
   margin: 13px 0 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md span.align-right span img {
+.d2-1839014009 .md span.align-right span img {
   margin: 0;
   text-align: right;
 }
 
-.md span.float-left {
+.d2-1839014009 .md span.float-left {
   display: block;
   float: left;
   margin-right: 13px;
   overflow: hidden;
 }
 
-.md span.float-left span {
+.d2-1839014009 .md span.float-left span {
   margin: 13px 0 0;
 }
 
-.md span.float-right {
+.d2-1839014009 .md span.float-right {
   display: block;
   float: right;
   margin-left: 13px;
   overflow: hidden;
 }
 
-.md span.float-right > span {
+.d2-1839014009 .md span.float-right > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md code,
-.md tt {
+.d2-1839014009 .md code,
+.d2-1839014009 .md tt {
   padding: 0.2em 0.4em;
   margin: 0;
   font-size: 85%;
@@ -699,20 +699,20 @@
   border-radius: 6px;
 }
 
-.md code br,
-.md tt br {
+.d2-1839014009 .md code br,
+.d2-1839014009 .md tt br {
   display: none;
 }
 
-.md del code {
+.d2-1839014009 .md del code {
   text-decoration: inherit;
 }
 
-.md pre code {
+.d2-1839014009 .md pre code {
   font-size: 100%;
 }
 
-.md pre > code {
+.d2-1839014009 .md pre > code {
   padding: 0;
   margin: 0;
   word-break: normal;
@@ -721,17 +721,17 @@
   border: 0;
 }
 
-.md .highlight {
+.d2-1839014009 .md .highlight {
   margin-bottom: 16px;
 }
 
-.md .highlight pre {
+.d2-1839014009 .md .highlight pre {
   margin-bottom: 0;
   word-break: normal;
 }
 
-.md .highlight pre,
-.md pre {
+.d2-1839014009 .md .highlight pre,
+.d2-1839014009 .md pre {
   padding: 16px;
   overflow: auto;
   font-size: 85%;
@@ -740,8 +740,8 @@
   border-radius: 6px;
 }
 
-.md pre code,
-.md pre tt {
+.d2-1839014009 .md pre code,
+.d2-1839014009 .md pre tt {
   display: inline;
   max-width: auto;
   padding: 0;
@@ -753,8 +753,8 @@
   border: 0;
 }
 
-.md .csv-data td,
-.md .csv-data th {
+.d2-1839014009 .md .csv-data td,
+.d2-1839014009 .md .csv-data th {
   padding: 5px;
   overflow: hidden;
   font-size: 12px;
@@ -763,38 +763,38 @@
   white-space: nowrap;
 }
 
-.md .csv-data .blob-num {
+.d2-1839014009 .md .csv-data .blob-num {
   padding: 10px 8px 9px;
   text-align: right;
   background: var(--color-canvas-default);
   border: 0;
 }
 
-.md .csv-data tr {
+.d2-1839014009 .md .csv-data tr {
   border-top: 0;
 }
 
-.md .csv-data th {
+.d2-1839014009 .md .csv-data th {
   font-weight: 600;
   background: var(--color-canvas-subtle);
   border-top: 0;
 }
 
-.md .footnotes {
+.d2-1839014009 .md .footnotes {
   font-size: 12px;
   color: var(--color-fg-muted);
   border-top: 1px solid var(--color-border-default);
 }
 
-.md .footnotes ol {
+.d2-1839014009 .md .footnotes ol {
   padding-left: 16px;
 }
 
-.md .footnotes li {
+.d2-1839014009 .md .footnotes li {
   position: relative;
 }
 
-.md .footnotes li:target::before {
+.d2-1839014009 .md .footnotes li:target::before {
   position: absolute;
   top: -8px;
   right: -8px;
@@ -806,36 +806,36 @@
   border-radius: 6px;
 }
 
-.md .footnotes li:target {
+.d2-1839014009 .md .footnotes li:target {
   color: var(--color-fg-default);
 }
 
-.md .task-list-item {
+.d2-1839014009 .md .task-list-item {
   list-style-type: none;
 }
 
-.md .task-list-item label {
+.d2-1839014009 .md .task-list-item label {
   font-weight: 400;
 }
 
-.md .task-list-item.enabled label {
+.d2-1839014009 .md .task-list-item.enabled label {
   cursor: pointer;
 }
 
-.md .task-list-item + .task-list-item {
+.d2-1839014009 .md .task-list-item + .task-list-item {
   margin-top: 3px;
 }
 
-.md .task-list-item .handle {
+.d2-1839014009 .md .task-list-item .handle {
   display: none;
 }
 
-.md .task-list-item-checkbox {
+.d2-1839014009 .md .task-list-item-checkbox {
   margin: 0 0.2em 0.25em -1.6em;
   vertical-align: middle;
 }
 
-.md .contains-task-list:dir(rtl) .task-list-item-checkbox {
+.d2-1839014009 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
 </style><g id="OEM Factory"><g class="shape" ><rect x="103.000000" y="115.000000" width="135.000000" height="120.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="170.500000" y="180.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">OEM Factory</text></g><g id="OEM Warehouse"><g class="shape" ><rect x="390.000000" y="74.000000" width="159.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="469.500000" y="112.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">OEM Warehouse</text></g><g id="Distributor Warehouse"><g class="shape" ><rect x="368.000000" y="170.000000" width="204.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="470.000000" y="208.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Distributor Warehouse</text></g><g id="Gos Warehouse"><g class="shape" ><rect x="652.000000" y="12.000000" width="940.000000" height="383.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="1122.000000" y="45.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">Gos Warehouse</text></g><g id="Customer Site"><g class="shape" ><rect x="12.000000" y="255.000000" width="226.000000" height="252.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="125.000000" y="288.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">Customer Site</text></g><g id="title"><g class="shape" ></g><text x="801.500000" y="-19.000000" class="text fill-N1" style="text-anchor:middle;font-size:40px">Workflow-I (Warehousing, Installation)</text></g><g id="Gos Warehouse.Master"><g class="shape" ><rect x="746.000000" y="97.000000" width="94.000000" height="120.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="793.000000" y="162.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Master</text></g><g id="Gos Warehouse.Regional-1"><g class="shape" ><rect x="970.000000" y="61.000000" width="120.000000" height="80.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1030.000000" y="106.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Regional-1</text></g><g id="Gos Warehouse.Regional-2"><g class="shape" ><rect x="1170.000000" y="129.000000" width="120.000000" height="80.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1230.000000" y="174.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Regional-2</text></g><g id="Gos Warehouse.Regional-N"><g class="shape" ><rect x="1420.000000" y="124.000000" width="122.000000" height="80.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1481.000000" y="169.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Regional-N</text></g><g id="Gos Warehouse.explaination"><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>
diff --git a/e2etests/testdata/stable/br/dagre/sketch.exp.svg b/e2etests/testdata/stable/br/dagre/sketch.exp.svg
index 549446e3b..aafa8c61b 100644
--- a/e2etests/testdata/stable/br/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/br/dagre/sketch.exp.svg
@@ -89,31 +89,31 @@
 		.d2-1873103371 .color-AA4{color:#EDF0FD;}
 		.d2-1873103371 .color-AA5{color:#F7F8FE;}
 		.d2-1873103371 .color-AB4{color:#EDF0FD;}
-		.d2-1873103371 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.md em,
-.md dfn {
+		.d2-1873103371 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.d2-1873103371 .md em,
+.d2-1873103371 .md dfn {
   font-family: "d2-1873103371-font-italic";
 }
 
-.md b,
-.md strong {
+.d2-1873103371 .md b,
+.d2-1873103371 .md strong {
   font-family: "d2-1873103371-font-bold";
 }
 
-.md code,
-.md kbd,
-.md pre,
-.md samp {
+.d2-1873103371 .md code,
+.d2-1873103371 .md kbd,
+.d2-1873103371 .md pre,
+.d2-1873103371 .md samp {
   font-family: "d2-1873103371-font-mono";
   font-size: 1em;
 }
 
-.md {
+.d2-1873103371 .md {
   tab-size: 4;
 }
 
 /* variables are provided in d2renderers/d2svg/d2svg.go */
 
-.md {
+.d2-1873103371 .md {
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
   margin: 0;
@@ -125,41 +125,41 @@
   word-wrap: break-word;
 }
 
-.md details,
-.md figcaption,
-.md figure {
+.d2-1873103371 .md details,
+.d2-1873103371 .md figcaption,
+.d2-1873103371 .md figure {
   display: block;
 }
 
-.md summary {
+.d2-1873103371 .md summary {
   display: list-item;
 }
 
-.md [hidden] {
+.d2-1873103371 .md [hidden] {
   display: none !important;
 }
 
-.md a {
+.d2-1873103371 .md a {
   background-color: transparent;
   color: var(--color-accent-fg);
   text-decoration: none;
 }
 
-.md a:active,
-.md a:hover {
+.d2-1873103371 .md a:active,
+.d2-1873103371 .md a:hover {
   outline-width: 0;
 }
 
-.md abbr[title] {
+.d2-1873103371 .md abbr[title] {
   border-bottom: none;
   text-decoration: underline dotted;
 }
 
-.md dfn {
+.d2-1873103371 .md dfn {
   font-style: italic;
 }
 
-.md h1 {
+.d2-1873103371 .md h1 {
   margin: 0.67em 0;
   font-weight: 600;
   padding-bottom: 0.3em;
@@ -167,43 +167,43 @@
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md mark {
+.d2-1873103371 .md mark {
   background-color: var(--color-attention-subtle);
   color: var(--color-text-primary);
 }
 
-.md small {
+.d2-1873103371 .md small {
   font-size: 90%;
 }
 
-.md sub,
-.md sup {
+.d2-1873103371 .md sub,
+.d2-1873103371 .md sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
 }
 
-.md sub {
+.d2-1873103371 .md sub {
   bottom: -0.25em;
 }
 
-.md sup {
+.d2-1873103371 .md sup {
   top: -0.5em;
 }
 
-.md img {
+.d2-1873103371 .md img {
   border-style: none;
   max-width: 100%;
   box-sizing: content-box;
   background-color: var(--color-canvas-default);
 }
 
-.md figure {
+.d2-1873103371 .md figure {
   margin: 1em 40px;
 }
 
-.md hr {
+.d2-1873103371 .md hr {
   box-sizing: content-box;
   overflow: hidden;
   background: transparent;
@@ -215,7 +215,7 @@
   border: 0;
 }
 
-.md input {
+.d2-1873103371 .md input {
   font: inherit;
   margin: 0;
   overflow: visible;
@@ -224,72 +224,72 @@
   line-height: inherit;
 }
 
-.md [type="button"],
-.md [type="reset"],
-.md [type="submit"] {
+.d2-1873103371 .md [type="button"],
+.d2-1873103371 .md [type="reset"],
+.d2-1873103371 .md [type="submit"] {
   -webkit-appearance: button;
 }
 
-.md [type="button"]::-moz-focus-inner,
-.md [type="reset"]::-moz-focus-inner,
-.md [type="submit"]::-moz-focus-inner {
+.d2-1873103371 .md [type="button"]::-moz-focus-inner,
+.d2-1873103371 .md [type="reset"]::-moz-focus-inner,
+.d2-1873103371 .md [type="submit"]::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.md [type="button"]:-moz-focusring,
-.md [type="reset"]:-moz-focusring,
-.md [type="submit"]:-moz-focusring {
+.d2-1873103371 .md [type="button"]:-moz-focusring,
+.d2-1873103371 .md [type="reset"]:-moz-focusring,
+.d2-1873103371 .md [type="submit"]:-moz-focusring {
   outline: 1px dotted ButtonText;
 }
 
-.md [type="checkbox"],
-.md [type="radio"] {
+.d2-1873103371 .md [type="checkbox"],
+.d2-1873103371 .md [type="radio"] {
   box-sizing: border-box;
   padding: 0;
 }
 
-.md [type="number"]::-webkit-inner-spin-button,
-.md [type="number"]::-webkit-outer-spin-button {
+.d2-1873103371 .md [type="number"]::-webkit-inner-spin-button,
+.d2-1873103371 .md [type="number"]::-webkit-outer-spin-button {
   height: auto;
 }
 
-.md [type="search"] {
+.d2-1873103371 .md [type="search"] {
   -webkit-appearance: textfield;
   outline-offset: -2px;
 }
 
-.md [type="search"]::-webkit-search-cancel-button,
-.md [type="search"]::-webkit-search-decoration {
+.d2-1873103371 .md [type="search"]::-webkit-search-cancel-button,
+.d2-1873103371 .md [type="search"]::-webkit-search-decoration {
   -webkit-appearance: none;
 }
 
-.md ::-webkit-input-placeholder {
+.d2-1873103371 .md ::-webkit-input-placeholder {
   color: inherit;
   opacity: 0.54;
 }
 
-.md ::-webkit-file-upload-button {
+.d2-1873103371 .md ::-webkit-file-upload-button {
   -webkit-appearance: button;
   font: inherit;
 }
 
-.md a:hover {
+.d2-1873103371 .md a:hover {
   text-decoration: underline;
 }
 
-.md hr::before {
+.d2-1873103371 .md hr::before {
   display: table;
   content: "";
 }
 
-.md hr::after {
+.d2-1873103371 .md hr::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md table {
+.d2-1873103371 .md table {
   border-spacing: 0;
   border-collapse: collapse;
   display: block;
@@ -298,20 +298,20 @@
   overflow: auto;
 }
 
-.md td,
-.md th {
+.d2-1873103371 .md td,
+.d2-1873103371 .md th {
   padding: 0;
 }
 
-.md details summary {
+.d2-1873103371 .md details summary {
   cursor: pointer;
 }
 
-.md details:not([open]) > *:not(summary) {
+.d2-1873103371 .md details:not([open]) > *:not(summary) {
   display: none !important;
 }
 
-.md kbd {
+.d2-1873103371 .md kbd {
   display: inline-block;
   padding: 3px 5px;
   color: var(--color-fg-default);
@@ -323,12 +323,12 @@
   box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
 }
 
-.md h1,
-.md h2,
-.md h3,
-.md h4,
-.md h5,
-.md h6 {
+.d2-1873103371 .md h1,
+.d2-1873103371 .md h2,
+.d2-1873103371 .md h3,
+.d2-1873103371 .md h4,
+.d2-1873103371 .md h5,
+.d2-1873103371 .md h6 {
   margin-top: 24px;
   margin-bottom: 16px;
   font-weight: 600;
@@ -336,222 +336,222 @@
   font-family: "d2-1873103371-font-regular";
 }
 
-.md h2 {
+.d2-1873103371 .md h2 {
   font-weight: 600;
   padding-bottom: 0.3em;
   font-size: 1.5em;
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md h3 {
+.d2-1873103371 .md h3 {
   font-weight: 600;
   font-size: 1.25em;
 }
 
-.md h4 {
+.d2-1873103371 .md h4 {
   font-weight: 600;
   font-size: 1em;
 }
 
-.md h5 {
+.d2-1873103371 .md h5 {
   font-weight: 600;
   font-size: 0.875em;
 }
 
-.md h6 {
+.d2-1873103371 .md h6 {
   font-weight: 600;
   font-size: 0.85em;
   color: var(--color-fg-muted);
 }
 
-.md p {
+.d2-1873103371 .md p {
   margin-top: 0;
   margin-bottom: 10px;
 }
 
-.md blockquote {
+.d2-1873103371 .md blockquote {
   margin: 0;
   padding: 0 1em;
   color: var(--color-fg-muted);
   border-left: 0.25em solid var(--color-border-default);
 }
 
-.md ul,
-.md ol {
+.d2-1873103371 .md ul,
+.d2-1873103371 .md ol {
   margin-top: 0;
   margin-bottom: 0;
   padding-left: 2em;
 }
 
-.md ol ol,
-.md ul ol {
+.d2-1873103371 .md ol ol,
+.d2-1873103371 .md ul ol {
   list-style-type: lower-roman;
 }
 
-.md ul ul ol,
-.md ul ol ol,
-.md ol ul ol,
-.md ol ol ol {
+.d2-1873103371 .md ul ul ol,
+.d2-1873103371 .md ul ol ol,
+.d2-1873103371 .md ol ul ol,
+.d2-1873103371 .md ol ol ol {
   list-style-type: lower-alpha;
 }
 
-.md dd {
+.d2-1873103371 .md dd {
   margin-left: 0;
 }
 
-.md pre {
+.d2-1873103371 .md pre {
   margin-top: 0;
   margin-bottom: 0;
   word-wrap: normal;
 }
 
-.md ::placeholder {
+.d2-1873103371 .md ::placeholder {
   color: var(--color-fg-subtle);
   opacity: 1;
 }
 
-.md input::-webkit-outer-spin-button,
-.md input::-webkit-inner-spin-button {
+.d2-1873103371 .md input::-webkit-outer-spin-button,
+.d2-1873103371 .md input::-webkit-inner-spin-button {
   margin: 0;
   -webkit-appearance: none;
   appearance: none;
 }
 
-.md::before {
+.d2-1873103371 .md::before {
   display: table;
   content: "";
 }
 
-.md::after {
+.d2-1873103371 .md::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md > *:first-child {
+.d2-1873103371 .md > *:first-child {
   margin-top: 0 !important;
 }
 
-.md > *:last-child {
+.d2-1873103371 .md > *:last-child {
   margin-bottom: 0 !important;
 }
 
-.md a:not([href]) {
+.d2-1873103371 .md a:not([href]) {
   color: inherit;
   text-decoration: none;
 }
 
-.md .absent {
+.d2-1873103371 .md .absent {
   color: var(--color-danger-fg);
 }
 
-.md .anchor {
+.d2-1873103371 .md .anchor {
   float: left;
   padding-right: 4px;
   margin-left: -20px;
   line-height: 1;
 }
 
-.md .anchor:focus {
+.d2-1873103371 .md .anchor:focus {
   outline: none;
 }
 
-.md p,
-.md blockquote,
-.md ul,
-.md ol,
-.md dl,
-.md table,
-.md pre,
-.md details {
+.d2-1873103371 .md p,
+.d2-1873103371 .md blockquote,
+.d2-1873103371 .md ul,
+.d2-1873103371 .md ol,
+.d2-1873103371 .md dl,
+.d2-1873103371 .md table,
+.d2-1873103371 .md pre,
+.d2-1873103371 .md details {
   margin-top: 0;
   margin-bottom: 16px;
 }
 
-.md blockquote > :first-child {
+.d2-1873103371 .md blockquote > :first-child {
   margin-top: 0;
 }
 
-.md blockquote > :last-child {
+.d2-1873103371 .md blockquote > :last-child {
   margin-bottom: 0;
 }
 
-.md sup > a::before {
+.d2-1873103371 .md sup > a::before {
   content: "[";
 }
 
-.md sup > a::after {
+.d2-1873103371 .md sup > a::after {
   content: "]";
 }
 
-.md h1:hover .anchor,
-.md h2:hover .anchor,
-.md h3:hover .anchor,
-.md h4:hover .anchor,
-.md h5:hover .anchor,
-.md h6:hover .anchor {
+.d2-1873103371 .md h1:hover .anchor,
+.d2-1873103371 .md h2:hover .anchor,
+.d2-1873103371 .md h3:hover .anchor,
+.d2-1873103371 .md h4:hover .anchor,
+.d2-1873103371 .md h5:hover .anchor,
+.d2-1873103371 .md h6:hover .anchor {
   text-decoration: none;
 }
 
-.md h1 tt,
-.md h1 code,
-.md h2 tt,
-.md h2 code,
-.md h3 tt,
-.md h3 code,
-.md h4 tt,
-.md h4 code,
-.md h5 tt,
-.md h5 code,
-.md h6 tt,
-.md h6 code {
+.d2-1873103371 .md h1 tt,
+.d2-1873103371 .md h1 code,
+.d2-1873103371 .md h2 tt,
+.d2-1873103371 .md h2 code,
+.d2-1873103371 .md h3 tt,
+.d2-1873103371 .md h3 code,
+.d2-1873103371 .md h4 tt,
+.d2-1873103371 .md h4 code,
+.d2-1873103371 .md h5 tt,
+.d2-1873103371 .md h5 code,
+.d2-1873103371 .md h6 tt,
+.d2-1873103371 .md h6 code {
   padding: 0 0.2em;
   font-size: inherit;
 }
 
-.md ul.no-list,
-.md ol.no-list {
+.d2-1873103371 .md ul.no-list,
+.d2-1873103371 .md ol.no-list {
   padding: 0;
   list-style-type: none;
 }
 
-.md ol[type="1"] {
+.d2-1873103371 .md ol[type="1"] {
   list-style-type: decimal;
 }
 
-.md ol[type="a"] {
+.d2-1873103371 .md ol[type="a"] {
   list-style-type: lower-alpha;
 }
 
-.md ol[type="i"] {
+.d2-1873103371 .md ol[type="i"] {
   list-style-type: lower-roman;
 }
 
-.md div > ol:not([type]) {
+.d2-1873103371 .md div > ol:not([type]) {
   list-style-type: decimal;
 }
 
-.md ul ul,
-.md ul ol,
-.md ol ol,
-.md ol ul {
+.d2-1873103371 .md ul ul,
+.d2-1873103371 .md ul ol,
+.d2-1873103371 .md ol ol,
+.d2-1873103371 .md ol ul {
   margin-top: 0;
   margin-bottom: 0;
 }
 
-.md li > p {
+.d2-1873103371 .md li > p {
   margin-top: 16px;
 }
 
-.md li + li {
+.d2-1873103371 .md li + li {
   margin-top: 0.25em;
 }
 
-.md dl {
+.d2-1873103371 .md dl {
   padding: 0;
 }
 
-.md dl dt {
+.d2-1873103371 .md dl dt {
   padding: 0;
   margin-top: 16px;
   font-size: 1em;
@@ -559,48 +559,48 @@
   font-weight: 600;
 }
 
-.md dl dd {
+.d2-1873103371 .md dl dd {
   padding: 0 16px;
   margin-bottom: 16px;
 }
 
-.md table th {
+.d2-1873103371 .md table th {
   font-weight: 600;
 }
 
-.md table th,
-.md table td {
+.d2-1873103371 .md table th,
+.d2-1873103371 .md table td {
   padding: 6px 13px;
   border: 1px solid var(--color-border-default);
 }
 
-.md table tr {
+.d2-1873103371 .md table tr {
   background-color: var(--color-canvas-default);
   border-top: 1px solid var(--color-border-muted);
 }
 
-.md table tr:nth-child(2n) {
+.d2-1873103371 .md table tr:nth-child(2n) {
   background-color: var(--color-canvas-subtle);
 }
 
-.md table img {
+.d2-1873103371 .md table img {
   background-color: transparent;
 }
 
-.md img[align="right"] {
+.d2-1873103371 .md img[align="right"] {
   padding-left: 20px;
 }
 
-.md img[align="left"] {
+.d2-1873103371 .md img[align="left"] {
   padding-right: 20px;
 }
 
-.md span.frame {
+.d2-1873103371 .md span.frame {
   display: block;
   overflow: hidden;
 }
 
-.md span.frame > span {
+.d2-1873103371 .md span.frame > span {
   display: block;
   float: left;
   width: auto;
@@ -610,81 +610,81 @@
   border: 1px solid var(--color-border-default);
 }
 
-.md span.frame span img {
+.d2-1873103371 .md span.frame span img {
   display: block;
   float: left;
 }
 
-.md span.frame span span {
+.d2-1873103371 .md span.frame span span {
   display: block;
   padding: 5px 0 0;
   clear: both;
   color: var(--color-fg-default);
 }
 
-.md span.align-center {
+.d2-1873103371 .md span.align-center {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-center > span {
+.d2-1873103371 .md span.align-center > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: center;
 }
 
-.md span.align-center span img {
+.d2-1873103371 .md span.align-center span img {
   margin: 0 auto;
   text-align: center;
 }
 
-.md span.align-right {
+.d2-1873103371 .md span.align-right {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-right > span {
+.d2-1873103371 .md span.align-right > span {
   display: block;
   margin: 13px 0 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md span.align-right span img {
+.d2-1873103371 .md span.align-right span img {
   margin: 0;
   text-align: right;
 }
 
-.md span.float-left {
+.d2-1873103371 .md span.float-left {
   display: block;
   float: left;
   margin-right: 13px;
   overflow: hidden;
 }
 
-.md span.float-left span {
+.d2-1873103371 .md span.float-left span {
   margin: 13px 0 0;
 }
 
-.md span.float-right {
+.d2-1873103371 .md span.float-right {
   display: block;
   float: right;
   margin-left: 13px;
   overflow: hidden;
 }
 
-.md span.float-right > span {
+.d2-1873103371 .md span.float-right > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md code,
-.md tt {
+.d2-1873103371 .md code,
+.d2-1873103371 .md tt {
   padding: 0.2em 0.4em;
   margin: 0;
   font-size: 85%;
@@ -692,20 +692,20 @@
   border-radius: 6px;
 }
 
-.md code br,
-.md tt br {
+.d2-1873103371 .md code br,
+.d2-1873103371 .md tt br {
   display: none;
 }
 
-.md del code {
+.d2-1873103371 .md del code {
   text-decoration: inherit;
 }
 
-.md pre code {
+.d2-1873103371 .md pre code {
   font-size: 100%;
 }
 
-.md pre > code {
+.d2-1873103371 .md pre > code {
   padding: 0;
   margin: 0;
   word-break: normal;
@@ -714,17 +714,17 @@
   border: 0;
 }
 
-.md .highlight {
+.d2-1873103371 .md .highlight {
   margin-bottom: 16px;
 }
 
-.md .highlight pre {
+.d2-1873103371 .md .highlight pre {
   margin-bottom: 0;
   word-break: normal;
 }
 
-.md .highlight pre,
-.md pre {
+.d2-1873103371 .md .highlight pre,
+.d2-1873103371 .md pre {
   padding: 16px;
   overflow: auto;
   font-size: 85%;
@@ -733,8 +733,8 @@
   border-radius: 6px;
 }
 
-.md pre code,
-.md pre tt {
+.d2-1873103371 .md pre code,
+.d2-1873103371 .md pre tt {
   display: inline;
   max-width: auto;
   padding: 0;
@@ -746,8 +746,8 @@
   border: 0;
 }
 
-.md .csv-data td,
-.md .csv-data th {
+.d2-1873103371 .md .csv-data td,
+.d2-1873103371 .md .csv-data th {
   padding: 5px;
   overflow: hidden;
   font-size: 12px;
@@ -756,38 +756,38 @@
   white-space: nowrap;
 }
 
-.md .csv-data .blob-num {
+.d2-1873103371 .md .csv-data .blob-num {
   padding: 10px 8px 9px;
   text-align: right;
   background: var(--color-canvas-default);
   border: 0;
 }
 
-.md .csv-data tr {
+.d2-1873103371 .md .csv-data tr {
   border-top: 0;
 }
 
-.md .csv-data th {
+.d2-1873103371 .md .csv-data th {
   font-weight: 600;
   background: var(--color-canvas-subtle);
   border-top: 0;
 }
 
-.md .footnotes {
+.d2-1873103371 .md .footnotes {
   font-size: 12px;
   color: var(--color-fg-muted);
   border-top: 1px solid var(--color-border-default);
 }
 
-.md .footnotes ol {
+.d2-1873103371 .md .footnotes ol {
   padding-left: 16px;
 }
 
-.md .footnotes li {
+.d2-1873103371 .md .footnotes li {
   position: relative;
 }
 
-.md .footnotes li:target::before {
+.d2-1873103371 .md .footnotes li:target::before {
   position: absolute;
   top: -8px;
   right: -8px;
@@ -799,36 +799,36 @@
   border-radius: 6px;
 }
 
-.md .footnotes li:target {
+.d2-1873103371 .md .footnotes li:target {
   color: var(--color-fg-default);
 }
 
-.md .task-list-item {
+.d2-1873103371 .md .task-list-item {
   list-style-type: none;
 }
 
-.md .task-list-item label {
+.d2-1873103371 .md .task-list-item label {
   font-weight: 400;
 }
 
-.md .task-list-item.enabled label {
+.d2-1873103371 .md .task-list-item.enabled label {
   cursor: pointer;
 }
 
-.md .task-list-item + .task-list-item {
+.d2-1873103371 .md .task-list-item + .task-list-item {
   margin-top: 3px;
 }
 
-.md .task-list-item .handle {
+.d2-1873103371 .md .task-list-item .handle {
   display: none;
 }
 
-.md .task-list-item-checkbox {
+.d2-1873103371 .md .task-list-item-checkbox {
   margin: 0 0.2em 0.25em -1.6em;
   vertical-align: middle;
 }
 
-.md .contains-task-list:dir(rtl) .task-list-item-checkbox {
+.d2-1873103371 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
 </style><g id="copy"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="0.000000" y="0.000000" width="150" height="383"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><h1>Headline 1</h1>
diff --git a/e2etests/testdata/stable/br/elk/sketch.exp.svg b/e2etests/testdata/stable/br/elk/sketch.exp.svg
index 70854080c..98fd0e2cf 100644
--- a/e2etests/testdata/stable/br/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/br/elk/sketch.exp.svg
@@ -89,31 +89,31 @@
 		.d2-658790083 .color-AA4{color:#EDF0FD;}
 		.d2-658790083 .color-AA5{color:#F7F8FE;}
 		.d2-658790083 .color-AB4{color:#EDF0FD;}
-		.d2-658790083 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.md em,
-.md dfn {
+		.d2-658790083 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.d2-658790083 .md em,
+.d2-658790083 .md dfn {
   font-family: "d2-658790083-font-italic";
 }
 
-.md b,
-.md strong {
+.d2-658790083 .md b,
+.d2-658790083 .md strong {
   font-family: "d2-658790083-font-bold";
 }
 
-.md code,
-.md kbd,
-.md pre,
-.md samp {
+.d2-658790083 .md code,
+.d2-658790083 .md kbd,
+.d2-658790083 .md pre,
+.d2-658790083 .md samp {
   font-family: "d2-658790083-font-mono";
   font-size: 1em;
 }
 
-.md {
+.d2-658790083 .md {
   tab-size: 4;
 }
 
 /* variables are provided in d2renderers/d2svg/d2svg.go */
 
-.md {
+.d2-658790083 .md {
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
   margin: 0;
@@ -125,41 +125,41 @@
   word-wrap: break-word;
 }
 
-.md details,
-.md figcaption,
-.md figure {
+.d2-658790083 .md details,
+.d2-658790083 .md figcaption,
+.d2-658790083 .md figure {
   display: block;
 }
 
-.md summary {
+.d2-658790083 .md summary {
   display: list-item;
 }
 
-.md [hidden] {
+.d2-658790083 .md [hidden] {
   display: none !important;
 }
 
-.md a {
+.d2-658790083 .md a {
   background-color: transparent;
   color: var(--color-accent-fg);
   text-decoration: none;
 }
 
-.md a:active,
-.md a:hover {
+.d2-658790083 .md a:active,
+.d2-658790083 .md a:hover {
   outline-width: 0;
 }
 
-.md abbr[title] {
+.d2-658790083 .md abbr[title] {
   border-bottom: none;
   text-decoration: underline dotted;
 }
 
-.md dfn {
+.d2-658790083 .md dfn {
   font-style: italic;
 }
 
-.md h1 {
+.d2-658790083 .md h1 {
   margin: 0.67em 0;
   font-weight: 600;
   padding-bottom: 0.3em;
@@ -167,43 +167,43 @@
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md mark {
+.d2-658790083 .md mark {
   background-color: var(--color-attention-subtle);
   color: var(--color-text-primary);
 }
 
-.md small {
+.d2-658790083 .md small {
   font-size: 90%;
 }
 
-.md sub,
-.md sup {
+.d2-658790083 .md sub,
+.d2-658790083 .md sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
 }
 
-.md sub {
+.d2-658790083 .md sub {
   bottom: -0.25em;
 }
 
-.md sup {
+.d2-658790083 .md sup {
   top: -0.5em;
 }
 
-.md img {
+.d2-658790083 .md img {
   border-style: none;
   max-width: 100%;
   box-sizing: content-box;
   background-color: var(--color-canvas-default);
 }
 
-.md figure {
+.d2-658790083 .md figure {
   margin: 1em 40px;
 }
 
-.md hr {
+.d2-658790083 .md hr {
   box-sizing: content-box;
   overflow: hidden;
   background: transparent;
@@ -215,7 +215,7 @@
   border: 0;
 }
 
-.md input {
+.d2-658790083 .md input {
   font: inherit;
   margin: 0;
   overflow: visible;
@@ -224,72 +224,72 @@
   line-height: inherit;
 }
 
-.md [type="button"],
-.md [type="reset"],
-.md [type="submit"] {
+.d2-658790083 .md [type="button"],
+.d2-658790083 .md [type="reset"],
+.d2-658790083 .md [type="submit"] {
   -webkit-appearance: button;
 }
 
-.md [type="button"]::-moz-focus-inner,
-.md [type="reset"]::-moz-focus-inner,
-.md [type="submit"]::-moz-focus-inner {
+.d2-658790083 .md [type="button"]::-moz-focus-inner,
+.d2-658790083 .md [type="reset"]::-moz-focus-inner,
+.d2-658790083 .md [type="submit"]::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.md [type="button"]:-moz-focusring,
-.md [type="reset"]:-moz-focusring,
-.md [type="submit"]:-moz-focusring {
+.d2-658790083 .md [type="button"]:-moz-focusring,
+.d2-658790083 .md [type="reset"]:-moz-focusring,
+.d2-658790083 .md [type="submit"]:-moz-focusring {
   outline: 1px dotted ButtonText;
 }
 
-.md [type="checkbox"],
-.md [type="radio"] {
+.d2-658790083 .md [type="checkbox"],
+.d2-658790083 .md [type="radio"] {
   box-sizing: border-box;
   padding: 0;
 }
 
-.md [type="number"]::-webkit-inner-spin-button,
-.md [type="number"]::-webkit-outer-spin-button {
+.d2-658790083 .md [type="number"]::-webkit-inner-spin-button,
+.d2-658790083 .md [type="number"]::-webkit-outer-spin-button {
   height: auto;
 }
 
-.md [type="search"] {
+.d2-658790083 .md [type="search"] {
   -webkit-appearance: textfield;
   outline-offset: -2px;
 }
 
-.md [type="search"]::-webkit-search-cancel-button,
-.md [type="search"]::-webkit-search-decoration {
+.d2-658790083 .md [type="search"]::-webkit-search-cancel-button,
+.d2-658790083 .md [type="search"]::-webkit-search-decoration {
   -webkit-appearance: none;
 }
 
-.md ::-webkit-input-placeholder {
+.d2-658790083 .md ::-webkit-input-placeholder {
   color: inherit;
   opacity: 0.54;
 }
 
-.md ::-webkit-file-upload-button {
+.d2-658790083 .md ::-webkit-file-upload-button {
   -webkit-appearance: button;
   font: inherit;
 }
 
-.md a:hover {
+.d2-658790083 .md a:hover {
   text-decoration: underline;
 }
 
-.md hr::before {
+.d2-658790083 .md hr::before {
   display: table;
   content: "";
 }
 
-.md hr::after {
+.d2-658790083 .md hr::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md table {
+.d2-658790083 .md table {
   border-spacing: 0;
   border-collapse: collapse;
   display: block;
@@ -298,20 +298,20 @@
   overflow: auto;
 }
 
-.md td,
-.md th {
+.d2-658790083 .md td,
+.d2-658790083 .md th {
   padding: 0;
 }
 
-.md details summary {
+.d2-658790083 .md details summary {
   cursor: pointer;
 }
 
-.md details:not([open]) > *:not(summary) {
+.d2-658790083 .md details:not([open]) > *:not(summary) {
   display: none !important;
 }
 
-.md kbd {
+.d2-658790083 .md kbd {
   display: inline-block;
   padding: 3px 5px;
   color: var(--color-fg-default);
@@ -323,12 +323,12 @@
   box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
 }
 
-.md h1,
-.md h2,
-.md h3,
-.md h4,
-.md h5,
-.md h6 {
+.d2-658790083 .md h1,
+.d2-658790083 .md h2,
+.d2-658790083 .md h3,
+.d2-658790083 .md h4,
+.d2-658790083 .md h5,
+.d2-658790083 .md h6 {
   margin-top: 24px;
   margin-bottom: 16px;
   font-weight: 600;
@@ -336,222 +336,222 @@
   font-family: "d2-658790083-font-regular";
 }
 
-.md h2 {
+.d2-658790083 .md h2 {
   font-weight: 600;
   padding-bottom: 0.3em;
   font-size: 1.5em;
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md h3 {
+.d2-658790083 .md h3 {
   font-weight: 600;
   font-size: 1.25em;
 }
 
-.md h4 {
+.d2-658790083 .md h4 {
   font-weight: 600;
   font-size: 1em;
 }
 
-.md h5 {
+.d2-658790083 .md h5 {
   font-weight: 600;
   font-size: 0.875em;
 }
 
-.md h6 {
+.d2-658790083 .md h6 {
   font-weight: 600;
   font-size: 0.85em;
   color: var(--color-fg-muted);
 }
 
-.md p {
+.d2-658790083 .md p {
   margin-top: 0;
   margin-bottom: 10px;
 }
 
-.md blockquote {
+.d2-658790083 .md blockquote {
   margin: 0;
   padding: 0 1em;
   color: var(--color-fg-muted);
   border-left: 0.25em solid var(--color-border-default);
 }
 
-.md ul,
-.md ol {
+.d2-658790083 .md ul,
+.d2-658790083 .md ol {
   margin-top: 0;
   margin-bottom: 0;
   padding-left: 2em;
 }
 
-.md ol ol,
-.md ul ol {
+.d2-658790083 .md ol ol,
+.d2-658790083 .md ul ol {
   list-style-type: lower-roman;
 }
 
-.md ul ul ol,
-.md ul ol ol,
-.md ol ul ol,
-.md ol ol ol {
+.d2-658790083 .md ul ul ol,
+.d2-658790083 .md ul ol ol,
+.d2-658790083 .md ol ul ol,
+.d2-658790083 .md ol ol ol {
   list-style-type: lower-alpha;
 }
 
-.md dd {
+.d2-658790083 .md dd {
   margin-left: 0;
 }
 
-.md pre {
+.d2-658790083 .md pre {
   margin-top: 0;
   margin-bottom: 0;
   word-wrap: normal;
 }
 
-.md ::placeholder {
+.d2-658790083 .md ::placeholder {
   color: var(--color-fg-subtle);
   opacity: 1;
 }
 
-.md input::-webkit-outer-spin-button,
-.md input::-webkit-inner-spin-button {
+.d2-658790083 .md input::-webkit-outer-spin-button,
+.d2-658790083 .md input::-webkit-inner-spin-button {
   margin: 0;
   -webkit-appearance: none;
   appearance: none;
 }
 
-.md::before {
+.d2-658790083 .md::before {
   display: table;
   content: "";
 }
 
-.md::after {
+.d2-658790083 .md::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md > *:first-child {
+.d2-658790083 .md > *:first-child {
   margin-top: 0 !important;
 }
 
-.md > *:last-child {
+.d2-658790083 .md > *:last-child {
   margin-bottom: 0 !important;
 }
 
-.md a:not([href]) {
+.d2-658790083 .md a:not([href]) {
   color: inherit;
   text-decoration: none;
 }
 
-.md .absent {
+.d2-658790083 .md .absent {
   color: var(--color-danger-fg);
 }
 
-.md .anchor {
+.d2-658790083 .md .anchor {
   float: left;
   padding-right: 4px;
   margin-left: -20px;
   line-height: 1;
 }
 
-.md .anchor:focus {
+.d2-658790083 .md .anchor:focus {
   outline: none;
 }
 
-.md p,
-.md blockquote,
-.md ul,
-.md ol,
-.md dl,
-.md table,
-.md pre,
-.md details {
+.d2-658790083 .md p,
+.d2-658790083 .md blockquote,
+.d2-658790083 .md ul,
+.d2-658790083 .md ol,
+.d2-658790083 .md dl,
+.d2-658790083 .md table,
+.d2-658790083 .md pre,
+.d2-658790083 .md details {
   margin-top: 0;
   margin-bottom: 16px;
 }
 
-.md blockquote > :first-child {
+.d2-658790083 .md blockquote > :first-child {
   margin-top: 0;
 }
 
-.md blockquote > :last-child {
+.d2-658790083 .md blockquote > :last-child {
   margin-bottom: 0;
 }
 
-.md sup > a::before {
+.d2-658790083 .md sup > a::before {
   content: "[";
 }
 
-.md sup > a::after {
+.d2-658790083 .md sup > a::after {
   content: "]";
 }
 
-.md h1:hover .anchor,
-.md h2:hover .anchor,
-.md h3:hover .anchor,
-.md h4:hover .anchor,
-.md h5:hover .anchor,
-.md h6:hover .anchor {
+.d2-658790083 .md h1:hover .anchor,
+.d2-658790083 .md h2:hover .anchor,
+.d2-658790083 .md h3:hover .anchor,
+.d2-658790083 .md h4:hover .anchor,
+.d2-658790083 .md h5:hover .anchor,
+.d2-658790083 .md h6:hover .anchor {
   text-decoration: none;
 }
 
-.md h1 tt,
-.md h1 code,
-.md h2 tt,
-.md h2 code,
-.md h3 tt,
-.md h3 code,
-.md h4 tt,
-.md h4 code,
-.md h5 tt,
-.md h5 code,
-.md h6 tt,
-.md h6 code {
+.d2-658790083 .md h1 tt,
+.d2-658790083 .md h1 code,
+.d2-658790083 .md h2 tt,
+.d2-658790083 .md h2 code,
+.d2-658790083 .md h3 tt,
+.d2-658790083 .md h3 code,
+.d2-658790083 .md h4 tt,
+.d2-658790083 .md h4 code,
+.d2-658790083 .md h5 tt,
+.d2-658790083 .md h5 code,
+.d2-658790083 .md h6 tt,
+.d2-658790083 .md h6 code {
   padding: 0 0.2em;
   font-size: inherit;
 }
 
-.md ul.no-list,
-.md ol.no-list {
+.d2-658790083 .md ul.no-list,
+.d2-658790083 .md ol.no-list {
   padding: 0;
   list-style-type: none;
 }
 
-.md ol[type="1"] {
+.d2-658790083 .md ol[type="1"] {
   list-style-type: decimal;
 }
 
-.md ol[type="a"] {
+.d2-658790083 .md ol[type="a"] {
   list-style-type: lower-alpha;
 }
 
-.md ol[type="i"] {
+.d2-658790083 .md ol[type="i"] {
   list-style-type: lower-roman;
 }
 
-.md div > ol:not([type]) {
+.d2-658790083 .md div > ol:not([type]) {
   list-style-type: decimal;
 }
 
-.md ul ul,
-.md ul ol,
-.md ol ol,
-.md ol ul {
+.d2-658790083 .md ul ul,
+.d2-658790083 .md ul ol,
+.d2-658790083 .md ol ol,
+.d2-658790083 .md ol ul {
   margin-top: 0;
   margin-bottom: 0;
 }
 
-.md li > p {
+.d2-658790083 .md li > p {
   margin-top: 16px;
 }
 
-.md li + li {
+.d2-658790083 .md li + li {
   margin-top: 0.25em;
 }
 
-.md dl {
+.d2-658790083 .md dl {
   padding: 0;
 }
 
-.md dl dt {
+.d2-658790083 .md dl dt {
   padding: 0;
   margin-top: 16px;
   font-size: 1em;
@@ -559,48 +559,48 @@
   font-weight: 600;
 }
 
-.md dl dd {
+.d2-658790083 .md dl dd {
   padding: 0 16px;
   margin-bottom: 16px;
 }
 
-.md table th {
+.d2-658790083 .md table th {
   font-weight: 600;
 }
 
-.md table th,
-.md table td {
+.d2-658790083 .md table th,
+.d2-658790083 .md table td {
   padding: 6px 13px;
   border: 1px solid var(--color-border-default);
 }
 
-.md table tr {
+.d2-658790083 .md table tr {
   background-color: var(--color-canvas-default);
   border-top: 1px solid var(--color-border-muted);
 }
 
-.md table tr:nth-child(2n) {
+.d2-658790083 .md table tr:nth-child(2n) {
   background-color: var(--color-canvas-subtle);
 }
 
-.md table img {
+.d2-658790083 .md table img {
   background-color: transparent;
 }
 
-.md img[align="right"] {
+.d2-658790083 .md img[align="right"] {
   padding-left: 20px;
 }
 
-.md img[align="left"] {
+.d2-658790083 .md img[align="left"] {
   padding-right: 20px;
 }
 
-.md span.frame {
+.d2-658790083 .md span.frame {
   display: block;
   overflow: hidden;
 }
 
-.md span.frame > span {
+.d2-658790083 .md span.frame > span {
   display: block;
   float: left;
   width: auto;
@@ -610,81 +610,81 @@
   border: 1px solid var(--color-border-default);
 }
 
-.md span.frame span img {
+.d2-658790083 .md span.frame span img {
   display: block;
   float: left;
 }
 
-.md span.frame span span {
+.d2-658790083 .md span.frame span span {
   display: block;
   padding: 5px 0 0;
   clear: both;
   color: var(--color-fg-default);
 }
 
-.md span.align-center {
+.d2-658790083 .md span.align-center {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-center > span {
+.d2-658790083 .md span.align-center > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: center;
 }
 
-.md span.align-center span img {
+.d2-658790083 .md span.align-center span img {
   margin: 0 auto;
   text-align: center;
 }
 
-.md span.align-right {
+.d2-658790083 .md span.align-right {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-right > span {
+.d2-658790083 .md span.align-right > span {
   display: block;
   margin: 13px 0 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md span.align-right span img {
+.d2-658790083 .md span.align-right span img {
   margin: 0;
   text-align: right;
 }
 
-.md span.float-left {
+.d2-658790083 .md span.float-left {
   display: block;
   float: left;
   margin-right: 13px;
   overflow: hidden;
 }
 
-.md span.float-left span {
+.d2-658790083 .md span.float-left span {
   margin: 13px 0 0;
 }
 
-.md span.float-right {
+.d2-658790083 .md span.float-right {
   display: block;
   float: right;
   margin-left: 13px;
   overflow: hidden;
 }
 
-.md span.float-right > span {
+.d2-658790083 .md span.float-right > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md code,
-.md tt {
+.d2-658790083 .md code,
+.d2-658790083 .md tt {
   padding: 0.2em 0.4em;
   margin: 0;
   font-size: 85%;
@@ -692,20 +692,20 @@
   border-radius: 6px;
 }
 
-.md code br,
-.md tt br {
+.d2-658790083 .md code br,
+.d2-658790083 .md tt br {
   display: none;
 }
 
-.md del code {
+.d2-658790083 .md del code {
   text-decoration: inherit;
 }
 
-.md pre code {
+.d2-658790083 .md pre code {
   font-size: 100%;
 }
 
-.md pre > code {
+.d2-658790083 .md pre > code {
   padding: 0;
   margin: 0;
   word-break: normal;
@@ -714,17 +714,17 @@
   border: 0;
 }
 
-.md .highlight {
+.d2-658790083 .md .highlight {
   margin-bottom: 16px;
 }
 
-.md .highlight pre {
+.d2-658790083 .md .highlight pre {
   margin-bottom: 0;
   word-break: normal;
 }
 
-.md .highlight pre,
-.md pre {
+.d2-658790083 .md .highlight pre,
+.d2-658790083 .md pre {
   padding: 16px;
   overflow: auto;
   font-size: 85%;
@@ -733,8 +733,8 @@
   border-radius: 6px;
 }
 
-.md pre code,
-.md pre tt {
+.d2-658790083 .md pre code,
+.d2-658790083 .md pre tt {
   display: inline;
   max-width: auto;
   padding: 0;
@@ -746,8 +746,8 @@
   border: 0;
 }
 
-.md .csv-data td,
-.md .csv-data th {
+.d2-658790083 .md .csv-data td,
+.d2-658790083 .md .csv-data th {
   padding: 5px;
   overflow: hidden;
   font-size: 12px;
@@ -756,38 +756,38 @@
   white-space: nowrap;
 }
 
-.md .csv-data .blob-num {
+.d2-658790083 .md .csv-data .blob-num {
   padding: 10px 8px 9px;
   text-align: right;
   background: var(--color-canvas-default);
   border: 0;
 }
 
-.md .csv-data tr {
+.d2-658790083 .md .csv-data tr {
   border-top: 0;
 }
 
-.md .csv-data th {
+.d2-658790083 .md .csv-data th {
   font-weight: 600;
   background: var(--color-canvas-subtle);
   border-top: 0;
 }
 
-.md .footnotes {
+.d2-658790083 .md .footnotes {
   font-size: 12px;
   color: var(--color-fg-muted);
   border-top: 1px solid var(--color-border-default);
 }
 
-.md .footnotes ol {
+.d2-658790083 .md .footnotes ol {
   padding-left: 16px;
 }
 
-.md .footnotes li {
+.d2-658790083 .md .footnotes li {
   position: relative;
 }
 
-.md .footnotes li:target::before {
+.d2-658790083 .md .footnotes li:target::before {
   position: absolute;
   top: -8px;
   right: -8px;
@@ -799,36 +799,36 @@
   border-radius: 6px;
 }
 
-.md .footnotes li:target {
+.d2-658790083 .md .footnotes li:target {
   color: var(--color-fg-default);
 }
 
-.md .task-list-item {
+.d2-658790083 .md .task-list-item {
   list-style-type: none;
 }
 
-.md .task-list-item label {
+.d2-658790083 .md .task-list-item label {
   font-weight: 400;
 }
 
-.md .task-list-item.enabled label {
+.d2-658790083 .md .task-list-item.enabled label {
   cursor: pointer;
 }
 
-.md .task-list-item + .task-list-item {
+.d2-658790083 .md .task-list-item + .task-list-item {
   margin-top: 3px;
 }
 
-.md .task-list-item .handle {
+.d2-658790083 .md .task-list-item .handle {
   display: none;
 }
 
-.md .task-list-item-checkbox {
+.d2-658790083 .md .task-list-item-checkbox {
   margin: 0 0.2em 0.25em -1.6em;
   vertical-align: middle;
 }
 
-.md .contains-task-list:dir(rtl) .task-list-item-checkbox {
+.d2-658790083 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
 </style><g id="copy"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="12.000000" y="12.000000" width="150" height="383"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><h1>Headline 1</h1>
diff --git a/e2etests/testdata/stable/chaos2/dagre/sketch.exp.svg b/e2etests/testdata/stable/chaos2/dagre/sketch.exp.svg
index b7776e4c0..7153bec1e 100644
--- a/e2etests/testdata/stable/chaos2/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/chaos2/dagre/sketch.exp.svg
@@ -103,31 +103,31 @@
 		.d2-833193616 .color-AA4{color:#EDF0FD;}
 		.d2-833193616 .color-AA5{color:#F7F8FE;}
 		.d2-833193616 .color-AB4{color:#EDF0FD;}
-		.d2-833193616 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.md em,
-.md dfn {
+		.d2-833193616 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.d2-833193616 .md em,
+.d2-833193616 .md dfn {
   font-family: "d2-833193616-font-italic";
 }
 
-.md b,
-.md strong {
+.d2-833193616 .md b,
+.d2-833193616 .md strong {
   font-family: "d2-833193616-font-bold";
 }
 
-.md code,
-.md kbd,
-.md pre,
-.md samp {
+.d2-833193616 .md code,
+.d2-833193616 .md kbd,
+.d2-833193616 .md pre,
+.d2-833193616 .md samp {
   font-family: "d2-833193616-font-mono";
   font-size: 1em;
 }
 
-.md {
+.d2-833193616 .md {
   tab-size: 4;
 }
 
 /* variables are provided in d2renderers/d2svg/d2svg.go */
 
-.md {
+.d2-833193616 .md {
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
   margin: 0;
@@ -139,41 +139,41 @@
   word-wrap: break-word;
 }
 
-.md details,
-.md figcaption,
-.md figure {
+.d2-833193616 .md details,
+.d2-833193616 .md figcaption,
+.d2-833193616 .md figure {
   display: block;
 }
 
-.md summary {
+.d2-833193616 .md summary {
   display: list-item;
 }
 
-.md [hidden] {
+.d2-833193616 .md [hidden] {
   display: none !important;
 }
 
-.md a {
+.d2-833193616 .md a {
   background-color: transparent;
   color: var(--color-accent-fg);
   text-decoration: none;
 }
 
-.md a:active,
-.md a:hover {
+.d2-833193616 .md a:active,
+.d2-833193616 .md a:hover {
   outline-width: 0;
 }
 
-.md abbr[title] {
+.d2-833193616 .md abbr[title] {
   border-bottom: none;
   text-decoration: underline dotted;
 }
 
-.md dfn {
+.d2-833193616 .md dfn {
   font-style: italic;
 }
 
-.md h1 {
+.d2-833193616 .md h1 {
   margin: 0.67em 0;
   font-weight: 600;
   padding-bottom: 0.3em;
@@ -181,43 +181,43 @@
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md mark {
+.d2-833193616 .md mark {
   background-color: var(--color-attention-subtle);
   color: var(--color-text-primary);
 }
 
-.md small {
+.d2-833193616 .md small {
   font-size: 90%;
 }
 
-.md sub,
-.md sup {
+.d2-833193616 .md sub,
+.d2-833193616 .md sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
 }
 
-.md sub {
+.d2-833193616 .md sub {
   bottom: -0.25em;
 }
 
-.md sup {
+.d2-833193616 .md sup {
   top: -0.5em;
 }
 
-.md img {
+.d2-833193616 .md img {
   border-style: none;
   max-width: 100%;
   box-sizing: content-box;
   background-color: var(--color-canvas-default);
 }
 
-.md figure {
+.d2-833193616 .md figure {
   margin: 1em 40px;
 }
 
-.md hr {
+.d2-833193616 .md hr {
   box-sizing: content-box;
   overflow: hidden;
   background: transparent;
@@ -229,7 +229,7 @@
   border: 0;
 }
 
-.md input {
+.d2-833193616 .md input {
   font: inherit;
   margin: 0;
   overflow: visible;
@@ -238,72 +238,72 @@
   line-height: inherit;
 }
 
-.md [type="button"],
-.md [type="reset"],
-.md [type="submit"] {
+.d2-833193616 .md [type="button"],
+.d2-833193616 .md [type="reset"],
+.d2-833193616 .md [type="submit"] {
   -webkit-appearance: button;
 }
 
-.md [type="button"]::-moz-focus-inner,
-.md [type="reset"]::-moz-focus-inner,
-.md [type="submit"]::-moz-focus-inner {
+.d2-833193616 .md [type="button"]::-moz-focus-inner,
+.d2-833193616 .md [type="reset"]::-moz-focus-inner,
+.d2-833193616 .md [type="submit"]::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.md [type="button"]:-moz-focusring,
-.md [type="reset"]:-moz-focusring,
-.md [type="submit"]:-moz-focusring {
+.d2-833193616 .md [type="button"]:-moz-focusring,
+.d2-833193616 .md [type="reset"]:-moz-focusring,
+.d2-833193616 .md [type="submit"]:-moz-focusring {
   outline: 1px dotted ButtonText;
 }
 
-.md [type="checkbox"],
-.md [type="radio"] {
+.d2-833193616 .md [type="checkbox"],
+.d2-833193616 .md [type="radio"] {
   box-sizing: border-box;
   padding: 0;
 }
 
-.md [type="number"]::-webkit-inner-spin-button,
-.md [type="number"]::-webkit-outer-spin-button {
+.d2-833193616 .md [type="number"]::-webkit-inner-spin-button,
+.d2-833193616 .md [type="number"]::-webkit-outer-spin-button {
   height: auto;
 }
 
-.md [type="search"] {
+.d2-833193616 .md [type="search"] {
   -webkit-appearance: textfield;
   outline-offset: -2px;
 }
 
-.md [type="search"]::-webkit-search-cancel-button,
-.md [type="search"]::-webkit-search-decoration {
+.d2-833193616 .md [type="search"]::-webkit-search-cancel-button,
+.d2-833193616 .md [type="search"]::-webkit-search-decoration {
   -webkit-appearance: none;
 }
 
-.md ::-webkit-input-placeholder {
+.d2-833193616 .md ::-webkit-input-placeholder {
   color: inherit;
   opacity: 0.54;
 }
 
-.md ::-webkit-file-upload-button {
+.d2-833193616 .md ::-webkit-file-upload-button {
   -webkit-appearance: button;
   font: inherit;
 }
 
-.md a:hover {
+.d2-833193616 .md a:hover {
   text-decoration: underline;
 }
 
-.md hr::before {
+.d2-833193616 .md hr::before {
   display: table;
   content: "";
 }
 
-.md hr::after {
+.d2-833193616 .md hr::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md table {
+.d2-833193616 .md table {
   border-spacing: 0;
   border-collapse: collapse;
   display: block;
@@ -312,20 +312,20 @@
   overflow: auto;
 }
 
-.md td,
-.md th {
+.d2-833193616 .md td,
+.d2-833193616 .md th {
   padding: 0;
 }
 
-.md details summary {
+.d2-833193616 .md details summary {
   cursor: pointer;
 }
 
-.md details:not([open]) > *:not(summary) {
+.d2-833193616 .md details:not([open]) > *:not(summary) {
   display: none !important;
 }
 
-.md kbd {
+.d2-833193616 .md kbd {
   display: inline-block;
   padding: 3px 5px;
   color: var(--color-fg-default);
@@ -337,12 +337,12 @@
   box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
 }
 
-.md h1,
-.md h2,
-.md h3,
-.md h4,
-.md h5,
-.md h6 {
+.d2-833193616 .md h1,
+.d2-833193616 .md h2,
+.d2-833193616 .md h3,
+.d2-833193616 .md h4,
+.d2-833193616 .md h5,
+.d2-833193616 .md h6 {
   margin-top: 24px;
   margin-bottom: 16px;
   font-weight: 600;
@@ -350,222 +350,222 @@
   font-family: "d2-833193616-font-regular";
 }
 
-.md h2 {
+.d2-833193616 .md h2 {
   font-weight: 600;
   padding-bottom: 0.3em;
   font-size: 1.5em;
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md h3 {
+.d2-833193616 .md h3 {
   font-weight: 600;
   font-size: 1.25em;
 }
 
-.md h4 {
+.d2-833193616 .md h4 {
   font-weight: 600;
   font-size: 1em;
 }
 
-.md h5 {
+.d2-833193616 .md h5 {
   font-weight: 600;
   font-size: 0.875em;
 }
 
-.md h6 {
+.d2-833193616 .md h6 {
   font-weight: 600;
   font-size: 0.85em;
   color: var(--color-fg-muted);
 }
 
-.md p {
+.d2-833193616 .md p {
   margin-top: 0;
   margin-bottom: 10px;
 }
 
-.md blockquote {
+.d2-833193616 .md blockquote {
   margin: 0;
   padding: 0 1em;
   color: var(--color-fg-muted);
   border-left: 0.25em solid var(--color-border-default);
 }
 
-.md ul,
-.md ol {
+.d2-833193616 .md ul,
+.d2-833193616 .md ol {
   margin-top: 0;
   margin-bottom: 0;
   padding-left: 2em;
 }
 
-.md ol ol,
-.md ul ol {
+.d2-833193616 .md ol ol,
+.d2-833193616 .md ul ol {
   list-style-type: lower-roman;
 }
 
-.md ul ul ol,
-.md ul ol ol,
-.md ol ul ol,
-.md ol ol ol {
+.d2-833193616 .md ul ul ol,
+.d2-833193616 .md ul ol ol,
+.d2-833193616 .md ol ul ol,
+.d2-833193616 .md ol ol ol {
   list-style-type: lower-alpha;
 }
 
-.md dd {
+.d2-833193616 .md dd {
   margin-left: 0;
 }
 
-.md pre {
+.d2-833193616 .md pre {
   margin-top: 0;
   margin-bottom: 0;
   word-wrap: normal;
 }
 
-.md ::placeholder {
+.d2-833193616 .md ::placeholder {
   color: var(--color-fg-subtle);
   opacity: 1;
 }
 
-.md input::-webkit-outer-spin-button,
-.md input::-webkit-inner-spin-button {
+.d2-833193616 .md input::-webkit-outer-spin-button,
+.d2-833193616 .md input::-webkit-inner-spin-button {
   margin: 0;
   -webkit-appearance: none;
   appearance: none;
 }
 
-.md::before {
+.d2-833193616 .md::before {
   display: table;
   content: "";
 }
 
-.md::after {
+.d2-833193616 .md::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md > *:first-child {
+.d2-833193616 .md > *:first-child {
   margin-top: 0 !important;
 }
 
-.md > *:last-child {
+.d2-833193616 .md > *:last-child {
   margin-bottom: 0 !important;
 }
 
-.md a:not([href]) {
+.d2-833193616 .md a:not([href]) {
   color: inherit;
   text-decoration: none;
 }
 
-.md .absent {
+.d2-833193616 .md .absent {
   color: var(--color-danger-fg);
 }
 
-.md .anchor {
+.d2-833193616 .md .anchor {
   float: left;
   padding-right: 4px;
   margin-left: -20px;
   line-height: 1;
 }
 
-.md .anchor:focus {
+.d2-833193616 .md .anchor:focus {
   outline: none;
 }
 
-.md p,
-.md blockquote,
-.md ul,
-.md ol,
-.md dl,
-.md table,
-.md pre,
-.md details {
+.d2-833193616 .md p,
+.d2-833193616 .md blockquote,
+.d2-833193616 .md ul,
+.d2-833193616 .md ol,
+.d2-833193616 .md dl,
+.d2-833193616 .md table,
+.d2-833193616 .md pre,
+.d2-833193616 .md details {
   margin-top: 0;
   margin-bottom: 16px;
 }
 
-.md blockquote > :first-child {
+.d2-833193616 .md blockquote > :first-child {
   margin-top: 0;
 }
 
-.md blockquote > :last-child {
+.d2-833193616 .md blockquote > :last-child {
   margin-bottom: 0;
 }
 
-.md sup > a::before {
+.d2-833193616 .md sup > a::before {
   content: "[";
 }
 
-.md sup > a::after {
+.d2-833193616 .md sup > a::after {
   content: "]";
 }
 
-.md h1:hover .anchor,
-.md h2:hover .anchor,
-.md h3:hover .anchor,
-.md h4:hover .anchor,
-.md h5:hover .anchor,
-.md h6:hover .anchor {
+.d2-833193616 .md h1:hover .anchor,
+.d2-833193616 .md h2:hover .anchor,
+.d2-833193616 .md h3:hover .anchor,
+.d2-833193616 .md h4:hover .anchor,
+.d2-833193616 .md h5:hover .anchor,
+.d2-833193616 .md h6:hover .anchor {
   text-decoration: none;
 }
 
-.md h1 tt,
-.md h1 code,
-.md h2 tt,
-.md h2 code,
-.md h3 tt,
-.md h3 code,
-.md h4 tt,
-.md h4 code,
-.md h5 tt,
-.md h5 code,
-.md h6 tt,
-.md h6 code {
+.d2-833193616 .md h1 tt,
+.d2-833193616 .md h1 code,
+.d2-833193616 .md h2 tt,
+.d2-833193616 .md h2 code,
+.d2-833193616 .md h3 tt,
+.d2-833193616 .md h3 code,
+.d2-833193616 .md h4 tt,
+.d2-833193616 .md h4 code,
+.d2-833193616 .md h5 tt,
+.d2-833193616 .md h5 code,
+.d2-833193616 .md h6 tt,
+.d2-833193616 .md h6 code {
   padding: 0 0.2em;
   font-size: inherit;
 }
 
-.md ul.no-list,
-.md ol.no-list {
+.d2-833193616 .md ul.no-list,
+.d2-833193616 .md ol.no-list {
   padding: 0;
   list-style-type: none;
 }
 
-.md ol[type="1"] {
+.d2-833193616 .md ol[type="1"] {
   list-style-type: decimal;
 }
 
-.md ol[type="a"] {
+.d2-833193616 .md ol[type="a"] {
   list-style-type: lower-alpha;
 }
 
-.md ol[type="i"] {
+.d2-833193616 .md ol[type="i"] {
   list-style-type: lower-roman;
 }
 
-.md div > ol:not([type]) {
+.d2-833193616 .md div > ol:not([type]) {
   list-style-type: decimal;
 }
 
-.md ul ul,
-.md ul ol,
-.md ol ol,
-.md ol ul {
+.d2-833193616 .md ul ul,
+.d2-833193616 .md ul ol,
+.d2-833193616 .md ol ol,
+.d2-833193616 .md ol ul {
   margin-top: 0;
   margin-bottom: 0;
 }
 
-.md li > p {
+.d2-833193616 .md li > p {
   margin-top: 16px;
 }
 
-.md li + li {
+.d2-833193616 .md li + li {
   margin-top: 0.25em;
 }
 
-.md dl {
+.d2-833193616 .md dl {
   padding: 0;
 }
 
-.md dl dt {
+.d2-833193616 .md dl dt {
   padding: 0;
   margin-top: 16px;
   font-size: 1em;
@@ -573,48 +573,48 @@
   font-weight: 600;
 }
 
-.md dl dd {
+.d2-833193616 .md dl dd {
   padding: 0 16px;
   margin-bottom: 16px;
 }
 
-.md table th {
+.d2-833193616 .md table th {
   font-weight: 600;
 }
 
-.md table th,
-.md table td {
+.d2-833193616 .md table th,
+.d2-833193616 .md table td {
   padding: 6px 13px;
   border: 1px solid var(--color-border-default);
 }
 
-.md table tr {
+.d2-833193616 .md table tr {
   background-color: var(--color-canvas-default);
   border-top: 1px solid var(--color-border-muted);
 }
 
-.md table tr:nth-child(2n) {
+.d2-833193616 .md table tr:nth-child(2n) {
   background-color: var(--color-canvas-subtle);
 }
 
-.md table img {
+.d2-833193616 .md table img {
   background-color: transparent;
 }
 
-.md img[align="right"] {
+.d2-833193616 .md img[align="right"] {
   padding-left: 20px;
 }
 
-.md img[align="left"] {
+.d2-833193616 .md img[align="left"] {
   padding-right: 20px;
 }
 
-.md span.frame {
+.d2-833193616 .md span.frame {
   display: block;
   overflow: hidden;
 }
 
-.md span.frame > span {
+.d2-833193616 .md span.frame > span {
   display: block;
   float: left;
   width: auto;
@@ -624,81 +624,81 @@
   border: 1px solid var(--color-border-default);
 }
 
-.md span.frame span img {
+.d2-833193616 .md span.frame span img {
   display: block;
   float: left;
 }
 
-.md span.frame span span {
+.d2-833193616 .md span.frame span span {
   display: block;
   padding: 5px 0 0;
   clear: both;
   color: var(--color-fg-default);
 }
 
-.md span.align-center {
+.d2-833193616 .md span.align-center {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-center > span {
+.d2-833193616 .md span.align-center > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: center;
 }
 
-.md span.align-center span img {
+.d2-833193616 .md span.align-center span img {
   margin: 0 auto;
   text-align: center;
 }
 
-.md span.align-right {
+.d2-833193616 .md span.align-right {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-right > span {
+.d2-833193616 .md span.align-right > span {
   display: block;
   margin: 13px 0 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md span.align-right span img {
+.d2-833193616 .md span.align-right span img {
   margin: 0;
   text-align: right;
 }
 
-.md span.float-left {
+.d2-833193616 .md span.float-left {
   display: block;
   float: left;
   margin-right: 13px;
   overflow: hidden;
 }
 
-.md span.float-left span {
+.d2-833193616 .md span.float-left span {
   margin: 13px 0 0;
 }
 
-.md span.float-right {
+.d2-833193616 .md span.float-right {
   display: block;
   float: right;
   margin-left: 13px;
   overflow: hidden;
 }
 
-.md span.float-right > span {
+.d2-833193616 .md span.float-right > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md code,
-.md tt {
+.d2-833193616 .md code,
+.d2-833193616 .md tt {
   padding: 0.2em 0.4em;
   margin: 0;
   font-size: 85%;
@@ -706,20 +706,20 @@
   border-radius: 6px;
 }
 
-.md code br,
-.md tt br {
+.d2-833193616 .md code br,
+.d2-833193616 .md tt br {
   display: none;
 }
 
-.md del code {
+.d2-833193616 .md del code {
   text-decoration: inherit;
 }
 
-.md pre code {
+.d2-833193616 .md pre code {
   font-size: 100%;
 }
 
-.md pre > code {
+.d2-833193616 .md pre > code {
   padding: 0;
   margin: 0;
   word-break: normal;
@@ -728,17 +728,17 @@
   border: 0;
 }
 
-.md .highlight {
+.d2-833193616 .md .highlight {
   margin-bottom: 16px;
 }
 
-.md .highlight pre {
+.d2-833193616 .md .highlight pre {
   margin-bottom: 0;
   word-break: normal;
 }
 
-.md .highlight pre,
-.md pre {
+.d2-833193616 .md .highlight pre,
+.d2-833193616 .md pre {
   padding: 16px;
   overflow: auto;
   font-size: 85%;
@@ -747,8 +747,8 @@
   border-radius: 6px;
 }
 
-.md pre code,
-.md pre tt {
+.d2-833193616 .md pre code,
+.d2-833193616 .md pre tt {
   display: inline;
   max-width: auto;
   padding: 0;
@@ -760,8 +760,8 @@
   border: 0;
 }
 
-.md .csv-data td,
-.md .csv-data th {
+.d2-833193616 .md .csv-data td,
+.d2-833193616 .md .csv-data th {
   padding: 5px;
   overflow: hidden;
   font-size: 12px;
@@ -770,38 +770,38 @@
   white-space: nowrap;
 }
 
-.md .csv-data .blob-num {
+.d2-833193616 .md .csv-data .blob-num {
   padding: 10px 8px 9px;
   text-align: right;
   background: var(--color-canvas-default);
   border: 0;
 }
 
-.md .csv-data tr {
+.d2-833193616 .md .csv-data tr {
   border-top: 0;
 }
 
-.md .csv-data th {
+.d2-833193616 .md .csv-data th {
   font-weight: 600;
   background: var(--color-canvas-subtle);
   border-top: 0;
 }
 
-.md .footnotes {
+.d2-833193616 .md .footnotes {
   font-size: 12px;
   color: var(--color-fg-muted);
   border-top: 1px solid var(--color-border-default);
 }
 
-.md .footnotes ol {
+.d2-833193616 .md .footnotes ol {
   padding-left: 16px;
 }
 
-.md .footnotes li {
+.d2-833193616 .md .footnotes li {
   position: relative;
 }
 
-.md .footnotes li:target::before {
+.d2-833193616 .md .footnotes li:target::before {
   position: absolute;
   top: -8px;
   right: -8px;
@@ -813,36 +813,36 @@
   border-radius: 6px;
 }
 
-.md .footnotes li:target {
+.d2-833193616 .md .footnotes li:target {
   color: var(--color-fg-default);
 }
 
-.md .task-list-item {
+.d2-833193616 .md .task-list-item {
   list-style-type: none;
 }
 
-.md .task-list-item label {
+.d2-833193616 .md .task-list-item label {
   font-weight: 400;
 }
 
-.md .task-list-item.enabled label {
+.d2-833193616 .md .task-list-item.enabled label {
   cursor: pointer;
 }
 
-.md .task-list-item + .task-list-item {
+.d2-833193616 .md .task-list-item + .task-list-item {
   margin-top: 3px;
 }
 
-.md .task-list-item .handle {
+.d2-833193616 .md .task-list-item .handle {
   display: none;
 }
 
-.md .task-list-item-checkbox {
+.d2-833193616 .md .task-list-item-checkbox {
   margin: 0 0.2em 0.25em -1.6em;
   vertical-align: middle;
 }
 
-.md .contains-task-list:dir(rtl) .task-list-item-checkbox {
+.d2-833193616 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
 </style><g id="aa"><g class="shape" ><rect x="0.000000" y="41.000000" width="834.000000" height="1314.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="417.000000" y="28.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">aa</text></g><g id="aa.bb"><g class="shape" ><rect x="20.000000" y="106.000000" width="595.000000" height="1219.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="317.500000" y="94.000000" class="text fill-N1" style="text-anchor:middle;font-size:24px">bb</text></g><g id="aa.ll"><g class="shape" ><rect x="698.000000" y="772.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="725.000000" y="810.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">ll</text></g><g id="aa.mm"><g class="shape" ><path d="M 689 457 C 689 433 721 433 725 433 C 728 433 760 433 760 457 V 527 C 760 551 728 551 725 551 C 721 551 689 551 689 527 V 457 Z" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /><path d="M 689 457 C 689 481 721 481 725 481 C 728 481 760 481 760 457" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /></g><text x="724.500000" y="509.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">mm</text></g><g id="aa.nn"><g class="shape" ></g><text x="663.000000" y="1194.000000" class="text fill-N1" style="text-anchor:middle;font-size:16px">nn</text></g><g id="aa.oo"><g class="shape" ><rect x="731.000000" y="1155.000000" width="63.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="762.500000" y="1193.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">oo</text></g><g id="aa.bb.cc"><g class="shape" ><rect x="40.000000" y="721.000000" width="421.000000" height="572.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="250.500000" y="710.000000" class="text fill-N1" style="text-anchor:middle;font-size:20px">cc</text></g><g id="aa.bb.ii"><g class="shape" ><path d="M 52 169 L 202 169 L 202 201 L 548 201 L 548 330 L 52 330 Z" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /></g><text x="300.000000" y="158.000000" class="text fill-N1" style="text-anchor:middle;font-size:20px">ii</text></g><g id="aa.bb.kk"><g class="shape" ><ellipse rx="37.000000" ry="37.000000" cx="538.000000" cy="1206.000000" class="shape stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="538.000000" y="1211.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">kk</text></g><g id="aa.bb.cc.dd"><g class="shape" ><rect x="60.000000" y="782.000000" width="223.000000" height="140.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="171.500000" y="772.000000" class="text fill-N1" style="text-anchor:middle;font-size:16px">dd</text></g><g id="aa.bb.cc.gg"><g class="shape" ></g><text x="195.500000" y="1059.000000" class="text fill-N1" style="text-anchor:middle;font-size:16px">gg</text></g><g id="aa.bb.cc.hh"><g class="shape" ><rect x="334.000000" y="1189.000000" width="63.000000" height="66.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="365.500000" y="1227.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">hh</text></g><g id="aa.bb.ii.jj"><g class="shape" ><path d="M 483 296 C 483 296 483 296 483 296 L 458 251 C 458 251 458 250 458 249 L 483 204 C 483 204 484 204 484 204 L 508 249 C 508 249 508 250 508 251 L 483 296 C 483 296 483 296 483 296 Z" class=" stroke-B1 fill-N4" style="stroke-width:2;" /></g><text x="483.000000" y="255.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">jj</text></g><g id="aa.bb.cc.dd.ee"><g class="shape" ></g><text x="118.000000" y="858.000000" class="text fill-N1" style="text-anchor:middle;font-size:16px">ee</text></g><g id="aa.bb.cc.dd.ff"><g class="shape" ><rect x="186.000000" y="819.000000" width="57.000000" height="66.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="214.500000" y="857.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">ff</text></g><g id="aa.bb.cc.(dd.ee -- gg)[0]"><path d="M 118.000000 865.500000 C 118.000000 910.300000 131.800000 995.100000 185.523029 1044.151461" fill="none" class="connection stroke-B1" style="stroke-width:2;" mask="url(#d2-833193616)" /><text x="127.500000" y="972.000000" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">11</text></g><g id="aa.bb.cc.(gg -- hh)[0]"><path d="M 195.500000 1066.000000 C 195.500000 1112.400000 223.300000 1140.300000 332.761209 1202.511766" fill="none" class="connection stroke-B1" style="stroke-width:2;" mask="url(#d2-833193616)" /><text x="240.500000" y="1156.000000" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">22</text></g><g id="aa.bb.(ii -&gt; cc.dd)[0]"><marker id="mk-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" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 104.000000 333.000000 C 104.000000 379.000000 104.000000 414.900000 104.000000 450.750000 C 104.000000 486.600000 104.000000 534.400000 104.000000 570.250000 C 104.000000 606.100000 104.000000 708.800000 104.000000 778.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-833193616)" /></g><g id="aa.(ll &lt;-&gt; bb)[0]"><marker id="mk-2451250203" markerWidth="10.000000" markerHeight="12.000000" refX="3.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="10.000000,0.000000 0.000000,6.000000 10.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 694.147149 813.609945 L 617.852851 863.247198" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-start="url(#mk-2451250203)" marker-end="url(#mk-3488378134)" mask="url(#d2-833193616)" /><text x="656.500000" y="844.000000" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">33</text></g><g id="aa.(mm -&gt; bb.cc)[0]"><path d="M 687.048644 500.438419 C 290.200000 589.600000 190.500000 634.000000 190.500000 718.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-833193616)" /><text x="393.000000" y="572.000000" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">44</text></g><g id="aa.(mm -&gt; ll)[0]"><path d="M 724.983334 553.999931 C 724.600000 600.000000 724.500000 624.100000 724.500000 642.250000 C 724.500000 660.400000 724.500000 732.500000 724.500000 768.500000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-833193616)" /></g><g id="aa.(mm &lt;-&gt; bb)[0]"><path d="M 685.933828 507.568772 L 618.066172 564.426810" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-start="url(#mk-2451250203)" marker-end="url(#mk-3488378134)" mask="url(#d2-833193616)" /><text x="652.000000" y="541.000000" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">55</text></g><g id="aa.(ll &lt;-&gt; bb.cc.gg)[0]"><path d="M 693.575367 811.589548 C 381.900000 872.963345 283.200000 968.700000 206.835579 1044.678742" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-start="url(#mk-2451250203)" marker-end="url(#mk-3488378134)" mask="url(#d2-833193616)" /></g><g id="aa.(mm &lt;- bb.ii)[0]"><path d="M 685.503371 471.057428 C 545.000000 393.000000 509.000000 364.600000 509.000000 333.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-start="url(#mk-2451250203)" mask="url(#d2-833193616)" /><text x="582.000000" y="419.000000" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">66</text></g><g id="aa.(bb.cc &lt;- ll)[0]"><path d="M 464.771478 895.167350 L 695.614261 813.599161" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-start="url(#mk-2451250203)" mask="url(#d2-833193616)" /><text x="579.000000" y="860.000000" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">77</text></g><g id="aa.(bb.ii &lt;-&gt; ll)[0]"><path d="M 481.000000 335.000000 C 481.000000 364.600000 481.000000 396.900000 481.000000 432.750000 C 481.000000 468.600000 481.000000 516.400000 481.000000 552.250000 C 481.000000 588.100000 481.000000 624.100000 481.000000 642.250000 C 481.000000 660.400000 524.300000 737.259343 693.713905 795.006177" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-start="url(#mk-2451250203)" marker-end="url(#mk-3488378134)" mask="url(#d2-833193616)" /><text x="481.000000" y="637.000000" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">88</text></g><mask id="d2-833193616" maskUnits="userSpaceOnUse" x="-1" y="0" width="836" height="1356">
diff --git a/e2etests/testdata/stable/chaos2/elk/sketch.exp.svg b/e2etests/testdata/stable/chaos2/elk/sketch.exp.svg
index fc54e7784..f7b0adb9a 100644
--- a/e2etests/testdata/stable/chaos2/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/chaos2/elk/sketch.exp.svg
@@ -103,31 +103,31 @@
 		.d2-2365889684 .color-AA4{color:#EDF0FD;}
 		.d2-2365889684 .color-AA5{color:#F7F8FE;}
 		.d2-2365889684 .color-AB4{color:#EDF0FD;}
-		.d2-2365889684 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.md em,
-.md dfn {
+		.d2-2365889684 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.d2-2365889684 .md em,
+.d2-2365889684 .md dfn {
   font-family: "d2-2365889684-font-italic";
 }
 
-.md b,
-.md strong {
+.d2-2365889684 .md b,
+.d2-2365889684 .md strong {
   font-family: "d2-2365889684-font-bold";
 }
 
-.md code,
-.md kbd,
-.md pre,
-.md samp {
+.d2-2365889684 .md code,
+.d2-2365889684 .md kbd,
+.d2-2365889684 .md pre,
+.d2-2365889684 .md samp {
   font-family: "d2-2365889684-font-mono";
   font-size: 1em;
 }
 
-.md {
+.d2-2365889684 .md {
   tab-size: 4;
 }
 
 /* variables are provided in d2renderers/d2svg/d2svg.go */
 
-.md {
+.d2-2365889684 .md {
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
   margin: 0;
@@ -139,41 +139,41 @@
   word-wrap: break-word;
 }
 
-.md details,
-.md figcaption,
-.md figure {
+.d2-2365889684 .md details,
+.d2-2365889684 .md figcaption,
+.d2-2365889684 .md figure {
   display: block;
 }
 
-.md summary {
+.d2-2365889684 .md summary {
   display: list-item;
 }
 
-.md [hidden] {
+.d2-2365889684 .md [hidden] {
   display: none !important;
 }
 
-.md a {
+.d2-2365889684 .md a {
   background-color: transparent;
   color: var(--color-accent-fg);
   text-decoration: none;
 }
 
-.md a:active,
-.md a:hover {
+.d2-2365889684 .md a:active,
+.d2-2365889684 .md a:hover {
   outline-width: 0;
 }
 
-.md abbr[title] {
+.d2-2365889684 .md abbr[title] {
   border-bottom: none;
   text-decoration: underline dotted;
 }
 
-.md dfn {
+.d2-2365889684 .md dfn {
   font-style: italic;
 }
 
-.md h1 {
+.d2-2365889684 .md h1 {
   margin: 0.67em 0;
   font-weight: 600;
   padding-bottom: 0.3em;
@@ -181,43 +181,43 @@
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md mark {
+.d2-2365889684 .md mark {
   background-color: var(--color-attention-subtle);
   color: var(--color-text-primary);
 }
 
-.md small {
+.d2-2365889684 .md small {
   font-size: 90%;
 }
 
-.md sub,
-.md sup {
+.d2-2365889684 .md sub,
+.d2-2365889684 .md sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
 }
 
-.md sub {
+.d2-2365889684 .md sub {
   bottom: -0.25em;
 }
 
-.md sup {
+.d2-2365889684 .md sup {
   top: -0.5em;
 }
 
-.md img {
+.d2-2365889684 .md img {
   border-style: none;
   max-width: 100%;
   box-sizing: content-box;
   background-color: var(--color-canvas-default);
 }
 
-.md figure {
+.d2-2365889684 .md figure {
   margin: 1em 40px;
 }
 
-.md hr {
+.d2-2365889684 .md hr {
   box-sizing: content-box;
   overflow: hidden;
   background: transparent;
@@ -229,7 +229,7 @@
   border: 0;
 }
 
-.md input {
+.d2-2365889684 .md input {
   font: inherit;
   margin: 0;
   overflow: visible;
@@ -238,72 +238,72 @@
   line-height: inherit;
 }
 
-.md [type="button"],
-.md [type="reset"],
-.md [type="submit"] {
+.d2-2365889684 .md [type="button"],
+.d2-2365889684 .md [type="reset"],
+.d2-2365889684 .md [type="submit"] {
   -webkit-appearance: button;
 }
 
-.md [type="button"]::-moz-focus-inner,
-.md [type="reset"]::-moz-focus-inner,
-.md [type="submit"]::-moz-focus-inner {
+.d2-2365889684 .md [type="button"]::-moz-focus-inner,
+.d2-2365889684 .md [type="reset"]::-moz-focus-inner,
+.d2-2365889684 .md [type="submit"]::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.md [type="button"]:-moz-focusring,
-.md [type="reset"]:-moz-focusring,
-.md [type="submit"]:-moz-focusring {
+.d2-2365889684 .md [type="button"]:-moz-focusring,
+.d2-2365889684 .md [type="reset"]:-moz-focusring,
+.d2-2365889684 .md [type="submit"]:-moz-focusring {
   outline: 1px dotted ButtonText;
 }
 
-.md [type="checkbox"],
-.md [type="radio"] {
+.d2-2365889684 .md [type="checkbox"],
+.d2-2365889684 .md [type="radio"] {
   box-sizing: border-box;
   padding: 0;
 }
 
-.md [type="number"]::-webkit-inner-spin-button,
-.md [type="number"]::-webkit-outer-spin-button {
+.d2-2365889684 .md [type="number"]::-webkit-inner-spin-button,
+.d2-2365889684 .md [type="number"]::-webkit-outer-spin-button {
   height: auto;
 }
 
-.md [type="search"] {
+.d2-2365889684 .md [type="search"] {
   -webkit-appearance: textfield;
   outline-offset: -2px;
 }
 
-.md [type="search"]::-webkit-search-cancel-button,
-.md [type="search"]::-webkit-search-decoration {
+.d2-2365889684 .md [type="search"]::-webkit-search-cancel-button,
+.d2-2365889684 .md [type="search"]::-webkit-search-decoration {
   -webkit-appearance: none;
 }
 
-.md ::-webkit-input-placeholder {
+.d2-2365889684 .md ::-webkit-input-placeholder {
   color: inherit;
   opacity: 0.54;
 }
 
-.md ::-webkit-file-upload-button {
+.d2-2365889684 .md ::-webkit-file-upload-button {
   -webkit-appearance: button;
   font: inherit;
 }
 
-.md a:hover {
+.d2-2365889684 .md a:hover {
   text-decoration: underline;
 }
 
-.md hr::before {
+.d2-2365889684 .md hr::before {
   display: table;
   content: "";
 }
 
-.md hr::after {
+.d2-2365889684 .md hr::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md table {
+.d2-2365889684 .md table {
   border-spacing: 0;
   border-collapse: collapse;
   display: block;
@@ -312,20 +312,20 @@
   overflow: auto;
 }
 
-.md td,
-.md th {
+.d2-2365889684 .md td,
+.d2-2365889684 .md th {
   padding: 0;
 }
 
-.md details summary {
+.d2-2365889684 .md details summary {
   cursor: pointer;
 }
 
-.md details:not([open]) > *:not(summary) {
+.d2-2365889684 .md details:not([open]) > *:not(summary) {
   display: none !important;
 }
 
-.md kbd {
+.d2-2365889684 .md kbd {
   display: inline-block;
   padding: 3px 5px;
   color: var(--color-fg-default);
@@ -337,12 +337,12 @@
   box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
 }
 
-.md h1,
-.md h2,
-.md h3,
-.md h4,
-.md h5,
-.md h6 {
+.d2-2365889684 .md h1,
+.d2-2365889684 .md h2,
+.d2-2365889684 .md h3,
+.d2-2365889684 .md h4,
+.d2-2365889684 .md h5,
+.d2-2365889684 .md h6 {
   margin-top: 24px;
   margin-bottom: 16px;
   font-weight: 600;
@@ -350,222 +350,222 @@
   font-family: "d2-2365889684-font-regular";
 }
 
-.md h2 {
+.d2-2365889684 .md h2 {
   font-weight: 600;
   padding-bottom: 0.3em;
   font-size: 1.5em;
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md h3 {
+.d2-2365889684 .md h3 {
   font-weight: 600;
   font-size: 1.25em;
 }
 
-.md h4 {
+.d2-2365889684 .md h4 {
   font-weight: 600;
   font-size: 1em;
 }
 
-.md h5 {
+.d2-2365889684 .md h5 {
   font-weight: 600;
   font-size: 0.875em;
 }
 
-.md h6 {
+.d2-2365889684 .md h6 {
   font-weight: 600;
   font-size: 0.85em;
   color: var(--color-fg-muted);
 }
 
-.md p {
+.d2-2365889684 .md p {
   margin-top: 0;
   margin-bottom: 10px;
 }
 
-.md blockquote {
+.d2-2365889684 .md blockquote {
   margin: 0;
   padding: 0 1em;
   color: var(--color-fg-muted);
   border-left: 0.25em solid var(--color-border-default);
 }
 
-.md ul,
-.md ol {
+.d2-2365889684 .md ul,
+.d2-2365889684 .md ol {
   margin-top: 0;
   margin-bottom: 0;
   padding-left: 2em;
 }
 
-.md ol ol,
-.md ul ol {
+.d2-2365889684 .md ol ol,
+.d2-2365889684 .md ul ol {
   list-style-type: lower-roman;
 }
 
-.md ul ul ol,
-.md ul ol ol,
-.md ol ul ol,
-.md ol ol ol {
+.d2-2365889684 .md ul ul ol,
+.d2-2365889684 .md ul ol ol,
+.d2-2365889684 .md ol ul ol,
+.d2-2365889684 .md ol ol ol {
   list-style-type: lower-alpha;
 }
 
-.md dd {
+.d2-2365889684 .md dd {
   margin-left: 0;
 }
 
-.md pre {
+.d2-2365889684 .md pre {
   margin-top: 0;
   margin-bottom: 0;
   word-wrap: normal;
 }
 
-.md ::placeholder {
+.d2-2365889684 .md ::placeholder {
   color: var(--color-fg-subtle);
   opacity: 1;
 }
 
-.md input::-webkit-outer-spin-button,
-.md input::-webkit-inner-spin-button {
+.d2-2365889684 .md input::-webkit-outer-spin-button,
+.d2-2365889684 .md input::-webkit-inner-spin-button {
   margin: 0;
   -webkit-appearance: none;
   appearance: none;
 }
 
-.md::before {
+.d2-2365889684 .md::before {
   display: table;
   content: "";
 }
 
-.md::after {
+.d2-2365889684 .md::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md > *:first-child {
+.d2-2365889684 .md > *:first-child {
   margin-top: 0 !important;
 }
 
-.md > *:last-child {
+.d2-2365889684 .md > *:last-child {
   margin-bottom: 0 !important;
 }
 
-.md a:not([href]) {
+.d2-2365889684 .md a:not([href]) {
   color: inherit;
   text-decoration: none;
 }
 
-.md .absent {
+.d2-2365889684 .md .absent {
   color: var(--color-danger-fg);
 }
 
-.md .anchor {
+.d2-2365889684 .md .anchor {
   float: left;
   padding-right: 4px;
   margin-left: -20px;
   line-height: 1;
 }
 
-.md .anchor:focus {
+.d2-2365889684 .md .anchor:focus {
   outline: none;
 }
 
-.md p,
-.md blockquote,
-.md ul,
-.md ol,
-.md dl,
-.md table,
-.md pre,
-.md details {
+.d2-2365889684 .md p,
+.d2-2365889684 .md blockquote,
+.d2-2365889684 .md ul,
+.d2-2365889684 .md ol,
+.d2-2365889684 .md dl,
+.d2-2365889684 .md table,
+.d2-2365889684 .md pre,
+.d2-2365889684 .md details {
   margin-top: 0;
   margin-bottom: 16px;
 }
 
-.md blockquote > :first-child {
+.d2-2365889684 .md blockquote > :first-child {
   margin-top: 0;
 }
 
-.md blockquote > :last-child {
+.d2-2365889684 .md blockquote > :last-child {
   margin-bottom: 0;
 }
 
-.md sup > a::before {
+.d2-2365889684 .md sup > a::before {
   content: "[";
 }
 
-.md sup > a::after {
+.d2-2365889684 .md sup > a::after {
   content: "]";
 }
 
-.md h1:hover .anchor,
-.md h2:hover .anchor,
-.md h3:hover .anchor,
-.md h4:hover .anchor,
-.md h5:hover .anchor,
-.md h6:hover .anchor {
+.d2-2365889684 .md h1:hover .anchor,
+.d2-2365889684 .md h2:hover .anchor,
+.d2-2365889684 .md h3:hover .anchor,
+.d2-2365889684 .md h4:hover .anchor,
+.d2-2365889684 .md h5:hover .anchor,
+.d2-2365889684 .md h6:hover .anchor {
   text-decoration: none;
 }
 
-.md h1 tt,
-.md h1 code,
-.md h2 tt,
-.md h2 code,
-.md h3 tt,
-.md h3 code,
-.md h4 tt,
-.md h4 code,
-.md h5 tt,
-.md h5 code,
-.md h6 tt,
-.md h6 code {
+.d2-2365889684 .md h1 tt,
+.d2-2365889684 .md h1 code,
+.d2-2365889684 .md h2 tt,
+.d2-2365889684 .md h2 code,
+.d2-2365889684 .md h3 tt,
+.d2-2365889684 .md h3 code,
+.d2-2365889684 .md h4 tt,
+.d2-2365889684 .md h4 code,
+.d2-2365889684 .md h5 tt,
+.d2-2365889684 .md h5 code,
+.d2-2365889684 .md h6 tt,
+.d2-2365889684 .md h6 code {
   padding: 0 0.2em;
   font-size: inherit;
 }
 
-.md ul.no-list,
-.md ol.no-list {
+.d2-2365889684 .md ul.no-list,
+.d2-2365889684 .md ol.no-list {
   padding: 0;
   list-style-type: none;
 }
 
-.md ol[type="1"] {
+.d2-2365889684 .md ol[type="1"] {
   list-style-type: decimal;
 }
 
-.md ol[type="a"] {
+.d2-2365889684 .md ol[type="a"] {
   list-style-type: lower-alpha;
 }
 
-.md ol[type="i"] {
+.d2-2365889684 .md ol[type="i"] {
   list-style-type: lower-roman;
 }
 
-.md div > ol:not([type]) {
+.d2-2365889684 .md div > ol:not([type]) {
   list-style-type: decimal;
 }
 
-.md ul ul,
-.md ul ol,
-.md ol ol,
-.md ol ul {
+.d2-2365889684 .md ul ul,
+.d2-2365889684 .md ul ol,
+.d2-2365889684 .md ol ol,
+.d2-2365889684 .md ol ul {
   margin-top: 0;
   margin-bottom: 0;
 }
 
-.md li > p {
+.d2-2365889684 .md li > p {
   margin-top: 16px;
 }
 
-.md li + li {
+.d2-2365889684 .md li + li {
   margin-top: 0.25em;
 }
 
-.md dl {
+.d2-2365889684 .md dl {
   padding: 0;
 }
 
-.md dl dt {
+.d2-2365889684 .md dl dt {
   padding: 0;
   margin-top: 16px;
   font-size: 1em;
@@ -573,48 +573,48 @@
   font-weight: 600;
 }
 
-.md dl dd {
+.d2-2365889684 .md dl dd {
   padding: 0 16px;
   margin-bottom: 16px;
 }
 
-.md table th {
+.d2-2365889684 .md table th {
   font-weight: 600;
 }
 
-.md table th,
-.md table td {
+.d2-2365889684 .md table th,
+.d2-2365889684 .md table td {
   padding: 6px 13px;
   border: 1px solid var(--color-border-default);
 }
 
-.md table tr {
+.d2-2365889684 .md table tr {
   background-color: var(--color-canvas-default);
   border-top: 1px solid var(--color-border-muted);
 }
 
-.md table tr:nth-child(2n) {
+.d2-2365889684 .md table tr:nth-child(2n) {
   background-color: var(--color-canvas-subtle);
 }
 
-.md table img {
+.d2-2365889684 .md table img {
   background-color: transparent;
 }
 
-.md img[align="right"] {
+.d2-2365889684 .md img[align="right"] {
   padding-left: 20px;
 }
 
-.md img[align="left"] {
+.d2-2365889684 .md img[align="left"] {
   padding-right: 20px;
 }
 
-.md span.frame {
+.d2-2365889684 .md span.frame {
   display: block;
   overflow: hidden;
 }
 
-.md span.frame > span {
+.d2-2365889684 .md span.frame > span {
   display: block;
   float: left;
   width: auto;
@@ -624,81 +624,81 @@
   border: 1px solid var(--color-border-default);
 }
 
-.md span.frame span img {
+.d2-2365889684 .md span.frame span img {
   display: block;
   float: left;
 }
 
-.md span.frame span span {
+.d2-2365889684 .md span.frame span span {
   display: block;
   padding: 5px 0 0;
   clear: both;
   color: var(--color-fg-default);
 }
 
-.md span.align-center {
+.d2-2365889684 .md span.align-center {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-center > span {
+.d2-2365889684 .md span.align-center > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: center;
 }
 
-.md span.align-center span img {
+.d2-2365889684 .md span.align-center span img {
   margin: 0 auto;
   text-align: center;
 }
 
-.md span.align-right {
+.d2-2365889684 .md span.align-right {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-right > span {
+.d2-2365889684 .md span.align-right > span {
   display: block;
   margin: 13px 0 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md span.align-right span img {
+.d2-2365889684 .md span.align-right span img {
   margin: 0;
   text-align: right;
 }
 
-.md span.float-left {
+.d2-2365889684 .md span.float-left {
   display: block;
   float: left;
   margin-right: 13px;
   overflow: hidden;
 }
 
-.md span.float-left span {
+.d2-2365889684 .md span.float-left span {
   margin: 13px 0 0;
 }
 
-.md span.float-right {
+.d2-2365889684 .md span.float-right {
   display: block;
   float: right;
   margin-left: 13px;
   overflow: hidden;
 }
 
-.md span.float-right > span {
+.d2-2365889684 .md span.float-right > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md code,
-.md tt {
+.d2-2365889684 .md code,
+.d2-2365889684 .md tt {
   padding: 0.2em 0.4em;
   margin: 0;
   font-size: 85%;
@@ -706,20 +706,20 @@
   border-radius: 6px;
 }
 
-.md code br,
-.md tt br {
+.d2-2365889684 .md code br,
+.d2-2365889684 .md tt br {
   display: none;
 }
 
-.md del code {
+.d2-2365889684 .md del code {
   text-decoration: inherit;
 }
 
-.md pre code {
+.d2-2365889684 .md pre code {
   font-size: 100%;
 }
 
-.md pre > code {
+.d2-2365889684 .md pre > code {
   padding: 0;
   margin: 0;
   word-break: normal;
@@ -728,17 +728,17 @@
   border: 0;
 }
 
-.md .highlight {
+.d2-2365889684 .md .highlight {
   margin-bottom: 16px;
 }
 
-.md .highlight pre {
+.d2-2365889684 .md .highlight pre {
   margin-bottom: 0;
   word-break: normal;
 }
 
-.md .highlight pre,
-.md pre {
+.d2-2365889684 .md .highlight pre,
+.d2-2365889684 .md pre {
   padding: 16px;
   overflow: auto;
   font-size: 85%;
@@ -747,8 +747,8 @@
   border-radius: 6px;
 }
 
-.md pre code,
-.md pre tt {
+.d2-2365889684 .md pre code,
+.d2-2365889684 .md pre tt {
   display: inline;
   max-width: auto;
   padding: 0;
@@ -760,8 +760,8 @@
   border: 0;
 }
 
-.md .csv-data td,
-.md .csv-data th {
+.d2-2365889684 .md .csv-data td,
+.d2-2365889684 .md .csv-data th {
   padding: 5px;
   overflow: hidden;
   font-size: 12px;
@@ -770,38 +770,38 @@
   white-space: nowrap;
 }
 
-.md .csv-data .blob-num {
+.d2-2365889684 .md .csv-data .blob-num {
   padding: 10px 8px 9px;
   text-align: right;
   background: var(--color-canvas-default);
   border: 0;
 }
 
-.md .csv-data tr {
+.d2-2365889684 .md .csv-data tr {
   border-top: 0;
 }
 
-.md .csv-data th {
+.d2-2365889684 .md .csv-data th {
   font-weight: 600;
   background: var(--color-canvas-subtle);
   border-top: 0;
 }
 
-.md .footnotes {
+.d2-2365889684 .md .footnotes {
   font-size: 12px;
   color: var(--color-fg-muted);
   border-top: 1px solid var(--color-border-default);
 }
 
-.md .footnotes ol {
+.d2-2365889684 .md .footnotes ol {
   padding-left: 16px;
 }
 
-.md .footnotes li {
+.d2-2365889684 .md .footnotes li {
   position: relative;
 }
 
-.md .footnotes li:target::before {
+.d2-2365889684 .md .footnotes li:target::before {
   position: absolute;
   top: -8px;
   right: -8px;
@@ -813,36 +813,36 @@
   border-radius: 6px;
 }
 
-.md .footnotes li:target {
+.d2-2365889684 .md .footnotes li:target {
   color: var(--color-fg-default);
 }
 
-.md .task-list-item {
+.d2-2365889684 .md .task-list-item {
   list-style-type: none;
 }
 
-.md .task-list-item label {
+.d2-2365889684 .md .task-list-item label {
   font-weight: 400;
 }
 
-.md .task-list-item.enabled label {
+.d2-2365889684 .md .task-list-item.enabled label {
   cursor: pointer;
 }
 
-.md .task-list-item + .task-list-item {
+.d2-2365889684 .md .task-list-item + .task-list-item {
   margin-top: 3px;
 }
 
-.md .task-list-item .handle {
+.d2-2365889684 .md .task-list-item .handle {
   display: none;
 }
 
-.md .task-list-item-checkbox {
+.d2-2365889684 .md .task-list-item-checkbox {
   margin: 0 0.2em 0.25em -1.6em;
   vertical-align: middle;
 }
 
-.md .contains-task-list:dir(rtl) .task-list-item-checkbox {
+.d2-2365889684 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
 </style><g id="aa"><g class="shape" ><rect x="12.000000" y="12.000000" width="701.000000" height="1835.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="362.500000" y="45.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">aa</text></g><g id="aa.bb"><g class="shape" ><rect x="62.000000" y="612.000000" width="525.000000" height="1090.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="324.500000" y="641.000000" class="text fill-N1" style="text-anchor:middle;font-size:24px">bb</text></g><g id="aa.ll"><g class="shape" ><rect x="459.000000" y="310.000000" width="120.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="519.000000" y="348.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">ll</text></g><g id="aa.mm"><g class="shape" ><path d="M 287 86 C 287 62 359 62 367 62 C 375 62 447 62 447 86 V 156 C 447 180 375 180 367 180 C 359 180 287 180 287 156 V 86 Z" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /><path d="M 287 86 C 287 110 359 110 367 110 C 375 110 447 110 447 86" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /></g><text x="367.000000" y="138.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">mm</text></g><g id="aa.nn"><g class="shape" ></g><text x="475.000000" y="126.000000" class="text fill-N1" style="text-anchor:middle;font-size:16px">nn</text></g><g id="aa.oo"><g class="shape" ><rect x="503.000000" y="88.000000" width="63.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="534.500000" y="126.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">oo</text></g><g id="aa.bb.cc"><g class="shape" ><rect x="203.000000" y="962.000000" width="334.000000" height="690.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="370.000000" y="987.000000" class="text fill-N1" style="text-anchor:middle;font-size:20px">cc</text></g><g id="aa.bb.ii"><g class="shape" ><path d="M 112 662 L 187 662 L 187 705 L 262 705 L 262 877 L 112 877 Z" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /></g><text x="187.000000" y="730.000000" class="text fill-N1" style="text-anchor:middle;font-size:20px">ii</text></g><g id="aa.bb.kk"><g class="shape" ><ellipse rx="37.000000" ry="37.000000" cx="322.000000" cy="769.000000" class="shape stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="322.000000" y="774.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">kk</text></g><g id="aa.bb.cc.dd"><g class="shape" ><rect x="253.000000" y="1012.000000" width="193.000000" height="166.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="349.500000" y="1033.000000" class="text fill-N1" style="text-anchor:middle;font-size:16px">dd</text></g><g id="aa.bb.cc.gg"><g class="shape" ></g><text x="366.500000" y="1370.000000" class="text fill-N1" style="text-anchor:middle;font-size:16px">gg</text></g><g id="aa.bb.cc.hh"><g class="shape" ><rect x="367.000000" y="1536.000000" width="63.000000" height="66.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="398.500000" y="1574.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">hh</text></g><g id="aa.bb.ii.jj"><g class="shape" ><path d="M 187 827 C 187 827 187 827 187 827 L 162 782 C 162 782 162 781 162 780 L 187 735 C 187 735 188 735 188 735 L 212 780 C 212 780 212 781 212 782 L 187 827 C 187 827 187 827 187 827 Z" class=" stroke-B1 fill-N4" style="stroke-width:2;" /></g><text x="187.000000" y="786.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">jj</text></g><g id="aa.bb.cc.dd.ee"><g class="shape" ></g><text x="311.000000" y="1123.000000" class="text fill-N1" style="text-anchor:middle;font-size:16px">ee</text></g><g id="aa.bb.cc.dd.ff"><g class="shape" ><rect x="339.000000" y="1062.000000" width="57.000000" height="66.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="367.500000" y="1100.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">ff</text></g><g id="aa.bb.cc.(dd.ee -- gg)[0]"><path d="M 311.000000 1130.000000 L 311.000000 1304.000000 S 311.000000 1314.000000 321.000000 1314.000000 L 375.166667 1314.000000 S 385.166667 1314.000000 385.166667 1324.000000 L 385.166667 1352.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" mask="url(#d2-2365889684)" /><text x="311.500000" y="1284.000000" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">11</text></g><g id="aa.bb.cc.(gg -- hh)[0]"><path d="M 398.500000 1377.000000 L 398.500000 1534.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" mask="url(#d2-2365889684)" /><text x="398.500000" y="1461.000000" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">22</text></g><g id="aa.bb.(ii -&gt; cc.dd)[0]"><marker id="mk-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" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 212.000000 879.000000 L 212.000000 907.000000 S 212.000000 917.000000 222.000000 917.000000 L 311.000000 917.000000 S 321.000000 917.000000 321.000000 927.000000 L 321.000000 1008.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2365889684)" /></g><g id="aa.(ll &lt;-&gt; bb)[0]"><marker id="mk-2451250203" markerWidth="10.000000" markerHeight="12.000000" refX="3.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="10.000000,0.000000 0.000000,6.000000 10.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 483.250000 380.000000 L 483.250000 406.000000 S 483.250000 416.000000 473.250000 416.000000 L 453.750000 416.000000 S 443.750000 416.000000 443.750000 426.000000 L 443.750000 608.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-start="url(#mk-2451250203)" marker-end="url(#mk-3488378134)" mask="url(#d2-2365889684)" /><text x="443.500000" y="480.000000" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">33</text></g><g id="aa.(mm -&gt; bb.cc)[0]"><path d="M 383.998708 182.000000 L 383.756379 557.125002 C 383.743621 576.874998 403.500000 557.125000 403.500000 576.875000 L 403.500000 958.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2365889684)" /><text x="398.000000" y="573.000000" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">44</text></g><g id="aa.(mm -&gt; ll)[0]"><path d="M 415.988637 177.999968 L 415.806817 210.000161 S 415.750000 220.000000 425.750000 220.000000 L 509.250000 220.000000 S 519.250000 220.000000 519.250000 230.000000 L 519.250000 306.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2365889684)" /></g><g id="aa.(mm &lt;-&gt; bb)[0]"><path d="M 351.997685 183.999999 L 351.752315 608.000001" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-start="url(#mk-2451250203)" marker-end="url(#mk-3488378134)" mask="url(#d2-2365889684)" /><text x="352.000000" y="402.000000" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">55</text></g><g id="aa.(ll &lt;-&gt; bb.cc.gg)[0]"><path d="M 507.250000 380.000000 L 507.250000 557.000000 S 507.250000 567.000000 497.250000 567.000000 L 496.000000 567.000000 S 486.000000 567.000000 486.000000 577.000000 L 486.000000 1304.000000 S 486.000000 1314.000000 476.000000 1314.000000 L 421.833333 1314.000000 S 411.833333 1314.000000 411.833333 1324.000000 L 411.833333 1350.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-start="url(#mk-2451250203)" marker-end="url(#mk-3488378134)" mask="url(#d2-2365889684)" /></g><g id="aa.(mm &lt;- bb.ii)[0]"><path d="M 319.997442 179.999999 L 319.756394 557.000002 S 319.750000 567.000000 309.750000 567.000000 L 197.000000 567.000000 S 187.000000 567.000000 187.000000 577.000000 L 187.000000 660.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-start="url(#mk-2451250203)" mask="url(#d2-2365889684)" /><text x="320.000000" y="491.000000" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">66</text></g><g id="aa.(bb.cc &lt;- ll)[0]"><path d="M 342.833333 1656.000000 L 342.833333 1737.000000 S 342.833333 1747.000000 352.833333 1747.000000 L 617.000000 1747.000000 S 627.000000 1747.000000 627.000000 1737.000000 L 627.000000 476.000000 S 627.000000 466.000000 617.000000 466.000000 L 541.250000 466.000000 S 531.250000 466.000000 531.250000 456.000000 L 531.250000 378.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-start="url(#mk-2451250203)" mask="url(#d2-2365889684)" /><text x="627.000000" y="1209.000000" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">77</text></g><g id="aa.(bb.ii &lt;-&gt; ll)[0]"><path d="M 162.000000 881.000000 L 162.000000 1787.000000 S 162.000000 1797.000000 172.000000 1797.000000 L 644.000000 1797.000000 S 654.000000 1797.000000 654.000000 1787.000000 L 654.000000 426.000000 S 654.000000 416.000000 644.000000 416.000000 L 565.250000 416.000000 S 555.250000 416.000000 555.250000 406.000000 L 555.250000 380.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-start="url(#mk-2451250203)" marker-end="url(#mk-3488378134)" mask="url(#d2-2365889684)" /><text x="654.000000" y="1749.000000" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">88</text></g><mask id="d2-2365889684" maskUnits="userSpaceOnUse" x="11" y="11" width="703" height="1837">
diff --git a/e2etests/testdata/stable/constant_near_stress/dagre/sketch.exp.svg b/e2etests/testdata/stable/constant_near_stress/dagre/sketch.exp.svg
index 0cd1d32c5..29f614ed4 100644
--- a/e2etests/testdata/stable/constant_near_stress/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/constant_near_stress/dagre/sketch.exp.svg
@@ -96,31 +96,31 @@
 		.d2-3571489153 .color-AA4{color:#EDF0FD;}
 		.d2-3571489153 .color-AA5{color:#F7F8FE;}
 		.d2-3571489153 .color-AB4{color:#EDF0FD;}
-		.d2-3571489153 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.md em,
-.md dfn {
+		.d2-3571489153 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.d2-3571489153 .md em,
+.d2-3571489153 .md dfn {
   font-family: "d2-3571489153-font-italic";
 }
 
-.md b,
-.md strong {
+.d2-3571489153 .md b,
+.d2-3571489153 .md strong {
   font-family: "d2-3571489153-font-bold";
 }
 
-.md code,
-.md kbd,
-.md pre,
-.md samp {
+.d2-3571489153 .md code,
+.d2-3571489153 .md kbd,
+.d2-3571489153 .md pre,
+.d2-3571489153 .md samp {
   font-family: "d2-3571489153-font-mono";
   font-size: 1em;
 }
 
-.md {
+.d2-3571489153 .md {
   tab-size: 4;
 }
 
 /* variables are provided in d2renderers/d2svg/d2svg.go */
 
-.md {
+.d2-3571489153 .md {
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
   margin: 0;
@@ -132,41 +132,41 @@
   word-wrap: break-word;
 }
 
-.md details,
-.md figcaption,
-.md figure {
+.d2-3571489153 .md details,
+.d2-3571489153 .md figcaption,
+.d2-3571489153 .md figure {
   display: block;
 }
 
-.md summary {
+.d2-3571489153 .md summary {
   display: list-item;
 }
 
-.md [hidden] {
+.d2-3571489153 .md [hidden] {
   display: none !important;
 }
 
-.md a {
+.d2-3571489153 .md a {
   background-color: transparent;
   color: var(--color-accent-fg);
   text-decoration: none;
 }
 
-.md a:active,
-.md a:hover {
+.d2-3571489153 .md a:active,
+.d2-3571489153 .md a:hover {
   outline-width: 0;
 }
 
-.md abbr[title] {
+.d2-3571489153 .md abbr[title] {
   border-bottom: none;
   text-decoration: underline dotted;
 }
 
-.md dfn {
+.d2-3571489153 .md dfn {
   font-style: italic;
 }
 
-.md h1 {
+.d2-3571489153 .md h1 {
   margin: 0.67em 0;
   font-weight: 600;
   padding-bottom: 0.3em;
@@ -174,43 +174,43 @@
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md mark {
+.d2-3571489153 .md mark {
   background-color: var(--color-attention-subtle);
   color: var(--color-text-primary);
 }
 
-.md small {
+.d2-3571489153 .md small {
   font-size: 90%;
 }
 
-.md sub,
-.md sup {
+.d2-3571489153 .md sub,
+.d2-3571489153 .md sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
 }
 
-.md sub {
+.d2-3571489153 .md sub {
   bottom: -0.25em;
 }
 
-.md sup {
+.d2-3571489153 .md sup {
   top: -0.5em;
 }
 
-.md img {
+.d2-3571489153 .md img {
   border-style: none;
   max-width: 100%;
   box-sizing: content-box;
   background-color: var(--color-canvas-default);
 }
 
-.md figure {
+.d2-3571489153 .md figure {
   margin: 1em 40px;
 }
 
-.md hr {
+.d2-3571489153 .md hr {
   box-sizing: content-box;
   overflow: hidden;
   background: transparent;
@@ -222,7 +222,7 @@
   border: 0;
 }
 
-.md input {
+.d2-3571489153 .md input {
   font: inherit;
   margin: 0;
   overflow: visible;
@@ -231,72 +231,72 @@
   line-height: inherit;
 }
 
-.md [type="button"],
-.md [type="reset"],
-.md [type="submit"] {
+.d2-3571489153 .md [type="button"],
+.d2-3571489153 .md [type="reset"],
+.d2-3571489153 .md [type="submit"] {
   -webkit-appearance: button;
 }
 
-.md [type="button"]::-moz-focus-inner,
-.md [type="reset"]::-moz-focus-inner,
-.md [type="submit"]::-moz-focus-inner {
+.d2-3571489153 .md [type="button"]::-moz-focus-inner,
+.d2-3571489153 .md [type="reset"]::-moz-focus-inner,
+.d2-3571489153 .md [type="submit"]::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.md [type="button"]:-moz-focusring,
-.md [type="reset"]:-moz-focusring,
-.md [type="submit"]:-moz-focusring {
+.d2-3571489153 .md [type="button"]:-moz-focusring,
+.d2-3571489153 .md [type="reset"]:-moz-focusring,
+.d2-3571489153 .md [type="submit"]:-moz-focusring {
   outline: 1px dotted ButtonText;
 }
 
-.md [type="checkbox"],
-.md [type="radio"] {
+.d2-3571489153 .md [type="checkbox"],
+.d2-3571489153 .md [type="radio"] {
   box-sizing: border-box;
   padding: 0;
 }
 
-.md [type="number"]::-webkit-inner-spin-button,
-.md [type="number"]::-webkit-outer-spin-button {
+.d2-3571489153 .md [type="number"]::-webkit-inner-spin-button,
+.d2-3571489153 .md [type="number"]::-webkit-outer-spin-button {
   height: auto;
 }
 
-.md [type="search"] {
+.d2-3571489153 .md [type="search"] {
   -webkit-appearance: textfield;
   outline-offset: -2px;
 }
 
-.md [type="search"]::-webkit-search-cancel-button,
-.md [type="search"]::-webkit-search-decoration {
+.d2-3571489153 .md [type="search"]::-webkit-search-cancel-button,
+.d2-3571489153 .md [type="search"]::-webkit-search-decoration {
   -webkit-appearance: none;
 }
 
-.md ::-webkit-input-placeholder {
+.d2-3571489153 .md ::-webkit-input-placeholder {
   color: inherit;
   opacity: 0.54;
 }
 
-.md ::-webkit-file-upload-button {
+.d2-3571489153 .md ::-webkit-file-upload-button {
   -webkit-appearance: button;
   font: inherit;
 }
 
-.md a:hover {
+.d2-3571489153 .md a:hover {
   text-decoration: underline;
 }
 
-.md hr::before {
+.d2-3571489153 .md hr::before {
   display: table;
   content: "";
 }
 
-.md hr::after {
+.d2-3571489153 .md hr::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md table {
+.d2-3571489153 .md table {
   border-spacing: 0;
   border-collapse: collapse;
   display: block;
@@ -305,20 +305,20 @@
   overflow: auto;
 }
 
-.md td,
-.md th {
+.d2-3571489153 .md td,
+.d2-3571489153 .md th {
   padding: 0;
 }
 
-.md details summary {
+.d2-3571489153 .md details summary {
   cursor: pointer;
 }
 
-.md details:not([open]) > *:not(summary) {
+.d2-3571489153 .md details:not([open]) > *:not(summary) {
   display: none !important;
 }
 
-.md kbd {
+.d2-3571489153 .md kbd {
   display: inline-block;
   padding: 3px 5px;
   color: var(--color-fg-default);
@@ -330,12 +330,12 @@
   box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
 }
 
-.md h1,
-.md h2,
-.md h3,
-.md h4,
-.md h5,
-.md h6 {
+.d2-3571489153 .md h1,
+.d2-3571489153 .md h2,
+.d2-3571489153 .md h3,
+.d2-3571489153 .md h4,
+.d2-3571489153 .md h5,
+.d2-3571489153 .md h6 {
   margin-top: 24px;
   margin-bottom: 16px;
   font-weight: 600;
@@ -343,222 +343,222 @@
   font-family: "d2-3571489153-font-regular";
 }
 
-.md h2 {
+.d2-3571489153 .md h2 {
   font-weight: 600;
   padding-bottom: 0.3em;
   font-size: 1.5em;
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md h3 {
+.d2-3571489153 .md h3 {
   font-weight: 600;
   font-size: 1.25em;
 }
 
-.md h4 {
+.d2-3571489153 .md h4 {
   font-weight: 600;
   font-size: 1em;
 }
 
-.md h5 {
+.d2-3571489153 .md h5 {
   font-weight: 600;
   font-size: 0.875em;
 }
 
-.md h6 {
+.d2-3571489153 .md h6 {
   font-weight: 600;
   font-size: 0.85em;
   color: var(--color-fg-muted);
 }
 
-.md p {
+.d2-3571489153 .md p {
   margin-top: 0;
   margin-bottom: 10px;
 }
 
-.md blockquote {
+.d2-3571489153 .md blockquote {
   margin: 0;
   padding: 0 1em;
   color: var(--color-fg-muted);
   border-left: 0.25em solid var(--color-border-default);
 }
 
-.md ul,
-.md ol {
+.d2-3571489153 .md ul,
+.d2-3571489153 .md ol {
   margin-top: 0;
   margin-bottom: 0;
   padding-left: 2em;
 }
 
-.md ol ol,
-.md ul ol {
+.d2-3571489153 .md ol ol,
+.d2-3571489153 .md ul ol {
   list-style-type: lower-roman;
 }
 
-.md ul ul ol,
-.md ul ol ol,
-.md ol ul ol,
-.md ol ol ol {
+.d2-3571489153 .md ul ul ol,
+.d2-3571489153 .md ul ol ol,
+.d2-3571489153 .md ol ul ol,
+.d2-3571489153 .md ol ol ol {
   list-style-type: lower-alpha;
 }
 
-.md dd {
+.d2-3571489153 .md dd {
   margin-left: 0;
 }
 
-.md pre {
+.d2-3571489153 .md pre {
   margin-top: 0;
   margin-bottom: 0;
   word-wrap: normal;
 }
 
-.md ::placeholder {
+.d2-3571489153 .md ::placeholder {
   color: var(--color-fg-subtle);
   opacity: 1;
 }
 
-.md input::-webkit-outer-spin-button,
-.md input::-webkit-inner-spin-button {
+.d2-3571489153 .md input::-webkit-outer-spin-button,
+.d2-3571489153 .md input::-webkit-inner-spin-button {
   margin: 0;
   -webkit-appearance: none;
   appearance: none;
 }
 
-.md::before {
+.d2-3571489153 .md::before {
   display: table;
   content: "";
 }
 
-.md::after {
+.d2-3571489153 .md::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md > *:first-child {
+.d2-3571489153 .md > *:first-child {
   margin-top: 0 !important;
 }
 
-.md > *:last-child {
+.d2-3571489153 .md > *:last-child {
   margin-bottom: 0 !important;
 }
 
-.md a:not([href]) {
+.d2-3571489153 .md a:not([href]) {
   color: inherit;
   text-decoration: none;
 }
 
-.md .absent {
+.d2-3571489153 .md .absent {
   color: var(--color-danger-fg);
 }
 
-.md .anchor {
+.d2-3571489153 .md .anchor {
   float: left;
   padding-right: 4px;
   margin-left: -20px;
   line-height: 1;
 }
 
-.md .anchor:focus {
+.d2-3571489153 .md .anchor:focus {
   outline: none;
 }
 
-.md p,
-.md blockquote,
-.md ul,
-.md ol,
-.md dl,
-.md table,
-.md pre,
-.md details {
+.d2-3571489153 .md p,
+.d2-3571489153 .md blockquote,
+.d2-3571489153 .md ul,
+.d2-3571489153 .md ol,
+.d2-3571489153 .md dl,
+.d2-3571489153 .md table,
+.d2-3571489153 .md pre,
+.d2-3571489153 .md details {
   margin-top: 0;
   margin-bottom: 16px;
 }
 
-.md blockquote > :first-child {
+.d2-3571489153 .md blockquote > :first-child {
   margin-top: 0;
 }
 
-.md blockquote > :last-child {
+.d2-3571489153 .md blockquote > :last-child {
   margin-bottom: 0;
 }
 
-.md sup > a::before {
+.d2-3571489153 .md sup > a::before {
   content: "[";
 }
 
-.md sup > a::after {
+.d2-3571489153 .md sup > a::after {
   content: "]";
 }
 
-.md h1:hover .anchor,
-.md h2:hover .anchor,
-.md h3:hover .anchor,
-.md h4:hover .anchor,
-.md h5:hover .anchor,
-.md h6:hover .anchor {
+.d2-3571489153 .md h1:hover .anchor,
+.d2-3571489153 .md h2:hover .anchor,
+.d2-3571489153 .md h3:hover .anchor,
+.d2-3571489153 .md h4:hover .anchor,
+.d2-3571489153 .md h5:hover .anchor,
+.d2-3571489153 .md h6:hover .anchor {
   text-decoration: none;
 }
 
-.md h1 tt,
-.md h1 code,
-.md h2 tt,
-.md h2 code,
-.md h3 tt,
-.md h3 code,
-.md h4 tt,
-.md h4 code,
-.md h5 tt,
-.md h5 code,
-.md h6 tt,
-.md h6 code {
+.d2-3571489153 .md h1 tt,
+.d2-3571489153 .md h1 code,
+.d2-3571489153 .md h2 tt,
+.d2-3571489153 .md h2 code,
+.d2-3571489153 .md h3 tt,
+.d2-3571489153 .md h3 code,
+.d2-3571489153 .md h4 tt,
+.d2-3571489153 .md h4 code,
+.d2-3571489153 .md h5 tt,
+.d2-3571489153 .md h5 code,
+.d2-3571489153 .md h6 tt,
+.d2-3571489153 .md h6 code {
   padding: 0 0.2em;
   font-size: inherit;
 }
 
-.md ul.no-list,
-.md ol.no-list {
+.d2-3571489153 .md ul.no-list,
+.d2-3571489153 .md ol.no-list {
   padding: 0;
   list-style-type: none;
 }
 
-.md ol[type="1"] {
+.d2-3571489153 .md ol[type="1"] {
   list-style-type: decimal;
 }
 
-.md ol[type="a"] {
+.d2-3571489153 .md ol[type="a"] {
   list-style-type: lower-alpha;
 }
 
-.md ol[type="i"] {
+.d2-3571489153 .md ol[type="i"] {
   list-style-type: lower-roman;
 }
 
-.md div > ol:not([type]) {
+.d2-3571489153 .md div > ol:not([type]) {
   list-style-type: decimal;
 }
 
-.md ul ul,
-.md ul ol,
-.md ol ol,
-.md ol ul {
+.d2-3571489153 .md ul ul,
+.d2-3571489153 .md ul ol,
+.d2-3571489153 .md ol ol,
+.d2-3571489153 .md ol ul {
   margin-top: 0;
   margin-bottom: 0;
 }
 
-.md li > p {
+.d2-3571489153 .md li > p {
   margin-top: 16px;
 }
 
-.md li + li {
+.d2-3571489153 .md li + li {
   margin-top: 0.25em;
 }
 
-.md dl {
+.d2-3571489153 .md dl {
   padding: 0;
 }
 
-.md dl dt {
+.d2-3571489153 .md dl dt {
   padding: 0;
   margin-top: 16px;
   font-size: 1em;
@@ -566,48 +566,48 @@
   font-weight: 600;
 }
 
-.md dl dd {
+.d2-3571489153 .md dl dd {
   padding: 0 16px;
   margin-bottom: 16px;
 }
 
-.md table th {
+.d2-3571489153 .md table th {
   font-weight: 600;
 }
 
-.md table th,
-.md table td {
+.d2-3571489153 .md table th,
+.d2-3571489153 .md table td {
   padding: 6px 13px;
   border: 1px solid var(--color-border-default);
 }
 
-.md table tr {
+.d2-3571489153 .md table tr {
   background-color: var(--color-canvas-default);
   border-top: 1px solid var(--color-border-muted);
 }
 
-.md table tr:nth-child(2n) {
+.d2-3571489153 .md table tr:nth-child(2n) {
   background-color: var(--color-canvas-subtle);
 }
 
-.md table img {
+.d2-3571489153 .md table img {
   background-color: transparent;
 }
 
-.md img[align="right"] {
+.d2-3571489153 .md img[align="right"] {
   padding-left: 20px;
 }
 
-.md img[align="left"] {
+.d2-3571489153 .md img[align="left"] {
   padding-right: 20px;
 }
 
-.md span.frame {
+.d2-3571489153 .md span.frame {
   display: block;
   overflow: hidden;
 }
 
-.md span.frame > span {
+.d2-3571489153 .md span.frame > span {
   display: block;
   float: left;
   width: auto;
@@ -617,81 +617,81 @@
   border: 1px solid var(--color-border-default);
 }
 
-.md span.frame span img {
+.d2-3571489153 .md span.frame span img {
   display: block;
   float: left;
 }
 
-.md span.frame span span {
+.d2-3571489153 .md span.frame span span {
   display: block;
   padding: 5px 0 0;
   clear: both;
   color: var(--color-fg-default);
 }
 
-.md span.align-center {
+.d2-3571489153 .md span.align-center {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-center > span {
+.d2-3571489153 .md span.align-center > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: center;
 }
 
-.md span.align-center span img {
+.d2-3571489153 .md span.align-center span img {
   margin: 0 auto;
   text-align: center;
 }
 
-.md span.align-right {
+.d2-3571489153 .md span.align-right {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-right > span {
+.d2-3571489153 .md span.align-right > span {
   display: block;
   margin: 13px 0 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md span.align-right span img {
+.d2-3571489153 .md span.align-right span img {
   margin: 0;
   text-align: right;
 }
 
-.md span.float-left {
+.d2-3571489153 .md span.float-left {
   display: block;
   float: left;
   margin-right: 13px;
   overflow: hidden;
 }
 
-.md span.float-left span {
+.d2-3571489153 .md span.float-left span {
   margin: 13px 0 0;
 }
 
-.md span.float-right {
+.d2-3571489153 .md span.float-right {
   display: block;
   float: right;
   margin-left: 13px;
   overflow: hidden;
 }
 
-.md span.float-right > span {
+.d2-3571489153 .md span.float-right > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md code,
-.md tt {
+.d2-3571489153 .md code,
+.d2-3571489153 .md tt {
   padding: 0.2em 0.4em;
   margin: 0;
   font-size: 85%;
@@ -699,20 +699,20 @@
   border-radius: 6px;
 }
 
-.md code br,
-.md tt br {
+.d2-3571489153 .md code br,
+.d2-3571489153 .md tt br {
   display: none;
 }
 
-.md del code {
+.d2-3571489153 .md del code {
   text-decoration: inherit;
 }
 
-.md pre code {
+.d2-3571489153 .md pre code {
   font-size: 100%;
 }
 
-.md pre > code {
+.d2-3571489153 .md pre > code {
   padding: 0;
   margin: 0;
   word-break: normal;
@@ -721,17 +721,17 @@
   border: 0;
 }
 
-.md .highlight {
+.d2-3571489153 .md .highlight {
   margin-bottom: 16px;
 }
 
-.md .highlight pre {
+.d2-3571489153 .md .highlight pre {
   margin-bottom: 0;
   word-break: normal;
 }
 
-.md .highlight pre,
-.md pre {
+.d2-3571489153 .md .highlight pre,
+.d2-3571489153 .md pre {
   padding: 16px;
   overflow: auto;
   font-size: 85%;
@@ -740,8 +740,8 @@
   border-radius: 6px;
 }
 
-.md pre code,
-.md pre tt {
+.d2-3571489153 .md pre code,
+.d2-3571489153 .md pre tt {
   display: inline;
   max-width: auto;
   padding: 0;
@@ -753,8 +753,8 @@
   border: 0;
 }
 
-.md .csv-data td,
-.md .csv-data th {
+.d2-3571489153 .md .csv-data td,
+.d2-3571489153 .md .csv-data th {
   padding: 5px;
   overflow: hidden;
   font-size: 12px;
@@ -763,38 +763,38 @@
   white-space: nowrap;
 }
 
-.md .csv-data .blob-num {
+.d2-3571489153 .md .csv-data .blob-num {
   padding: 10px 8px 9px;
   text-align: right;
   background: var(--color-canvas-default);
   border: 0;
 }
 
-.md .csv-data tr {
+.d2-3571489153 .md .csv-data tr {
   border-top: 0;
 }
 
-.md .csv-data th {
+.d2-3571489153 .md .csv-data th {
   font-weight: 600;
   background: var(--color-canvas-subtle);
   border-top: 0;
 }
 
-.md .footnotes {
+.d2-3571489153 .md .footnotes {
   font-size: 12px;
   color: var(--color-fg-muted);
   border-top: 1px solid var(--color-border-default);
 }
 
-.md .footnotes ol {
+.d2-3571489153 .md .footnotes ol {
   padding-left: 16px;
 }
 
-.md .footnotes li {
+.d2-3571489153 .md .footnotes li {
   position: relative;
 }
 
-.md .footnotes li:target::before {
+.d2-3571489153 .md .footnotes li:target::before {
   position: absolute;
   top: -8px;
   right: -8px;
@@ -806,36 +806,36 @@
   border-radius: 6px;
 }
 
-.md .footnotes li:target {
+.d2-3571489153 .md .footnotes li:target {
   color: var(--color-fg-default);
 }
 
-.md .task-list-item {
+.d2-3571489153 .md .task-list-item {
   list-style-type: none;
 }
 
-.md .task-list-item label {
+.d2-3571489153 .md .task-list-item label {
   font-weight: 400;
 }
 
-.md .task-list-item.enabled label {
+.d2-3571489153 .md .task-list-item.enabled label {
   cursor: pointer;
 }
 
-.md .task-list-item + .task-list-item {
+.d2-3571489153 .md .task-list-item + .task-list-item {
   margin-top: 3px;
 }
 
-.md .task-list-item .handle {
+.d2-3571489153 .md .task-list-item .handle {
   display: none;
 }
 
-.md .task-list-item-checkbox {
+.d2-3571489153 .md .task-list-item-checkbox {
   margin: 0 0.2em 0.25em -1.6em;
   vertical-align: middle;
 }
 
-.md .contains-task-list:dir(rtl) .task-list-item-checkbox {
+.d2-3571489153 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
 </style><g id="x"><g class="shape" ><rect x="1.000000" y="0.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g id="y"><g class="shape" ><rect x="0.000000" y="166.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.000000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g id="The top of the mountain"><g class="shape" ></g><text x="27.000000" y="-25.000000" class="text fill-N1" style="text-anchor:middle;font-size:16px">The top of the mountain</text></g><g id="bottom"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="-444.000000" y="252.000000" width="943" 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>
diff --git a/e2etests/testdata/stable/constant_near_stress/elk/sketch.exp.svg b/e2etests/testdata/stable/constant_near_stress/elk/sketch.exp.svg
index d0fa21159..29ea1ff03 100644
--- a/e2etests/testdata/stable/constant_near_stress/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/constant_near_stress/elk/sketch.exp.svg
@@ -96,31 +96,31 @@
 		.d2-1184005300 .color-AA4{color:#EDF0FD;}
 		.d2-1184005300 .color-AA5{color:#F7F8FE;}
 		.d2-1184005300 .color-AB4{color:#EDF0FD;}
-		.d2-1184005300 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.md em,
-.md dfn {
+		.d2-1184005300 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.d2-1184005300 .md em,
+.d2-1184005300 .md dfn {
   font-family: "d2-1184005300-font-italic";
 }
 
-.md b,
-.md strong {
+.d2-1184005300 .md b,
+.d2-1184005300 .md strong {
   font-family: "d2-1184005300-font-bold";
 }
 
-.md code,
-.md kbd,
-.md pre,
-.md samp {
+.d2-1184005300 .md code,
+.d2-1184005300 .md kbd,
+.d2-1184005300 .md pre,
+.d2-1184005300 .md samp {
   font-family: "d2-1184005300-font-mono";
   font-size: 1em;
 }
 
-.md {
+.d2-1184005300 .md {
   tab-size: 4;
 }
 
 /* variables are provided in d2renderers/d2svg/d2svg.go */
 
-.md {
+.d2-1184005300 .md {
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
   margin: 0;
@@ -132,41 +132,41 @@
   word-wrap: break-word;
 }
 
-.md details,
-.md figcaption,
-.md figure {
+.d2-1184005300 .md details,
+.d2-1184005300 .md figcaption,
+.d2-1184005300 .md figure {
   display: block;
 }
 
-.md summary {
+.d2-1184005300 .md summary {
   display: list-item;
 }
 
-.md [hidden] {
+.d2-1184005300 .md [hidden] {
   display: none !important;
 }
 
-.md a {
+.d2-1184005300 .md a {
   background-color: transparent;
   color: var(--color-accent-fg);
   text-decoration: none;
 }
 
-.md a:active,
-.md a:hover {
+.d2-1184005300 .md a:active,
+.d2-1184005300 .md a:hover {
   outline-width: 0;
 }
 
-.md abbr[title] {
+.d2-1184005300 .md abbr[title] {
   border-bottom: none;
   text-decoration: underline dotted;
 }
 
-.md dfn {
+.d2-1184005300 .md dfn {
   font-style: italic;
 }
 
-.md h1 {
+.d2-1184005300 .md h1 {
   margin: 0.67em 0;
   font-weight: 600;
   padding-bottom: 0.3em;
@@ -174,43 +174,43 @@
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md mark {
+.d2-1184005300 .md mark {
   background-color: var(--color-attention-subtle);
   color: var(--color-text-primary);
 }
 
-.md small {
+.d2-1184005300 .md small {
   font-size: 90%;
 }
 
-.md sub,
-.md sup {
+.d2-1184005300 .md sub,
+.d2-1184005300 .md sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
 }
 
-.md sub {
+.d2-1184005300 .md sub {
   bottom: -0.25em;
 }
 
-.md sup {
+.d2-1184005300 .md sup {
   top: -0.5em;
 }
 
-.md img {
+.d2-1184005300 .md img {
   border-style: none;
   max-width: 100%;
   box-sizing: content-box;
   background-color: var(--color-canvas-default);
 }
 
-.md figure {
+.d2-1184005300 .md figure {
   margin: 1em 40px;
 }
 
-.md hr {
+.d2-1184005300 .md hr {
   box-sizing: content-box;
   overflow: hidden;
   background: transparent;
@@ -222,7 +222,7 @@
   border: 0;
 }
 
-.md input {
+.d2-1184005300 .md input {
   font: inherit;
   margin: 0;
   overflow: visible;
@@ -231,72 +231,72 @@
   line-height: inherit;
 }
 
-.md [type="button"],
-.md [type="reset"],
-.md [type="submit"] {
+.d2-1184005300 .md [type="button"],
+.d2-1184005300 .md [type="reset"],
+.d2-1184005300 .md [type="submit"] {
   -webkit-appearance: button;
 }
 
-.md [type="button"]::-moz-focus-inner,
-.md [type="reset"]::-moz-focus-inner,
-.md [type="submit"]::-moz-focus-inner {
+.d2-1184005300 .md [type="button"]::-moz-focus-inner,
+.d2-1184005300 .md [type="reset"]::-moz-focus-inner,
+.d2-1184005300 .md [type="submit"]::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.md [type="button"]:-moz-focusring,
-.md [type="reset"]:-moz-focusring,
-.md [type="submit"]:-moz-focusring {
+.d2-1184005300 .md [type="button"]:-moz-focusring,
+.d2-1184005300 .md [type="reset"]:-moz-focusring,
+.d2-1184005300 .md [type="submit"]:-moz-focusring {
   outline: 1px dotted ButtonText;
 }
 
-.md [type="checkbox"],
-.md [type="radio"] {
+.d2-1184005300 .md [type="checkbox"],
+.d2-1184005300 .md [type="radio"] {
   box-sizing: border-box;
   padding: 0;
 }
 
-.md [type="number"]::-webkit-inner-spin-button,
-.md [type="number"]::-webkit-outer-spin-button {
+.d2-1184005300 .md [type="number"]::-webkit-inner-spin-button,
+.d2-1184005300 .md [type="number"]::-webkit-outer-spin-button {
   height: auto;
 }
 
-.md [type="search"] {
+.d2-1184005300 .md [type="search"] {
   -webkit-appearance: textfield;
   outline-offset: -2px;
 }
 
-.md [type="search"]::-webkit-search-cancel-button,
-.md [type="search"]::-webkit-search-decoration {
+.d2-1184005300 .md [type="search"]::-webkit-search-cancel-button,
+.d2-1184005300 .md [type="search"]::-webkit-search-decoration {
   -webkit-appearance: none;
 }
 
-.md ::-webkit-input-placeholder {
+.d2-1184005300 .md ::-webkit-input-placeholder {
   color: inherit;
   opacity: 0.54;
 }
 
-.md ::-webkit-file-upload-button {
+.d2-1184005300 .md ::-webkit-file-upload-button {
   -webkit-appearance: button;
   font: inherit;
 }
 
-.md a:hover {
+.d2-1184005300 .md a:hover {
   text-decoration: underline;
 }
 
-.md hr::before {
+.d2-1184005300 .md hr::before {
   display: table;
   content: "";
 }
 
-.md hr::after {
+.d2-1184005300 .md hr::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md table {
+.d2-1184005300 .md table {
   border-spacing: 0;
   border-collapse: collapse;
   display: block;
@@ -305,20 +305,20 @@
   overflow: auto;
 }
 
-.md td,
-.md th {
+.d2-1184005300 .md td,
+.d2-1184005300 .md th {
   padding: 0;
 }
 
-.md details summary {
+.d2-1184005300 .md details summary {
   cursor: pointer;
 }
 
-.md details:not([open]) > *:not(summary) {
+.d2-1184005300 .md details:not([open]) > *:not(summary) {
   display: none !important;
 }
 
-.md kbd {
+.d2-1184005300 .md kbd {
   display: inline-block;
   padding: 3px 5px;
   color: var(--color-fg-default);
@@ -330,12 +330,12 @@
   box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
 }
 
-.md h1,
-.md h2,
-.md h3,
-.md h4,
-.md h5,
-.md h6 {
+.d2-1184005300 .md h1,
+.d2-1184005300 .md h2,
+.d2-1184005300 .md h3,
+.d2-1184005300 .md h4,
+.d2-1184005300 .md h5,
+.d2-1184005300 .md h6 {
   margin-top: 24px;
   margin-bottom: 16px;
   font-weight: 600;
@@ -343,222 +343,222 @@
   font-family: "d2-1184005300-font-regular";
 }
 
-.md h2 {
+.d2-1184005300 .md h2 {
   font-weight: 600;
   padding-bottom: 0.3em;
   font-size: 1.5em;
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md h3 {
+.d2-1184005300 .md h3 {
   font-weight: 600;
   font-size: 1.25em;
 }
 
-.md h4 {
+.d2-1184005300 .md h4 {
   font-weight: 600;
   font-size: 1em;
 }
 
-.md h5 {
+.d2-1184005300 .md h5 {
   font-weight: 600;
   font-size: 0.875em;
 }
 
-.md h6 {
+.d2-1184005300 .md h6 {
   font-weight: 600;
   font-size: 0.85em;
   color: var(--color-fg-muted);
 }
 
-.md p {
+.d2-1184005300 .md p {
   margin-top: 0;
   margin-bottom: 10px;
 }
 
-.md blockquote {
+.d2-1184005300 .md blockquote {
   margin: 0;
   padding: 0 1em;
   color: var(--color-fg-muted);
   border-left: 0.25em solid var(--color-border-default);
 }
 
-.md ul,
-.md ol {
+.d2-1184005300 .md ul,
+.d2-1184005300 .md ol {
   margin-top: 0;
   margin-bottom: 0;
   padding-left: 2em;
 }
 
-.md ol ol,
-.md ul ol {
+.d2-1184005300 .md ol ol,
+.d2-1184005300 .md ul ol {
   list-style-type: lower-roman;
 }
 
-.md ul ul ol,
-.md ul ol ol,
-.md ol ul ol,
-.md ol ol ol {
+.d2-1184005300 .md ul ul ol,
+.d2-1184005300 .md ul ol ol,
+.d2-1184005300 .md ol ul ol,
+.d2-1184005300 .md ol ol ol {
   list-style-type: lower-alpha;
 }
 
-.md dd {
+.d2-1184005300 .md dd {
   margin-left: 0;
 }
 
-.md pre {
+.d2-1184005300 .md pre {
   margin-top: 0;
   margin-bottom: 0;
   word-wrap: normal;
 }
 
-.md ::placeholder {
+.d2-1184005300 .md ::placeholder {
   color: var(--color-fg-subtle);
   opacity: 1;
 }
 
-.md input::-webkit-outer-spin-button,
-.md input::-webkit-inner-spin-button {
+.d2-1184005300 .md input::-webkit-outer-spin-button,
+.d2-1184005300 .md input::-webkit-inner-spin-button {
   margin: 0;
   -webkit-appearance: none;
   appearance: none;
 }
 
-.md::before {
+.d2-1184005300 .md::before {
   display: table;
   content: "";
 }
 
-.md::after {
+.d2-1184005300 .md::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md > *:first-child {
+.d2-1184005300 .md > *:first-child {
   margin-top: 0 !important;
 }
 
-.md > *:last-child {
+.d2-1184005300 .md > *:last-child {
   margin-bottom: 0 !important;
 }
 
-.md a:not([href]) {
+.d2-1184005300 .md a:not([href]) {
   color: inherit;
   text-decoration: none;
 }
 
-.md .absent {
+.d2-1184005300 .md .absent {
   color: var(--color-danger-fg);
 }
 
-.md .anchor {
+.d2-1184005300 .md .anchor {
   float: left;
   padding-right: 4px;
   margin-left: -20px;
   line-height: 1;
 }
 
-.md .anchor:focus {
+.d2-1184005300 .md .anchor:focus {
   outline: none;
 }
 
-.md p,
-.md blockquote,
-.md ul,
-.md ol,
-.md dl,
-.md table,
-.md pre,
-.md details {
+.d2-1184005300 .md p,
+.d2-1184005300 .md blockquote,
+.d2-1184005300 .md ul,
+.d2-1184005300 .md ol,
+.d2-1184005300 .md dl,
+.d2-1184005300 .md table,
+.d2-1184005300 .md pre,
+.d2-1184005300 .md details {
   margin-top: 0;
   margin-bottom: 16px;
 }
 
-.md blockquote > :first-child {
+.d2-1184005300 .md blockquote > :first-child {
   margin-top: 0;
 }
 
-.md blockquote > :last-child {
+.d2-1184005300 .md blockquote > :last-child {
   margin-bottom: 0;
 }
 
-.md sup > a::before {
+.d2-1184005300 .md sup > a::before {
   content: "[";
 }
 
-.md sup > a::after {
+.d2-1184005300 .md sup > a::after {
   content: "]";
 }
 
-.md h1:hover .anchor,
-.md h2:hover .anchor,
-.md h3:hover .anchor,
-.md h4:hover .anchor,
-.md h5:hover .anchor,
-.md h6:hover .anchor {
+.d2-1184005300 .md h1:hover .anchor,
+.d2-1184005300 .md h2:hover .anchor,
+.d2-1184005300 .md h3:hover .anchor,
+.d2-1184005300 .md h4:hover .anchor,
+.d2-1184005300 .md h5:hover .anchor,
+.d2-1184005300 .md h6:hover .anchor {
   text-decoration: none;
 }
 
-.md h1 tt,
-.md h1 code,
-.md h2 tt,
-.md h2 code,
-.md h3 tt,
-.md h3 code,
-.md h4 tt,
-.md h4 code,
-.md h5 tt,
-.md h5 code,
-.md h6 tt,
-.md h6 code {
+.d2-1184005300 .md h1 tt,
+.d2-1184005300 .md h1 code,
+.d2-1184005300 .md h2 tt,
+.d2-1184005300 .md h2 code,
+.d2-1184005300 .md h3 tt,
+.d2-1184005300 .md h3 code,
+.d2-1184005300 .md h4 tt,
+.d2-1184005300 .md h4 code,
+.d2-1184005300 .md h5 tt,
+.d2-1184005300 .md h5 code,
+.d2-1184005300 .md h6 tt,
+.d2-1184005300 .md h6 code {
   padding: 0 0.2em;
   font-size: inherit;
 }
 
-.md ul.no-list,
-.md ol.no-list {
+.d2-1184005300 .md ul.no-list,
+.d2-1184005300 .md ol.no-list {
   padding: 0;
   list-style-type: none;
 }
 
-.md ol[type="1"] {
+.d2-1184005300 .md ol[type="1"] {
   list-style-type: decimal;
 }
 
-.md ol[type="a"] {
+.d2-1184005300 .md ol[type="a"] {
   list-style-type: lower-alpha;
 }
 
-.md ol[type="i"] {
+.d2-1184005300 .md ol[type="i"] {
   list-style-type: lower-roman;
 }
 
-.md div > ol:not([type]) {
+.d2-1184005300 .md div > ol:not([type]) {
   list-style-type: decimal;
 }
 
-.md ul ul,
-.md ul ol,
-.md ol ol,
-.md ol ul {
+.d2-1184005300 .md ul ul,
+.d2-1184005300 .md ul ol,
+.d2-1184005300 .md ol ol,
+.d2-1184005300 .md ol ul {
   margin-top: 0;
   margin-bottom: 0;
 }
 
-.md li > p {
+.d2-1184005300 .md li > p {
   margin-top: 16px;
 }
 
-.md li + li {
+.d2-1184005300 .md li + li {
   margin-top: 0.25em;
 }
 
-.md dl {
+.d2-1184005300 .md dl {
   padding: 0;
 }
 
-.md dl dt {
+.d2-1184005300 .md dl dt {
   padding: 0;
   margin-top: 16px;
   font-size: 1em;
@@ -566,48 +566,48 @@
   font-weight: 600;
 }
 
-.md dl dd {
+.d2-1184005300 .md dl dd {
   padding: 0 16px;
   margin-bottom: 16px;
 }
 
-.md table th {
+.d2-1184005300 .md table th {
   font-weight: 600;
 }
 
-.md table th,
-.md table td {
+.d2-1184005300 .md table th,
+.d2-1184005300 .md table td {
   padding: 6px 13px;
   border: 1px solid var(--color-border-default);
 }
 
-.md table tr {
+.d2-1184005300 .md table tr {
   background-color: var(--color-canvas-default);
   border-top: 1px solid var(--color-border-muted);
 }
 
-.md table tr:nth-child(2n) {
+.d2-1184005300 .md table tr:nth-child(2n) {
   background-color: var(--color-canvas-subtle);
 }
 
-.md table img {
+.d2-1184005300 .md table img {
   background-color: transparent;
 }
 
-.md img[align="right"] {
+.d2-1184005300 .md img[align="right"] {
   padding-left: 20px;
 }
 
-.md img[align="left"] {
+.d2-1184005300 .md img[align="left"] {
   padding-right: 20px;
 }
 
-.md span.frame {
+.d2-1184005300 .md span.frame {
   display: block;
   overflow: hidden;
 }
 
-.md span.frame > span {
+.d2-1184005300 .md span.frame > span {
   display: block;
   float: left;
   width: auto;
@@ -617,81 +617,81 @@
   border: 1px solid var(--color-border-default);
 }
 
-.md span.frame span img {
+.d2-1184005300 .md span.frame span img {
   display: block;
   float: left;
 }
 
-.md span.frame span span {
+.d2-1184005300 .md span.frame span span {
   display: block;
   padding: 5px 0 0;
   clear: both;
   color: var(--color-fg-default);
 }
 
-.md span.align-center {
+.d2-1184005300 .md span.align-center {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-center > span {
+.d2-1184005300 .md span.align-center > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: center;
 }
 
-.md span.align-center span img {
+.d2-1184005300 .md span.align-center span img {
   margin: 0 auto;
   text-align: center;
 }
 
-.md span.align-right {
+.d2-1184005300 .md span.align-right {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-right > span {
+.d2-1184005300 .md span.align-right > span {
   display: block;
   margin: 13px 0 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md span.align-right span img {
+.d2-1184005300 .md span.align-right span img {
   margin: 0;
   text-align: right;
 }
 
-.md span.float-left {
+.d2-1184005300 .md span.float-left {
   display: block;
   float: left;
   margin-right: 13px;
   overflow: hidden;
 }
 
-.md span.float-left span {
+.d2-1184005300 .md span.float-left span {
   margin: 13px 0 0;
 }
 
-.md span.float-right {
+.d2-1184005300 .md span.float-right {
   display: block;
   float: right;
   margin-left: 13px;
   overflow: hidden;
 }
 
-.md span.float-right > span {
+.d2-1184005300 .md span.float-right > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md code,
-.md tt {
+.d2-1184005300 .md code,
+.d2-1184005300 .md tt {
   padding: 0.2em 0.4em;
   margin: 0;
   font-size: 85%;
@@ -699,20 +699,20 @@
   border-radius: 6px;
 }
 
-.md code br,
-.md tt br {
+.d2-1184005300 .md code br,
+.d2-1184005300 .md tt br {
   display: none;
 }
 
-.md del code {
+.d2-1184005300 .md del code {
   text-decoration: inherit;
 }
 
-.md pre code {
+.d2-1184005300 .md pre code {
   font-size: 100%;
 }
 
-.md pre > code {
+.d2-1184005300 .md pre > code {
   padding: 0;
   margin: 0;
   word-break: normal;
@@ -721,17 +721,17 @@
   border: 0;
 }
 
-.md .highlight {
+.d2-1184005300 .md .highlight {
   margin-bottom: 16px;
 }
 
-.md .highlight pre {
+.d2-1184005300 .md .highlight pre {
   margin-bottom: 0;
   word-break: normal;
 }
 
-.md .highlight pre,
-.md pre {
+.d2-1184005300 .md .highlight pre,
+.d2-1184005300 .md pre {
   padding: 16px;
   overflow: auto;
   font-size: 85%;
@@ -740,8 +740,8 @@
   border-radius: 6px;
 }
 
-.md pre code,
-.md pre tt {
+.d2-1184005300 .md pre code,
+.d2-1184005300 .md pre tt {
   display: inline;
   max-width: auto;
   padding: 0;
@@ -753,8 +753,8 @@
   border: 0;
 }
 
-.md .csv-data td,
-.md .csv-data th {
+.d2-1184005300 .md .csv-data td,
+.d2-1184005300 .md .csv-data th {
   padding: 5px;
   overflow: hidden;
   font-size: 12px;
@@ -763,38 +763,38 @@
   white-space: nowrap;
 }
 
-.md .csv-data .blob-num {
+.d2-1184005300 .md .csv-data .blob-num {
   padding: 10px 8px 9px;
   text-align: right;
   background: var(--color-canvas-default);
   border: 0;
 }
 
-.md .csv-data tr {
+.d2-1184005300 .md .csv-data tr {
   border-top: 0;
 }
 
-.md .csv-data th {
+.d2-1184005300 .md .csv-data th {
   font-weight: 600;
   background: var(--color-canvas-subtle);
   border-top: 0;
 }
 
-.md .footnotes {
+.d2-1184005300 .md .footnotes {
   font-size: 12px;
   color: var(--color-fg-muted);
   border-top: 1px solid var(--color-border-default);
 }
 
-.md .footnotes ol {
+.d2-1184005300 .md .footnotes ol {
   padding-left: 16px;
 }
 
-.md .footnotes li {
+.d2-1184005300 .md .footnotes li {
   position: relative;
 }
 
-.md .footnotes li:target::before {
+.d2-1184005300 .md .footnotes li:target::before {
   position: absolute;
   top: -8px;
   right: -8px;
@@ -806,36 +806,36 @@
   border-radius: 6px;
 }
 
-.md .footnotes li:target {
+.d2-1184005300 .md .footnotes li:target {
   color: var(--color-fg-default);
 }
 
-.md .task-list-item {
+.d2-1184005300 .md .task-list-item {
   list-style-type: none;
 }
 
-.md .task-list-item label {
+.d2-1184005300 .md .task-list-item label {
   font-weight: 400;
 }
 
-.md .task-list-item.enabled label {
+.d2-1184005300 .md .task-list-item.enabled label {
   cursor: pointer;
 }
 
-.md .task-list-item + .task-list-item {
+.d2-1184005300 .md .task-list-item + .task-list-item {
   margin-top: 3px;
 }
 
-.md .task-list-item .handle {
+.d2-1184005300 .md .task-list-item .handle {
   display: none;
 }
 
-.md .task-list-item-checkbox {
+.d2-1184005300 .md .task-list-item-checkbox {
   margin: 0 0.2em 0.25em -1.6em;
   vertical-align: middle;
 }
 
-.md .contains-task-list:dir(rtl) .task-list-item-checkbox {
+.d2-1184005300 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
 </style><g id="x"><g class="shape" ><rect x="12.000000" y="12.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="38.500000" y="50.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g id="y"><g class="shape" ><rect x="12.000000" y="148.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="39.000000" y="186.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g id="The top of the mountain"><g class="shape" ></g><text x="39.000000" y="-13.000000" class="text fill-N1" style="text-anchor:middle;font-size:16px">The top of the mountain</text></g><g id="bottom"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="-432.000000" y="234.000000" width="943" 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>
diff --git a/e2etests/testdata/stable/constant_near_title/dagre/sketch.exp.svg b/e2etests/testdata/stable/constant_near_title/dagre/sketch.exp.svg
index aba3b1358..b3900f496 100644
--- a/e2etests/testdata/stable/constant_near_title/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/constant_near_title/dagre/sketch.exp.svg
@@ -96,31 +96,31 @@
 		.d2-2349203687 .color-AA4{color:#EDF0FD;}
 		.d2-2349203687 .color-AA5{color:#F7F8FE;}
 		.d2-2349203687 .color-AB4{color:#EDF0FD;}
-		.d2-2349203687 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.md em,
-.md dfn {
+		.d2-2349203687 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.d2-2349203687 .md em,
+.d2-2349203687 .md dfn {
   font-family: "d2-2349203687-font-italic";
 }
 
-.md b,
-.md strong {
+.d2-2349203687 .md b,
+.d2-2349203687 .md strong {
   font-family: "d2-2349203687-font-bold";
 }
 
-.md code,
-.md kbd,
-.md pre,
-.md samp {
+.d2-2349203687 .md code,
+.d2-2349203687 .md kbd,
+.d2-2349203687 .md pre,
+.d2-2349203687 .md samp {
   font-family: "d2-2349203687-font-mono";
   font-size: 1em;
 }
 
-.md {
+.d2-2349203687 .md {
   tab-size: 4;
 }
 
 /* variables are provided in d2renderers/d2svg/d2svg.go */
 
-.md {
+.d2-2349203687 .md {
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
   margin: 0;
@@ -132,41 +132,41 @@
   word-wrap: break-word;
 }
 
-.md details,
-.md figcaption,
-.md figure {
+.d2-2349203687 .md details,
+.d2-2349203687 .md figcaption,
+.d2-2349203687 .md figure {
   display: block;
 }
 
-.md summary {
+.d2-2349203687 .md summary {
   display: list-item;
 }
 
-.md [hidden] {
+.d2-2349203687 .md [hidden] {
   display: none !important;
 }
 
-.md a {
+.d2-2349203687 .md a {
   background-color: transparent;
   color: var(--color-accent-fg);
   text-decoration: none;
 }
 
-.md a:active,
-.md a:hover {
+.d2-2349203687 .md a:active,
+.d2-2349203687 .md a:hover {
   outline-width: 0;
 }
 
-.md abbr[title] {
+.d2-2349203687 .md abbr[title] {
   border-bottom: none;
   text-decoration: underline dotted;
 }
 
-.md dfn {
+.d2-2349203687 .md dfn {
   font-style: italic;
 }
 
-.md h1 {
+.d2-2349203687 .md h1 {
   margin: 0.67em 0;
   font-weight: 600;
   padding-bottom: 0.3em;
@@ -174,43 +174,43 @@
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md mark {
+.d2-2349203687 .md mark {
   background-color: var(--color-attention-subtle);
   color: var(--color-text-primary);
 }
 
-.md small {
+.d2-2349203687 .md small {
   font-size: 90%;
 }
 
-.md sub,
-.md sup {
+.d2-2349203687 .md sub,
+.d2-2349203687 .md sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
 }
 
-.md sub {
+.d2-2349203687 .md sub {
   bottom: -0.25em;
 }
 
-.md sup {
+.d2-2349203687 .md sup {
   top: -0.5em;
 }
 
-.md img {
+.d2-2349203687 .md img {
   border-style: none;
   max-width: 100%;
   box-sizing: content-box;
   background-color: var(--color-canvas-default);
 }
 
-.md figure {
+.d2-2349203687 .md figure {
   margin: 1em 40px;
 }
 
-.md hr {
+.d2-2349203687 .md hr {
   box-sizing: content-box;
   overflow: hidden;
   background: transparent;
@@ -222,7 +222,7 @@
   border: 0;
 }
 
-.md input {
+.d2-2349203687 .md input {
   font: inherit;
   margin: 0;
   overflow: visible;
@@ -231,72 +231,72 @@
   line-height: inherit;
 }
 
-.md [type="button"],
-.md [type="reset"],
-.md [type="submit"] {
+.d2-2349203687 .md [type="button"],
+.d2-2349203687 .md [type="reset"],
+.d2-2349203687 .md [type="submit"] {
   -webkit-appearance: button;
 }
 
-.md [type="button"]::-moz-focus-inner,
-.md [type="reset"]::-moz-focus-inner,
-.md [type="submit"]::-moz-focus-inner {
+.d2-2349203687 .md [type="button"]::-moz-focus-inner,
+.d2-2349203687 .md [type="reset"]::-moz-focus-inner,
+.d2-2349203687 .md [type="submit"]::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.md [type="button"]:-moz-focusring,
-.md [type="reset"]:-moz-focusring,
-.md [type="submit"]:-moz-focusring {
+.d2-2349203687 .md [type="button"]:-moz-focusring,
+.d2-2349203687 .md [type="reset"]:-moz-focusring,
+.d2-2349203687 .md [type="submit"]:-moz-focusring {
   outline: 1px dotted ButtonText;
 }
 
-.md [type="checkbox"],
-.md [type="radio"] {
+.d2-2349203687 .md [type="checkbox"],
+.d2-2349203687 .md [type="radio"] {
   box-sizing: border-box;
   padding: 0;
 }
 
-.md [type="number"]::-webkit-inner-spin-button,
-.md [type="number"]::-webkit-outer-spin-button {
+.d2-2349203687 .md [type="number"]::-webkit-inner-spin-button,
+.d2-2349203687 .md [type="number"]::-webkit-outer-spin-button {
   height: auto;
 }
 
-.md [type="search"] {
+.d2-2349203687 .md [type="search"] {
   -webkit-appearance: textfield;
   outline-offset: -2px;
 }
 
-.md [type="search"]::-webkit-search-cancel-button,
-.md [type="search"]::-webkit-search-decoration {
+.d2-2349203687 .md [type="search"]::-webkit-search-cancel-button,
+.d2-2349203687 .md [type="search"]::-webkit-search-decoration {
   -webkit-appearance: none;
 }
 
-.md ::-webkit-input-placeholder {
+.d2-2349203687 .md ::-webkit-input-placeholder {
   color: inherit;
   opacity: 0.54;
 }
 
-.md ::-webkit-file-upload-button {
+.d2-2349203687 .md ::-webkit-file-upload-button {
   -webkit-appearance: button;
   font: inherit;
 }
 
-.md a:hover {
+.d2-2349203687 .md a:hover {
   text-decoration: underline;
 }
 
-.md hr::before {
+.d2-2349203687 .md hr::before {
   display: table;
   content: "";
 }
 
-.md hr::after {
+.d2-2349203687 .md hr::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md table {
+.d2-2349203687 .md table {
   border-spacing: 0;
   border-collapse: collapse;
   display: block;
@@ -305,20 +305,20 @@
   overflow: auto;
 }
 
-.md td,
-.md th {
+.d2-2349203687 .md td,
+.d2-2349203687 .md th {
   padding: 0;
 }
 
-.md details summary {
+.d2-2349203687 .md details summary {
   cursor: pointer;
 }
 
-.md details:not([open]) > *:not(summary) {
+.d2-2349203687 .md details:not([open]) > *:not(summary) {
   display: none !important;
 }
 
-.md kbd {
+.d2-2349203687 .md kbd {
   display: inline-block;
   padding: 3px 5px;
   color: var(--color-fg-default);
@@ -330,12 +330,12 @@
   box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
 }
 
-.md h1,
-.md h2,
-.md h3,
-.md h4,
-.md h5,
-.md h6 {
+.d2-2349203687 .md h1,
+.d2-2349203687 .md h2,
+.d2-2349203687 .md h3,
+.d2-2349203687 .md h4,
+.d2-2349203687 .md h5,
+.d2-2349203687 .md h6 {
   margin-top: 24px;
   margin-bottom: 16px;
   font-weight: 600;
@@ -343,222 +343,222 @@
   font-family: "d2-2349203687-font-regular";
 }
 
-.md h2 {
+.d2-2349203687 .md h2 {
   font-weight: 600;
   padding-bottom: 0.3em;
   font-size: 1.5em;
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md h3 {
+.d2-2349203687 .md h3 {
   font-weight: 600;
   font-size: 1.25em;
 }
 
-.md h4 {
+.d2-2349203687 .md h4 {
   font-weight: 600;
   font-size: 1em;
 }
 
-.md h5 {
+.d2-2349203687 .md h5 {
   font-weight: 600;
   font-size: 0.875em;
 }
 
-.md h6 {
+.d2-2349203687 .md h6 {
   font-weight: 600;
   font-size: 0.85em;
   color: var(--color-fg-muted);
 }
 
-.md p {
+.d2-2349203687 .md p {
   margin-top: 0;
   margin-bottom: 10px;
 }
 
-.md blockquote {
+.d2-2349203687 .md blockquote {
   margin: 0;
   padding: 0 1em;
   color: var(--color-fg-muted);
   border-left: 0.25em solid var(--color-border-default);
 }
 
-.md ul,
-.md ol {
+.d2-2349203687 .md ul,
+.d2-2349203687 .md ol {
   margin-top: 0;
   margin-bottom: 0;
   padding-left: 2em;
 }
 
-.md ol ol,
-.md ul ol {
+.d2-2349203687 .md ol ol,
+.d2-2349203687 .md ul ol {
   list-style-type: lower-roman;
 }
 
-.md ul ul ol,
-.md ul ol ol,
-.md ol ul ol,
-.md ol ol ol {
+.d2-2349203687 .md ul ul ol,
+.d2-2349203687 .md ul ol ol,
+.d2-2349203687 .md ol ul ol,
+.d2-2349203687 .md ol ol ol {
   list-style-type: lower-alpha;
 }
 
-.md dd {
+.d2-2349203687 .md dd {
   margin-left: 0;
 }
 
-.md pre {
+.d2-2349203687 .md pre {
   margin-top: 0;
   margin-bottom: 0;
   word-wrap: normal;
 }
 
-.md ::placeholder {
+.d2-2349203687 .md ::placeholder {
   color: var(--color-fg-subtle);
   opacity: 1;
 }
 
-.md input::-webkit-outer-spin-button,
-.md input::-webkit-inner-spin-button {
+.d2-2349203687 .md input::-webkit-outer-spin-button,
+.d2-2349203687 .md input::-webkit-inner-spin-button {
   margin: 0;
   -webkit-appearance: none;
   appearance: none;
 }
 
-.md::before {
+.d2-2349203687 .md::before {
   display: table;
   content: "";
 }
 
-.md::after {
+.d2-2349203687 .md::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md > *:first-child {
+.d2-2349203687 .md > *:first-child {
   margin-top: 0 !important;
 }
 
-.md > *:last-child {
+.d2-2349203687 .md > *:last-child {
   margin-bottom: 0 !important;
 }
 
-.md a:not([href]) {
+.d2-2349203687 .md a:not([href]) {
   color: inherit;
   text-decoration: none;
 }
 
-.md .absent {
+.d2-2349203687 .md .absent {
   color: var(--color-danger-fg);
 }
 
-.md .anchor {
+.d2-2349203687 .md .anchor {
   float: left;
   padding-right: 4px;
   margin-left: -20px;
   line-height: 1;
 }
 
-.md .anchor:focus {
+.d2-2349203687 .md .anchor:focus {
   outline: none;
 }
 
-.md p,
-.md blockquote,
-.md ul,
-.md ol,
-.md dl,
-.md table,
-.md pre,
-.md details {
+.d2-2349203687 .md p,
+.d2-2349203687 .md blockquote,
+.d2-2349203687 .md ul,
+.d2-2349203687 .md ol,
+.d2-2349203687 .md dl,
+.d2-2349203687 .md table,
+.d2-2349203687 .md pre,
+.d2-2349203687 .md details {
   margin-top: 0;
   margin-bottom: 16px;
 }
 
-.md blockquote > :first-child {
+.d2-2349203687 .md blockquote > :first-child {
   margin-top: 0;
 }
 
-.md blockquote > :last-child {
+.d2-2349203687 .md blockquote > :last-child {
   margin-bottom: 0;
 }
 
-.md sup > a::before {
+.d2-2349203687 .md sup > a::before {
   content: "[";
 }
 
-.md sup > a::after {
+.d2-2349203687 .md sup > a::after {
   content: "]";
 }
 
-.md h1:hover .anchor,
-.md h2:hover .anchor,
-.md h3:hover .anchor,
-.md h4:hover .anchor,
-.md h5:hover .anchor,
-.md h6:hover .anchor {
+.d2-2349203687 .md h1:hover .anchor,
+.d2-2349203687 .md h2:hover .anchor,
+.d2-2349203687 .md h3:hover .anchor,
+.d2-2349203687 .md h4:hover .anchor,
+.d2-2349203687 .md h5:hover .anchor,
+.d2-2349203687 .md h6:hover .anchor {
   text-decoration: none;
 }
 
-.md h1 tt,
-.md h1 code,
-.md h2 tt,
-.md h2 code,
-.md h3 tt,
-.md h3 code,
-.md h4 tt,
-.md h4 code,
-.md h5 tt,
-.md h5 code,
-.md h6 tt,
-.md h6 code {
+.d2-2349203687 .md h1 tt,
+.d2-2349203687 .md h1 code,
+.d2-2349203687 .md h2 tt,
+.d2-2349203687 .md h2 code,
+.d2-2349203687 .md h3 tt,
+.d2-2349203687 .md h3 code,
+.d2-2349203687 .md h4 tt,
+.d2-2349203687 .md h4 code,
+.d2-2349203687 .md h5 tt,
+.d2-2349203687 .md h5 code,
+.d2-2349203687 .md h6 tt,
+.d2-2349203687 .md h6 code {
   padding: 0 0.2em;
   font-size: inherit;
 }
 
-.md ul.no-list,
-.md ol.no-list {
+.d2-2349203687 .md ul.no-list,
+.d2-2349203687 .md ol.no-list {
   padding: 0;
   list-style-type: none;
 }
 
-.md ol[type="1"] {
+.d2-2349203687 .md ol[type="1"] {
   list-style-type: decimal;
 }
 
-.md ol[type="a"] {
+.d2-2349203687 .md ol[type="a"] {
   list-style-type: lower-alpha;
 }
 
-.md ol[type="i"] {
+.d2-2349203687 .md ol[type="i"] {
   list-style-type: lower-roman;
 }
 
-.md div > ol:not([type]) {
+.d2-2349203687 .md div > ol:not([type]) {
   list-style-type: decimal;
 }
 
-.md ul ul,
-.md ul ol,
-.md ol ol,
-.md ol ul {
+.d2-2349203687 .md ul ul,
+.d2-2349203687 .md ul ol,
+.d2-2349203687 .md ol ol,
+.d2-2349203687 .md ol ul {
   margin-top: 0;
   margin-bottom: 0;
 }
 
-.md li > p {
+.d2-2349203687 .md li > p {
   margin-top: 16px;
 }
 
-.md li + li {
+.d2-2349203687 .md li + li {
   margin-top: 0.25em;
 }
 
-.md dl {
+.d2-2349203687 .md dl {
   padding: 0;
 }
 
-.md dl dt {
+.d2-2349203687 .md dl dt {
   padding: 0;
   margin-top: 16px;
   font-size: 1em;
@@ -566,48 +566,48 @@
   font-weight: 600;
 }
 
-.md dl dd {
+.d2-2349203687 .md dl dd {
   padding: 0 16px;
   margin-bottom: 16px;
 }
 
-.md table th {
+.d2-2349203687 .md table th {
   font-weight: 600;
 }
 
-.md table th,
-.md table td {
+.d2-2349203687 .md table th,
+.d2-2349203687 .md table td {
   padding: 6px 13px;
   border: 1px solid var(--color-border-default);
 }
 
-.md table tr {
+.d2-2349203687 .md table tr {
   background-color: var(--color-canvas-default);
   border-top: 1px solid var(--color-border-muted);
 }
 
-.md table tr:nth-child(2n) {
+.d2-2349203687 .md table tr:nth-child(2n) {
   background-color: var(--color-canvas-subtle);
 }
 
-.md table img {
+.d2-2349203687 .md table img {
   background-color: transparent;
 }
 
-.md img[align="right"] {
+.d2-2349203687 .md img[align="right"] {
   padding-left: 20px;
 }
 
-.md img[align="left"] {
+.d2-2349203687 .md img[align="left"] {
   padding-right: 20px;
 }
 
-.md span.frame {
+.d2-2349203687 .md span.frame {
   display: block;
   overflow: hidden;
 }
 
-.md span.frame > span {
+.d2-2349203687 .md span.frame > span {
   display: block;
   float: left;
   width: auto;
@@ -617,81 +617,81 @@
   border: 1px solid var(--color-border-default);
 }
 
-.md span.frame span img {
+.d2-2349203687 .md span.frame span img {
   display: block;
   float: left;
 }
 
-.md span.frame span span {
+.d2-2349203687 .md span.frame span span {
   display: block;
   padding: 5px 0 0;
   clear: both;
   color: var(--color-fg-default);
 }
 
-.md span.align-center {
+.d2-2349203687 .md span.align-center {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-center > span {
+.d2-2349203687 .md span.align-center > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: center;
 }
 
-.md span.align-center span img {
+.d2-2349203687 .md span.align-center span img {
   margin: 0 auto;
   text-align: center;
 }
 
-.md span.align-right {
+.d2-2349203687 .md span.align-right {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-right > span {
+.d2-2349203687 .md span.align-right > span {
   display: block;
   margin: 13px 0 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md span.align-right span img {
+.d2-2349203687 .md span.align-right span img {
   margin: 0;
   text-align: right;
 }
 
-.md span.float-left {
+.d2-2349203687 .md span.float-left {
   display: block;
   float: left;
   margin-right: 13px;
   overflow: hidden;
 }
 
-.md span.float-left span {
+.d2-2349203687 .md span.float-left span {
   margin: 13px 0 0;
 }
 
-.md span.float-right {
+.d2-2349203687 .md span.float-right {
   display: block;
   float: right;
   margin-left: 13px;
   overflow: hidden;
 }
 
-.md span.float-right > span {
+.d2-2349203687 .md span.float-right > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md code,
-.md tt {
+.d2-2349203687 .md code,
+.d2-2349203687 .md tt {
   padding: 0.2em 0.4em;
   margin: 0;
   font-size: 85%;
@@ -699,20 +699,20 @@
   border-radius: 6px;
 }
 
-.md code br,
-.md tt br {
+.d2-2349203687 .md code br,
+.d2-2349203687 .md tt br {
   display: none;
 }
 
-.md del code {
+.d2-2349203687 .md del code {
   text-decoration: inherit;
 }
 
-.md pre code {
+.d2-2349203687 .md pre code {
   font-size: 100%;
 }
 
-.md pre > code {
+.d2-2349203687 .md pre > code {
   padding: 0;
   margin: 0;
   word-break: normal;
@@ -721,17 +721,17 @@
   border: 0;
 }
 
-.md .highlight {
+.d2-2349203687 .md .highlight {
   margin-bottom: 16px;
 }
 
-.md .highlight pre {
+.d2-2349203687 .md .highlight pre {
   margin-bottom: 0;
   word-break: normal;
 }
 
-.md .highlight pre,
-.md pre {
+.d2-2349203687 .md .highlight pre,
+.d2-2349203687 .md pre {
   padding: 16px;
   overflow: auto;
   font-size: 85%;
@@ -740,8 +740,8 @@
   border-radius: 6px;
 }
 
-.md pre code,
-.md pre tt {
+.d2-2349203687 .md pre code,
+.d2-2349203687 .md pre tt {
   display: inline;
   max-width: auto;
   padding: 0;
@@ -753,8 +753,8 @@
   border: 0;
 }
 
-.md .csv-data td,
-.md .csv-data th {
+.d2-2349203687 .md .csv-data td,
+.d2-2349203687 .md .csv-data th {
   padding: 5px;
   overflow: hidden;
   font-size: 12px;
@@ -763,38 +763,38 @@
   white-space: nowrap;
 }
 
-.md .csv-data .blob-num {
+.d2-2349203687 .md .csv-data .blob-num {
   padding: 10px 8px 9px;
   text-align: right;
   background: var(--color-canvas-default);
   border: 0;
 }
 
-.md .csv-data tr {
+.d2-2349203687 .md .csv-data tr {
   border-top: 0;
 }
 
-.md .csv-data th {
+.d2-2349203687 .md .csv-data th {
   font-weight: 600;
   background: var(--color-canvas-subtle);
   border-top: 0;
 }
 
-.md .footnotes {
+.d2-2349203687 .md .footnotes {
   font-size: 12px;
   color: var(--color-fg-muted);
   border-top: 1px solid var(--color-border-default);
 }
 
-.md .footnotes ol {
+.d2-2349203687 .md .footnotes ol {
   padding-left: 16px;
 }
 
-.md .footnotes li {
+.d2-2349203687 .md .footnotes li {
   position: relative;
 }
 
-.md .footnotes li:target::before {
+.d2-2349203687 .md .footnotes li:target::before {
   position: absolute;
   top: -8px;
   right: -8px;
@@ -806,36 +806,36 @@
   border-radius: 6px;
 }
 
-.md .footnotes li:target {
+.d2-2349203687 .md .footnotes li:target {
   color: var(--color-fg-default);
 }
 
-.md .task-list-item {
+.d2-2349203687 .md .task-list-item {
   list-style-type: none;
 }
 
-.md .task-list-item label {
+.d2-2349203687 .md .task-list-item label {
   font-weight: 400;
 }
 
-.md .task-list-item.enabled label {
+.d2-2349203687 .md .task-list-item.enabled label {
   cursor: pointer;
 }
 
-.md .task-list-item + .task-list-item {
+.d2-2349203687 .md .task-list-item + .task-list-item {
   margin-top: 3px;
 }
 
-.md .task-list-item .handle {
+.d2-2349203687 .md .task-list-item .handle {
   display: none;
 }
 
-.md .task-list-item-checkbox {
+.d2-2349203687 .md .task-list-item-checkbox {
   margin: 0 0.2em 0.25em -1.6em;
   vertical-align: middle;
 }
 
-.md .contains-task-list:dir(rtl) .task-list-item-checkbox {
+.d2-2349203687 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
 </style><g id="poll the people"><g class="shape" ><rect x="82.000000" y="0.000000" width="150.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="157.000000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">poll the people</text></g><g id="results"><g class="shape" ><rect x="191.000000" y="166.000000" width="93.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="237.500000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">results</text></g><g id="unfavorable"><g class="shape" ><rect x="0.000000" y="332.000000" width="131.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="65.500000" y="370.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">unfavorable</text></g><g id="favorable"><g class="shape" ><rect x="191.000000" y="332.000000" width="113.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="247.500000" y="370.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">favorable</text></g><g id="will of the people"><g class="shape" ><rect x="164.000000" y="498.000000" width="167.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="247.500000" y="536.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">will of the people</text></g><g id="title"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="32.000000" y="-71.000000" width="266" height="51"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><h1>A winning strategy</h1>
diff --git a/e2etests/testdata/stable/constant_near_title/elk/sketch.exp.svg b/e2etests/testdata/stable/constant_near_title/elk/sketch.exp.svg
index 59adac5f9..ae03fee53 100644
--- a/e2etests/testdata/stable/constant_near_title/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/constant_near_title/elk/sketch.exp.svg
@@ -96,31 +96,31 @@
 		.d2-2541576668 .color-AA4{color:#EDF0FD;}
 		.d2-2541576668 .color-AA5{color:#F7F8FE;}
 		.d2-2541576668 .color-AB4{color:#EDF0FD;}
-		.d2-2541576668 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.md em,
-.md dfn {
+		.d2-2541576668 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.d2-2541576668 .md em,
+.d2-2541576668 .md dfn {
   font-family: "d2-2541576668-font-italic";
 }
 
-.md b,
-.md strong {
+.d2-2541576668 .md b,
+.d2-2541576668 .md strong {
   font-family: "d2-2541576668-font-bold";
 }
 
-.md code,
-.md kbd,
-.md pre,
-.md samp {
+.d2-2541576668 .md code,
+.d2-2541576668 .md kbd,
+.d2-2541576668 .md pre,
+.d2-2541576668 .md samp {
   font-family: "d2-2541576668-font-mono";
   font-size: 1em;
 }
 
-.md {
+.d2-2541576668 .md {
   tab-size: 4;
 }
 
 /* variables are provided in d2renderers/d2svg/d2svg.go */
 
-.md {
+.d2-2541576668 .md {
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
   margin: 0;
@@ -132,41 +132,41 @@
   word-wrap: break-word;
 }
 
-.md details,
-.md figcaption,
-.md figure {
+.d2-2541576668 .md details,
+.d2-2541576668 .md figcaption,
+.d2-2541576668 .md figure {
   display: block;
 }
 
-.md summary {
+.d2-2541576668 .md summary {
   display: list-item;
 }
 
-.md [hidden] {
+.d2-2541576668 .md [hidden] {
   display: none !important;
 }
 
-.md a {
+.d2-2541576668 .md a {
   background-color: transparent;
   color: var(--color-accent-fg);
   text-decoration: none;
 }
 
-.md a:active,
-.md a:hover {
+.d2-2541576668 .md a:active,
+.d2-2541576668 .md a:hover {
   outline-width: 0;
 }
 
-.md abbr[title] {
+.d2-2541576668 .md abbr[title] {
   border-bottom: none;
   text-decoration: underline dotted;
 }
 
-.md dfn {
+.d2-2541576668 .md dfn {
   font-style: italic;
 }
 
-.md h1 {
+.d2-2541576668 .md h1 {
   margin: 0.67em 0;
   font-weight: 600;
   padding-bottom: 0.3em;
@@ -174,43 +174,43 @@
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md mark {
+.d2-2541576668 .md mark {
   background-color: var(--color-attention-subtle);
   color: var(--color-text-primary);
 }
 
-.md small {
+.d2-2541576668 .md small {
   font-size: 90%;
 }
 
-.md sub,
-.md sup {
+.d2-2541576668 .md sub,
+.d2-2541576668 .md sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
 }
 
-.md sub {
+.d2-2541576668 .md sub {
   bottom: -0.25em;
 }
 
-.md sup {
+.d2-2541576668 .md sup {
   top: -0.5em;
 }
 
-.md img {
+.d2-2541576668 .md img {
   border-style: none;
   max-width: 100%;
   box-sizing: content-box;
   background-color: var(--color-canvas-default);
 }
 
-.md figure {
+.d2-2541576668 .md figure {
   margin: 1em 40px;
 }
 
-.md hr {
+.d2-2541576668 .md hr {
   box-sizing: content-box;
   overflow: hidden;
   background: transparent;
@@ -222,7 +222,7 @@
   border: 0;
 }
 
-.md input {
+.d2-2541576668 .md input {
   font: inherit;
   margin: 0;
   overflow: visible;
@@ -231,72 +231,72 @@
   line-height: inherit;
 }
 
-.md [type="button"],
-.md [type="reset"],
-.md [type="submit"] {
+.d2-2541576668 .md [type="button"],
+.d2-2541576668 .md [type="reset"],
+.d2-2541576668 .md [type="submit"] {
   -webkit-appearance: button;
 }
 
-.md [type="button"]::-moz-focus-inner,
-.md [type="reset"]::-moz-focus-inner,
-.md [type="submit"]::-moz-focus-inner {
+.d2-2541576668 .md [type="button"]::-moz-focus-inner,
+.d2-2541576668 .md [type="reset"]::-moz-focus-inner,
+.d2-2541576668 .md [type="submit"]::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.md [type="button"]:-moz-focusring,
-.md [type="reset"]:-moz-focusring,
-.md [type="submit"]:-moz-focusring {
+.d2-2541576668 .md [type="button"]:-moz-focusring,
+.d2-2541576668 .md [type="reset"]:-moz-focusring,
+.d2-2541576668 .md [type="submit"]:-moz-focusring {
   outline: 1px dotted ButtonText;
 }
 
-.md [type="checkbox"],
-.md [type="radio"] {
+.d2-2541576668 .md [type="checkbox"],
+.d2-2541576668 .md [type="radio"] {
   box-sizing: border-box;
   padding: 0;
 }
 
-.md [type="number"]::-webkit-inner-spin-button,
-.md [type="number"]::-webkit-outer-spin-button {
+.d2-2541576668 .md [type="number"]::-webkit-inner-spin-button,
+.d2-2541576668 .md [type="number"]::-webkit-outer-spin-button {
   height: auto;
 }
 
-.md [type="search"] {
+.d2-2541576668 .md [type="search"] {
   -webkit-appearance: textfield;
   outline-offset: -2px;
 }
 
-.md [type="search"]::-webkit-search-cancel-button,
-.md [type="search"]::-webkit-search-decoration {
+.d2-2541576668 .md [type="search"]::-webkit-search-cancel-button,
+.d2-2541576668 .md [type="search"]::-webkit-search-decoration {
   -webkit-appearance: none;
 }
 
-.md ::-webkit-input-placeholder {
+.d2-2541576668 .md ::-webkit-input-placeholder {
   color: inherit;
   opacity: 0.54;
 }
 
-.md ::-webkit-file-upload-button {
+.d2-2541576668 .md ::-webkit-file-upload-button {
   -webkit-appearance: button;
   font: inherit;
 }
 
-.md a:hover {
+.d2-2541576668 .md a:hover {
   text-decoration: underline;
 }
 
-.md hr::before {
+.d2-2541576668 .md hr::before {
   display: table;
   content: "";
 }
 
-.md hr::after {
+.d2-2541576668 .md hr::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md table {
+.d2-2541576668 .md table {
   border-spacing: 0;
   border-collapse: collapse;
   display: block;
@@ -305,20 +305,20 @@
   overflow: auto;
 }
 
-.md td,
-.md th {
+.d2-2541576668 .md td,
+.d2-2541576668 .md th {
   padding: 0;
 }
 
-.md details summary {
+.d2-2541576668 .md details summary {
   cursor: pointer;
 }
 
-.md details:not([open]) > *:not(summary) {
+.d2-2541576668 .md details:not([open]) > *:not(summary) {
   display: none !important;
 }
 
-.md kbd {
+.d2-2541576668 .md kbd {
   display: inline-block;
   padding: 3px 5px;
   color: var(--color-fg-default);
@@ -330,12 +330,12 @@
   box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
 }
 
-.md h1,
-.md h2,
-.md h3,
-.md h4,
-.md h5,
-.md h6 {
+.d2-2541576668 .md h1,
+.d2-2541576668 .md h2,
+.d2-2541576668 .md h3,
+.d2-2541576668 .md h4,
+.d2-2541576668 .md h5,
+.d2-2541576668 .md h6 {
   margin-top: 24px;
   margin-bottom: 16px;
   font-weight: 600;
@@ -343,222 +343,222 @@
   font-family: "d2-2541576668-font-regular";
 }
 
-.md h2 {
+.d2-2541576668 .md h2 {
   font-weight: 600;
   padding-bottom: 0.3em;
   font-size: 1.5em;
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md h3 {
+.d2-2541576668 .md h3 {
   font-weight: 600;
   font-size: 1.25em;
 }
 
-.md h4 {
+.d2-2541576668 .md h4 {
   font-weight: 600;
   font-size: 1em;
 }
 
-.md h5 {
+.d2-2541576668 .md h5 {
   font-weight: 600;
   font-size: 0.875em;
 }
 
-.md h6 {
+.d2-2541576668 .md h6 {
   font-weight: 600;
   font-size: 0.85em;
   color: var(--color-fg-muted);
 }
 
-.md p {
+.d2-2541576668 .md p {
   margin-top: 0;
   margin-bottom: 10px;
 }
 
-.md blockquote {
+.d2-2541576668 .md blockquote {
   margin: 0;
   padding: 0 1em;
   color: var(--color-fg-muted);
   border-left: 0.25em solid var(--color-border-default);
 }
 
-.md ul,
-.md ol {
+.d2-2541576668 .md ul,
+.d2-2541576668 .md ol {
   margin-top: 0;
   margin-bottom: 0;
   padding-left: 2em;
 }
 
-.md ol ol,
-.md ul ol {
+.d2-2541576668 .md ol ol,
+.d2-2541576668 .md ul ol {
   list-style-type: lower-roman;
 }
 
-.md ul ul ol,
-.md ul ol ol,
-.md ol ul ol,
-.md ol ol ol {
+.d2-2541576668 .md ul ul ol,
+.d2-2541576668 .md ul ol ol,
+.d2-2541576668 .md ol ul ol,
+.d2-2541576668 .md ol ol ol {
   list-style-type: lower-alpha;
 }
 
-.md dd {
+.d2-2541576668 .md dd {
   margin-left: 0;
 }
 
-.md pre {
+.d2-2541576668 .md pre {
   margin-top: 0;
   margin-bottom: 0;
   word-wrap: normal;
 }
 
-.md ::placeholder {
+.d2-2541576668 .md ::placeholder {
   color: var(--color-fg-subtle);
   opacity: 1;
 }
 
-.md input::-webkit-outer-spin-button,
-.md input::-webkit-inner-spin-button {
+.d2-2541576668 .md input::-webkit-outer-spin-button,
+.d2-2541576668 .md input::-webkit-inner-spin-button {
   margin: 0;
   -webkit-appearance: none;
   appearance: none;
 }
 
-.md::before {
+.d2-2541576668 .md::before {
   display: table;
   content: "";
 }
 
-.md::after {
+.d2-2541576668 .md::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md > *:first-child {
+.d2-2541576668 .md > *:first-child {
   margin-top: 0 !important;
 }
 
-.md > *:last-child {
+.d2-2541576668 .md > *:last-child {
   margin-bottom: 0 !important;
 }
 
-.md a:not([href]) {
+.d2-2541576668 .md a:not([href]) {
   color: inherit;
   text-decoration: none;
 }
 
-.md .absent {
+.d2-2541576668 .md .absent {
   color: var(--color-danger-fg);
 }
 
-.md .anchor {
+.d2-2541576668 .md .anchor {
   float: left;
   padding-right: 4px;
   margin-left: -20px;
   line-height: 1;
 }
 
-.md .anchor:focus {
+.d2-2541576668 .md .anchor:focus {
   outline: none;
 }
 
-.md p,
-.md blockquote,
-.md ul,
-.md ol,
-.md dl,
-.md table,
-.md pre,
-.md details {
+.d2-2541576668 .md p,
+.d2-2541576668 .md blockquote,
+.d2-2541576668 .md ul,
+.d2-2541576668 .md ol,
+.d2-2541576668 .md dl,
+.d2-2541576668 .md table,
+.d2-2541576668 .md pre,
+.d2-2541576668 .md details {
   margin-top: 0;
   margin-bottom: 16px;
 }
 
-.md blockquote > :first-child {
+.d2-2541576668 .md blockquote > :first-child {
   margin-top: 0;
 }
 
-.md blockquote > :last-child {
+.d2-2541576668 .md blockquote > :last-child {
   margin-bottom: 0;
 }
 
-.md sup > a::before {
+.d2-2541576668 .md sup > a::before {
   content: "[";
 }
 
-.md sup > a::after {
+.d2-2541576668 .md sup > a::after {
   content: "]";
 }
 
-.md h1:hover .anchor,
-.md h2:hover .anchor,
-.md h3:hover .anchor,
-.md h4:hover .anchor,
-.md h5:hover .anchor,
-.md h6:hover .anchor {
+.d2-2541576668 .md h1:hover .anchor,
+.d2-2541576668 .md h2:hover .anchor,
+.d2-2541576668 .md h3:hover .anchor,
+.d2-2541576668 .md h4:hover .anchor,
+.d2-2541576668 .md h5:hover .anchor,
+.d2-2541576668 .md h6:hover .anchor {
   text-decoration: none;
 }
 
-.md h1 tt,
-.md h1 code,
-.md h2 tt,
-.md h2 code,
-.md h3 tt,
-.md h3 code,
-.md h4 tt,
-.md h4 code,
-.md h5 tt,
-.md h5 code,
-.md h6 tt,
-.md h6 code {
+.d2-2541576668 .md h1 tt,
+.d2-2541576668 .md h1 code,
+.d2-2541576668 .md h2 tt,
+.d2-2541576668 .md h2 code,
+.d2-2541576668 .md h3 tt,
+.d2-2541576668 .md h3 code,
+.d2-2541576668 .md h4 tt,
+.d2-2541576668 .md h4 code,
+.d2-2541576668 .md h5 tt,
+.d2-2541576668 .md h5 code,
+.d2-2541576668 .md h6 tt,
+.d2-2541576668 .md h6 code {
   padding: 0 0.2em;
   font-size: inherit;
 }
 
-.md ul.no-list,
-.md ol.no-list {
+.d2-2541576668 .md ul.no-list,
+.d2-2541576668 .md ol.no-list {
   padding: 0;
   list-style-type: none;
 }
 
-.md ol[type="1"] {
+.d2-2541576668 .md ol[type="1"] {
   list-style-type: decimal;
 }
 
-.md ol[type="a"] {
+.d2-2541576668 .md ol[type="a"] {
   list-style-type: lower-alpha;
 }
 
-.md ol[type="i"] {
+.d2-2541576668 .md ol[type="i"] {
   list-style-type: lower-roman;
 }
 
-.md div > ol:not([type]) {
+.d2-2541576668 .md div > ol:not([type]) {
   list-style-type: decimal;
 }
 
-.md ul ul,
-.md ul ol,
-.md ol ol,
-.md ol ul {
+.d2-2541576668 .md ul ul,
+.d2-2541576668 .md ul ol,
+.d2-2541576668 .md ol ol,
+.d2-2541576668 .md ol ul {
   margin-top: 0;
   margin-bottom: 0;
 }
 
-.md li > p {
+.d2-2541576668 .md li > p {
   margin-top: 16px;
 }
 
-.md li + li {
+.d2-2541576668 .md li + li {
   margin-top: 0.25em;
 }
 
-.md dl {
+.d2-2541576668 .md dl {
   padding: 0;
 }
 
-.md dl dt {
+.d2-2541576668 .md dl dt {
   padding: 0;
   margin-top: 16px;
   font-size: 1em;
@@ -566,48 +566,48 @@
   font-weight: 600;
 }
 
-.md dl dd {
+.d2-2541576668 .md dl dd {
   padding: 0 16px;
   margin-bottom: 16px;
 }
 
-.md table th {
+.d2-2541576668 .md table th {
   font-weight: 600;
 }
 
-.md table th,
-.md table td {
+.d2-2541576668 .md table th,
+.d2-2541576668 .md table td {
   padding: 6px 13px;
   border: 1px solid var(--color-border-default);
 }
 
-.md table tr {
+.d2-2541576668 .md table tr {
   background-color: var(--color-canvas-default);
   border-top: 1px solid var(--color-border-muted);
 }
 
-.md table tr:nth-child(2n) {
+.d2-2541576668 .md table tr:nth-child(2n) {
   background-color: var(--color-canvas-subtle);
 }
 
-.md table img {
+.d2-2541576668 .md table img {
   background-color: transparent;
 }
 
-.md img[align="right"] {
+.d2-2541576668 .md img[align="right"] {
   padding-left: 20px;
 }
 
-.md img[align="left"] {
+.d2-2541576668 .md img[align="left"] {
   padding-right: 20px;
 }
 
-.md span.frame {
+.d2-2541576668 .md span.frame {
   display: block;
   overflow: hidden;
 }
 
-.md span.frame > span {
+.d2-2541576668 .md span.frame > span {
   display: block;
   float: left;
   width: auto;
@@ -617,81 +617,81 @@
   border: 1px solid var(--color-border-default);
 }
 
-.md span.frame span img {
+.d2-2541576668 .md span.frame span img {
   display: block;
   float: left;
 }
 
-.md span.frame span span {
+.d2-2541576668 .md span.frame span span {
   display: block;
   padding: 5px 0 0;
   clear: both;
   color: var(--color-fg-default);
 }
 
-.md span.align-center {
+.d2-2541576668 .md span.align-center {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-center > span {
+.d2-2541576668 .md span.align-center > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: center;
 }
 
-.md span.align-center span img {
+.d2-2541576668 .md span.align-center span img {
   margin: 0 auto;
   text-align: center;
 }
 
-.md span.align-right {
+.d2-2541576668 .md span.align-right {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-right > span {
+.d2-2541576668 .md span.align-right > span {
   display: block;
   margin: 13px 0 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md span.align-right span img {
+.d2-2541576668 .md span.align-right span img {
   margin: 0;
   text-align: right;
 }
 
-.md span.float-left {
+.d2-2541576668 .md span.float-left {
   display: block;
   float: left;
   margin-right: 13px;
   overflow: hidden;
 }
 
-.md span.float-left span {
+.d2-2541576668 .md span.float-left span {
   margin: 13px 0 0;
 }
 
-.md span.float-right {
+.d2-2541576668 .md span.float-right {
   display: block;
   float: right;
   margin-left: 13px;
   overflow: hidden;
 }
 
-.md span.float-right > span {
+.d2-2541576668 .md span.float-right > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md code,
-.md tt {
+.d2-2541576668 .md code,
+.d2-2541576668 .md tt {
   padding: 0.2em 0.4em;
   margin: 0;
   font-size: 85%;
@@ -699,20 +699,20 @@
   border-radius: 6px;
 }
 
-.md code br,
-.md tt br {
+.d2-2541576668 .md code br,
+.d2-2541576668 .md tt br {
   display: none;
 }
 
-.md del code {
+.d2-2541576668 .md del code {
   text-decoration: inherit;
 }
 
-.md pre code {
+.d2-2541576668 .md pre code {
   font-size: 100%;
 }
 
-.md pre > code {
+.d2-2541576668 .md pre > code {
   padding: 0;
   margin: 0;
   word-break: normal;
@@ -721,17 +721,17 @@
   border: 0;
 }
 
-.md .highlight {
+.d2-2541576668 .md .highlight {
   margin-bottom: 16px;
 }
 
-.md .highlight pre {
+.d2-2541576668 .md .highlight pre {
   margin-bottom: 0;
   word-break: normal;
 }
 
-.md .highlight pre,
-.md pre {
+.d2-2541576668 .md .highlight pre,
+.d2-2541576668 .md pre {
   padding: 16px;
   overflow: auto;
   font-size: 85%;
@@ -740,8 +740,8 @@
   border-radius: 6px;
 }
 
-.md pre code,
-.md pre tt {
+.d2-2541576668 .md pre code,
+.d2-2541576668 .md pre tt {
   display: inline;
   max-width: auto;
   padding: 0;
@@ -753,8 +753,8 @@
   border: 0;
 }
 
-.md .csv-data td,
-.md .csv-data th {
+.d2-2541576668 .md .csv-data td,
+.d2-2541576668 .md .csv-data th {
   padding: 5px;
   overflow: hidden;
   font-size: 12px;
@@ -763,38 +763,38 @@
   white-space: nowrap;
 }
 
-.md .csv-data .blob-num {
+.d2-2541576668 .md .csv-data .blob-num {
   padding: 10px 8px 9px;
   text-align: right;
   background: var(--color-canvas-default);
   border: 0;
 }
 
-.md .csv-data tr {
+.d2-2541576668 .md .csv-data tr {
   border-top: 0;
 }
 
-.md .csv-data th {
+.d2-2541576668 .md .csv-data th {
   font-weight: 600;
   background: var(--color-canvas-subtle);
   border-top: 0;
 }
 
-.md .footnotes {
+.d2-2541576668 .md .footnotes {
   font-size: 12px;
   color: var(--color-fg-muted);
   border-top: 1px solid var(--color-border-default);
 }
 
-.md .footnotes ol {
+.d2-2541576668 .md .footnotes ol {
   padding-left: 16px;
 }
 
-.md .footnotes li {
+.d2-2541576668 .md .footnotes li {
   position: relative;
 }
 
-.md .footnotes li:target::before {
+.d2-2541576668 .md .footnotes li:target::before {
   position: absolute;
   top: -8px;
   right: -8px;
@@ -806,36 +806,36 @@
   border-radius: 6px;
 }
 
-.md .footnotes li:target {
+.d2-2541576668 .md .footnotes li:target {
   color: var(--color-fg-default);
 }
 
-.md .task-list-item {
+.d2-2541576668 .md .task-list-item {
   list-style-type: none;
 }
 
-.md .task-list-item label {
+.d2-2541576668 .md .task-list-item label {
   font-weight: 400;
 }
 
-.md .task-list-item.enabled label {
+.d2-2541576668 .md .task-list-item.enabled label {
   cursor: pointer;
 }
 
-.md .task-list-item + .task-list-item {
+.d2-2541576668 .md .task-list-item + .task-list-item {
   margin-top: 3px;
 }
 
-.md .task-list-item .handle {
+.d2-2541576668 .md .task-list-item .handle {
   display: none;
 }
 
-.md .task-list-item-checkbox {
+.d2-2541576668 .md .task-list-item-checkbox {
   margin: 0 0.2em 0.25em -1.6em;
   vertical-align: middle;
 }
 
-.md .contains-task-list:dir(rtl) .task-list-item-checkbox {
+.d2-2541576668 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
 </style><g id="poll the people"><g class="shape" ><rect x="110.000000" y="12.000000" width="150.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="185.000000" y="50.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">poll the people</text></g><g id="results"><g class="shape" ><rect x="64.000000" y="158.000000" width="93.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="110.500000" y="196.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">results</text></g><g id="unfavorable"><g class="shape" ><rect x="172.000000" y="304.000000" width="131.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="237.500000" y="342.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">unfavorable</text></g><g id="favorable"><g class="shape" ><rect x="39.000000" y="304.000000" width="113.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="95.500000" y="342.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">favorable</text></g><g id="will of the people"><g class="shape" ><rect x="12.000000" y="440.000000" width="167.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="95.500000" y="478.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">will of the people</text></g><g id="title"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="24.000000" y="-59.000000" width="266" height="51"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><h1>A winning strategy</h1>
diff --git a/e2etests/testdata/stable/giant_markdown_test/dagre/sketch.exp.svg b/e2etests/testdata/stable/giant_markdown_test/dagre/sketch.exp.svg
index 793920591..4235dd7b4 100644
--- a/e2etests/testdata/stable/giant_markdown_test/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/giant_markdown_test/dagre/sketch.exp.svg
@@ -110,31 +110,31 @@
 		.d2-1972535454 .color-AA4{color:#EDF0FD;}
 		.d2-1972535454 .color-AA5{color:#F7F8FE;}
 		.d2-1972535454 .color-AB4{color:#EDF0FD;}
-		.d2-1972535454 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.md em,
-.md dfn {
+		.d2-1972535454 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.d2-1972535454 .md em,
+.d2-1972535454 .md dfn {
   font-family: "d2-1972535454-font-italic";
 }
 
-.md b,
-.md strong {
+.d2-1972535454 .md b,
+.d2-1972535454 .md strong {
   font-family: "d2-1972535454-font-bold";
 }
 
-.md code,
-.md kbd,
-.md pre,
-.md samp {
+.d2-1972535454 .md code,
+.d2-1972535454 .md kbd,
+.d2-1972535454 .md pre,
+.d2-1972535454 .md samp {
   font-family: "d2-1972535454-font-mono";
   font-size: 1em;
 }
 
-.md {
+.d2-1972535454 .md {
   tab-size: 4;
 }
 
 /* variables are provided in d2renderers/d2svg/d2svg.go */
 
-.md {
+.d2-1972535454 .md {
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
   margin: 0;
@@ -146,41 +146,41 @@
   word-wrap: break-word;
 }
 
-.md details,
-.md figcaption,
-.md figure {
+.d2-1972535454 .md details,
+.d2-1972535454 .md figcaption,
+.d2-1972535454 .md figure {
   display: block;
 }
 
-.md summary {
+.d2-1972535454 .md summary {
   display: list-item;
 }
 
-.md [hidden] {
+.d2-1972535454 .md [hidden] {
   display: none !important;
 }
 
-.md a {
+.d2-1972535454 .md a {
   background-color: transparent;
   color: var(--color-accent-fg);
   text-decoration: none;
 }
 
-.md a:active,
-.md a:hover {
+.d2-1972535454 .md a:active,
+.d2-1972535454 .md a:hover {
   outline-width: 0;
 }
 
-.md abbr[title] {
+.d2-1972535454 .md abbr[title] {
   border-bottom: none;
   text-decoration: underline dotted;
 }
 
-.md dfn {
+.d2-1972535454 .md dfn {
   font-style: italic;
 }
 
-.md h1 {
+.d2-1972535454 .md h1 {
   margin: 0.67em 0;
   font-weight: 600;
   padding-bottom: 0.3em;
@@ -188,43 +188,43 @@
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md mark {
+.d2-1972535454 .md mark {
   background-color: var(--color-attention-subtle);
   color: var(--color-text-primary);
 }
 
-.md small {
+.d2-1972535454 .md small {
   font-size: 90%;
 }
 
-.md sub,
-.md sup {
+.d2-1972535454 .md sub,
+.d2-1972535454 .md sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
 }
 
-.md sub {
+.d2-1972535454 .md sub {
   bottom: -0.25em;
 }
 
-.md sup {
+.d2-1972535454 .md sup {
   top: -0.5em;
 }
 
-.md img {
+.d2-1972535454 .md img {
   border-style: none;
   max-width: 100%;
   box-sizing: content-box;
   background-color: var(--color-canvas-default);
 }
 
-.md figure {
+.d2-1972535454 .md figure {
   margin: 1em 40px;
 }
 
-.md hr {
+.d2-1972535454 .md hr {
   box-sizing: content-box;
   overflow: hidden;
   background: transparent;
@@ -236,7 +236,7 @@
   border: 0;
 }
 
-.md input {
+.d2-1972535454 .md input {
   font: inherit;
   margin: 0;
   overflow: visible;
@@ -245,72 +245,72 @@
   line-height: inherit;
 }
 
-.md [type="button"],
-.md [type="reset"],
-.md [type="submit"] {
+.d2-1972535454 .md [type="button"],
+.d2-1972535454 .md [type="reset"],
+.d2-1972535454 .md [type="submit"] {
   -webkit-appearance: button;
 }
 
-.md [type="button"]::-moz-focus-inner,
-.md [type="reset"]::-moz-focus-inner,
-.md [type="submit"]::-moz-focus-inner {
+.d2-1972535454 .md [type="button"]::-moz-focus-inner,
+.d2-1972535454 .md [type="reset"]::-moz-focus-inner,
+.d2-1972535454 .md [type="submit"]::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.md [type="button"]:-moz-focusring,
-.md [type="reset"]:-moz-focusring,
-.md [type="submit"]:-moz-focusring {
+.d2-1972535454 .md [type="button"]:-moz-focusring,
+.d2-1972535454 .md [type="reset"]:-moz-focusring,
+.d2-1972535454 .md [type="submit"]:-moz-focusring {
   outline: 1px dotted ButtonText;
 }
 
-.md [type="checkbox"],
-.md [type="radio"] {
+.d2-1972535454 .md [type="checkbox"],
+.d2-1972535454 .md [type="radio"] {
   box-sizing: border-box;
   padding: 0;
 }
 
-.md [type="number"]::-webkit-inner-spin-button,
-.md [type="number"]::-webkit-outer-spin-button {
+.d2-1972535454 .md [type="number"]::-webkit-inner-spin-button,
+.d2-1972535454 .md [type="number"]::-webkit-outer-spin-button {
   height: auto;
 }
 
-.md [type="search"] {
+.d2-1972535454 .md [type="search"] {
   -webkit-appearance: textfield;
   outline-offset: -2px;
 }
 
-.md [type="search"]::-webkit-search-cancel-button,
-.md [type="search"]::-webkit-search-decoration {
+.d2-1972535454 .md [type="search"]::-webkit-search-cancel-button,
+.d2-1972535454 .md [type="search"]::-webkit-search-decoration {
   -webkit-appearance: none;
 }
 
-.md ::-webkit-input-placeholder {
+.d2-1972535454 .md ::-webkit-input-placeholder {
   color: inherit;
   opacity: 0.54;
 }
 
-.md ::-webkit-file-upload-button {
+.d2-1972535454 .md ::-webkit-file-upload-button {
   -webkit-appearance: button;
   font: inherit;
 }
 
-.md a:hover {
+.d2-1972535454 .md a:hover {
   text-decoration: underline;
 }
 
-.md hr::before {
+.d2-1972535454 .md hr::before {
   display: table;
   content: "";
 }
 
-.md hr::after {
+.d2-1972535454 .md hr::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md table {
+.d2-1972535454 .md table {
   border-spacing: 0;
   border-collapse: collapse;
   display: block;
@@ -319,20 +319,20 @@
   overflow: auto;
 }
 
-.md td,
-.md th {
+.d2-1972535454 .md td,
+.d2-1972535454 .md th {
   padding: 0;
 }
 
-.md details summary {
+.d2-1972535454 .md details summary {
   cursor: pointer;
 }
 
-.md details:not([open]) > *:not(summary) {
+.d2-1972535454 .md details:not([open]) > *:not(summary) {
   display: none !important;
 }
 
-.md kbd {
+.d2-1972535454 .md kbd {
   display: inline-block;
   padding: 3px 5px;
   color: var(--color-fg-default);
@@ -344,12 +344,12 @@
   box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
 }
 
-.md h1,
-.md h2,
-.md h3,
-.md h4,
-.md h5,
-.md h6 {
+.d2-1972535454 .md h1,
+.d2-1972535454 .md h2,
+.d2-1972535454 .md h3,
+.d2-1972535454 .md h4,
+.d2-1972535454 .md h5,
+.d2-1972535454 .md h6 {
   margin-top: 24px;
   margin-bottom: 16px;
   font-weight: 600;
@@ -357,222 +357,222 @@
   font-family: "d2-1972535454-font-regular";
 }
 
-.md h2 {
+.d2-1972535454 .md h2 {
   font-weight: 600;
   padding-bottom: 0.3em;
   font-size: 1.5em;
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md h3 {
+.d2-1972535454 .md h3 {
   font-weight: 600;
   font-size: 1.25em;
 }
 
-.md h4 {
+.d2-1972535454 .md h4 {
   font-weight: 600;
   font-size: 1em;
 }
 
-.md h5 {
+.d2-1972535454 .md h5 {
   font-weight: 600;
   font-size: 0.875em;
 }
 
-.md h6 {
+.d2-1972535454 .md h6 {
   font-weight: 600;
   font-size: 0.85em;
   color: var(--color-fg-muted);
 }
 
-.md p {
+.d2-1972535454 .md p {
   margin-top: 0;
   margin-bottom: 10px;
 }
 
-.md blockquote {
+.d2-1972535454 .md blockquote {
   margin: 0;
   padding: 0 1em;
   color: var(--color-fg-muted);
   border-left: 0.25em solid var(--color-border-default);
 }
 
-.md ul,
-.md ol {
+.d2-1972535454 .md ul,
+.d2-1972535454 .md ol {
   margin-top: 0;
   margin-bottom: 0;
   padding-left: 2em;
 }
 
-.md ol ol,
-.md ul ol {
+.d2-1972535454 .md ol ol,
+.d2-1972535454 .md ul ol {
   list-style-type: lower-roman;
 }
 
-.md ul ul ol,
-.md ul ol ol,
-.md ol ul ol,
-.md ol ol ol {
+.d2-1972535454 .md ul ul ol,
+.d2-1972535454 .md ul ol ol,
+.d2-1972535454 .md ol ul ol,
+.d2-1972535454 .md ol ol ol {
   list-style-type: lower-alpha;
 }
 
-.md dd {
+.d2-1972535454 .md dd {
   margin-left: 0;
 }
 
-.md pre {
+.d2-1972535454 .md pre {
   margin-top: 0;
   margin-bottom: 0;
   word-wrap: normal;
 }
 
-.md ::placeholder {
+.d2-1972535454 .md ::placeholder {
   color: var(--color-fg-subtle);
   opacity: 1;
 }
 
-.md input::-webkit-outer-spin-button,
-.md input::-webkit-inner-spin-button {
+.d2-1972535454 .md input::-webkit-outer-spin-button,
+.d2-1972535454 .md input::-webkit-inner-spin-button {
   margin: 0;
   -webkit-appearance: none;
   appearance: none;
 }
 
-.md::before {
+.d2-1972535454 .md::before {
   display: table;
   content: "";
 }
 
-.md::after {
+.d2-1972535454 .md::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md > *:first-child {
+.d2-1972535454 .md > *:first-child {
   margin-top: 0 !important;
 }
 
-.md > *:last-child {
+.d2-1972535454 .md > *:last-child {
   margin-bottom: 0 !important;
 }
 
-.md a:not([href]) {
+.d2-1972535454 .md a:not([href]) {
   color: inherit;
   text-decoration: none;
 }
 
-.md .absent {
+.d2-1972535454 .md .absent {
   color: var(--color-danger-fg);
 }
 
-.md .anchor {
+.d2-1972535454 .md .anchor {
   float: left;
   padding-right: 4px;
   margin-left: -20px;
   line-height: 1;
 }
 
-.md .anchor:focus {
+.d2-1972535454 .md .anchor:focus {
   outline: none;
 }
 
-.md p,
-.md blockquote,
-.md ul,
-.md ol,
-.md dl,
-.md table,
-.md pre,
-.md details {
+.d2-1972535454 .md p,
+.d2-1972535454 .md blockquote,
+.d2-1972535454 .md ul,
+.d2-1972535454 .md ol,
+.d2-1972535454 .md dl,
+.d2-1972535454 .md table,
+.d2-1972535454 .md pre,
+.d2-1972535454 .md details {
   margin-top: 0;
   margin-bottom: 16px;
 }
 
-.md blockquote > :first-child {
+.d2-1972535454 .md blockquote > :first-child {
   margin-top: 0;
 }
 
-.md blockquote > :last-child {
+.d2-1972535454 .md blockquote > :last-child {
   margin-bottom: 0;
 }
 
-.md sup > a::before {
+.d2-1972535454 .md sup > a::before {
   content: "[";
 }
 
-.md sup > a::after {
+.d2-1972535454 .md sup > a::after {
   content: "]";
 }
 
-.md h1:hover .anchor,
-.md h2:hover .anchor,
-.md h3:hover .anchor,
-.md h4:hover .anchor,
-.md h5:hover .anchor,
-.md h6:hover .anchor {
+.d2-1972535454 .md h1:hover .anchor,
+.d2-1972535454 .md h2:hover .anchor,
+.d2-1972535454 .md h3:hover .anchor,
+.d2-1972535454 .md h4:hover .anchor,
+.d2-1972535454 .md h5:hover .anchor,
+.d2-1972535454 .md h6:hover .anchor {
   text-decoration: none;
 }
 
-.md h1 tt,
-.md h1 code,
-.md h2 tt,
-.md h2 code,
-.md h3 tt,
-.md h3 code,
-.md h4 tt,
-.md h4 code,
-.md h5 tt,
-.md h5 code,
-.md h6 tt,
-.md h6 code {
+.d2-1972535454 .md h1 tt,
+.d2-1972535454 .md h1 code,
+.d2-1972535454 .md h2 tt,
+.d2-1972535454 .md h2 code,
+.d2-1972535454 .md h3 tt,
+.d2-1972535454 .md h3 code,
+.d2-1972535454 .md h4 tt,
+.d2-1972535454 .md h4 code,
+.d2-1972535454 .md h5 tt,
+.d2-1972535454 .md h5 code,
+.d2-1972535454 .md h6 tt,
+.d2-1972535454 .md h6 code {
   padding: 0 0.2em;
   font-size: inherit;
 }
 
-.md ul.no-list,
-.md ol.no-list {
+.d2-1972535454 .md ul.no-list,
+.d2-1972535454 .md ol.no-list {
   padding: 0;
   list-style-type: none;
 }
 
-.md ol[type="1"] {
+.d2-1972535454 .md ol[type="1"] {
   list-style-type: decimal;
 }
 
-.md ol[type="a"] {
+.d2-1972535454 .md ol[type="a"] {
   list-style-type: lower-alpha;
 }
 
-.md ol[type="i"] {
+.d2-1972535454 .md ol[type="i"] {
   list-style-type: lower-roman;
 }
 
-.md div > ol:not([type]) {
+.d2-1972535454 .md div > ol:not([type]) {
   list-style-type: decimal;
 }
 
-.md ul ul,
-.md ul ol,
-.md ol ol,
-.md ol ul {
+.d2-1972535454 .md ul ul,
+.d2-1972535454 .md ul ol,
+.d2-1972535454 .md ol ol,
+.d2-1972535454 .md ol ul {
   margin-top: 0;
   margin-bottom: 0;
 }
 
-.md li > p {
+.d2-1972535454 .md li > p {
   margin-top: 16px;
 }
 
-.md li + li {
+.d2-1972535454 .md li + li {
   margin-top: 0.25em;
 }
 
-.md dl {
+.d2-1972535454 .md dl {
   padding: 0;
 }
 
-.md dl dt {
+.d2-1972535454 .md dl dt {
   padding: 0;
   margin-top: 16px;
   font-size: 1em;
@@ -580,48 +580,48 @@
   font-weight: 600;
 }
 
-.md dl dd {
+.d2-1972535454 .md dl dd {
   padding: 0 16px;
   margin-bottom: 16px;
 }
 
-.md table th {
+.d2-1972535454 .md table th {
   font-weight: 600;
 }
 
-.md table th,
-.md table td {
+.d2-1972535454 .md table th,
+.d2-1972535454 .md table td {
   padding: 6px 13px;
   border: 1px solid var(--color-border-default);
 }
 
-.md table tr {
+.d2-1972535454 .md table tr {
   background-color: var(--color-canvas-default);
   border-top: 1px solid var(--color-border-muted);
 }
 
-.md table tr:nth-child(2n) {
+.d2-1972535454 .md table tr:nth-child(2n) {
   background-color: var(--color-canvas-subtle);
 }
 
-.md table img {
+.d2-1972535454 .md table img {
   background-color: transparent;
 }
 
-.md img[align="right"] {
+.d2-1972535454 .md img[align="right"] {
   padding-left: 20px;
 }
 
-.md img[align="left"] {
+.d2-1972535454 .md img[align="left"] {
   padding-right: 20px;
 }
 
-.md span.frame {
+.d2-1972535454 .md span.frame {
   display: block;
   overflow: hidden;
 }
 
-.md span.frame > span {
+.d2-1972535454 .md span.frame > span {
   display: block;
   float: left;
   width: auto;
@@ -631,81 +631,81 @@
   border: 1px solid var(--color-border-default);
 }
 
-.md span.frame span img {
+.d2-1972535454 .md span.frame span img {
   display: block;
   float: left;
 }
 
-.md span.frame span span {
+.d2-1972535454 .md span.frame span span {
   display: block;
   padding: 5px 0 0;
   clear: both;
   color: var(--color-fg-default);
 }
 
-.md span.align-center {
+.d2-1972535454 .md span.align-center {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-center > span {
+.d2-1972535454 .md span.align-center > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: center;
 }
 
-.md span.align-center span img {
+.d2-1972535454 .md span.align-center span img {
   margin: 0 auto;
   text-align: center;
 }
 
-.md span.align-right {
+.d2-1972535454 .md span.align-right {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-right > span {
+.d2-1972535454 .md span.align-right > span {
   display: block;
   margin: 13px 0 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md span.align-right span img {
+.d2-1972535454 .md span.align-right span img {
   margin: 0;
   text-align: right;
 }
 
-.md span.float-left {
+.d2-1972535454 .md span.float-left {
   display: block;
   float: left;
   margin-right: 13px;
   overflow: hidden;
 }
 
-.md span.float-left span {
+.d2-1972535454 .md span.float-left span {
   margin: 13px 0 0;
 }
 
-.md span.float-right {
+.d2-1972535454 .md span.float-right {
   display: block;
   float: right;
   margin-left: 13px;
   overflow: hidden;
 }
 
-.md span.float-right > span {
+.d2-1972535454 .md span.float-right > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md code,
-.md tt {
+.d2-1972535454 .md code,
+.d2-1972535454 .md tt {
   padding: 0.2em 0.4em;
   margin: 0;
   font-size: 85%;
@@ -713,20 +713,20 @@
   border-radius: 6px;
 }
 
-.md code br,
-.md tt br {
+.d2-1972535454 .md code br,
+.d2-1972535454 .md tt br {
   display: none;
 }
 
-.md del code {
+.d2-1972535454 .md del code {
   text-decoration: inherit;
 }
 
-.md pre code {
+.d2-1972535454 .md pre code {
   font-size: 100%;
 }
 
-.md pre > code {
+.d2-1972535454 .md pre > code {
   padding: 0;
   margin: 0;
   word-break: normal;
@@ -735,17 +735,17 @@
   border: 0;
 }
 
-.md .highlight {
+.d2-1972535454 .md .highlight {
   margin-bottom: 16px;
 }
 
-.md .highlight pre {
+.d2-1972535454 .md .highlight pre {
   margin-bottom: 0;
   word-break: normal;
 }
 
-.md .highlight pre,
-.md pre {
+.d2-1972535454 .md .highlight pre,
+.d2-1972535454 .md pre {
   padding: 16px;
   overflow: auto;
   font-size: 85%;
@@ -754,8 +754,8 @@
   border-radius: 6px;
 }
 
-.md pre code,
-.md pre tt {
+.d2-1972535454 .md pre code,
+.d2-1972535454 .md pre tt {
   display: inline;
   max-width: auto;
   padding: 0;
@@ -767,8 +767,8 @@
   border: 0;
 }
 
-.md .csv-data td,
-.md .csv-data th {
+.d2-1972535454 .md .csv-data td,
+.d2-1972535454 .md .csv-data th {
   padding: 5px;
   overflow: hidden;
   font-size: 12px;
@@ -777,38 +777,38 @@
   white-space: nowrap;
 }
 
-.md .csv-data .blob-num {
+.d2-1972535454 .md .csv-data .blob-num {
   padding: 10px 8px 9px;
   text-align: right;
   background: var(--color-canvas-default);
   border: 0;
 }
 
-.md .csv-data tr {
+.d2-1972535454 .md .csv-data tr {
   border-top: 0;
 }
 
-.md .csv-data th {
+.d2-1972535454 .md .csv-data th {
   font-weight: 600;
   background: var(--color-canvas-subtle);
   border-top: 0;
 }
 
-.md .footnotes {
+.d2-1972535454 .md .footnotes {
   font-size: 12px;
   color: var(--color-fg-muted);
   border-top: 1px solid var(--color-border-default);
 }
 
-.md .footnotes ol {
+.d2-1972535454 .md .footnotes ol {
   padding-left: 16px;
 }
 
-.md .footnotes li {
+.d2-1972535454 .md .footnotes li {
   position: relative;
 }
 
-.md .footnotes li:target::before {
+.d2-1972535454 .md .footnotes li:target::before {
   position: absolute;
   top: -8px;
   right: -8px;
@@ -820,36 +820,36 @@
   border-radius: 6px;
 }
 
-.md .footnotes li:target {
+.d2-1972535454 .md .footnotes li:target {
   color: var(--color-fg-default);
 }
 
-.md .task-list-item {
+.d2-1972535454 .md .task-list-item {
   list-style-type: none;
 }
 
-.md .task-list-item label {
+.d2-1972535454 .md .task-list-item label {
   font-weight: 400;
 }
 
-.md .task-list-item.enabled label {
+.d2-1972535454 .md .task-list-item.enabled label {
   cursor: pointer;
 }
 
-.md .task-list-item + .task-list-item {
+.d2-1972535454 .md .task-list-item + .task-list-item {
   margin-top: 3px;
 }
 
-.md .task-list-item .handle {
+.d2-1972535454 .md .task-list-item .handle {
   display: none;
 }
 
-.md .task-list-item-checkbox {
+.d2-1972535454 .md .task-list-item-checkbox {
   margin: 0 0.2em 0.25em -1.6em;
   vertical-align: middle;
 }
 
-.md .contains-task-list:dir(rtl) .task-list-item-checkbox {
+.d2-1972535454 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
 </style><g id="md"><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>
diff --git a/e2etests/testdata/stable/giant_markdown_test/elk/sketch.exp.svg b/e2etests/testdata/stable/giant_markdown_test/elk/sketch.exp.svg
index 250d5fb88..b4b80f487 100644
--- a/e2etests/testdata/stable/giant_markdown_test/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/giant_markdown_test/elk/sketch.exp.svg
@@ -110,31 +110,31 @@
 		.d2-936211450 .color-AA4{color:#EDF0FD;}
 		.d2-936211450 .color-AA5{color:#F7F8FE;}
 		.d2-936211450 .color-AB4{color:#EDF0FD;}
-		.d2-936211450 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.md em,
-.md dfn {
+		.d2-936211450 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.d2-936211450 .md em,
+.d2-936211450 .md dfn {
   font-family: "d2-936211450-font-italic";
 }
 
-.md b,
-.md strong {
+.d2-936211450 .md b,
+.d2-936211450 .md strong {
   font-family: "d2-936211450-font-bold";
 }
 
-.md code,
-.md kbd,
-.md pre,
-.md samp {
+.d2-936211450 .md code,
+.d2-936211450 .md kbd,
+.d2-936211450 .md pre,
+.d2-936211450 .md samp {
   font-family: "d2-936211450-font-mono";
   font-size: 1em;
 }
 
-.md {
+.d2-936211450 .md {
   tab-size: 4;
 }
 
 /* variables are provided in d2renderers/d2svg/d2svg.go */
 
-.md {
+.d2-936211450 .md {
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
   margin: 0;
@@ -146,41 +146,41 @@
   word-wrap: break-word;
 }
 
-.md details,
-.md figcaption,
-.md figure {
+.d2-936211450 .md details,
+.d2-936211450 .md figcaption,
+.d2-936211450 .md figure {
   display: block;
 }
 
-.md summary {
+.d2-936211450 .md summary {
   display: list-item;
 }
 
-.md [hidden] {
+.d2-936211450 .md [hidden] {
   display: none !important;
 }
 
-.md a {
+.d2-936211450 .md a {
   background-color: transparent;
   color: var(--color-accent-fg);
   text-decoration: none;
 }
 
-.md a:active,
-.md a:hover {
+.d2-936211450 .md a:active,
+.d2-936211450 .md a:hover {
   outline-width: 0;
 }
 
-.md abbr[title] {
+.d2-936211450 .md abbr[title] {
   border-bottom: none;
   text-decoration: underline dotted;
 }
 
-.md dfn {
+.d2-936211450 .md dfn {
   font-style: italic;
 }
 
-.md h1 {
+.d2-936211450 .md h1 {
   margin: 0.67em 0;
   font-weight: 600;
   padding-bottom: 0.3em;
@@ -188,43 +188,43 @@
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md mark {
+.d2-936211450 .md mark {
   background-color: var(--color-attention-subtle);
   color: var(--color-text-primary);
 }
 
-.md small {
+.d2-936211450 .md small {
   font-size: 90%;
 }
 
-.md sub,
-.md sup {
+.d2-936211450 .md sub,
+.d2-936211450 .md sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
 }
 
-.md sub {
+.d2-936211450 .md sub {
   bottom: -0.25em;
 }
 
-.md sup {
+.d2-936211450 .md sup {
   top: -0.5em;
 }
 
-.md img {
+.d2-936211450 .md img {
   border-style: none;
   max-width: 100%;
   box-sizing: content-box;
   background-color: var(--color-canvas-default);
 }
 
-.md figure {
+.d2-936211450 .md figure {
   margin: 1em 40px;
 }
 
-.md hr {
+.d2-936211450 .md hr {
   box-sizing: content-box;
   overflow: hidden;
   background: transparent;
@@ -236,7 +236,7 @@
   border: 0;
 }
 
-.md input {
+.d2-936211450 .md input {
   font: inherit;
   margin: 0;
   overflow: visible;
@@ -245,72 +245,72 @@
   line-height: inherit;
 }
 
-.md [type="button"],
-.md [type="reset"],
-.md [type="submit"] {
+.d2-936211450 .md [type="button"],
+.d2-936211450 .md [type="reset"],
+.d2-936211450 .md [type="submit"] {
   -webkit-appearance: button;
 }
 
-.md [type="button"]::-moz-focus-inner,
-.md [type="reset"]::-moz-focus-inner,
-.md [type="submit"]::-moz-focus-inner {
+.d2-936211450 .md [type="button"]::-moz-focus-inner,
+.d2-936211450 .md [type="reset"]::-moz-focus-inner,
+.d2-936211450 .md [type="submit"]::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.md [type="button"]:-moz-focusring,
-.md [type="reset"]:-moz-focusring,
-.md [type="submit"]:-moz-focusring {
+.d2-936211450 .md [type="button"]:-moz-focusring,
+.d2-936211450 .md [type="reset"]:-moz-focusring,
+.d2-936211450 .md [type="submit"]:-moz-focusring {
   outline: 1px dotted ButtonText;
 }
 
-.md [type="checkbox"],
-.md [type="radio"] {
+.d2-936211450 .md [type="checkbox"],
+.d2-936211450 .md [type="radio"] {
   box-sizing: border-box;
   padding: 0;
 }
 
-.md [type="number"]::-webkit-inner-spin-button,
-.md [type="number"]::-webkit-outer-spin-button {
+.d2-936211450 .md [type="number"]::-webkit-inner-spin-button,
+.d2-936211450 .md [type="number"]::-webkit-outer-spin-button {
   height: auto;
 }
 
-.md [type="search"] {
+.d2-936211450 .md [type="search"] {
   -webkit-appearance: textfield;
   outline-offset: -2px;
 }
 
-.md [type="search"]::-webkit-search-cancel-button,
-.md [type="search"]::-webkit-search-decoration {
+.d2-936211450 .md [type="search"]::-webkit-search-cancel-button,
+.d2-936211450 .md [type="search"]::-webkit-search-decoration {
   -webkit-appearance: none;
 }
 
-.md ::-webkit-input-placeholder {
+.d2-936211450 .md ::-webkit-input-placeholder {
   color: inherit;
   opacity: 0.54;
 }
 
-.md ::-webkit-file-upload-button {
+.d2-936211450 .md ::-webkit-file-upload-button {
   -webkit-appearance: button;
   font: inherit;
 }
 
-.md a:hover {
+.d2-936211450 .md a:hover {
   text-decoration: underline;
 }
 
-.md hr::before {
+.d2-936211450 .md hr::before {
   display: table;
   content: "";
 }
 
-.md hr::after {
+.d2-936211450 .md hr::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md table {
+.d2-936211450 .md table {
   border-spacing: 0;
   border-collapse: collapse;
   display: block;
@@ -319,20 +319,20 @@
   overflow: auto;
 }
 
-.md td,
-.md th {
+.d2-936211450 .md td,
+.d2-936211450 .md th {
   padding: 0;
 }
 
-.md details summary {
+.d2-936211450 .md details summary {
   cursor: pointer;
 }
 
-.md details:not([open]) > *:not(summary) {
+.d2-936211450 .md details:not([open]) > *:not(summary) {
   display: none !important;
 }
 
-.md kbd {
+.d2-936211450 .md kbd {
   display: inline-block;
   padding: 3px 5px;
   color: var(--color-fg-default);
@@ -344,12 +344,12 @@
   box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
 }
 
-.md h1,
-.md h2,
-.md h3,
-.md h4,
-.md h5,
-.md h6 {
+.d2-936211450 .md h1,
+.d2-936211450 .md h2,
+.d2-936211450 .md h3,
+.d2-936211450 .md h4,
+.d2-936211450 .md h5,
+.d2-936211450 .md h6 {
   margin-top: 24px;
   margin-bottom: 16px;
   font-weight: 600;
@@ -357,222 +357,222 @@
   font-family: "d2-936211450-font-regular";
 }
 
-.md h2 {
+.d2-936211450 .md h2 {
   font-weight: 600;
   padding-bottom: 0.3em;
   font-size: 1.5em;
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md h3 {
+.d2-936211450 .md h3 {
   font-weight: 600;
   font-size: 1.25em;
 }
 
-.md h4 {
+.d2-936211450 .md h4 {
   font-weight: 600;
   font-size: 1em;
 }
 
-.md h5 {
+.d2-936211450 .md h5 {
   font-weight: 600;
   font-size: 0.875em;
 }
 
-.md h6 {
+.d2-936211450 .md h6 {
   font-weight: 600;
   font-size: 0.85em;
   color: var(--color-fg-muted);
 }
 
-.md p {
+.d2-936211450 .md p {
   margin-top: 0;
   margin-bottom: 10px;
 }
 
-.md blockquote {
+.d2-936211450 .md blockquote {
   margin: 0;
   padding: 0 1em;
   color: var(--color-fg-muted);
   border-left: 0.25em solid var(--color-border-default);
 }
 
-.md ul,
-.md ol {
+.d2-936211450 .md ul,
+.d2-936211450 .md ol {
   margin-top: 0;
   margin-bottom: 0;
   padding-left: 2em;
 }
 
-.md ol ol,
-.md ul ol {
+.d2-936211450 .md ol ol,
+.d2-936211450 .md ul ol {
   list-style-type: lower-roman;
 }
 
-.md ul ul ol,
-.md ul ol ol,
-.md ol ul ol,
-.md ol ol ol {
+.d2-936211450 .md ul ul ol,
+.d2-936211450 .md ul ol ol,
+.d2-936211450 .md ol ul ol,
+.d2-936211450 .md ol ol ol {
   list-style-type: lower-alpha;
 }
 
-.md dd {
+.d2-936211450 .md dd {
   margin-left: 0;
 }
 
-.md pre {
+.d2-936211450 .md pre {
   margin-top: 0;
   margin-bottom: 0;
   word-wrap: normal;
 }
 
-.md ::placeholder {
+.d2-936211450 .md ::placeholder {
   color: var(--color-fg-subtle);
   opacity: 1;
 }
 
-.md input::-webkit-outer-spin-button,
-.md input::-webkit-inner-spin-button {
+.d2-936211450 .md input::-webkit-outer-spin-button,
+.d2-936211450 .md input::-webkit-inner-spin-button {
   margin: 0;
   -webkit-appearance: none;
   appearance: none;
 }
 
-.md::before {
+.d2-936211450 .md::before {
   display: table;
   content: "";
 }
 
-.md::after {
+.d2-936211450 .md::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md > *:first-child {
+.d2-936211450 .md > *:first-child {
   margin-top: 0 !important;
 }
 
-.md > *:last-child {
+.d2-936211450 .md > *:last-child {
   margin-bottom: 0 !important;
 }
 
-.md a:not([href]) {
+.d2-936211450 .md a:not([href]) {
   color: inherit;
   text-decoration: none;
 }
 
-.md .absent {
+.d2-936211450 .md .absent {
   color: var(--color-danger-fg);
 }
 
-.md .anchor {
+.d2-936211450 .md .anchor {
   float: left;
   padding-right: 4px;
   margin-left: -20px;
   line-height: 1;
 }
 
-.md .anchor:focus {
+.d2-936211450 .md .anchor:focus {
   outline: none;
 }
 
-.md p,
-.md blockquote,
-.md ul,
-.md ol,
-.md dl,
-.md table,
-.md pre,
-.md details {
+.d2-936211450 .md p,
+.d2-936211450 .md blockquote,
+.d2-936211450 .md ul,
+.d2-936211450 .md ol,
+.d2-936211450 .md dl,
+.d2-936211450 .md table,
+.d2-936211450 .md pre,
+.d2-936211450 .md details {
   margin-top: 0;
   margin-bottom: 16px;
 }
 
-.md blockquote > :first-child {
+.d2-936211450 .md blockquote > :first-child {
   margin-top: 0;
 }
 
-.md blockquote > :last-child {
+.d2-936211450 .md blockquote > :last-child {
   margin-bottom: 0;
 }
 
-.md sup > a::before {
+.d2-936211450 .md sup > a::before {
   content: "[";
 }
 
-.md sup > a::after {
+.d2-936211450 .md sup > a::after {
   content: "]";
 }
 
-.md h1:hover .anchor,
-.md h2:hover .anchor,
-.md h3:hover .anchor,
-.md h4:hover .anchor,
-.md h5:hover .anchor,
-.md h6:hover .anchor {
+.d2-936211450 .md h1:hover .anchor,
+.d2-936211450 .md h2:hover .anchor,
+.d2-936211450 .md h3:hover .anchor,
+.d2-936211450 .md h4:hover .anchor,
+.d2-936211450 .md h5:hover .anchor,
+.d2-936211450 .md h6:hover .anchor {
   text-decoration: none;
 }
 
-.md h1 tt,
-.md h1 code,
-.md h2 tt,
-.md h2 code,
-.md h3 tt,
-.md h3 code,
-.md h4 tt,
-.md h4 code,
-.md h5 tt,
-.md h5 code,
-.md h6 tt,
-.md h6 code {
+.d2-936211450 .md h1 tt,
+.d2-936211450 .md h1 code,
+.d2-936211450 .md h2 tt,
+.d2-936211450 .md h2 code,
+.d2-936211450 .md h3 tt,
+.d2-936211450 .md h3 code,
+.d2-936211450 .md h4 tt,
+.d2-936211450 .md h4 code,
+.d2-936211450 .md h5 tt,
+.d2-936211450 .md h5 code,
+.d2-936211450 .md h6 tt,
+.d2-936211450 .md h6 code {
   padding: 0 0.2em;
   font-size: inherit;
 }
 
-.md ul.no-list,
-.md ol.no-list {
+.d2-936211450 .md ul.no-list,
+.d2-936211450 .md ol.no-list {
   padding: 0;
   list-style-type: none;
 }
 
-.md ol[type="1"] {
+.d2-936211450 .md ol[type="1"] {
   list-style-type: decimal;
 }
 
-.md ol[type="a"] {
+.d2-936211450 .md ol[type="a"] {
   list-style-type: lower-alpha;
 }
 
-.md ol[type="i"] {
+.d2-936211450 .md ol[type="i"] {
   list-style-type: lower-roman;
 }
 
-.md div > ol:not([type]) {
+.d2-936211450 .md div > ol:not([type]) {
   list-style-type: decimal;
 }
 
-.md ul ul,
-.md ul ol,
-.md ol ol,
-.md ol ul {
+.d2-936211450 .md ul ul,
+.d2-936211450 .md ul ol,
+.d2-936211450 .md ol ol,
+.d2-936211450 .md ol ul {
   margin-top: 0;
   margin-bottom: 0;
 }
 
-.md li > p {
+.d2-936211450 .md li > p {
   margin-top: 16px;
 }
 
-.md li + li {
+.d2-936211450 .md li + li {
   margin-top: 0.25em;
 }
 
-.md dl {
+.d2-936211450 .md dl {
   padding: 0;
 }
 
-.md dl dt {
+.d2-936211450 .md dl dt {
   padding: 0;
   margin-top: 16px;
   font-size: 1em;
@@ -580,48 +580,48 @@
   font-weight: 600;
 }
 
-.md dl dd {
+.d2-936211450 .md dl dd {
   padding: 0 16px;
   margin-bottom: 16px;
 }
 
-.md table th {
+.d2-936211450 .md table th {
   font-weight: 600;
 }
 
-.md table th,
-.md table td {
+.d2-936211450 .md table th,
+.d2-936211450 .md table td {
   padding: 6px 13px;
   border: 1px solid var(--color-border-default);
 }
 
-.md table tr {
+.d2-936211450 .md table tr {
   background-color: var(--color-canvas-default);
   border-top: 1px solid var(--color-border-muted);
 }
 
-.md table tr:nth-child(2n) {
+.d2-936211450 .md table tr:nth-child(2n) {
   background-color: var(--color-canvas-subtle);
 }
 
-.md table img {
+.d2-936211450 .md table img {
   background-color: transparent;
 }
 
-.md img[align="right"] {
+.d2-936211450 .md img[align="right"] {
   padding-left: 20px;
 }
 
-.md img[align="left"] {
+.d2-936211450 .md img[align="left"] {
   padding-right: 20px;
 }
 
-.md span.frame {
+.d2-936211450 .md span.frame {
   display: block;
   overflow: hidden;
 }
 
-.md span.frame > span {
+.d2-936211450 .md span.frame > span {
   display: block;
   float: left;
   width: auto;
@@ -631,81 +631,81 @@
   border: 1px solid var(--color-border-default);
 }
 
-.md span.frame span img {
+.d2-936211450 .md span.frame span img {
   display: block;
   float: left;
 }
 
-.md span.frame span span {
+.d2-936211450 .md span.frame span span {
   display: block;
   padding: 5px 0 0;
   clear: both;
   color: var(--color-fg-default);
 }
 
-.md span.align-center {
+.d2-936211450 .md span.align-center {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-center > span {
+.d2-936211450 .md span.align-center > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: center;
 }
 
-.md span.align-center span img {
+.d2-936211450 .md span.align-center span img {
   margin: 0 auto;
   text-align: center;
 }
 
-.md span.align-right {
+.d2-936211450 .md span.align-right {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-right > span {
+.d2-936211450 .md span.align-right > span {
   display: block;
   margin: 13px 0 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md span.align-right span img {
+.d2-936211450 .md span.align-right span img {
   margin: 0;
   text-align: right;
 }
 
-.md span.float-left {
+.d2-936211450 .md span.float-left {
   display: block;
   float: left;
   margin-right: 13px;
   overflow: hidden;
 }
 
-.md span.float-left span {
+.d2-936211450 .md span.float-left span {
   margin: 13px 0 0;
 }
 
-.md span.float-right {
+.d2-936211450 .md span.float-right {
   display: block;
   float: right;
   margin-left: 13px;
   overflow: hidden;
 }
 
-.md span.float-right > span {
+.d2-936211450 .md span.float-right > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md code,
-.md tt {
+.d2-936211450 .md code,
+.d2-936211450 .md tt {
   padding: 0.2em 0.4em;
   margin: 0;
   font-size: 85%;
@@ -713,20 +713,20 @@
   border-radius: 6px;
 }
 
-.md code br,
-.md tt br {
+.d2-936211450 .md code br,
+.d2-936211450 .md tt br {
   display: none;
 }
 
-.md del code {
+.d2-936211450 .md del code {
   text-decoration: inherit;
 }
 
-.md pre code {
+.d2-936211450 .md pre code {
   font-size: 100%;
 }
 
-.md pre > code {
+.d2-936211450 .md pre > code {
   padding: 0;
   margin: 0;
   word-break: normal;
@@ -735,17 +735,17 @@
   border: 0;
 }
 
-.md .highlight {
+.d2-936211450 .md .highlight {
   margin-bottom: 16px;
 }
 
-.md .highlight pre {
+.d2-936211450 .md .highlight pre {
   margin-bottom: 0;
   word-break: normal;
 }
 
-.md .highlight pre,
-.md pre {
+.d2-936211450 .md .highlight pre,
+.d2-936211450 .md pre {
   padding: 16px;
   overflow: auto;
   font-size: 85%;
@@ -754,8 +754,8 @@
   border-radius: 6px;
 }
 
-.md pre code,
-.md pre tt {
+.d2-936211450 .md pre code,
+.d2-936211450 .md pre tt {
   display: inline;
   max-width: auto;
   padding: 0;
@@ -767,8 +767,8 @@
   border: 0;
 }
 
-.md .csv-data td,
-.md .csv-data th {
+.d2-936211450 .md .csv-data td,
+.d2-936211450 .md .csv-data th {
   padding: 5px;
   overflow: hidden;
   font-size: 12px;
@@ -777,38 +777,38 @@
   white-space: nowrap;
 }
 
-.md .csv-data .blob-num {
+.d2-936211450 .md .csv-data .blob-num {
   padding: 10px 8px 9px;
   text-align: right;
   background: var(--color-canvas-default);
   border: 0;
 }
 
-.md .csv-data tr {
+.d2-936211450 .md .csv-data tr {
   border-top: 0;
 }
 
-.md .csv-data th {
+.d2-936211450 .md .csv-data th {
   font-weight: 600;
   background: var(--color-canvas-subtle);
   border-top: 0;
 }
 
-.md .footnotes {
+.d2-936211450 .md .footnotes {
   font-size: 12px;
   color: var(--color-fg-muted);
   border-top: 1px solid var(--color-border-default);
 }
 
-.md .footnotes ol {
+.d2-936211450 .md .footnotes ol {
   padding-left: 16px;
 }
 
-.md .footnotes li {
+.d2-936211450 .md .footnotes li {
   position: relative;
 }
 
-.md .footnotes li:target::before {
+.d2-936211450 .md .footnotes li:target::before {
   position: absolute;
   top: -8px;
   right: -8px;
@@ -820,36 +820,36 @@
   border-radius: 6px;
 }
 
-.md .footnotes li:target {
+.d2-936211450 .md .footnotes li:target {
   color: var(--color-fg-default);
 }
 
-.md .task-list-item {
+.d2-936211450 .md .task-list-item {
   list-style-type: none;
 }
 
-.md .task-list-item label {
+.d2-936211450 .md .task-list-item label {
   font-weight: 400;
 }
 
-.md .task-list-item.enabled label {
+.d2-936211450 .md .task-list-item.enabled label {
   cursor: pointer;
 }
 
-.md .task-list-item + .task-list-item {
+.d2-936211450 .md .task-list-item + .task-list-item {
   margin-top: 3px;
 }
 
-.md .task-list-item .handle {
+.d2-936211450 .md .task-list-item .handle {
   display: none;
 }
 
-.md .task-list-item-checkbox {
+.d2-936211450 .md .task-list-item-checkbox {
   margin: 0 0.2em 0.25em -1.6em;
   vertical-align: middle;
 }
 
-.md .contains-task-list:dir(rtl) .task-list-item-checkbox {
+.d2-936211450 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
 </style><g id="md"><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>
diff --git a/e2etests/testdata/stable/hr/dagre/sketch.exp.svg b/e2etests/testdata/stable/hr/dagre/sketch.exp.svg
index 5c6ad9cf4..99d229e43 100644
--- a/e2etests/testdata/stable/hr/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/hr/dagre/sketch.exp.svg
@@ -96,31 +96,31 @@
 		.d2-151624429 .color-AA4{color:#EDF0FD;}
 		.d2-151624429 .color-AA5{color:#F7F8FE;}
 		.d2-151624429 .color-AB4{color:#EDF0FD;}
-		.d2-151624429 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.md em,
-.md dfn {
+		.d2-151624429 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.d2-151624429 .md em,
+.d2-151624429 .md dfn {
   font-family: "d2-151624429-font-italic";
 }
 
-.md b,
-.md strong {
+.d2-151624429 .md b,
+.d2-151624429 .md strong {
   font-family: "d2-151624429-font-bold";
 }
 
-.md code,
-.md kbd,
-.md pre,
-.md samp {
+.d2-151624429 .md code,
+.d2-151624429 .md kbd,
+.d2-151624429 .md pre,
+.d2-151624429 .md samp {
   font-family: "d2-151624429-font-mono";
   font-size: 1em;
 }
 
-.md {
+.d2-151624429 .md {
   tab-size: 4;
 }
 
 /* variables are provided in d2renderers/d2svg/d2svg.go */
 
-.md {
+.d2-151624429 .md {
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
   margin: 0;
@@ -132,41 +132,41 @@
   word-wrap: break-word;
 }
 
-.md details,
-.md figcaption,
-.md figure {
+.d2-151624429 .md details,
+.d2-151624429 .md figcaption,
+.d2-151624429 .md figure {
   display: block;
 }
 
-.md summary {
+.d2-151624429 .md summary {
   display: list-item;
 }
 
-.md [hidden] {
+.d2-151624429 .md [hidden] {
   display: none !important;
 }
 
-.md a {
+.d2-151624429 .md a {
   background-color: transparent;
   color: var(--color-accent-fg);
   text-decoration: none;
 }
 
-.md a:active,
-.md a:hover {
+.d2-151624429 .md a:active,
+.d2-151624429 .md a:hover {
   outline-width: 0;
 }
 
-.md abbr[title] {
+.d2-151624429 .md abbr[title] {
   border-bottom: none;
   text-decoration: underline dotted;
 }
 
-.md dfn {
+.d2-151624429 .md dfn {
   font-style: italic;
 }
 
-.md h1 {
+.d2-151624429 .md h1 {
   margin: 0.67em 0;
   font-weight: 600;
   padding-bottom: 0.3em;
@@ -174,43 +174,43 @@
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md mark {
+.d2-151624429 .md mark {
   background-color: var(--color-attention-subtle);
   color: var(--color-text-primary);
 }
 
-.md small {
+.d2-151624429 .md small {
   font-size: 90%;
 }
 
-.md sub,
-.md sup {
+.d2-151624429 .md sub,
+.d2-151624429 .md sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
 }
 
-.md sub {
+.d2-151624429 .md sub {
   bottom: -0.25em;
 }
 
-.md sup {
+.d2-151624429 .md sup {
   top: -0.5em;
 }
 
-.md img {
+.d2-151624429 .md img {
   border-style: none;
   max-width: 100%;
   box-sizing: content-box;
   background-color: var(--color-canvas-default);
 }
 
-.md figure {
+.d2-151624429 .md figure {
   margin: 1em 40px;
 }
 
-.md hr {
+.d2-151624429 .md hr {
   box-sizing: content-box;
   overflow: hidden;
   background: transparent;
@@ -222,7 +222,7 @@
   border: 0;
 }
 
-.md input {
+.d2-151624429 .md input {
   font: inherit;
   margin: 0;
   overflow: visible;
@@ -231,72 +231,72 @@
   line-height: inherit;
 }
 
-.md [type="button"],
-.md [type="reset"],
-.md [type="submit"] {
+.d2-151624429 .md [type="button"],
+.d2-151624429 .md [type="reset"],
+.d2-151624429 .md [type="submit"] {
   -webkit-appearance: button;
 }
 
-.md [type="button"]::-moz-focus-inner,
-.md [type="reset"]::-moz-focus-inner,
-.md [type="submit"]::-moz-focus-inner {
+.d2-151624429 .md [type="button"]::-moz-focus-inner,
+.d2-151624429 .md [type="reset"]::-moz-focus-inner,
+.d2-151624429 .md [type="submit"]::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.md [type="button"]:-moz-focusring,
-.md [type="reset"]:-moz-focusring,
-.md [type="submit"]:-moz-focusring {
+.d2-151624429 .md [type="button"]:-moz-focusring,
+.d2-151624429 .md [type="reset"]:-moz-focusring,
+.d2-151624429 .md [type="submit"]:-moz-focusring {
   outline: 1px dotted ButtonText;
 }
 
-.md [type="checkbox"],
-.md [type="radio"] {
+.d2-151624429 .md [type="checkbox"],
+.d2-151624429 .md [type="radio"] {
   box-sizing: border-box;
   padding: 0;
 }
 
-.md [type="number"]::-webkit-inner-spin-button,
-.md [type="number"]::-webkit-outer-spin-button {
+.d2-151624429 .md [type="number"]::-webkit-inner-spin-button,
+.d2-151624429 .md [type="number"]::-webkit-outer-spin-button {
   height: auto;
 }
 
-.md [type="search"] {
+.d2-151624429 .md [type="search"] {
   -webkit-appearance: textfield;
   outline-offset: -2px;
 }
 
-.md [type="search"]::-webkit-search-cancel-button,
-.md [type="search"]::-webkit-search-decoration {
+.d2-151624429 .md [type="search"]::-webkit-search-cancel-button,
+.d2-151624429 .md [type="search"]::-webkit-search-decoration {
   -webkit-appearance: none;
 }
 
-.md ::-webkit-input-placeholder {
+.d2-151624429 .md ::-webkit-input-placeholder {
   color: inherit;
   opacity: 0.54;
 }
 
-.md ::-webkit-file-upload-button {
+.d2-151624429 .md ::-webkit-file-upload-button {
   -webkit-appearance: button;
   font: inherit;
 }
 
-.md a:hover {
+.d2-151624429 .md a:hover {
   text-decoration: underline;
 }
 
-.md hr::before {
+.d2-151624429 .md hr::before {
   display: table;
   content: "";
 }
 
-.md hr::after {
+.d2-151624429 .md hr::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md table {
+.d2-151624429 .md table {
   border-spacing: 0;
   border-collapse: collapse;
   display: block;
@@ -305,20 +305,20 @@
   overflow: auto;
 }
 
-.md td,
-.md th {
+.d2-151624429 .md td,
+.d2-151624429 .md th {
   padding: 0;
 }
 
-.md details summary {
+.d2-151624429 .md details summary {
   cursor: pointer;
 }
 
-.md details:not([open]) > *:not(summary) {
+.d2-151624429 .md details:not([open]) > *:not(summary) {
   display: none !important;
 }
 
-.md kbd {
+.d2-151624429 .md kbd {
   display: inline-block;
   padding: 3px 5px;
   color: var(--color-fg-default);
@@ -330,12 +330,12 @@
   box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
 }
 
-.md h1,
-.md h2,
-.md h3,
-.md h4,
-.md h5,
-.md h6 {
+.d2-151624429 .md h1,
+.d2-151624429 .md h2,
+.d2-151624429 .md h3,
+.d2-151624429 .md h4,
+.d2-151624429 .md h5,
+.d2-151624429 .md h6 {
   margin-top: 24px;
   margin-bottom: 16px;
   font-weight: 600;
@@ -343,222 +343,222 @@
   font-family: "d2-151624429-font-regular";
 }
 
-.md h2 {
+.d2-151624429 .md h2 {
   font-weight: 600;
   padding-bottom: 0.3em;
   font-size: 1.5em;
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md h3 {
+.d2-151624429 .md h3 {
   font-weight: 600;
   font-size: 1.25em;
 }
 
-.md h4 {
+.d2-151624429 .md h4 {
   font-weight: 600;
   font-size: 1em;
 }
 
-.md h5 {
+.d2-151624429 .md h5 {
   font-weight: 600;
   font-size: 0.875em;
 }
 
-.md h6 {
+.d2-151624429 .md h6 {
   font-weight: 600;
   font-size: 0.85em;
   color: var(--color-fg-muted);
 }
 
-.md p {
+.d2-151624429 .md p {
   margin-top: 0;
   margin-bottom: 10px;
 }
 
-.md blockquote {
+.d2-151624429 .md blockquote {
   margin: 0;
   padding: 0 1em;
   color: var(--color-fg-muted);
   border-left: 0.25em solid var(--color-border-default);
 }
 
-.md ul,
-.md ol {
+.d2-151624429 .md ul,
+.d2-151624429 .md ol {
   margin-top: 0;
   margin-bottom: 0;
   padding-left: 2em;
 }
 
-.md ol ol,
-.md ul ol {
+.d2-151624429 .md ol ol,
+.d2-151624429 .md ul ol {
   list-style-type: lower-roman;
 }
 
-.md ul ul ol,
-.md ul ol ol,
-.md ol ul ol,
-.md ol ol ol {
+.d2-151624429 .md ul ul ol,
+.d2-151624429 .md ul ol ol,
+.d2-151624429 .md ol ul ol,
+.d2-151624429 .md ol ol ol {
   list-style-type: lower-alpha;
 }
 
-.md dd {
+.d2-151624429 .md dd {
   margin-left: 0;
 }
 
-.md pre {
+.d2-151624429 .md pre {
   margin-top: 0;
   margin-bottom: 0;
   word-wrap: normal;
 }
 
-.md ::placeholder {
+.d2-151624429 .md ::placeholder {
   color: var(--color-fg-subtle);
   opacity: 1;
 }
 
-.md input::-webkit-outer-spin-button,
-.md input::-webkit-inner-spin-button {
+.d2-151624429 .md input::-webkit-outer-spin-button,
+.d2-151624429 .md input::-webkit-inner-spin-button {
   margin: 0;
   -webkit-appearance: none;
   appearance: none;
 }
 
-.md::before {
+.d2-151624429 .md::before {
   display: table;
   content: "";
 }
 
-.md::after {
+.d2-151624429 .md::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md > *:first-child {
+.d2-151624429 .md > *:first-child {
   margin-top: 0 !important;
 }
 
-.md > *:last-child {
+.d2-151624429 .md > *:last-child {
   margin-bottom: 0 !important;
 }
 
-.md a:not([href]) {
+.d2-151624429 .md a:not([href]) {
   color: inherit;
   text-decoration: none;
 }
 
-.md .absent {
+.d2-151624429 .md .absent {
   color: var(--color-danger-fg);
 }
 
-.md .anchor {
+.d2-151624429 .md .anchor {
   float: left;
   padding-right: 4px;
   margin-left: -20px;
   line-height: 1;
 }
 
-.md .anchor:focus {
+.d2-151624429 .md .anchor:focus {
   outline: none;
 }
 
-.md p,
-.md blockquote,
-.md ul,
-.md ol,
-.md dl,
-.md table,
-.md pre,
-.md details {
+.d2-151624429 .md p,
+.d2-151624429 .md blockquote,
+.d2-151624429 .md ul,
+.d2-151624429 .md ol,
+.d2-151624429 .md dl,
+.d2-151624429 .md table,
+.d2-151624429 .md pre,
+.d2-151624429 .md details {
   margin-top: 0;
   margin-bottom: 16px;
 }
 
-.md blockquote > :first-child {
+.d2-151624429 .md blockquote > :first-child {
   margin-top: 0;
 }
 
-.md blockquote > :last-child {
+.d2-151624429 .md blockquote > :last-child {
   margin-bottom: 0;
 }
 
-.md sup > a::before {
+.d2-151624429 .md sup > a::before {
   content: "[";
 }
 
-.md sup > a::after {
+.d2-151624429 .md sup > a::after {
   content: "]";
 }
 
-.md h1:hover .anchor,
-.md h2:hover .anchor,
-.md h3:hover .anchor,
-.md h4:hover .anchor,
-.md h5:hover .anchor,
-.md h6:hover .anchor {
+.d2-151624429 .md h1:hover .anchor,
+.d2-151624429 .md h2:hover .anchor,
+.d2-151624429 .md h3:hover .anchor,
+.d2-151624429 .md h4:hover .anchor,
+.d2-151624429 .md h5:hover .anchor,
+.d2-151624429 .md h6:hover .anchor {
   text-decoration: none;
 }
 
-.md h1 tt,
-.md h1 code,
-.md h2 tt,
-.md h2 code,
-.md h3 tt,
-.md h3 code,
-.md h4 tt,
-.md h4 code,
-.md h5 tt,
-.md h5 code,
-.md h6 tt,
-.md h6 code {
+.d2-151624429 .md h1 tt,
+.d2-151624429 .md h1 code,
+.d2-151624429 .md h2 tt,
+.d2-151624429 .md h2 code,
+.d2-151624429 .md h3 tt,
+.d2-151624429 .md h3 code,
+.d2-151624429 .md h4 tt,
+.d2-151624429 .md h4 code,
+.d2-151624429 .md h5 tt,
+.d2-151624429 .md h5 code,
+.d2-151624429 .md h6 tt,
+.d2-151624429 .md h6 code {
   padding: 0 0.2em;
   font-size: inherit;
 }
 
-.md ul.no-list,
-.md ol.no-list {
+.d2-151624429 .md ul.no-list,
+.d2-151624429 .md ol.no-list {
   padding: 0;
   list-style-type: none;
 }
 
-.md ol[type="1"] {
+.d2-151624429 .md ol[type="1"] {
   list-style-type: decimal;
 }
 
-.md ol[type="a"] {
+.d2-151624429 .md ol[type="a"] {
   list-style-type: lower-alpha;
 }
 
-.md ol[type="i"] {
+.d2-151624429 .md ol[type="i"] {
   list-style-type: lower-roman;
 }
 
-.md div > ol:not([type]) {
+.d2-151624429 .md div > ol:not([type]) {
   list-style-type: decimal;
 }
 
-.md ul ul,
-.md ul ol,
-.md ol ol,
-.md ol ul {
+.d2-151624429 .md ul ul,
+.d2-151624429 .md ul ol,
+.d2-151624429 .md ol ol,
+.d2-151624429 .md ol ul {
   margin-top: 0;
   margin-bottom: 0;
 }
 
-.md li > p {
+.d2-151624429 .md li > p {
   margin-top: 16px;
 }
 
-.md li + li {
+.d2-151624429 .md li + li {
   margin-top: 0.25em;
 }
 
-.md dl {
+.d2-151624429 .md dl {
   padding: 0;
 }
 
-.md dl dt {
+.d2-151624429 .md dl dt {
   padding: 0;
   margin-top: 16px;
   font-size: 1em;
@@ -566,48 +566,48 @@
   font-weight: 600;
 }
 
-.md dl dd {
+.d2-151624429 .md dl dd {
   padding: 0 16px;
   margin-bottom: 16px;
 }
 
-.md table th {
+.d2-151624429 .md table th {
   font-weight: 600;
 }
 
-.md table th,
-.md table td {
+.d2-151624429 .md table th,
+.d2-151624429 .md table td {
   padding: 6px 13px;
   border: 1px solid var(--color-border-default);
 }
 
-.md table tr {
+.d2-151624429 .md table tr {
   background-color: var(--color-canvas-default);
   border-top: 1px solid var(--color-border-muted);
 }
 
-.md table tr:nth-child(2n) {
+.d2-151624429 .md table tr:nth-child(2n) {
   background-color: var(--color-canvas-subtle);
 }
 
-.md table img {
+.d2-151624429 .md table img {
   background-color: transparent;
 }
 
-.md img[align="right"] {
+.d2-151624429 .md img[align="right"] {
   padding-left: 20px;
 }
 
-.md img[align="left"] {
+.d2-151624429 .md img[align="left"] {
   padding-right: 20px;
 }
 
-.md span.frame {
+.d2-151624429 .md span.frame {
   display: block;
   overflow: hidden;
 }
 
-.md span.frame > span {
+.d2-151624429 .md span.frame > span {
   display: block;
   float: left;
   width: auto;
@@ -617,81 +617,81 @@
   border: 1px solid var(--color-border-default);
 }
 
-.md span.frame span img {
+.d2-151624429 .md span.frame span img {
   display: block;
   float: left;
 }
 
-.md span.frame span span {
+.d2-151624429 .md span.frame span span {
   display: block;
   padding: 5px 0 0;
   clear: both;
   color: var(--color-fg-default);
 }
 
-.md span.align-center {
+.d2-151624429 .md span.align-center {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-center > span {
+.d2-151624429 .md span.align-center > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: center;
 }
 
-.md span.align-center span img {
+.d2-151624429 .md span.align-center span img {
   margin: 0 auto;
   text-align: center;
 }
 
-.md span.align-right {
+.d2-151624429 .md span.align-right {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-right > span {
+.d2-151624429 .md span.align-right > span {
   display: block;
   margin: 13px 0 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md span.align-right span img {
+.d2-151624429 .md span.align-right span img {
   margin: 0;
   text-align: right;
 }
 
-.md span.float-left {
+.d2-151624429 .md span.float-left {
   display: block;
   float: left;
   margin-right: 13px;
   overflow: hidden;
 }
 
-.md span.float-left span {
+.d2-151624429 .md span.float-left span {
   margin: 13px 0 0;
 }
 
-.md span.float-right {
+.d2-151624429 .md span.float-right {
   display: block;
   float: right;
   margin-left: 13px;
   overflow: hidden;
 }
 
-.md span.float-right > span {
+.d2-151624429 .md span.float-right > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md code,
-.md tt {
+.d2-151624429 .md code,
+.d2-151624429 .md tt {
   padding: 0.2em 0.4em;
   margin: 0;
   font-size: 85%;
@@ -699,20 +699,20 @@
   border-radius: 6px;
 }
 
-.md code br,
-.md tt br {
+.d2-151624429 .md code br,
+.d2-151624429 .md tt br {
   display: none;
 }
 
-.md del code {
+.d2-151624429 .md del code {
   text-decoration: inherit;
 }
 
-.md pre code {
+.d2-151624429 .md pre code {
   font-size: 100%;
 }
 
-.md pre > code {
+.d2-151624429 .md pre > code {
   padding: 0;
   margin: 0;
   word-break: normal;
@@ -721,17 +721,17 @@
   border: 0;
 }
 
-.md .highlight {
+.d2-151624429 .md .highlight {
   margin-bottom: 16px;
 }
 
-.md .highlight pre {
+.d2-151624429 .md .highlight pre {
   margin-bottom: 0;
   word-break: normal;
 }
 
-.md .highlight pre,
-.md pre {
+.d2-151624429 .md .highlight pre,
+.d2-151624429 .md pre {
   padding: 16px;
   overflow: auto;
   font-size: 85%;
@@ -740,8 +740,8 @@
   border-radius: 6px;
 }
 
-.md pre code,
-.md pre tt {
+.d2-151624429 .md pre code,
+.d2-151624429 .md pre tt {
   display: inline;
   max-width: auto;
   padding: 0;
@@ -753,8 +753,8 @@
   border: 0;
 }
 
-.md .csv-data td,
-.md .csv-data th {
+.d2-151624429 .md .csv-data td,
+.d2-151624429 .md .csv-data th {
   padding: 5px;
   overflow: hidden;
   font-size: 12px;
@@ -763,38 +763,38 @@
   white-space: nowrap;
 }
 
-.md .csv-data .blob-num {
+.d2-151624429 .md .csv-data .blob-num {
   padding: 10px 8px 9px;
   text-align: right;
   background: var(--color-canvas-default);
   border: 0;
 }
 
-.md .csv-data tr {
+.d2-151624429 .md .csv-data tr {
   border-top: 0;
 }
 
-.md .csv-data th {
+.d2-151624429 .md .csv-data th {
   font-weight: 600;
   background: var(--color-canvas-subtle);
   border-top: 0;
 }
 
-.md .footnotes {
+.d2-151624429 .md .footnotes {
   font-size: 12px;
   color: var(--color-fg-muted);
   border-top: 1px solid var(--color-border-default);
 }
 
-.md .footnotes ol {
+.d2-151624429 .md .footnotes ol {
   padding-left: 16px;
 }
 
-.md .footnotes li {
+.d2-151624429 .md .footnotes li {
   position: relative;
 }
 
-.md .footnotes li:target::before {
+.d2-151624429 .md .footnotes li:target::before {
   position: absolute;
   top: -8px;
   right: -8px;
@@ -806,36 +806,36 @@
   border-radius: 6px;
 }
 
-.md .footnotes li:target {
+.d2-151624429 .md .footnotes li:target {
   color: var(--color-fg-default);
 }
 
-.md .task-list-item {
+.d2-151624429 .md .task-list-item {
   list-style-type: none;
 }
 
-.md .task-list-item label {
+.d2-151624429 .md .task-list-item label {
   font-weight: 400;
 }
 
-.md .task-list-item.enabled label {
+.d2-151624429 .md .task-list-item.enabled label {
   cursor: pointer;
 }
 
-.md .task-list-item + .task-list-item {
+.d2-151624429 .md .task-list-item + .task-list-item {
   margin-top: 3px;
 }
 
-.md .task-list-item .handle {
+.d2-151624429 .md .task-list-item .handle {
   display: none;
 }
 
-.md .task-list-item-checkbox {
+.d2-151624429 .md .task-list-item-checkbox {
   margin: 0 0.2em 0.25em -1.6em;
   vertical-align: middle;
 }
 
-.md .contains-task-list:dir(rtl) .task-list-item-checkbox {
+.d2-151624429 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
 </style><g id="md"><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
diff --git a/e2etests/testdata/stable/hr/elk/sketch.exp.svg b/e2etests/testdata/stable/hr/elk/sketch.exp.svg
index 94649775d..3dc1d59c0 100644
--- a/e2etests/testdata/stable/hr/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/hr/elk/sketch.exp.svg
@@ -96,31 +96,31 @@
 		.d2-3716610703 .color-AA4{color:#EDF0FD;}
 		.d2-3716610703 .color-AA5{color:#F7F8FE;}
 		.d2-3716610703 .color-AB4{color:#EDF0FD;}
-		.d2-3716610703 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.md em,
-.md dfn {
+		.d2-3716610703 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.d2-3716610703 .md em,
+.d2-3716610703 .md dfn {
   font-family: "d2-3716610703-font-italic";
 }
 
-.md b,
-.md strong {
+.d2-3716610703 .md b,
+.d2-3716610703 .md strong {
   font-family: "d2-3716610703-font-bold";
 }
 
-.md code,
-.md kbd,
-.md pre,
-.md samp {
+.d2-3716610703 .md code,
+.d2-3716610703 .md kbd,
+.d2-3716610703 .md pre,
+.d2-3716610703 .md samp {
   font-family: "d2-3716610703-font-mono";
   font-size: 1em;
 }
 
-.md {
+.d2-3716610703 .md {
   tab-size: 4;
 }
 
 /* variables are provided in d2renderers/d2svg/d2svg.go */
 
-.md {
+.d2-3716610703 .md {
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
   margin: 0;
@@ -132,41 +132,41 @@
   word-wrap: break-word;
 }
 
-.md details,
-.md figcaption,
-.md figure {
+.d2-3716610703 .md details,
+.d2-3716610703 .md figcaption,
+.d2-3716610703 .md figure {
   display: block;
 }
 
-.md summary {
+.d2-3716610703 .md summary {
   display: list-item;
 }
 
-.md [hidden] {
+.d2-3716610703 .md [hidden] {
   display: none !important;
 }
 
-.md a {
+.d2-3716610703 .md a {
   background-color: transparent;
   color: var(--color-accent-fg);
   text-decoration: none;
 }
 
-.md a:active,
-.md a:hover {
+.d2-3716610703 .md a:active,
+.d2-3716610703 .md a:hover {
   outline-width: 0;
 }
 
-.md abbr[title] {
+.d2-3716610703 .md abbr[title] {
   border-bottom: none;
   text-decoration: underline dotted;
 }
 
-.md dfn {
+.d2-3716610703 .md dfn {
   font-style: italic;
 }
 
-.md h1 {
+.d2-3716610703 .md h1 {
   margin: 0.67em 0;
   font-weight: 600;
   padding-bottom: 0.3em;
@@ -174,43 +174,43 @@
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md mark {
+.d2-3716610703 .md mark {
   background-color: var(--color-attention-subtle);
   color: var(--color-text-primary);
 }
 
-.md small {
+.d2-3716610703 .md small {
   font-size: 90%;
 }
 
-.md sub,
-.md sup {
+.d2-3716610703 .md sub,
+.d2-3716610703 .md sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
 }
 
-.md sub {
+.d2-3716610703 .md sub {
   bottom: -0.25em;
 }
 
-.md sup {
+.d2-3716610703 .md sup {
   top: -0.5em;
 }
 
-.md img {
+.d2-3716610703 .md img {
   border-style: none;
   max-width: 100%;
   box-sizing: content-box;
   background-color: var(--color-canvas-default);
 }
 
-.md figure {
+.d2-3716610703 .md figure {
   margin: 1em 40px;
 }
 
-.md hr {
+.d2-3716610703 .md hr {
   box-sizing: content-box;
   overflow: hidden;
   background: transparent;
@@ -222,7 +222,7 @@
   border: 0;
 }
 
-.md input {
+.d2-3716610703 .md input {
   font: inherit;
   margin: 0;
   overflow: visible;
@@ -231,72 +231,72 @@
   line-height: inherit;
 }
 
-.md [type="button"],
-.md [type="reset"],
-.md [type="submit"] {
+.d2-3716610703 .md [type="button"],
+.d2-3716610703 .md [type="reset"],
+.d2-3716610703 .md [type="submit"] {
   -webkit-appearance: button;
 }
 
-.md [type="button"]::-moz-focus-inner,
-.md [type="reset"]::-moz-focus-inner,
-.md [type="submit"]::-moz-focus-inner {
+.d2-3716610703 .md [type="button"]::-moz-focus-inner,
+.d2-3716610703 .md [type="reset"]::-moz-focus-inner,
+.d2-3716610703 .md [type="submit"]::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.md [type="button"]:-moz-focusring,
-.md [type="reset"]:-moz-focusring,
-.md [type="submit"]:-moz-focusring {
+.d2-3716610703 .md [type="button"]:-moz-focusring,
+.d2-3716610703 .md [type="reset"]:-moz-focusring,
+.d2-3716610703 .md [type="submit"]:-moz-focusring {
   outline: 1px dotted ButtonText;
 }
 
-.md [type="checkbox"],
-.md [type="radio"] {
+.d2-3716610703 .md [type="checkbox"],
+.d2-3716610703 .md [type="radio"] {
   box-sizing: border-box;
   padding: 0;
 }
 
-.md [type="number"]::-webkit-inner-spin-button,
-.md [type="number"]::-webkit-outer-spin-button {
+.d2-3716610703 .md [type="number"]::-webkit-inner-spin-button,
+.d2-3716610703 .md [type="number"]::-webkit-outer-spin-button {
   height: auto;
 }
 
-.md [type="search"] {
+.d2-3716610703 .md [type="search"] {
   -webkit-appearance: textfield;
   outline-offset: -2px;
 }
 
-.md [type="search"]::-webkit-search-cancel-button,
-.md [type="search"]::-webkit-search-decoration {
+.d2-3716610703 .md [type="search"]::-webkit-search-cancel-button,
+.d2-3716610703 .md [type="search"]::-webkit-search-decoration {
   -webkit-appearance: none;
 }
 
-.md ::-webkit-input-placeholder {
+.d2-3716610703 .md ::-webkit-input-placeholder {
   color: inherit;
   opacity: 0.54;
 }
 
-.md ::-webkit-file-upload-button {
+.d2-3716610703 .md ::-webkit-file-upload-button {
   -webkit-appearance: button;
   font: inherit;
 }
 
-.md a:hover {
+.d2-3716610703 .md a:hover {
   text-decoration: underline;
 }
 
-.md hr::before {
+.d2-3716610703 .md hr::before {
   display: table;
   content: "";
 }
 
-.md hr::after {
+.d2-3716610703 .md hr::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md table {
+.d2-3716610703 .md table {
   border-spacing: 0;
   border-collapse: collapse;
   display: block;
@@ -305,20 +305,20 @@
   overflow: auto;
 }
 
-.md td,
-.md th {
+.d2-3716610703 .md td,
+.d2-3716610703 .md th {
   padding: 0;
 }
 
-.md details summary {
+.d2-3716610703 .md details summary {
   cursor: pointer;
 }
 
-.md details:not([open]) > *:not(summary) {
+.d2-3716610703 .md details:not([open]) > *:not(summary) {
   display: none !important;
 }
 
-.md kbd {
+.d2-3716610703 .md kbd {
   display: inline-block;
   padding: 3px 5px;
   color: var(--color-fg-default);
@@ -330,12 +330,12 @@
   box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
 }
 
-.md h1,
-.md h2,
-.md h3,
-.md h4,
-.md h5,
-.md h6 {
+.d2-3716610703 .md h1,
+.d2-3716610703 .md h2,
+.d2-3716610703 .md h3,
+.d2-3716610703 .md h4,
+.d2-3716610703 .md h5,
+.d2-3716610703 .md h6 {
   margin-top: 24px;
   margin-bottom: 16px;
   font-weight: 600;
@@ -343,222 +343,222 @@
   font-family: "d2-3716610703-font-regular";
 }
 
-.md h2 {
+.d2-3716610703 .md h2 {
   font-weight: 600;
   padding-bottom: 0.3em;
   font-size: 1.5em;
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md h3 {
+.d2-3716610703 .md h3 {
   font-weight: 600;
   font-size: 1.25em;
 }
 
-.md h4 {
+.d2-3716610703 .md h4 {
   font-weight: 600;
   font-size: 1em;
 }
 
-.md h5 {
+.d2-3716610703 .md h5 {
   font-weight: 600;
   font-size: 0.875em;
 }
 
-.md h6 {
+.d2-3716610703 .md h6 {
   font-weight: 600;
   font-size: 0.85em;
   color: var(--color-fg-muted);
 }
 
-.md p {
+.d2-3716610703 .md p {
   margin-top: 0;
   margin-bottom: 10px;
 }
 
-.md blockquote {
+.d2-3716610703 .md blockquote {
   margin: 0;
   padding: 0 1em;
   color: var(--color-fg-muted);
   border-left: 0.25em solid var(--color-border-default);
 }
 
-.md ul,
-.md ol {
+.d2-3716610703 .md ul,
+.d2-3716610703 .md ol {
   margin-top: 0;
   margin-bottom: 0;
   padding-left: 2em;
 }
 
-.md ol ol,
-.md ul ol {
+.d2-3716610703 .md ol ol,
+.d2-3716610703 .md ul ol {
   list-style-type: lower-roman;
 }
 
-.md ul ul ol,
-.md ul ol ol,
-.md ol ul ol,
-.md ol ol ol {
+.d2-3716610703 .md ul ul ol,
+.d2-3716610703 .md ul ol ol,
+.d2-3716610703 .md ol ul ol,
+.d2-3716610703 .md ol ol ol {
   list-style-type: lower-alpha;
 }
 
-.md dd {
+.d2-3716610703 .md dd {
   margin-left: 0;
 }
 
-.md pre {
+.d2-3716610703 .md pre {
   margin-top: 0;
   margin-bottom: 0;
   word-wrap: normal;
 }
 
-.md ::placeholder {
+.d2-3716610703 .md ::placeholder {
   color: var(--color-fg-subtle);
   opacity: 1;
 }
 
-.md input::-webkit-outer-spin-button,
-.md input::-webkit-inner-spin-button {
+.d2-3716610703 .md input::-webkit-outer-spin-button,
+.d2-3716610703 .md input::-webkit-inner-spin-button {
   margin: 0;
   -webkit-appearance: none;
   appearance: none;
 }
 
-.md::before {
+.d2-3716610703 .md::before {
   display: table;
   content: "";
 }
 
-.md::after {
+.d2-3716610703 .md::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md > *:first-child {
+.d2-3716610703 .md > *:first-child {
   margin-top: 0 !important;
 }
 
-.md > *:last-child {
+.d2-3716610703 .md > *:last-child {
   margin-bottom: 0 !important;
 }
 
-.md a:not([href]) {
+.d2-3716610703 .md a:not([href]) {
   color: inherit;
   text-decoration: none;
 }
 
-.md .absent {
+.d2-3716610703 .md .absent {
   color: var(--color-danger-fg);
 }
 
-.md .anchor {
+.d2-3716610703 .md .anchor {
   float: left;
   padding-right: 4px;
   margin-left: -20px;
   line-height: 1;
 }
 
-.md .anchor:focus {
+.d2-3716610703 .md .anchor:focus {
   outline: none;
 }
 
-.md p,
-.md blockquote,
-.md ul,
-.md ol,
-.md dl,
-.md table,
-.md pre,
-.md details {
+.d2-3716610703 .md p,
+.d2-3716610703 .md blockquote,
+.d2-3716610703 .md ul,
+.d2-3716610703 .md ol,
+.d2-3716610703 .md dl,
+.d2-3716610703 .md table,
+.d2-3716610703 .md pre,
+.d2-3716610703 .md details {
   margin-top: 0;
   margin-bottom: 16px;
 }
 
-.md blockquote > :first-child {
+.d2-3716610703 .md blockquote > :first-child {
   margin-top: 0;
 }
 
-.md blockquote > :last-child {
+.d2-3716610703 .md blockquote > :last-child {
   margin-bottom: 0;
 }
 
-.md sup > a::before {
+.d2-3716610703 .md sup > a::before {
   content: "[";
 }
 
-.md sup > a::after {
+.d2-3716610703 .md sup > a::after {
   content: "]";
 }
 
-.md h1:hover .anchor,
-.md h2:hover .anchor,
-.md h3:hover .anchor,
-.md h4:hover .anchor,
-.md h5:hover .anchor,
-.md h6:hover .anchor {
+.d2-3716610703 .md h1:hover .anchor,
+.d2-3716610703 .md h2:hover .anchor,
+.d2-3716610703 .md h3:hover .anchor,
+.d2-3716610703 .md h4:hover .anchor,
+.d2-3716610703 .md h5:hover .anchor,
+.d2-3716610703 .md h6:hover .anchor {
   text-decoration: none;
 }
 
-.md h1 tt,
-.md h1 code,
-.md h2 tt,
-.md h2 code,
-.md h3 tt,
-.md h3 code,
-.md h4 tt,
-.md h4 code,
-.md h5 tt,
-.md h5 code,
-.md h6 tt,
-.md h6 code {
+.d2-3716610703 .md h1 tt,
+.d2-3716610703 .md h1 code,
+.d2-3716610703 .md h2 tt,
+.d2-3716610703 .md h2 code,
+.d2-3716610703 .md h3 tt,
+.d2-3716610703 .md h3 code,
+.d2-3716610703 .md h4 tt,
+.d2-3716610703 .md h4 code,
+.d2-3716610703 .md h5 tt,
+.d2-3716610703 .md h5 code,
+.d2-3716610703 .md h6 tt,
+.d2-3716610703 .md h6 code {
   padding: 0 0.2em;
   font-size: inherit;
 }
 
-.md ul.no-list,
-.md ol.no-list {
+.d2-3716610703 .md ul.no-list,
+.d2-3716610703 .md ol.no-list {
   padding: 0;
   list-style-type: none;
 }
 
-.md ol[type="1"] {
+.d2-3716610703 .md ol[type="1"] {
   list-style-type: decimal;
 }
 
-.md ol[type="a"] {
+.d2-3716610703 .md ol[type="a"] {
   list-style-type: lower-alpha;
 }
 
-.md ol[type="i"] {
+.d2-3716610703 .md ol[type="i"] {
   list-style-type: lower-roman;
 }
 
-.md div > ol:not([type]) {
+.d2-3716610703 .md div > ol:not([type]) {
   list-style-type: decimal;
 }
 
-.md ul ul,
-.md ul ol,
-.md ol ol,
-.md ol ul {
+.d2-3716610703 .md ul ul,
+.d2-3716610703 .md ul ol,
+.d2-3716610703 .md ol ol,
+.d2-3716610703 .md ol ul {
   margin-top: 0;
   margin-bottom: 0;
 }
 
-.md li > p {
+.d2-3716610703 .md li > p {
   margin-top: 16px;
 }
 
-.md li + li {
+.d2-3716610703 .md li + li {
   margin-top: 0.25em;
 }
 
-.md dl {
+.d2-3716610703 .md dl {
   padding: 0;
 }
 
-.md dl dt {
+.d2-3716610703 .md dl dt {
   padding: 0;
   margin-top: 16px;
   font-size: 1em;
@@ -566,48 +566,48 @@
   font-weight: 600;
 }
 
-.md dl dd {
+.d2-3716610703 .md dl dd {
   padding: 0 16px;
   margin-bottom: 16px;
 }
 
-.md table th {
+.d2-3716610703 .md table th {
   font-weight: 600;
 }
 
-.md table th,
-.md table td {
+.d2-3716610703 .md table th,
+.d2-3716610703 .md table td {
   padding: 6px 13px;
   border: 1px solid var(--color-border-default);
 }
 
-.md table tr {
+.d2-3716610703 .md table tr {
   background-color: var(--color-canvas-default);
   border-top: 1px solid var(--color-border-muted);
 }
 
-.md table tr:nth-child(2n) {
+.d2-3716610703 .md table tr:nth-child(2n) {
   background-color: var(--color-canvas-subtle);
 }
 
-.md table img {
+.d2-3716610703 .md table img {
   background-color: transparent;
 }
 
-.md img[align="right"] {
+.d2-3716610703 .md img[align="right"] {
   padding-left: 20px;
 }
 
-.md img[align="left"] {
+.d2-3716610703 .md img[align="left"] {
   padding-right: 20px;
 }
 
-.md span.frame {
+.d2-3716610703 .md span.frame {
   display: block;
   overflow: hidden;
 }
 
-.md span.frame > span {
+.d2-3716610703 .md span.frame > span {
   display: block;
   float: left;
   width: auto;
@@ -617,81 +617,81 @@
   border: 1px solid var(--color-border-default);
 }
 
-.md span.frame span img {
+.d2-3716610703 .md span.frame span img {
   display: block;
   float: left;
 }
 
-.md span.frame span span {
+.d2-3716610703 .md span.frame span span {
   display: block;
   padding: 5px 0 0;
   clear: both;
   color: var(--color-fg-default);
 }
 
-.md span.align-center {
+.d2-3716610703 .md span.align-center {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-center > span {
+.d2-3716610703 .md span.align-center > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: center;
 }
 
-.md span.align-center span img {
+.d2-3716610703 .md span.align-center span img {
   margin: 0 auto;
   text-align: center;
 }
 
-.md span.align-right {
+.d2-3716610703 .md span.align-right {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-right > span {
+.d2-3716610703 .md span.align-right > span {
   display: block;
   margin: 13px 0 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md span.align-right span img {
+.d2-3716610703 .md span.align-right span img {
   margin: 0;
   text-align: right;
 }
 
-.md span.float-left {
+.d2-3716610703 .md span.float-left {
   display: block;
   float: left;
   margin-right: 13px;
   overflow: hidden;
 }
 
-.md span.float-left span {
+.d2-3716610703 .md span.float-left span {
   margin: 13px 0 0;
 }
 
-.md span.float-right {
+.d2-3716610703 .md span.float-right {
   display: block;
   float: right;
   margin-left: 13px;
   overflow: hidden;
 }
 
-.md span.float-right > span {
+.d2-3716610703 .md span.float-right > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md code,
-.md tt {
+.d2-3716610703 .md code,
+.d2-3716610703 .md tt {
   padding: 0.2em 0.4em;
   margin: 0;
   font-size: 85%;
@@ -699,20 +699,20 @@
   border-radius: 6px;
 }
 
-.md code br,
-.md tt br {
+.d2-3716610703 .md code br,
+.d2-3716610703 .md tt br {
   display: none;
 }
 
-.md del code {
+.d2-3716610703 .md del code {
   text-decoration: inherit;
 }
 
-.md pre code {
+.d2-3716610703 .md pre code {
   font-size: 100%;
 }
 
-.md pre > code {
+.d2-3716610703 .md pre > code {
   padding: 0;
   margin: 0;
   word-break: normal;
@@ -721,17 +721,17 @@
   border: 0;
 }
 
-.md .highlight {
+.d2-3716610703 .md .highlight {
   margin-bottom: 16px;
 }
 
-.md .highlight pre {
+.d2-3716610703 .md .highlight pre {
   margin-bottom: 0;
   word-break: normal;
 }
 
-.md .highlight pre,
-.md pre {
+.d2-3716610703 .md .highlight pre,
+.d2-3716610703 .md pre {
   padding: 16px;
   overflow: auto;
   font-size: 85%;
@@ -740,8 +740,8 @@
   border-radius: 6px;
 }
 
-.md pre code,
-.md pre tt {
+.d2-3716610703 .md pre code,
+.d2-3716610703 .md pre tt {
   display: inline;
   max-width: auto;
   padding: 0;
@@ -753,8 +753,8 @@
   border: 0;
 }
 
-.md .csv-data td,
-.md .csv-data th {
+.d2-3716610703 .md .csv-data td,
+.d2-3716610703 .md .csv-data th {
   padding: 5px;
   overflow: hidden;
   font-size: 12px;
@@ -763,38 +763,38 @@
   white-space: nowrap;
 }
 
-.md .csv-data .blob-num {
+.d2-3716610703 .md .csv-data .blob-num {
   padding: 10px 8px 9px;
   text-align: right;
   background: var(--color-canvas-default);
   border: 0;
 }
 
-.md .csv-data tr {
+.d2-3716610703 .md .csv-data tr {
   border-top: 0;
 }
 
-.md .csv-data th {
+.d2-3716610703 .md .csv-data th {
   font-weight: 600;
   background: var(--color-canvas-subtle);
   border-top: 0;
 }
 
-.md .footnotes {
+.d2-3716610703 .md .footnotes {
   font-size: 12px;
   color: var(--color-fg-muted);
   border-top: 1px solid var(--color-border-default);
 }
 
-.md .footnotes ol {
+.d2-3716610703 .md .footnotes ol {
   padding-left: 16px;
 }
 
-.md .footnotes li {
+.d2-3716610703 .md .footnotes li {
   position: relative;
 }
 
-.md .footnotes li:target::before {
+.d2-3716610703 .md .footnotes li:target::before {
   position: absolute;
   top: -8px;
   right: -8px;
@@ -806,36 +806,36 @@
   border-radius: 6px;
 }
 
-.md .footnotes li:target {
+.d2-3716610703 .md .footnotes li:target {
   color: var(--color-fg-default);
 }
 
-.md .task-list-item {
+.d2-3716610703 .md .task-list-item {
   list-style-type: none;
 }
 
-.md .task-list-item label {
+.d2-3716610703 .md .task-list-item label {
   font-weight: 400;
 }
 
-.md .task-list-item.enabled label {
+.d2-3716610703 .md .task-list-item.enabled label {
   cursor: pointer;
 }
 
-.md .task-list-item + .task-list-item {
+.d2-3716610703 .md .task-list-item + .task-list-item {
   margin-top: 3px;
 }
 
-.md .task-list-item .handle {
+.d2-3716610703 .md .task-list-item .handle {
   display: none;
 }
 
-.md .task-list-item-checkbox {
+.d2-3716610703 .md .task-list-item-checkbox {
   margin: 0 0.2em 0.25em -1.6em;
   vertical-align: middle;
 }
 
-.md .contains-task-list:dir(rtl) .task-list-item-checkbox {
+.d2-3716610703 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
 </style><g id="md"><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
diff --git a/e2etests/testdata/stable/latex/dagre/sketch.exp.svg b/e2etests/testdata/stable/latex/dagre/sketch.exp.svg
index b5164bb4f..7d5004a56 100644
--- a/e2etests/testdata/stable/latex/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/latex/dagre/sketch.exp.svg
@@ -96,31 +96,31 @@
 		.d2-3063757784 .color-AA4{color:#EDF0FD;}
 		.d2-3063757784 .color-AA5{color:#F7F8FE;}
 		.d2-3063757784 .color-AB4{color:#EDF0FD;}
-		.d2-3063757784 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.md em,
-.md dfn {
+		.d2-3063757784 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.d2-3063757784 .md em,
+.d2-3063757784 .md dfn {
   font-family: "d2-3063757784-font-italic";
 }
 
-.md b,
-.md strong {
+.d2-3063757784 .md b,
+.d2-3063757784 .md strong {
   font-family: "d2-3063757784-font-bold";
 }
 
-.md code,
-.md kbd,
-.md pre,
-.md samp {
+.d2-3063757784 .md code,
+.d2-3063757784 .md kbd,
+.d2-3063757784 .md pre,
+.d2-3063757784 .md samp {
   font-family: "d2-3063757784-font-mono";
   font-size: 1em;
 }
 
-.md {
+.d2-3063757784 .md {
   tab-size: 4;
 }
 
 /* variables are provided in d2renderers/d2svg/d2svg.go */
 
-.md {
+.d2-3063757784 .md {
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
   margin: 0;
@@ -132,41 +132,41 @@
   word-wrap: break-word;
 }
 
-.md details,
-.md figcaption,
-.md figure {
+.d2-3063757784 .md details,
+.d2-3063757784 .md figcaption,
+.d2-3063757784 .md figure {
   display: block;
 }
 
-.md summary {
+.d2-3063757784 .md summary {
   display: list-item;
 }
 
-.md [hidden] {
+.d2-3063757784 .md [hidden] {
   display: none !important;
 }
 
-.md a {
+.d2-3063757784 .md a {
   background-color: transparent;
   color: var(--color-accent-fg);
   text-decoration: none;
 }
 
-.md a:active,
-.md a:hover {
+.d2-3063757784 .md a:active,
+.d2-3063757784 .md a:hover {
   outline-width: 0;
 }
 
-.md abbr[title] {
+.d2-3063757784 .md abbr[title] {
   border-bottom: none;
   text-decoration: underline dotted;
 }
 
-.md dfn {
+.d2-3063757784 .md dfn {
   font-style: italic;
 }
 
-.md h1 {
+.d2-3063757784 .md h1 {
   margin: 0.67em 0;
   font-weight: 600;
   padding-bottom: 0.3em;
@@ -174,43 +174,43 @@
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md mark {
+.d2-3063757784 .md mark {
   background-color: var(--color-attention-subtle);
   color: var(--color-text-primary);
 }
 
-.md small {
+.d2-3063757784 .md small {
   font-size: 90%;
 }
 
-.md sub,
-.md sup {
+.d2-3063757784 .md sub,
+.d2-3063757784 .md sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
 }
 
-.md sub {
+.d2-3063757784 .md sub {
   bottom: -0.25em;
 }
 
-.md sup {
+.d2-3063757784 .md sup {
   top: -0.5em;
 }
 
-.md img {
+.d2-3063757784 .md img {
   border-style: none;
   max-width: 100%;
   box-sizing: content-box;
   background-color: var(--color-canvas-default);
 }
 
-.md figure {
+.d2-3063757784 .md figure {
   margin: 1em 40px;
 }
 
-.md hr {
+.d2-3063757784 .md hr {
   box-sizing: content-box;
   overflow: hidden;
   background: transparent;
@@ -222,7 +222,7 @@
   border: 0;
 }
 
-.md input {
+.d2-3063757784 .md input {
   font: inherit;
   margin: 0;
   overflow: visible;
@@ -231,72 +231,72 @@
   line-height: inherit;
 }
 
-.md [type="button"],
-.md [type="reset"],
-.md [type="submit"] {
+.d2-3063757784 .md [type="button"],
+.d2-3063757784 .md [type="reset"],
+.d2-3063757784 .md [type="submit"] {
   -webkit-appearance: button;
 }
 
-.md [type="button"]::-moz-focus-inner,
-.md [type="reset"]::-moz-focus-inner,
-.md [type="submit"]::-moz-focus-inner {
+.d2-3063757784 .md [type="button"]::-moz-focus-inner,
+.d2-3063757784 .md [type="reset"]::-moz-focus-inner,
+.d2-3063757784 .md [type="submit"]::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.md [type="button"]:-moz-focusring,
-.md [type="reset"]:-moz-focusring,
-.md [type="submit"]:-moz-focusring {
+.d2-3063757784 .md [type="button"]:-moz-focusring,
+.d2-3063757784 .md [type="reset"]:-moz-focusring,
+.d2-3063757784 .md [type="submit"]:-moz-focusring {
   outline: 1px dotted ButtonText;
 }
 
-.md [type="checkbox"],
-.md [type="radio"] {
+.d2-3063757784 .md [type="checkbox"],
+.d2-3063757784 .md [type="radio"] {
   box-sizing: border-box;
   padding: 0;
 }
 
-.md [type="number"]::-webkit-inner-spin-button,
-.md [type="number"]::-webkit-outer-spin-button {
+.d2-3063757784 .md [type="number"]::-webkit-inner-spin-button,
+.d2-3063757784 .md [type="number"]::-webkit-outer-spin-button {
   height: auto;
 }
 
-.md [type="search"] {
+.d2-3063757784 .md [type="search"] {
   -webkit-appearance: textfield;
   outline-offset: -2px;
 }
 
-.md [type="search"]::-webkit-search-cancel-button,
-.md [type="search"]::-webkit-search-decoration {
+.d2-3063757784 .md [type="search"]::-webkit-search-cancel-button,
+.d2-3063757784 .md [type="search"]::-webkit-search-decoration {
   -webkit-appearance: none;
 }
 
-.md ::-webkit-input-placeholder {
+.d2-3063757784 .md ::-webkit-input-placeholder {
   color: inherit;
   opacity: 0.54;
 }
 
-.md ::-webkit-file-upload-button {
+.d2-3063757784 .md ::-webkit-file-upload-button {
   -webkit-appearance: button;
   font: inherit;
 }
 
-.md a:hover {
+.d2-3063757784 .md a:hover {
   text-decoration: underline;
 }
 
-.md hr::before {
+.d2-3063757784 .md hr::before {
   display: table;
   content: "";
 }
 
-.md hr::after {
+.d2-3063757784 .md hr::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md table {
+.d2-3063757784 .md table {
   border-spacing: 0;
   border-collapse: collapse;
   display: block;
@@ -305,20 +305,20 @@
   overflow: auto;
 }
 
-.md td,
-.md th {
+.d2-3063757784 .md td,
+.d2-3063757784 .md th {
   padding: 0;
 }
 
-.md details summary {
+.d2-3063757784 .md details summary {
   cursor: pointer;
 }
 
-.md details:not([open]) > *:not(summary) {
+.d2-3063757784 .md details:not([open]) > *:not(summary) {
   display: none !important;
 }
 
-.md kbd {
+.d2-3063757784 .md kbd {
   display: inline-block;
   padding: 3px 5px;
   color: var(--color-fg-default);
@@ -330,12 +330,12 @@
   box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
 }
 
-.md h1,
-.md h2,
-.md h3,
-.md h4,
-.md h5,
-.md h6 {
+.d2-3063757784 .md h1,
+.d2-3063757784 .md h2,
+.d2-3063757784 .md h3,
+.d2-3063757784 .md h4,
+.d2-3063757784 .md h5,
+.d2-3063757784 .md h6 {
   margin-top: 24px;
   margin-bottom: 16px;
   font-weight: 600;
@@ -343,222 +343,222 @@
   font-family: "d2-3063757784-font-regular";
 }
 
-.md h2 {
+.d2-3063757784 .md h2 {
   font-weight: 600;
   padding-bottom: 0.3em;
   font-size: 1.5em;
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md h3 {
+.d2-3063757784 .md h3 {
   font-weight: 600;
   font-size: 1.25em;
 }
 
-.md h4 {
+.d2-3063757784 .md h4 {
   font-weight: 600;
   font-size: 1em;
 }
 
-.md h5 {
+.d2-3063757784 .md h5 {
   font-weight: 600;
   font-size: 0.875em;
 }
 
-.md h6 {
+.d2-3063757784 .md h6 {
   font-weight: 600;
   font-size: 0.85em;
   color: var(--color-fg-muted);
 }
 
-.md p {
+.d2-3063757784 .md p {
   margin-top: 0;
   margin-bottom: 10px;
 }
 
-.md blockquote {
+.d2-3063757784 .md blockquote {
   margin: 0;
   padding: 0 1em;
   color: var(--color-fg-muted);
   border-left: 0.25em solid var(--color-border-default);
 }
 
-.md ul,
-.md ol {
+.d2-3063757784 .md ul,
+.d2-3063757784 .md ol {
   margin-top: 0;
   margin-bottom: 0;
   padding-left: 2em;
 }
 
-.md ol ol,
-.md ul ol {
+.d2-3063757784 .md ol ol,
+.d2-3063757784 .md ul ol {
   list-style-type: lower-roman;
 }
 
-.md ul ul ol,
-.md ul ol ol,
-.md ol ul ol,
-.md ol ol ol {
+.d2-3063757784 .md ul ul ol,
+.d2-3063757784 .md ul ol ol,
+.d2-3063757784 .md ol ul ol,
+.d2-3063757784 .md ol ol ol {
   list-style-type: lower-alpha;
 }
 
-.md dd {
+.d2-3063757784 .md dd {
   margin-left: 0;
 }
 
-.md pre {
+.d2-3063757784 .md pre {
   margin-top: 0;
   margin-bottom: 0;
   word-wrap: normal;
 }
 
-.md ::placeholder {
+.d2-3063757784 .md ::placeholder {
   color: var(--color-fg-subtle);
   opacity: 1;
 }
 
-.md input::-webkit-outer-spin-button,
-.md input::-webkit-inner-spin-button {
+.d2-3063757784 .md input::-webkit-outer-spin-button,
+.d2-3063757784 .md input::-webkit-inner-spin-button {
   margin: 0;
   -webkit-appearance: none;
   appearance: none;
 }
 
-.md::before {
+.d2-3063757784 .md::before {
   display: table;
   content: "";
 }
 
-.md::after {
+.d2-3063757784 .md::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md > *:first-child {
+.d2-3063757784 .md > *:first-child {
   margin-top: 0 !important;
 }
 
-.md > *:last-child {
+.d2-3063757784 .md > *:last-child {
   margin-bottom: 0 !important;
 }
 
-.md a:not([href]) {
+.d2-3063757784 .md a:not([href]) {
   color: inherit;
   text-decoration: none;
 }
 
-.md .absent {
+.d2-3063757784 .md .absent {
   color: var(--color-danger-fg);
 }
 
-.md .anchor {
+.d2-3063757784 .md .anchor {
   float: left;
   padding-right: 4px;
   margin-left: -20px;
   line-height: 1;
 }
 
-.md .anchor:focus {
+.d2-3063757784 .md .anchor:focus {
   outline: none;
 }
 
-.md p,
-.md blockquote,
-.md ul,
-.md ol,
-.md dl,
-.md table,
-.md pre,
-.md details {
+.d2-3063757784 .md p,
+.d2-3063757784 .md blockquote,
+.d2-3063757784 .md ul,
+.d2-3063757784 .md ol,
+.d2-3063757784 .md dl,
+.d2-3063757784 .md table,
+.d2-3063757784 .md pre,
+.d2-3063757784 .md details {
   margin-top: 0;
   margin-bottom: 16px;
 }
 
-.md blockquote > :first-child {
+.d2-3063757784 .md blockquote > :first-child {
   margin-top: 0;
 }
 
-.md blockquote > :last-child {
+.d2-3063757784 .md blockquote > :last-child {
   margin-bottom: 0;
 }
 
-.md sup > a::before {
+.d2-3063757784 .md sup > a::before {
   content: "[";
 }
 
-.md sup > a::after {
+.d2-3063757784 .md sup > a::after {
   content: "]";
 }
 
-.md h1:hover .anchor,
-.md h2:hover .anchor,
-.md h3:hover .anchor,
-.md h4:hover .anchor,
-.md h5:hover .anchor,
-.md h6:hover .anchor {
+.d2-3063757784 .md h1:hover .anchor,
+.d2-3063757784 .md h2:hover .anchor,
+.d2-3063757784 .md h3:hover .anchor,
+.d2-3063757784 .md h4:hover .anchor,
+.d2-3063757784 .md h5:hover .anchor,
+.d2-3063757784 .md h6:hover .anchor {
   text-decoration: none;
 }
 
-.md h1 tt,
-.md h1 code,
-.md h2 tt,
-.md h2 code,
-.md h3 tt,
-.md h3 code,
-.md h4 tt,
-.md h4 code,
-.md h5 tt,
-.md h5 code,
-.md h6 tt,
-.md h6 code {
+.d2-3063757784 .md h1 tt,
+.d2-3063757784 .md h1 code,
+.d2-3063757784 .md h2 tt,
+.d2-3063757784 .md h2 code,
+.d2-3063757784 .md h3 tt,
+.d2-3063757784 .md h3 code,
+.d2-3063757784 .md h4 tt,
+.d2-3063757784 .md h4 code,
+.d2-3063757784 .md h5 tt,
+.d2-3063757784 .md h5 code,
+.d2-3063757784 .md h6 tt,
+.d2-3063757784 .md h6 code {
   padding: 0 0.2em;
   font-size: inherit;
 }
 
-.md ul.no-list,
-.md ol.no-list {
+.d2-3063757784 .md ul.no-list,
+.d2-3063757784 .md ol.no-list {
   padding: 0;
   list-style-type: none;
 }
 
-.md ol[type="1"] {
+.d2-3063757784 .md ol[type="1"] {
   list-style-type: decimal;
 }
 
-.md ol[type="a"] {
+.d2-3063757784 .md ol[type="a"] {
   list-style-type: lower-alpha;
 }
 
-.md ol[type="i"] {
+.d2-3063757784 .md ol[type="i"] {
   list-style-type: lower-roman;
 }
 
-.md div > ol:not([type]) {
+.d2-3063757784 .md div > ol:not([type]) {
   list-style-type: decimal;
 }
 
-.md ul ul,
-.md ul ol,
-.md ol ol,
-.md ol ul {
+.d2-3063757784 .md ul ul,
+.d2-3063757784 .md ul ol,
+.d2-3063757784 .md ol ol,
+.d2-3063757784 .md ol ul {
   margin-top: 0;
   margin-bottom: 0;
 }
 
-.md li > p {
+.d2-3063757784 .md li > p {
   margin-top: 16px;
 }
 
-.md li + li {
+.d2-3063757784 .md li + li {
   margin-top: 0.25em;
 }
 
-.md dl {
+.d2-3063757784 .md dl {
   padding: 0;
 }
 
-.md dl dt {
+.d2-3063757784 .md dl dt {
   padding: 0;
   margin-top: 16px;
   font-size: 1em;
@@ -566,48 +566,48 @@
   font-weight: 600;
 }
 
-.md dl dd {
+.d2-3063757784 .md dl dd {
   padding: 0 16px;
   margin-bottom: 16px;
 }
 
-.md table th {
+.d2-3063757784 .md table th {
   font-weight: 600;
 }
 
-.md table th,
-.md table td {
+.d2-3063757784 .md table th,
+.d2-3063757784 .md table td {
   padding: 6px 13px;
   border: 1px solid var(--color-border-default);
 }
 
-.md table tr {
+.d2-3063757784 .md table tr {
   background-color: var(--color-canvas-default);
   border-top: 1px solid var(--color-border-muted);
 }
 
-.md table tr:nth-child(2n) {
+.d2-3063757784 .md table tr:nth-child(2n) {
   background-color: var(--color-canvas-subtle);
 }
 
-.md table img {
+.d2-3063757784 .md table img {
   background-color: transparent;
 }
 
-.md img[align="right"] {
+.d2-3063757784 .md img[align="right"] {
   padding-left: 20px;
 }
 
-.md img[align="left"] {
+.d2-3063757784 .md img[align="left"] {
   padding-right: 20px;
 }
 
-.md span.frame {
+.d2-3063757784 .md span.frame {
   display: block;
   overflow: hidden;
 }
 
-.md span.frame > span {
+.d2-3063757784 .md span.frame > span {
   display: block;
   float: left;
   width: auto;
@@ -617,81 +617,81 @@
   border: 1px solid var(--color-border-default);
 }
 
-.md span.frame span img {
+.d2-3063757784 .md span.frame span img {
   display: block;
   float: left;
 }
 
-.md span.frame span span {
+.d2-3063757784 .md span.frame span span {
   display: block;
   padding: 5px 0 0;
   clear: both;
   color: var(--color-fg-default);
 }
 
-.md span.align-center {
+.d2-3063757784 .md span.align-center {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-center > span {
+.d2-3063757784 .md span.align-center > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: center;
 }
 
-.md span.align-center span img {
+.d2-3063757784 .md span.align-center span img {
   margin: 0 auto;
   text-align: center;
 }
 
-.md span.align-right {
+.d2-3063757784 .md span.align-right {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-right > span {
+.d2-3063757784 .md span.align-right > span {
   display: block;
   margin: 13px 0 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md span.align-right span img {
+.d2-3063757784 .md span.align-right span img {
   margin: 0;
   text-align: right;
 }
 
-.md span.float-left {
+.d2-3063757784 .md span.float-left {
   display: block;
   float: left;
   margin-right: 13px;
   overflow: hidden;
 }
 
-.md span.float-left span {
+.d2-3063757784 .md span.float-left span {
   margin: 13px 0 0;
 }
 
-.md span.float-right {
+.d2-3063757784 .md span.float-right {
   display: block;
   float: right;
   margin-left: 13px;
   overflow: hidden;
 }
 
-.md span.float-right > span {
+.d2-3063757784 .md span.float-right > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md code,
-.md tt {
+.d2-3063757784 .md code,
+.d2-3063757784 .md tt {
   padding: 0.2em 0.4em;
   margin: 0;
   font-size: 85%;
@@ -699,20 +699,20 @@
   border-radius: 6px;
 }
 
-.md code br,
-.md tt br {
+.d2-3063757784 .md code br,
+.d2-3063757784 .md tt br {
   display: none;
 }
 
-.md del code {
+.d2-3063757784 .md del code {
   text-decoration: inherit;
 }
 
-.md pre code {
+.d2-3063757784 .md pre code {
   font-size: 100%;
 }
 
-.md pre > code {
+.d2-3063757784 .md pre > code {
   padding: 0;
   margin: 0;
   word-break: normal;
@@ -721,17 +721,17 @@
   border: 0;
 }
 
-.md .highlight {
+.d2-3063757784 .md .highlight {
   margin-bottom: 16px;
 }
 
-.md .highlight pre {
+.d2-3063757784 .md .highlight pre {
   margin-bottom: 0;
   word-break: normal;
 }
 
-.md .highlight pre,
-.md pre {
+.d2-3063757784 .md .highlight pre,
+.d2-3063757784 .md pre {
   padding: 16px;
   overflow: auto;
   font-size: 85%;
@@ -740,8 +740,8 @@
   border-radius: 6px;
 }
 
-.md pre code,
-.md pre tt {
+.d2-3063757784 .md pre code,
+.d2-3063757784 .md pre tt {
   display: inline;
   max-width: auto;
   padding: 0;
@@ -753,8 +753,8 @@
   border: 0;
 }
 
-.md .csv-data td,
-.md .csv-data th {
+.d2-3063757784 .md .csv-data td,
+.d2-3063757784 .md .csv-data th {
   padding: 5px;
   overflow: hidden;
   font-size: 12px;
@@ -763,38 +763,38 @@
   white-space: nowrap;
 }
 
-.md .csv-data .blob-num {
+.d2-3063757784 .md .csv-data .blob-num {
   padding: 10px 8px 9px;
   text-align: right;
   background: var(--color-canvas-default);
   border: 0;
 }
 
-.md .csv-data tr {
+.d2-3063757784 .md .csv-data tr {
   border-top: 0;
 }
 
-.md .csv-data th {
+.d2-3063757784 .md .csv-data th {
   font-weight: 600;
   background: var(--color-canvas-subtle);
   border-top: 0;
 }
 
-.md .footnotes {
+.d2-3063757784 .md .footnotes {
   font-size: 12px;
   color: var(--color-fg-muted);
   border-top: 1px solid var(--color-border-default);
 }
 
-.md .footnotes ol {
+.d2-3063757784 .md .footnotes ol {
   padding-left: 16px;
 }
 
-.md .footnotes li {
+.d2-3063757784 .md .footnotes li {
   position: relative;
 }
 
-.md .footnotes li:target::before {
+.d2-3063757784 .md .footnotes li:target::before {
   position: absolute;
   top: -8px;
   right: -8px;
@@ -806,36 +806,36 @@
   border-radius: 6px;
 }
 
-.md .footnotes li:target {
+.d2-3063757784 .md .footnotes li:target {
   color: var(--color-fg-default);
 }
 
-.md .task-list-item {
+.d2-3063757784 .md .task-list-item {
   list-style-type: none;
 }
 
-.md .task-list-item label {
+.d2-3063757784 .md .task-list-item label {
   font-weight: 400;
 }
 
-.md .task-list-item.enabled label {
+.d2-3063757784 .md .task-list-item.enabled label {
   cursor: pointer;
 }
 
-.md .task-list-item + .task-list-item {
+.d2-3063757784 .md .task-list-item + .task-list-item {
   margin-top: 3px;
 }
 
-.md .task-list-item .handle {
+.d2-3063757784 .md .task-list-item .handle {
   display: none;
 }
 
-.md .task-list-item-checkbox {
+.d2-3063757784 .md .task-list-item-checkbox {
   margin: 0 0.2em 0.25em -1.6em;
   vertical-align: middle;
 }
 
-.md .contains-task-list:dir(rtl) .task-list-item-checkbox {
+.d2-3063757784 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
 </style><g id="a"><g class="shape" ></g><g transform="translate(0.000000 151.000000)" class=" color-N1"><svg style="vertical-align: -4.118ex;" xmlns="http://www.w3.org/2000/svg" width="47.718ex" height="12.624ex" role="img" focusable="false" viewBox="0 -3759.7 21091.2 5579.8" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><path id="MJX-1-TEX-I-1D6FC" d="M34 156Q34 270 120 356T309 442Q379 442 421 402T478 304Q484 275 485 237V208Q534 282 560 374Q564 388 566 390T582 393Q603 393 603 385Q603 376 594 346T558 261T497 161L486 147L487 123Q489 67 495 47T514 26Q528 28 540 37T557 60Q559 67 562 68T577 70Q597 70 597 62Q597 56 591 43Q579 19 556 5T512 -10H505Q438 -10 414 62L411 69L400 61Q390 53 370 41T325 18T267 -2T203 -11Q124 -11 79 39T34 156ZM208 26Q257 26 306 47T379 90L403 112Q401 255 396 290Q382 405 304 405Q235 405 183 332Q156 292 139 224T121 120Q121 71 146 49T208 26Z"></path><path id="MJX-1-TEX-I-1D454" d="M311 43Q296 30 267 15T206 0Q143 0 105 45T66 160Q66 265 143 353T314 442Q361 442 401 394L404 398Q406 401 409 404T418 412T431 419T447 422Q461 422 470 413T480 394Q480 379 423 152T363 -80Q345 -134 286 -169T151 -205Q10 -205 10 -137Q10 -111 28 -91T74 -71Q89 -71 102 -80T116 -111Q116 -121 114 -130T107 -144T99 -154T92 -162L90 -164H91Q101 -167 151 -167Q189 -167 211 -155Q234 -144 254 -122T282 -75Q288 -56 298 -13Q311 35 311 43ZM384 328L380 339Q377 350 375 354T369 368T359 382T346 393T328 402T306 405Q262 405 221 352Q191 313 171 233T151 117Q151 38 213 38Q269 38 323 108L331 118L384 328Z"></path><path id="MJX-1-TEX-N-32" d="M109 429Q82 429 66 447T50 491Q50 562 103 614T235 666Q326 666 387 610T449 465Q449 422 429 383T381 315T301 241Q265 210 201 149L142 93L218 92Q375 92 385 97Q392 99 409 186V189H449V186Q448 183 436 95T421 3V0H50V19V31Q50 38 56 46T86 81Q115 113 136 137Q145 147 170 174T204 211T233 244T261 278T284 308T305 340T320 369T333 401T340 431T343 464Q343 527 309 573T212 619Q179 619 154 602T119 569T109 550Q109 549 114 549Q132 549 151 535T170 489Q170 464 154 447T109 429Z"></path><path id="MJX-1-TEX-I-1D714" d="M495 384Q495 406 514 424T555 443Q574 443 589 425T604 364Q604 334 592 278T555 155T483 38T377 -11Q297 -11 267 66Q266 68 260 61Q201 -11 125 -11Q15 -11 15 139Q15 230 56 325T123 434Q135 441 147 436Q160 429 160 418Q160 406 140 379T94 306T62 208Q61 202 61 187Q61 124 85 100T143 76Q201 76 245 129L253 137V156Q258 297 317 297Q348 297 348 261Q348 243 338 213T318 158L308 135Q309 133 310 129T318 115T334 97T358 83T393 76Q456 76 501 148T546 274Q546 305 533 325T508 357T495 384Z"></path><path id="MJX-1-TEX-N-35" d="M164 157Q164 133 148 117T109 101H102Q148 22 224 22Q294 22 326 82Q345 115 345 210Q345 313 318 349Q292 382 260 382H254Q176 382 136 314Q132 307 129 306T114 304Q97 304 95 310Q93 314 93 485V614Q93 664 98 664Q100 666 102 666Q103 666 123 658T178 642T253 634Q324 634 389 662Q397 666 402 666Q410 666 410 648V635Q328 538 205 538Q174 538 149 544L139 546V374Q158 388 169 396T205 412T256 420Q337 420 393 355T449 201Q449 109 385 44T229 -22Q148 -22 99 32T50 154Q50 178 61 192T84 210T107 214Q132 214 148 197T164 157Z"></path><path id="MJX-1-TEX-I-1D452" d="M39 168Q39 225 58 272T107 350T174 402T244 433T307 442H310Q355 442 388 420T421 355Q421 265 310 237Q261 224 176 223Q139 223 138 221Q138 219 132 186T125 128Q125 81 146 54T209 26T302 45T394 111Q403 121 406 121Q410 121 419 112T429 98T420 82T390 55T344 24T281 -1T205 -11Q126 -11 83 42T39 168ZM373 353Q367 405 305 405Q272 405 244 391T199 357T170 316T154 280T149 261Q149 260 169 260Q282 260 327 284T373 353Z"></path><path id="MJX-1-TEX-N-5B" d="M118 -250V750H255V710H158V-210H255V-250H118Z"></path><path id="MJX-1-TEX-N-2212" d="M84 237T84 250T98 270H679Q694 262 694 250T679 230H98Q84 237 84 250Z"></path><path id="MJX-1-TEX-N-30" d="M96 585Q152 666 249 666Q297 666 345 640T423 548Q460 465 460 320Q460 165 417 83Q397 41 362 16T301 -15T250 -22Q224 -22 198 -16T137 16T82 83Q39 165 39 320Q39 494 96 585ZM321 597Q291 629 250 629Q208 629 178 597Q153 571 145 525T137 333Q137 175 145 125T181 46Q209 16 250 16Q290 16 318 46Q347 76 354 130T362 333Q362 478 354 524T321 597Z"></path><path id="MJX-1-TEX-N-2E" d="M78 60Q78 84 95 102T138 120Q162 120 180 104T199 61Q199 36 182 18T139 0T96 17T78 60Z"></path><path id="MJX-1-TEX-N-37" d="M55 458Q56 460 72 567L88 674Q88 676 108 676H128V672Q128 662 143 655T195 646T364 644H485V605L417 512Q408 500 387 472T360 435T339 403T319 367T305 330T292 284T284 230T278 162T275 80Q275 66 275 52T274 28V19Q270 2 255 -10T221 -22Q210 -22 200 -19T179 0T168 40Q168 198 265 368Q285 400 349 489L395 552H302Q128 552 119 546Q113 543 108 522T98 479L95 458V455H55V458Z"></path><path id="MJX-1-TEX-N-34" d="M462 0Q444 3 333 3Q217 3 199 0H190V46H221Q241 46 248 46T265 48T279 53T286 61Q287 63 287 115V165H28V211L179 442Q332 674 334 675Q336 677 355 677H373L379 671V211H471V165H379V114Q379 73 379 66T385 54Q393 47 442 46H471V0H462ZM293 211V545L74 212L183 211H293Z"></path><path id="MJX-1-TEX-SO-7B" d="M477 -343L471 -349H458Q432 -349 367 -325T273 -263Q258 -245 250 -212L249 -51Q249 -27 249 12Q248 118 244 128Q243 129 243 130Q220 189 121 228Q109 232 107 235T105 250Q105 256 105 257T105 261T107 265T111 268T118 272T128 276T142 283T162 291Q224 324 243 371Q243 372 244 373Q248 384 249 469Q249 475 249 489Q249 528 249 552L250 714Q253 728 256 736T271 761T299 789T347 816T422 843Q440 849 441 849H443Q445 849 447 849T452 850T457 850H471L477 844V830Q477 820 476 817T470 811T459 807T437 801T404 785Q353 760 338 724Q333 710 333 550Q333 526 333 492T334 447Q334 393 327 368T295 318Q257 280 181 255L169 251L184 245Q318 198 332 112Q333 106 333 -49Q333 -209 338 -223Q351 -255 391 -277T469 -309Q477 -311 477 -329V-343Z"></path><path id="MJX-1-TEX-I-1D448" d="M107 637Q73 637 71 641Q70 643 70 649Q70 673 81 682Q83 683 98 683Q139 681 234 681Q268 681 297 681T342 682T362 682Q378 682 378 672Q378 670 376 658Q371 641 366 638H364Q362 638 359 638T352 638T343 637T334 637Q295 636 284 634T266 623Q265 621 238 518T184 302T154 169Q152 155 152 140Q152 86 183 55T269 24Q336 24 403 69T501 205L552 406Q599 598 599 606Q599 633 535 637Q511 637 511 648Q511 650 513 660Q517 676 519 679T529 683Q532 683 561 682T645 680Q696 680 723 681T752 682Q767 682 767 672Q767 650 759 642Q756 637 737 637Q666 633 648 597Q646 592 598 404Q557 235 548 205Q515 105 433 42T263 -22Q171 -22 116 34T60 167V183Q60 201 115 421Q164 622 164 628Q164 635 107 637Z"></path><path id="MJX-1-TEX-N-31" d="M213 578L200 573Q186 568 160 563T102 556H83V602H102Q149 604 189 617T245 641T273 663Q275 666 285 666Q294 666 302 660V361L303 61Q310 54 315 52T339 48T401 46H427V0H416Q395 3 257 3Q121 3 100 0H88V46H114Q136 46 152 46T177 47T193 50T201 52T207 57T213 61V578Z"></path><path id="MJX-1-TEX-N-39" d="M352 287Q304 211 232 211Q154 211 104 270T44 396Q42 412 42 436V444Q42 537 111 606Q171 666 243 666Q245 666 249 666T257 665H261Q273 665 286 663T323 651T370 619T413 560Q456 472 456 334Q456 194 396 97Q361 41 312 10T208 -22Q147 -22 108 7T68 93T121 149Q143 149 158 135T173 96Q173 78 164 65T148 49T135 44L131 43Q131 41 138 37T164 27T206 22H212Q272 22 313 86Q352 142 352 280V287ZM244 248Q292 248 321 297T351 430Q351 508 343 542Q341 552 337 562T323 588T293 615T246 625Q208 625 181 598Q160 576 154 546T147 441Q147 358 152 329T172 282Q197 248 244 248Z"></path><path id="MJX-1-TEX-SO-7D" d="M110 849L115 850Q120 850 125 850Q151 850 215 826T309 764Q324 747 332 714L333 552Q333 528 333 489Q334 383 338 373Q339 372 339 371Q353 336 391 310T469 271Q477 268 477 251Q477 241 476 237T472 232T456 225T428 214Q357 179 339 130Q339 129 338 128Q334 117 333 32Q333 26 333 12Q333 -27 333 -51L332 -212Q328 -228 323 -240T302 -271T255 -307T175 -338Q139 -349 125 -349T108 -346T105 -329Q105 -314 107 -312T130 -304Q233 -271 248 -209Q249 -203 249 -49V57Q249 106 253 125T273 167Q307 213 398 245L413 251L401 255Q265 300 250 389Q249 395 249 550Q249 710 244 724Q224 774 112 811Q105 813 105 830Q105 845 110 849Z"></path><path id="MJX-1-TEX-N-5D" d="M22 710V750H159V-250H22V-210H119V710H22Z"></path></defs><g stroke="currentColor" fill="currentColor" stroke-width="0" transform="scale(1,-1)"><g data-mml-node="math"><g data-mml-node="mstyle" transform="scale(2.49)"><g data-mml-node="TeXAtom" data-mjx-texclass="ORD"><g data-mml-node="mfrac"><g data-mml-node="mrow" transform="translate(220,676)"><g data-mml-node="mi"><use data-c="1D6FC" xlink:href="#MJX-1-TEX-I-1D6FC"></use></g><g data-mml-node="msup" transform="translate(640,0)"><g data-mml-node="mi"><use data-c="1D454" xlink:href="#MJX-1-TEX-I-1D454"></use></g><g data-mml-node="mn" transform="translate(510,363) scale(0.707)"><use data-c="32" xlink:href="#MJX-1-TEX-N-32"></use></g></g></g><g data-mml-node="msup" transform="translate(467.5,-719.9)"><g data-mml-node="mi"><use data-c="1D714" xlink:href="#MJX-1-TEX-I-1D714"></use></g><g data-mml-node="mn" transform="translate(655,289) scale(0.707)"><use data-c="35" xlink:href="#MJX-1-TEX-N-35"></use></g></g><rect width="1753.6" height="60" x="120" y="220"></rect></g><g data-mml-node="msup" transform="translate(1993.6,0)"><g data-mml-node="mi"><use data-c="1D452" xlink:href="#MJX-1-TEX-I-1D452"></use></g><g data-mml-node="TeXAtom" transform="translate(499,457) scale(0.707)" data-mjx-texclass="ORD"><g data-mml-node="mo"><use data-c="5B" xlink:href="#MJX-1-TEX-N-5B"></use></g><g data-mml-node="mo" transform="translate(278,0)"><use data-c="2212" xlink:href="#MJX-1-TEX-N-2212"></use></g><g data-mml-node="mn" transform="translate(1056,0)"><use data-c="30" xlink:href="#MJX-1-TEX-N-30"></use><use data-c="2E" xlink:href="#MJX-1-TEX-N-2E" transform="translate(500,0)"></use><use data-c="37" xlink:href="#MJX-1-TEX-N-37" transform="translate(778,0)"></use><use data-c="34" xlink:href="#MJX-1-TEX-N-34" transform="translate(1278,0)"></use></g><g data-mml-node="TeXAtom" data-mjx-texclass="OPEN" transform="translate(2834,0)"><g data-mml-node="mo" transform="translate(0 -0.5)"><use data-c="7B" xlink:href="#MJX-1-TEX-SO-7B"></use></g></g><g data-mml-node="mfrac" transform="translate(3417,0)"><g data-mml-node="mrow" transform="translate(220,453.8) scale(0.707)"><g data-mml-node="mi"><use data-c="1D714" xlink:href="#MJX-1-TEX-I-1D714"></use></g><g data-mml-node="msub" transform="translate(622,0)"><g data-mml-node="mi"><use data-c="1D448" xlink:href="#MJX-1-TEX-I-1D448"></use></g><g data-mml-node="mi" transform="translate(716,-150)"><use data-c="1D714" xlink:href="#MJX-1-TEX-I-1D714"></use></g></g><g data-mml-node="mn" transform="translate(2010,0)"><use data-c="31" xlink:href="#MJX-1-TEX-N-31"></use><use data-c="39" xlink:href="#MJX-1-TEX-N-39" transform="translate(500,0)"></use><use data-c="2E" xlink:href="#MJX-1-TEX-N-2E" transform="translate(1000,0)"></use><use data-c="35" xlink:href="#MJX-1-TEX-N-35" transform="translate(1278,0)"></use></g></g><g data-mml-node="mi" transform="translate(1390.6,-345) scale(0.707)"><use data-c="1D454" xlink:href="#MJX-1-TEX-I-1D454"></use></g><rect width="2878.5" height="60" x="120" y="220"></rect></g><g data-mml-node="msup" transform="translate(6535.5,0)"><g data-mml-node="TeXAtom" data-mjx-texclass="CLOSE"><g data-mml-node="mo" transform="translate(0 -0.5)"><use data-c="7D" xlink:href="#MJX-1-TEX-SO-7D"></use></g></g><g data-mml-node="TeXAtom" transform="translate(616,576.6) scale(0.707)" data-mjx-texclass="ORD"><g data-mml-node="mstyle" transform="scale(2)"><g data-mml-node="mspace"></g></g><g data-mml-node="mo" transform="translate(-334,0)"><use data-c="2212" xlink:href="#MJX-1-TEX-N-2212"></use></g><g data-mml-node="mn" transform="translate(444,0)"><use data-c="34" xlink:href="#MJX-1-TEX-N-34"></use></g></g></g><g data-mml-node="mstyle" transform="translate(7869,0) scale(1.414)"><g data-mml-node="mspace"></g></g><g data-mml-node="mo" transform="translate(8105.2,0)"><use data-c="5D" xlink:href="#MJX-1-TEX-N-5D"></use></g></g></g></g></g></g></g></svg></g></g><g id="b"><g class="shape" ></g><g transform="translate(442.000000 193.000000)" class=" color-N1"><svg style="vertical-align: -0.186ex;" xmlns="http://www.w3.org/2000/svg" width="8.025ex" height="2.185ex" role="img" focusable="false" viewBox="0 -883.9 3547.1 965.9" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><path id="MJX-1-TEX-I-1D452" d="M39 168Q39 225 58 272T107 350T174 402T244 433T307 442H310Q355 442 388 420T421 355Q421 265 310 237Q261 224 176 223Q139 223 138 221Q138 219 132 186T125 128Q125 81 146 54T209 26T302 45T394 111Q403 121 406 121Q410 121 419 112T429 98T420 82T390 55T344 24T281 -1T205 -11Q126 -11 83 42T39 168ZM373 353Q367 405 305 405Q272 405 244 391T199 357T170 316T154 280T149 261Q149 260 169 260Q282 260 327 284T373 353Z"></path><path id="MJX-1-TEX-N-3D" d="M56 347Q56 360 70 367H707Q722 359 722 347Q722 336 708 328L390 327H72Q56 332 56 347ZM56 153Q56 168 72 173H708Q722 163 722 153Q722 140 707 133H70Q56 140 56 153Z"></path><path id="MJX-1-TEX-I-1D45A" d="M21 287Q22 293 24 303T36 341T56 388T88 425T132 442T175 435T205 417T221 395T229 376L231 369Q231 367 232 367L243 378Q303 442 384 442Q401 442 415 440T441 433T460 423T475 411T485 398T493 385T497 373T500 364T502 357L510 367Q573 442 659 442Q713 442 746 415T780 336Q780 285 742 178T704 50Q705 36 709 31T724 26Q752 26 776 56T815 138Q818 149 821 151T837 153Q857 153 857 145Q857 144 853 130Q845 101 831 73T785 17T716 -10Q669 -10 648 17T627 73Q627 92 663 193T700 345Q700 404 656 404H651Q565 404 506 303L499 291L466 157Q433 26 428 16Q415 -11 385 -11Q372 -11 364 -4T353 8T350 18Q350 29 384 161L420 307Q423 322 423 345Q423 404 379 404H374Q288 404 229 303L222 291L189 157Q156 26 151 16Q138 -11 108 -11Q95 -11 87 -5T76 7T74 17Q74 30 112 181Q151 335 151 342Q154 357 154 369Q154 405 129 405Q107 405 92 377T69 316T57 280Q55 278 41 278H27Q21 284 21 287Z"></path><path id="MJX-1-TEX-I-1D450" d="M34 159Q34 268 120 355T306 442Q362 442 394 418T427 355Q427 326 408 306T360 285Q341 285 330 295T319 325T330 359T352 380T366 386H367Q367 388 361 392T340 400T306 404Q276 404 249 390Q228 381 206 359Q162 315 142 235T121 119Q121 73 147 50Q169 26 205 26H209Q321 26 394 111Q403 121 406 121Q410 121 419 112T429 98T420 83T391 55T346 25T282 0T202 -11Q127 -11 81 37T34 159Z"></path><path id="MJX-1-TEX-N-32" d="M109 429Q82 429 66 447T50 491Q50 562 103 614T235 666Q326 666 387 610T449 465Q449 422 429 383T381 315T301 241Q265 210 201 149L142 93L218 92Q375 92 385 97Q392 99 409 186V189H449V186Q448 183 436 95T421 3V0H50V19V31Q50 38 56 46T86 81Q115 113 136 137Q145 147 170 174T204 211T233 244T261 278T284 308T305 340T320 369T333 401T340 431T343 464Q343 527 309 573T212 619Q179 619 154 602T119 569T109 550Q109 549 114 549Q132 549 151 535T170 489Q170 464 154 447T109 429Z"></path></defs><g stroke="currentColor" fill="currentColor" stroke-width="0" transform="scale(1,-1)"><g data-mml-node="math"><g data-mml-node="mi"><use data-c="1D452" xlink:href="#MJX-1-TEX-I-1D452"></use></g><g data-mml-node="mo" transform="translate(743.8,0)"><use data-c="3D" xlink:href="#MJX-1-TEX-N-3D"></use></g><g data-mml-node="mi" transform="translate(1799.6,0)"><use data-c="1D45A" xlink:href="#MJX-1-TEX-I-1D45A"></use></g><g data-mml-node="msup" transform="translate(2677.6,0)"><g data-mml-node="mi"><use data-c="1D450" xlink:href="#MJX-1-TEX-I-1D450"></use></g><g data-mml-node="mn" transform="translate(466,413) scale(0.707)"><use data-c="32" xlink:href="#MJX-1-TEX-N-32"></use></g></g></g></g></svg></g></g><g id="z"><g class="shape" ></g><g transform="translate(243.000000 0.000000)" class=" color-N1"><svg style="vertical-align: -2.819ex;" xmlns="http://www.w3.org/2000/svg" width="22.251ex" height="6.354ex" role="img" focusable="false" viewBox="0 -1562.5 9834.8 2808.5" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><path id="MJX-1-TEX-I-1D454" d="M311 43Q296 30 267 15T206 0Q143 0 105 45T66 160Q66 265 143 353T314 442Q361 442 401 394L404 398Q406 401 409 404T418 412T431 419T447 422Q461 422 470 413T480 394Q480 379 423 152T363 -80Q345 -134 286 -169T151 -205Q10 -205 10 -137Q10 -111 28 -91T74 -71Q89 -71 102 -80T116 -111Q116 -121 114 -130T107 -144T99 -154T92 -162L90 -164H91Q101 -167 151 -167Q189 -167 211 -155Q234 -144 254 -122T282 -75Q288 -56 298 -13Q311 35 311 43ZM384 328L380 339Q377 350 375 354T369 368T359 382T346 393T328 402T306 405Q262 405 221 352Q191 313 171 233T151 117Q151 38 213 38Q269 38 323 108L331 118L384 328Z"></path><path id="MJX-1-TEX-I-1D456" d="M184 600Q184 624 203 642T247 661Q265 661 277 649T290 619Q290 596 270 577T226 557Q211 557 198 567T184 600ZM21 287Q21 295 30 318T54 369T98 420T158 442Q197 442 223 419T250 357Q250 340 236 301T196 196T154 83Q149 61 149 51Q149 26 166 26Q175 26 185 29T208 43T235 78T260 137Q263 149 265 151T282 153Q302 153 302 143Q302 135 293 112T268 61T223 11T161 -11Q129 -11 102 10T74 74Q74 91 79 106T122 220Q160 321 166 341T173 380Q173 404 156 404H154Q124 404 99 371T61 287Q60 286 59 284T58 281T56 279T53 278T49 278T41 278H27Q21 284 21 287Z"></path><path id="MJX-1-TEX-I-1D44F" d="M73 647Q73 657 77 670T89 683Q90 683 161 688T234 694Q246 694 246 685T212 542Q204 508 195 472T180 418L176 399Q176 396 182 402Q231 442 283 442Q345 442 383 396T422 280Q422 169 343 79T173 -11Q123 -11 82 27T40 150V159Q40 180 48 217T97 414Q147 611 147 623T109 637Q104 637 101 637H96Q86 637 83 637T76 640T73 647ZM336 325V331Q336 405 275 405Q258 405 240 397T207 376T181 352T163 330L157 322L136 236Q114 150 114 114Q114 66 138 42Q154 26 178 26Q211 26 245 58Q270 81 285 114T318 219Q336 291 336 325Z"></path><path id="MJX-1-TEX-I-1D452" d="M39 168Q39 225 58 272T107 350T174 402T244 433T307 442H310Q355 442 388 420T421 355Q421 265 310 237Q261 224 176 223Q139 223 138 221Q138 219 132 186T125 128Q125 81 146 54T209 26T302 45T394 111Q403 121 406 121Q410 121 419 112T429 98T420 82T390 55T344 24T281 -1T205 -11Q126 -11 83 42T39 168ZM373 353Q367 405 305 405Q272 405 244 391T199 357T170 316T154 280T149 261Q149 260 169 260Q282 260 327 284T373 353Z"></path><path id="MJX-1-TEX-I-1D45F" d="M21 287Q22 290 23 295T28 317T38 348T53 381T73 411T99 433T132 442Q161 442 183 430T214 408T225 388Q227 382 228 382T236 389Q284 441 347 441H350Q398 441 422 400Q430 381 430 363Q430 333 417 315T391 292T366 288Q346 288 334 299T322 328Q322 376 378 392Q356 405 342 405Q286 405 239 331Q229 315 224 298T190 165Q156 25 151 16Q138 -11 108 -11Q95 -11 87 -5T76 7T74 17Q74 30 114 189T154 366Q154 405 128 405Q107 405 92 377T68 316T57 280Q55 278 41 278H27Q21 284 21 287Z"></path><path id="MJX-1-TEX-I-1D460" d="M131 289Q131 321 147 354T203 415T300 442Q362 442 390 415T419 355Q419 323 402 308T364 292Q351 292 340 300T328 326Q328 342 337 354T354 372T367 378Q368 378 368 379Q368 382 361 388T336 399T297 405Q249 405 227 379T204 326Q204 301 223 291T278 274T330 259Q396 230 396 163Q396 135 385 107T352 51T289 7T195 -10Q118 -10 86 19T53 87Q53 126 74 143T118 160Q133 160 146 151T160 120Q160 94 142 76T111 58Q109 57 108 57T107 55Q108 52 115 47T146 34T201 27Q237 27 263 38T301 66T318 97T323 122Q323 150 302 164T254 181T195 196T148 231Q131 256 131 289Z"></path><path id="MJX-1-TEX-I-210E" d="M137 683Q138 683 209 688T282 694Q294 694 294 685Q294 674 258 534Q220 386 220 383Q220 381 227 388Q288 442 357 442Q411 442 444 415T478 336Q478 285 440 178T402 50Q403 36 407 31T422 26Q450 26 474 56T513 138Q516 149 519 151T535 153Q555 153 555 145Q555 144 551 130Q535 71 500 33Q466 -10 419 -10H414Q367 -10 346 17T325 74Q325 90 361 192T398 345Q398 404 354 404H349Q266 404 205 306L198 293L164 158Q132 28 127 16Q114 -11 83 -11Q69 -11 59 -2T48 16Q48 30 121 320L195 616Q195 629 188 632T149 637H128Q122 643 122 645T124 664Q129 683 137 683Z"></path><path id="MJX-1-TEX-I-1D45A" d="M21 287Q22 293 24 303T36 341T56 388T88 425T132 442T175 435T205 417T221 395T229 376L231 369Q231 367 232 367L243 378Q303 442 384 442Q401 442 415 440T441 433T460 423T475 411T485 398T493 385T497 373T500 364T502 357L510 367Q573 442 659 442Q713 442 746 415T780 336Q780 285 742 178T704 50Q705 36 709 31T724 26Q752 26 776 56T815 138Q818 149 821 151T837 153Q857 153 857 145Q857 144 853 130Q845 101 831 73T785 17T716 -10Q669 -10 648 17T627 73Q627 92 663 193T700 345Q700 404 656 404H651Q565 404 506 303L499 291L466 157Q433 26 428 16Q415 -11 385 -11Q372 -11 364 -4T353 8T350 18Q350 29 384 161L420 307Q423 322 423 345Q423 404 379 404H374Q288 404 229 303L222 291L189 157Q156 26 151 16Q138 -11 108 -11Q95 -11 87 -5T76 7T74 17Q74 30 112 181Q151 335 151 342Q154 357 154 369Q154 405 129 405Q107 405 92 377T69 316T57 280Q55 278 41 278H27Q21 284 21 287Z"></path><path id="MJX-1-TEX-I-1D44E" d="M33 157Q33 258 109 349T280 441Q331 441 370 392Q386 422 416 422Q429 422 439 414T449 394Q449 381 412 234T374 68Q374 43 381 35T402 26Q411 27 422 35Q443 55 463 131Q469 151 473 152Q475 153 483 153H487Q506 153 506 144Q506 138 501 117T481 63T449 13Q436 0 417 -8Q409 -10 393 -10Q359 -10 336 5T306 36L300 51Q299 52 296 50Q294 48 292 46Q233 -10 172 -10Q117 -10 75 30T33 157ZM351 328Q351 334 346 350T323 385T277 405Q242 405 210 374T160 293Q131 214 119 129Q119 126 119 118T118 106Q118 61 136 44T179 26Q217 26 254 59T298 110Q300 114 325 217T351 328Z"></path><path id="MJX-1-TEX-I-1D461" d="M26 385Q19 392 19 395Q19 399 22 411T27 425Q29 430 36 430T87 431H140L159 511Q162 522 166 540T173 566T179 586T187 603T197 615T211 624T229 626Q247 625 254 615T261 596Q261 589 252 549T232 470L222 433Q222 431 272 431H323Q330 424 330 420Q330 398 317 385H210L174 240Q135 80 135 68Q135 26 162 26Q197 26 230 60T283 144Q285 150 288 151T303 153H307Q322 153 322 145Q322 142 319 133Q314 117 301 95T267 48T216 6T155 -11Q125 -11 98 4T59 56Q57 64 57 83V101L92 241Q127 382 128 383Q128 385 77 385H26Z"></path><path id="MJX-1-TEX-N-3A" d="M78 370Q78 394 95 412T138 430Q162 430 180 414T199 371Q199 346 182 328T139 310T96 327T78 370ZM78 60Q78 84 95 102T138 120Q162 120 180 104T199 61Q199 36 182 18T139 0T96 17T78 60Z"></path><path id="MJX-1-TEX-LO-2211" d="M60 948Q63 950 665 950H1267L1325 815Q1384 677 1388 669H1348L1341 683Q1320 724 1285 761Q1235 809 1174 838T1033 881T882 898T699 902H574H543H251L259 891Q722 258 724 252Q725 250 724 246Q721 243 460 -56L196 -356Q196 -357 407 -357Q459 -357 548 -357T676 -358Q812 -358 896 -353T1063 -332T1204 -283T1307 -196Q1328 -170 1348 -124H1388Q1388 -125 1381 -145T1356 -210T1325 -294L1267 -449L666 -450Q64 -450 61 -448Q55 -446 55 -439Q55 -437 57 -433L590 177Q590 178 557 222T452 366T322 544L56 909L55 924Q55 945 60 948Z"></path><path id="MJX-1-TEX-N-3D" d="M56 347Q56 360 70 367H707Q722 359 722 347Q722 336 708 328L390 327H72Q56 332 56 347ZM56 153Q56 168 72 173H708Q722 163 722 153Q722 140 707 133H70Q56 140 56 153Z"></path><path id="MJX-1-TEX-N-30" d="M96 585Q152 666 249 666Q297 666 345 640T423 548Q460 465 460 320Q460 165 417 83Q397 41 362 16T301 -15T250 -22Q224 -22 198 -16T137 16T82 83Q39 165 39 320Q39 494 96 585ZM321 597Q291 629 250 629Q208 629 178 597Q153 571 145 525T137 333Q137 175 145 125T181 46Q209 16 250 16Q290 16 318 46Q347 76 354 130T362 333Q362 478 354 524T321 597Z"></path><path id="MJX-1-TEX-N-221E" d="M55 217Q55 305 111 373T254 442Q342 442 419 381Q457 350 493 303L507 284L514 294Q618 442 747 442Q833 442 888 374T944 214Q944 128 889 59T743 -11Q657 -11 580 50Q542 81 506 128L492 147L485 137Q381 -11 252 -11Q166 -11 111 57T55 217ZM907 217Q907 285 869 341T761 397Q740 397 720 392T682 378T648 359T619 335T594 310T574 285T559 263T548 246L543 238L574 198Q605 158 622 138T664 94T714 61T765 51Q827 51 867 100T907 217ZM92 214Q92 145 131 89T239 33Q357 33 456 193L425 233Q364 312 334 337Q285 380 233 380Q171 380 132 331T92 214Z"></path><path id="MJX-1-TEX-N-32" d="M109 429Q82 429 66 447T50 491Q50 562 103 614T235 666Q326 666 387 610T449 465Q449 422 429 383T381 315T301 241Q265 210 201 149L142 93L218 92Q375 92 385 97Q392 99 409 186V189H449V186Q448 183 436 95T421 3V0H50V19V31Q50 38 56 46T86 81Q115 113 136 137Q145 147 170 174T204 211T233 244T261 278T284 308T305 340T320 369T333 401T340 431T343 464Q343 527 309 573T212 619Q179 619 154 602T119 569T109 550Q109 549 114 549Q132 549 151 535T170 489Q170 464 154 447T109 429Z"></path></defs><g stroke="currentColor" fill="currentColor" stroke-width="0" transform="scale(1,-1)"><g data-mml-node="math"><g data-mml-node="mi"><use data-c="1D454" xlink:href="#MJX-1-TEX-I-1D454"></use></g><g data-mml-node="mi" transform="translate(477,0)"><use data-c="1D456" xlink:href="#MJX-1-TEX-I-1D456"></use></g><g data-mml-node="mi" transform="translate(822,0)"><use data-c="1D44F" xlink:href="#MJX-1-TEX-I-1D44F"></use></g><g data-mml-node="mi" transform="translate(1251,0)"><use data-c="1D44F" xlink:href="#MJX-1-TEX-I-1D44F"></use></g><g data-mml-node="mi" transform="translate(1680,0)"><use data-c="1D452" xlink:href="#MJX-1-TEX-I-1D452"></use></g><g data-mml-node="mi" transform="translate(2146,0)"><use data-c="1D45F" xlink:href="#MJX-1-TEX-I-1D45F"></use></g><g data-mml-node="mi" transform="translate(2597,0)"><use data-c="1D456" xlink:href="#MJX-1-TEX-I-1D456"></use></g><g data-mml-node="mi" transform="translate(2942,0)"><use data-c="1D460" xlink:href="#MJX-1-TEX-I-1D460"></use></g><g data-mml-node="mi" transform="translate(3411,0)"><use data-c="210E" xlink:href="#MJX-1-TEX-I-210E"></use></g><g data-mml-node="mstyle" transform="translate(3987,0)"><g data-mml-node="mspace"></g></g><g data-mml-node="mi" transform="translate(4265,0)"><use data-c="1D45A" xlink:href="#MJX-1-TEX-I-1D45A"></use></g><g data-mml-node="mi" transform="translate(5143,0)"><use data-c="1D44E" xlink:href="#MJX-1-TEX-I-1D44E"></use></g><g data-mml-node="mi" transform="translate(5672,0)"><use data-c="1D461" xlink:href="#MJX-1-TEX-I-1D461"></use></g><g data-mml-node="mi" transform="translate(6033,0)"><use data-c="210E" xlink:href="#MJX-1-TEX-I-210E"></use></g><g data-mml-node="mo" transform="translate(6886.8,0)"><use data-c="3A" xlink:href="#MJX-1-TEX-N-3A"></use></g><g data-mml-node="munderover" transform="translate(7442.6,0)"><g data-mml-node="mo"><use data-c="2211" xlink:href="#MJX-1-TEX-LO-2211"></use></g><g data-mml-node="TeXAtom" transform="translate(148.2,-1087.9) scale(0.707)" data-mjx-texclass="ORD"><g data-mml-node="mi"><use data-c="1D456" xlink:href="#MJX-1-TEX-I-1D456"></use></g><g data-mml-node="mo" transform="translate(345,0)"><use data-c="3D" xlink:href="#MJX-1-TEX-N-3D"></use></g><g data-mml-node="mn" transform="translate(1123,0)"><use data-c="30" xlink:href="#MJX-1-TEX-N-30"></use></g></g><g data-mml-node="mi" transform="translate(368.4,1150) scale(0.707)"><use data-c="221E" xlink:href="#MJX-1-TEX-N-221E"></use></g></g><g data-mml-node="msup" transform="translate(9053.2,0)"><g data-mml-node="mi"><use data-c="1D456" xlink:href="#MJX-1-TEX-I-1D456"></use></g><g data-mml-node="mn" transform="translate(378,413) scale(0.707)"><use data-c="32" xlink:href="#MJX-1-TEX-N-32"></use></g></g></g></g></svg></g></g><g id="c"><g class="shape" ><rect x="398.000000" y="352.000000" width="154.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="475.000000" y="390.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">mixed together</text></g><g id="sugar"><g class="shape" ><rect x="567.000000" y="169.000000" width="86.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="610.000000" y="207.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">sugar</text></g><g id="solution"><g class="shape" ><rect x="423.000000" y="539.000000" width="104.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="475.000000" y="577.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">solution</text></g><g id="(z -&gt; a)[0]"><marker id="mk-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" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 283.108949 51.940207 C 209.774834 91.000000 191.000000 111.000000 191.000000 147.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3063757784)" /></g><g id="(z -&gt; b)[0]"><path d="M 382.391051 51.940207 C 455.725166 91.000000 474.500000 119.300000 474.500000 188.500000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3063757784)" /></g><g id="(a -&gt; c)[0]"><path d="M 191.000000 254.000000 C 191.000000 292.000000 232.300000 314.091358 393.661139 361.332891" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3063757784)" /></g><g id="(b -&gt; c)[0]"><path d="M 474.500000 213.500000 C 474.500000 283.900000 474.500000 312.000000 474.500000 348.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3063757784)" /></g><g id="(sugar -&gt; c)[0]"><path d="M 610.000000 237.500000 C 610.000000 288.700000 593.600000 312.000000 531.415185 349.917570" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3063757784)" /></g><g id="(c -&gt; solution)[0]"><path d="M 474.500000 420.000000 C 474.500000 466.400000 474.500000 490.700000 474.500000 535.500000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3063757784)" /><text x="475.000000" y="484.000000" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">we get</text></g><mask id="d2-3063757784" maskUnits="userSpaceOnUse" x="-1" y="-1" width="655" height="607">
diff --git a/e2etests/testdata/stable/latex/elk/sketch.exp.svg b/e2etests/testdata/stable/latex/elk/sketch.exp.svg
index 6366d09d8..3d2c6f3dc 100644
--- a/e2etests/testdata/stable/latex/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/latex/elk/sketch.exp.svg
@@ -96,31 +96,31 @@
 		.d2-861151415 .color-AA4{color:#EDF0FD;}
 		.d2-861151415 .color-AA5{color:#F7F8FE;}
 		.d2-861151415 .color-AB4{color:#EDF0FD;}
-		.d2-861151415 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.md em,
-.md dfn {
+		.d2-861151415 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.d2-861151415 .md em,
+.d2-861151415 .md dfn {
   font-family: "d2-861151415-font-italic";
 }
 
-.md b,
-.md strong {
+.d2-861151415 .md b,
+.d2-861151415 .md strong {
   font-family: "d2-861151415-font-bold";
 }
 
-.md code,
-.md kbd,
-.md pre,
-.md samp {
+.d2-861151415 .md code,
+.d2-861151415 .md kbd,
+.d2-861151415 .md pre,
+.d2-861151415 .md samp {
   font-family: "d2-861151415-font-mono";
   font-size: 1em;
 }
 
-.md {
+.d2-861151415 .md {
   tab-size: 4;
 }
 
 /* variables are provided in d2renderers/d2svg/d2svg.go */
 
-.md {
+.d2-861151415 .md {
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
   margin: 0;
@@ -132,41 +132,41 @@
   word-wrap: break-word;
 }
 
-.md details,
-.md figcaption,
-.md figure {
+.d2-861151415 .md details,
+.d2-861151415 .md figcaption,
+.d2-861151415 .md figure {
   display: block;
 }
 
-.md summary {
+.d2-861151415 .md summary {
   display: list-item;
 }
 
-.md [hidden] {
+.d2-861151415 .md [hidden] {
   display: none !important;
 }
 
-.md a {
+.d2-861151415 .md a {
   background-color: transparent;
   color: var(--color-accent-fg);
   text-decoration: none;
 }
 
-.md a:active,
-.md a:hover {
+.d2-861151415 .md a:active,
+.d2-861151415 .md a:hover {
   outline-width: 0;
 }
 
-.md abbr[title] {
+.d2-861151415 .md abbr[title] {
   border-bottom: none;
   text-decoration: underline dotted;
 }
 
-.md dfn {
+.d2-861151415 .md dfn {
   font-style: italic;
 }
 
-.md h1 {
+.d2-861151415 .md h1 {
   margin: 0.67em 0;
   font-weight: 600;
   padding-bottom: 0.3em;
@@ -174,43 +174,43 @@
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md mark {
+.d2-861151415 .md mark {
   background-color: var(--color-attention-subtle);
   color: var(--color-text-primary);
 }
 
-.md small {
+.d2-861151415 .md small {
   font-size: 90%;
 }
 
-.md sub,
-.md sup {
+.d2-861151415 .md sub,
+.d2-861151415 .md sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
 }
 
-.md sub {
+.d2-861151415 .md sub {
   bottom: -0.25em;
 }
 
-.md sup {
+.d2-861151415 .md sup {
   top: -0.5em;
 }
 
-.md img {
+.d2-861151415 .md img {
   border-style: none;
   max-width: 100%;
   box-sizing: content-box;
   background-color: var(--color-canvas-default);
 }
 
-.md figure {
+.d2-861151415 .md figure {
   margin: 1em 40px;
 }
 
-.md hr {
+.d2-861151415 .md hr {
   box-sizing: content-box;
   overflow: hidden;
   background: transparent;
@@ -222,7 +222,7 @@
   border: 0;
 }
 
-.md input {
+.d2-861151415 .md input {
   font: inherit;
   margin: 0;
   overflow: visible;
@@ -231,72 +231,72 @@
   line-height: inherit;
 }
 
-.md [type="button"],
-.md [type="reset"],
-.md [type="submit"] {
+.d2-861151415 .md [type="button"],
+.d2-861151415 .md [type="reset"],
+.d2-861151415 .md [type="submit"] {
   -webkit-appearance: button;
 }
 
-.md [type="button"]::-moz-focus-inner,
-.md [type="reset"]::-moz-focus-inner,
-.md [type="submit"]::-moz-focus-inner {
+.d2-861151415 .md [type="button"]::-moz-focus-inner,
+.d2-861151415 .md [type="reset"]::-moz-focus-inner,
+.d2-861151415 .md [type="submit"]::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.md [type="button"]:-moz-focusring,
-.md [type="reset"]:-moz-focusring,
-.md [type="submit"]:-moz-focusring {
+.d2-861151415 .md [type="button"]:-moz-focusring,
+.d2-861151415 .md [type="reset"]:-moz-focusring,
+.d2-861151415 .md [type="submit"]:-moz-focusring {
   outline: 1px dotted ButtonText;
 }
 
-.md [type="checkbox"],
-.md [type="radio"] {
+.d2-861151415 .md [type="checkbox"],
+.d2-861151415 .md [type="radio"] {
   box-sizing: border-box;
   padding: 0;
 }
 
-.md [type="number"]::-webkit-inner-spin-button,
-.md [type="number"]::-webkit-outer-spin-button {
+.d2-861151415 .md [type="number"]::-webkit-inner-spin-button,
+.d2-861151415 .md [type="number"]::-webkit-outer-spin-button {
   height: auto;
 }
 
-.md [type="search"] {
+.d2-861151415 .md [type="search"] {
   -webkit-appearance: textfield;
   outline-offset: -2px;
 }
 
-.md [type="search"]::-webkit-search-cancel-button,
-.md [type="search"]::-webkit-search-decoration {
+.d2-861151415 .md [type="search"]::-webkit-search-cancel-button,
+.d2-861151415 .md [type="search"]::-webkit-search-decoration {
   -webkit-appearance: none;
 }
 
-.md ::-webkit-input-placeholder {
+.d2-861151415 .md ::-webkit-input-placeholder {
   color: inherit;
   opacity: 0.54;
 }
 
-.md ::-webkit-file-upload-button {
+.d2-861151415 .md ::-webkit-file-upload-button {
   -webkit-appearance: button;
   font: inherit;
 }
 
-.md a:hover {
+.d2-861151415 .md a:hover {
   text-decoration: underline;
 }
 
-.md hr::before {
+.d2-861151415 .md hr::before {
   display: table;
   content: "";
 }
 
-.md hr::after {
+.d2-861151415 .md hr::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md table {
+.d2-861151415 .md table {
   border-spacing: 0;
   border-collapse: collapse;
   display: block;
@@ -305,20 +305,20 @@
   overflow: auto;
 }
 
-.md td,
-.md th {
+.d2-861151415 .md td,
+.d2-861151415 .md th {
   padding: 0;
 }
 
-.md details summary {
+.d2-861151415 .md details summary {
   cursor: pointer;
 }
 
-.md details:not([open]) > *:not(summary) {
+.d2-861151415 .md details:not([open]) > *:not(summary) {
   display: none !important;
 }
 
-.md kbd {
+.d2-861151415 .md kbd {
   display: inline-block;
   padding: 3px 5px;
   color: var(--color-fg-default);
@@ -330,12 +330,12 @@
   box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
 }
 
-.md h1,
-.md h2,
-.md h3,
-.md h4,
-.md h5,
-.md h6 {
+.d2-861151415 .md h1,
+.d2-861151415 .md h2,
+.d2-861151415 .md h3,
+.d2-861151415 .md h4,
+.d2-861151415 .md h5,
+.d2-861151415 .md h6 {
   margin-top: 24px;
   margin-bottom: 16px;
   font-weight: 600;
@@ -343,222 +343,222 @@
   font-family: "d2-861151415-font-regular";
 }
 
-.md h2 {
+.d2-861151415 .md h2 {
   font-weight: 600;
   padding-bottom: 0.3em;
   font-size: 1.5em;
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md h3 {
+.d2-861151415 .md h3 {
   font-weight: 600;
   font-size: 1.25em;
 }
 
-.md h4 {
+.d2-861151415 .md h4 {
   font-weight: 600;
   font-size: 1em;
 }
 
-.md h5 {
+.d2-861151415 .md h5 {
   font-weight: 600;
   font-size: 0.875em;
 }
 
-.md h6 {
+.d2-861151415 .md h6 {
   font-weight: 600;
   font-size: 0.85em;
   color: var(--color-fg-muted);
 }
 
-.md p {
+.d2-861151415 .md p {
   margin-top: 0;
   margin-bottom: 10px;
 }
 
-.md blockquote {
+.d2-861151415 .md blockquote {
   margin: 0;
   padding: 0 1em;
   color: var(--color-fg-muted);
   border-left: 0.25em solid var(--color-border-default);
 }
 
-.md ul,
-.md ol {
+.d2-861151415 .md ul,
+.d2-861151415 .md ol {
   margin-top: 0;
   margin-bottom: 0;
   padding-left: 2em;
 }
 
-.md ol ol,
-.md ul ol {
+.d2-861151415 .md ol ol,
+.d2-861151415 .md ul ol {
   list-style-type: lower-roman;
 }
 
-.md ul ul ol,
-.md ul ol ol,
-.md ol ul ol,
-.md ol ol ol {
+.d2-861151415 .md ul ul ol,
+.d2-861151415 .md ul ol ol,
+.d2-861151415 .md ol ul ol,
+.d2-861151415 .md ol ol ol {
   list-style-type: lower-alpha;
 }
 
-.md dd {
+.d2-861151415 .md dd {
   margin-left: 0;
 }
 
-.md pre {
+.d2-861151415 .md pre {
   margin-top: 0;
   margin-bottom: 0;
   word-wrap: normal;
 }
 
-.md ::placeholder {
+.d2-861151415 .md ::placeholder {
   color: var(--color-fg-subtle);
   opacity: 1;
 }
 
-.md input::-webkit-outer-spin-button,
-.md input::-webkit-inner-spin-button {
+.d2-861151415 .md input::-webkit-outer-spin-button,
+.d2-861151415 .md input::-webkit-inner-spin-button {
   margin: 0;
   -webkit-appearance: none;
   appearance: none;
 }
 
-.md::before {
+.d2-861151415 .md::before {
   display: table;
   content: "";
 }
 
-.md::after {
+.d2-861151415 .md::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md > *:first-child {
+.d2-861151415 .md > *:first-child {
   margin-top: 0 !important;
 }
 
-.md > *:last-child {
+.d2-861151415 .md > *:last-child {
   margin-bottom: 0 !important;
 }
 
-.md a:not([href]) {
+.d2-861151415 .md a:not([href]) {
   color: inherit;
   text-decoration: none;
 }
 
-.md .absent {
+.d2-861151415 .md .absent {
   color: var(--color-danger-fg);
 }
 
-.md .anchor {
+.d2-861151415 .md .anchor {
   float: left;
   padding-right: 4px;
   margin-left: -20px;
   line-height: 1;
 }
 
-.md .anchor:focus {
+.d2-861151415 .md .anchor:focus {
   outline: none;
 }
 
-.md p,
-.md blockquote,
-.md ul,
-.md ol,
-.md dl,
-.md table,
-.md pre,
-.md details {
+.d2-861151415 .md p,
+.d2-861151415 .md blockquote,
+.d2-861151415 .md ul,
+.d2-861151415 .md ol,
+.d2-861151415 .md dl,
+.d2-861151415 .md table,
+.d2-861151415 .md pre,
+.d2-861151415 .md details {
   margin-top: 0;
   margin-bottom: 16px;
 }
 
-.md blockquote > :first-child {
+.d2-861151415 .md blockquote > :first-child {
   margin-top: 0;
 }
 
-.md blockquote > :last-child {
+.d2-861151415 .md blockquote > :last-child {
   margin-bottom: 0;
 }
 
-.md sup > a::before {
+.d2-861151415 .md sup > a::before {
   content: "[";
 }
 
-.md sup > a::after {
+.d2-861151415 .md sup > a::after {
   content: "]";
 }
 
-.md h1:hover .anchor,
-.md h2:hover .anchor,
-.md h3:hover .anchor,
-.md h4:hover .anchor,
-.md h5:hover .anchor,
-.md h6:hover .anchor {
+.d2-861151415 .md h1:hover .anchor,
+.d2-861151415 .md h2:hover .anchor,
+.d2-861151415 .md h3:hover .anchor,
+.d2-861151415 .md h4:hover .anchor,
+.d2-861151415 .md h5:hover .anchor,
+.d2-861151415 .md h6:hover .anchor {
   text-decoration: none;
 }
 
-.md h1 tt,
-.md h1 code,
-.md h2 tt,
-.md h2 code,
-.md h3 tt,
-.md h3 code,
-.md h4 tt,
-.md h4 code,
-.md h5 tt,
-.md h5 code,
-.md h6 tt,
-.md h6 code {
+.d2-861151415 .md h1 tt,
+.d2-861151415 .md h1 code,
+.d2-861151415 .md h2 tt,
+.d2-861151415 .md h2 code,
+.d2-861151415 .md h3 tt,
+.d2-861151415 .md h3 code,
+.d2-861151415 .md h4 tt,
+.d2-861151415 .md h4 code,
+.d2-861151415 .md h5 tt,
+.d2-861151415 .md h5 code,
+.d2-861151415 .md h6 tt,
+.d2-861151415 .md h6 code {
   padding: 0 0.2em;
   font-size: inherit;
 }
 
-.md ul.no-list,
-.md ol.no-list {
+.d2-861151415 .md ul.no-list,
+.d2-861151415 .md ol.no-list {
   padding: 0;
   list-style-type: none;
 }
 
-.md ol[type="1"] {
+.d2-861151415 .md ol[type="1"] {
   list-style-type: decimal;
 }
 
-.md ol[type="a"] {
+.d2-861151415 .md ol[type="a"] {
   list-style-type: lower-alpha;
 }
 
-.md ol[type="i"] {
+.d2-861151415 .md ol[type="i"] {
   list-style-type: lower-roman;
 }
 
-.md div > ol:not([type]) {
+.d2-861151415 .md div > ol:not([type]) {
   list-style-type: decimal;
 }
 
-.md ul ul,
-.md ul ol,
-.md ol ol,
-.md ol ul {
+.d2-861151415 .md ul ul,
+.d2-861151415 .md ul ol,
+.d2-861151415 .md ol ol,
+.d2-861151415 .md ol ul {
   margin-top: 0;
   margin-bottom: 0;
 }
 
-.md li > p {
+.d2-861151415 .md li > p {
   margin-top: 16px;
 }
 
-.md li + li {
+.d2-861151415 .md li + li {
   margin-top: 0.25em;
 }
 
-.md dl {
+.d2-861151415 .md dl {
   padding: 0;
 }
 
-.md dl dt {
+.d2-861151415 .md dl dt {
   padding: 0;
   margin-top: 16px;
   font-size: 1em;
@@ -566,48 +566,48 @@
   font-weight: 600;
 }
 
-.md dl dd {
+.d2-861151415 .md dl dd {
   padding: 0 16px;
   margin-bottom: 16px;
 }
 
-.md table th {
+.d2-861151415 .md table th {
   font-weight: 600;
 }
 
-.md table th,
-.md table td {
+.d2-861151415 .md table th,
+.d2-861151415 .md table td {
   padding: 6px 13px;
   border: 1px solid var(--color-border-default);
 }
 
-.md table tr {
+.d2-861151415 .md table tr {
   background-color: var(--color-canvas-default);
   border-top: 1px solid var(--color-border-muted);
 }
 
-.md table tr:nth-child(2n) {
+.d2-861151415 .md table tr:nth-child(2n) {
   background-color: var(--color-canvas-subtle);
 }
 
-.md table img {
+.d2-861151415 .md table img {
   background-color: transparent;
 }
 
-.md img[align="right"] {
+.d2-861151415 .md img[align="right"] {
   padding-left: 20px;
 }
 
-.md img[align="left"] {
+.d2-861151415 .md img[align="left"] {
   padding-right: 20px;
 }
 
-.md span.frame {
+.d2-861151415 .md span.frame {
   display: block;
   overflow: hidden;
 }
 
-.md span.frame > span {
+.d2-861151415 .md span.frame > span {
   display: block;
   float: left;
   width: auto;
@@ -617,81 +617,81 @@
   border: 1px solid var(--color-border-default);
 }
 
-.md span.frame span img {
+.d2-861151415 .md span.frame span img {
   display: block;
   float: left;
 }
 
-.md span.frame span span {
+.d2-861151415 .md span.frame span span {
   display: block;
   padding: 5px 0 0;
   clear: both;
   color: var(--color-fg-default);
 }
 
-.md span.align-center {
+.d2-861151415 .md span.align-center {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-center > span {
+.d2-861151415 .md span.align-center > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: center;
 }
 
-.md span.align-center span img {
+.d2-861151415 .md span.align-center span img {
   margin: 0 auto;
   text-align: center;
 }
 
-.md span.align-right {
+.d2-861151415 .md span.align-right {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-right > span {
+.d2-861151415 .md span.align-right > span {
   display: block;
   margin: 13px 0 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md span.align-right span img {
+.d2-861151415 .md span.align-right span img {
   margin: 0;
   text-align: right;
 }
 
-.md span.float-left {
+.d2-861151415 .md span.float-left {
   display: block;
   float: left;
   margin-right: 13px;
   overflow: hidden;
 }
 
-.md span.float-left span {
+.d2-861151415 .md span.float-left span {
   margin: 13px 0 0;
 }
 
-.md span.float-right {
+.d2-861151415 .md span.float-right {
   display: block;
   float: right;
   margin-left: 13px;
   overflow: hidden;
 }
 
-.md span.float-right > span {
+.d2-861151415 .md span.float-right > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md code,
-.md tt {
+.d2-861151415 .md code,
+.d2-861151415 .md tt {
   padding: 0.2em 0.4em;
   margin: 0;
   font-size: 85%;
@@ -699,20 +699,20 @@
   border-radius: 6px;
 }
 
-.md code br,
-.md tt br {
+.d2-861151415 .md code br,
+.d2-861151415 .md tt br {
   display: none;
 }
 
-.md del code {
+.d2-861151415 .md del code {
   text-decoration: inherit;
 }
 
-.md pre code {
+.d2-861151415 .md pre code {
   font-size: 100%;
 }
 
-.md pre > code {
+.d2-861151415 .md pre > code {
   padding: 0;
   margin: 0;
   word-break: normal;
@@ -721,17 +721,17 @@
   border: 0;
 }
 
-.md .highlight {
+.d2-861151415 .md .highlight {
   margin-bottom: 16px;
 }
 
-.md .highlight pre {
+.d2-861151415 .md .highlight pre {
   margin-bottom: 0;
   word-break: normal;
 }
 
-.md .highlight pre,
-.md pre {
+.d2-861151415 .md .highlight pre,
+.d2-861151415 .md pre {
   padding: 16px;
   overflow: auto;
   font-size: 85%;
@@ -740,8 +740,8 @@
   border-radius: 6px;
 }
 
-.md pre code,
-.md pre tt {
+.d2-861151415 .md pre code,
+.d2-861151415 .md pre tt {
   display: inline;
   max-width: auto;
   padding: 0;
@@ -753,8 +753,8 @@
   border: 0;
 }
 
-.md .csv-data td,
-.md .csv-data th {
+.d2-861151415 .md .csv-data td,
+.d2-861151415 .md .csv-data th {
   padding: 5px;
   overflow: hidden;
   font-size: 12px;
@@ -763,38 +763,38 @@
   white-space: nowrap;
 }
 
-.md .csv-data .blob-num {
+.d2-861151415 .md .csv-data .blob-num {
   padding: 10px 8px 9px;
   text-align: right;
   background: var(--color-canvas-default);
   border: 0;
 }
 
-.md .csv-data tr {
+.d2-861151415 .md .csv-data tr {
   border-top: 0;
 }
 
-.md .csv-data th {
+.d2-861151415 .md .csv-data th {
   font-weight: 600;
   background: var(--color-canvas-subtle);
   border-top: 0;
 }
 
-.md .footnotes {
+.d2-861151415 .md .footnotes {
   font-size: 12px;
   color: var(--color-fg-muted);
   border-top: 1px solid var(--color-border-default);
 }
 
-.md .footnotes ol {
+.d2-861151415 .md .footnotes ol {
   padding-left: 16px;
 }
 
-.md .footnotes li {
+.d2-861151415 .md .footnotes li {
   position: relative;
 }
 
-.md .footnotes li:target::before {
+.d2-861151415 .md .footnotes li:target::before {
   position: absolute;
   top: -8px;
   right: -8px;
@@ -806,36 +806,36 @@
   border-radius: 6px;
 }
 
-.md .footnotes li:target {
+.d2-861151415 .md .footnotes li:target {
   color: var(--color-fg-default);
 }
 
-.md .task-list-item {
+.d2-861151415 .md .task-list-item {
   list-style-type: none;
 }
 
-.md .task-list-item label {
+.d2-861151415 .md .task-list-item label {
   font-weight: 400;
 }
 
-.md .task-list-item.enabled label {
+.d2-861151415 .md .task-list-item.enabled label {
   cursor: pointer;
 }
 
-.md .task-list-item + .task-list-item {
+.d2-861151415 .md .task-list-item + .task-list-item {
   margin-top: 3px;
 }
 
-.md .task-list-item .handle {
+.d2-861151415 .md .task-list-item .handle {
   display: none;
 }
 
-.md .task-list-item-checkbox {
+.d2-861151415 .md .task-list-item-checkbox {
   margin: 0 0.2em 0.25em -1.6em;
   vertical-align: middle;
 }
 
-.md .contains-task-list:dir(rtl) .task-list-item-checkbox {
+.d2-861151415 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
 </style><g id="a"><g class="shape" ></g><g transform="translate(12.000000 143.000000)" class=" color-N1"><svg style="vertical-align: -4.118ex;" xmlns="http://www.w3.org/2000/svg" width="47.718ex" height="12.624ex" role="img" focusable="false" viewBox="0 -3759.7 21091.2 5579.8" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><path id="MJX-1-TEX-I-1D6FC" d="M34 156Q34 270 120 356T309 442Q379 442 421 402T478 304Q484 275 485 237V208Q534 282 560 374Q564 388 566 390T582 393Q603 393 603 385Q603 376 594 346T558 261T497 161L486 147L487 123Q489 67 495 47T514 26Q528 28 540 37T557 60Q559 67 562 68T577 70Q597 70 597 62Q597 56 591 43Q579 19 556 5T512 -10H505Q438 -10 414 62L411 69L400 61Q390 53 370 41T325 18T267 -2T203 -11Q124 -11 79 39T34 156ZM208 26Q257 26 306 47T379 90L403 112Q401 255 396 290Q382 405 304 405Q235 405 183 332Q156 292 139 224T121 120Q121 71 146 49T208 26Z"></path><path id="MJX-1-TEX-I-1D454" d="M311 43Q296 30 267 15T206 0Q143 0 105 45T66 160Q66 265 143 353T314 442Q361 442 401 394L404 398Q406 401 409 404T418 412T431 419T447 422Q461 422 470 413T480 394Q480 379 423 152T363 -80Q345 -134 286 -169T151 -205Q10 -205 10 -137Q10 -111 28 -91T74 -71Q89 -71 102 -80T116 -111Q116 -121 114 -130T107 -144T99 -154T92 -162L90 -164H91Q101 -167 151 -167Q189 -167 211 -155Q234 -144 254 -122T282 -75Q288 -56 298 -13Q311 35 311 43ZM384 328L380 339Q377 350 375 354T369 368T359 382T346 393T328 402T306 405Q262 405 221 352Q191 313 171 233T151 117Q151 38 213 38Q269 38 323 108L331 118L384 328Z"></path><path id="MJX-1-TEX-N-32" d="M109 429Q82 429 66 447T50 491Q50 562 103 614T235 666Q326 666 387 610T449 465Q449 422 429 383T381 315T301 241Q265 210 201 149L142 93L218 92Q375 92 385 97Q392 99 409 186V189H449V186Q448 183 436 95T421 3V0H50V19V31Q50 38 56 46T86 81Q115 113 136 137Q145 147 170 174T204 211T233 244T261 278T284 308T305 340T320 369T333 401T340 431T343 464Q343 527 309 573T212 619Q179 619 154 602T119 569T109 550Q109 549 114 549Q132 549 151 535T170 489Q170 464 154 447T109 429Z"></path><path id="MJX-1-TEX-I-1D714" d="M495 384Q495 406 514 424T555 443Q574 443 589 425T604 364Q604 334 592 278T555 155T483 38T377 -11Q297 -11 267 66Q266 68 260 61Q201 -11 125 -11Q15 -11 15 139Q15 230 56 325T123 434Q135 441 147 436Q160 429 160 418Q160 406 140 379T94 306T62 208Q61 202 61 187Q61 124 85 100T143 76Q201 76 245 129L253 137V156Q258 297 317 297Q348 297 348 261Q348 243 338 213T318 158L308 135Q309 133 310 129T318 115T334 97T358 83T393 76Q456 76 501 148T546 274Q546 305 533 325T508 357T495 384Z"></path><path id="MJX-1-TEX-N-35" d="M164 157Q164 133 148 117T109 101H102Q148 22 224 22Q294 22 326 82Q345 115 345 210Q345 313 318 349Q292 382 260 382H254Q176 382 136 314Q132 307 129 306T114 304Q97 304 95 310Q93 314 93 485V614Q93 664 98 664Q100 666 102 666Q103 666 123 658T178 642T253 634Q324 634 389 662Q397 666 402 666Q410 666 410 648V635Q328 538 205 538Q174 538 149 544L139 546V374Q158 388 169 396T205 412T256 420Q337 420 393 355T449 201Q449 109 385 44T229 -22Q148 -22 99 32T50 154Q50 178 61 192T84 210T107 214Q132 214 148 197T164 157Z"></path><path id="MJX-1-TEX-I-1D452" d="M39 168Q39 225 58 272T107 350T174 402T244 433T307 442H310Q355 442 388 420T421 355Q421 265 310 237Q261 224 176 223Q139 223 138 221Q138 219 132 186T125 128Q125 81 146 54T209 26T302 45T394 111Q403 121 406 121Q410 121 419 112T429 98T420 82T390 55T344 24T281 -1T205 -11Q126 -11 83 42T39 168ZM373 353Q367 405 305 405Q272 405 244 391T199 357T170 316T154 280T149 261Q149 260 169 260Q282 260 327 284T373 353Z"></path><path id="MJX-1-TEX-N-5B" d="M118 -250V750H255V710H158V-210H255V-250H118Z"></path><path id="MJX-1-TEX-N-2212" d="M84 237T84 250T98 270H679Q694 262 694 250T679 230H98Q84 237 84 250Z"></path><path id="MJX-1-TEX-N-30" d="M96 585Q152 666 249 666Q297 666 345 640T423 548Q460 465 460 320Q460 165 417 83Q397 41 362 16T301 -15T250 -22Q224 -22 198 -16T137 16T82 83Q39 165 39 320Q39 494 96 585ZM321 597Q291 629 250 629Q208 629 178 597Q153 571 145 525T137 333Q137 175 145 125T181 46Q209 16 250 16Q290 16 318 46Q347 76 354 130T362 333Q362 478 354 524T321 597Z"></path><path id="MJX-1-TEX-N-2E" d="M78 60Q78 84 95 102T138 120Q162 120 180 104T199 61Q199 36 182 18T139 0T96 17T78 60Z"></path><path id="MJX-1-TEX-N-37" d="M55 458Q56 460 72 567L88 674Q88 676 108 676H128V672Q128 662 143 655T195 646T364 644H485V605L417 512Q408 500 387 472T360 435T339 403T319 367T305 330T292 284T284 230T278 162T275 80Q275 66 275 52T274 28V19Q270 2 255 -10T221 -22Q210 -22 200 -19T179 0T168 40Q168 198 265 368Q285 400 349 489L395 552H302Q128 552 119 546Q113 543 108 522T98 479L95 458V455H55V458Z"></path><path id="MJX-1-TEX-N-34" d="M462 0Q444 3 333 3Q217 3 199 0H190V46H221Q241 46 248 46T265 48T279 53T286 61Q287 63 287 115V165H28V211L179 442Q332 674 334 675Q336 677 355 677H373L379 671V211H471V165H379V114Q379 73 379 66T385 54Q393 47 442 46H471V0H462ZM293 211V545L74 212L183 211H293Z"></path><path id="MJX-1-TEX-SO-7B" d="M477 -343L471 -349H458Q432 -349 367 -325T273 -263Q258 -245 250 -212L249 -51Q249 -27 249 12Q248 118 244 128Q243 129 243 130Q220 189 121 228Q109 232 107 235T105 250Q105 256 105 257T105 261T107 265T111 268T118 272T128 276T142 283T162 291Q224 324 243 371Q243 372 244 373Q248 384 249 469Q249 475 249 489Q249 528 249 552L250 714Q253 728 256 736T271 761T299 789T347 816T422 843Q440 849 441 849H443Q445 849 447 849T452 850T457 850H471L477 844V830Q477 820 476 817T470 811T459 807T437 801T404 785Q353 760 338 724Q333 710 333 550Q333 526 333 492T334 447Q334 393 327 368T295 318Q257 280 181 255L169 251L184 245Q318 198 332 112Q333 106 333 -49Q333 -209 338 -223Q351 -255 391 -277T469 -309Q477 -311 477 -329V-343Z"></path><path id="MJX-1-TEX-I-1D448" d="M107 637Q73 637 71 641Q70 643 70 649Q70 673 81 682Q83 683 98 683Q139 681 234 681Q268 681 297 681T342 682T362 682Q378 682 378 672Q378 670 376 658Q371 641 366 638H364Q362 638 359 638T352 638T343 637T334 637Q295 636 284 634T266 623Q265 621 238 518T184 302T154 169Q152 155 152 140Q152 86 183 55T269 24Q336 24 403 69T501 205L552 406Q599 598 599 606Q599 633 535 637Q511 637 511 648Q511 650 513 660Q517 676 519 679T529 683Q532 683 561 682T645 680Q696 680 723 681T752 682Q767 682 767 672Q767 650 759 642Q756 637 737 637Q666 633 648 597Q646 592 598 404Q557 235 548 205Q515 105 433 42T263 -22Q171 -22 116 34T60 167V183Q60 201 115 421Q164 622 164 628Q164 635 107 637Z"></path><path id="MJX-1-TEX-N-31" d="M213 578L200 573Q186 568 160 563T102 556H83V602H102Q149 604 189 617T245 641T273 663Q275 666 285 666Q294 666 302 660V361L303 61Q310 54 315 52T339 48T401 46H427V0H416Q395 3 257 3Q121 3 100 0H88V46H114Q136 46 152 46T177 47T193 50T201 52T207 57T213 61V578Z"></path><path id="MJX-1-TEX-N-39" d="M352 287Q304 211 232 211Q154 211 104 270T44 396Q42 412 42 436V444Q42 537 111 606Q171 666 243 666Q245 666 249 666T257 665H261Q273 665 286 663T323 651T370 619T413 560Q456 472 456 334Q456 194 396 97Q361 41 312 10T208 -22Q147 -22 108 7T68 93T121 149Q143 149 158 135T173 96Q173 78 164 65T148 49T135 44L131 43Q131 41 138 37T164 27T206 22H212Q272 22 313 86Q352 142 352 280V287ZM244 248Q292 248 321 297T351 430Q351 508 343 542Q341 552 337 562T323 588T293 615T246 625Q208 625 181 598Q160 576 154 546T147 441Q147 358 152 329T172 282Q197 248 244 248Z"></path><path id="MJX-1-TEX-SO-7D" d="M110 849L115 850Q120 850 125 850Q151 850 215 826T309 764Q324 747 332 714L333 552Q333 528 333 489Q334 383 338 373Q339 372 339 371Q353 336 391 310T469 271Q477 268 477 251Q477 241 476 237T472 232T456 225T428 214Q357 179 339 130Q339 129 338 128Q334 117 333 32Q333 26 333 12Q333 -27 333 -51L332 -212Q328 -228 323 -240T302 -271T255 -307T175 -338Q139 -349 125 -349T108 -346T105 -329Q105 -314 107 -312T130 -304Q233 -271 248 -209Q249 -203 249 -49V57Q249 106 253 125T273 167Q307 213 398 245L413 251L401 255Q265 300 250 389Q249 395 249 550Q249 710 244 724Q224 774 112 811Q105 813 105 830Q105 845 110 849Z"></path><path id="MJX-1-TEX-N-5D" d="M22 710V750H159V-250H22V-210H119V710H22Z"></path></defs><g stroke="currentColor" fill="currentColor" stroke-width="0" transform="scale(1,-1)"><g data-mml-node="math"><g data-mml-node="mstyle" transform="scale(2.49)"><g data-mml-node="TeXAtom" data-mjx-texclass="ORD"><g data-mml-node="mfrac"><g data-mml-node="mrow" transform="translate(220,676)"><g data-mml-node="mi"><use data-c="1D6FC" xlink:href="#MJX-1-TEX-I-1D6FC"></use></g><g data-mml-node="msup" transform="translate(640,0)"><g data-mml-node="mi"><use data-c="1D454" xlink:href="#MJX-1-TEX-I-1D454"></use></g><g data-mml-node="mn" transform="translate(510,363) scale(0.707)"><use data-c="32" xlink:href="#MJX-1-TEX-N-32"></use></g></g></g><g data-mml-node="msup" transform="translate(467.5,-719.9)"><g data-mml-node="mi"><use data-c="1D714" xlink:href="#MJX-1-TEX-I-1D714"></use></g><g data-mml-node="mn" transform="translate(655,289) scale(0.707)"><use data-c="35" xlink:href="#MJX-1-TEX-N-35"></use></g></g><rect width="1753.6" height="60" x="120" y="220"></rect></g><g data-mml-node="msup" transform="translate(1993.6,0)"><g data-mml-node="mi"><use data-c="1D452" xlink:href="#MJX-1-TEX-I-1D452"></use></g><g data-mml-node="TeXAtom" transform="translate(499,457) scale(0.707)" data-mjx-texclass="ORD"><g data-mml-node="mo"><use data-c="5B" xlink:href="#MJX-1-TEX-N-5B"></use></g><g data-mml-node="mo" transform="translate(278,0)"><use data-c="2212" xlink:href="#MJX-1-TEX-N-2212"></use></g><g data-mml-node="mn" transform="translate(1056,0)"><use data-c="30" xlink:href="#MJX-1-TEX-N-30"></use><use data-c="2E" xlink:href="#MJX-1-TEX-N-2E" transform="translate(500,0)"></use><use data-c="37" xlink:href="#MJX-1-TEX-N-37" transform="translate(778,0)"></use><use data-c="34" xlink:href="#MJX-1-TEX-N-34" transform="translate(1278,0)"></use></g><g data-mml-node="TeXAtom" data-mjx-texclass="OPEN" transform="translate(2834,0)"><g data-mml-node="mo" transform="translate(0 -0.5)"><use data-c="7B" xlink:href="#MJX-1-TEX-SO-7B"></use></g></g><g data-mml-node="mfrac" transform="translate(3417,0)"><g data-mml-node="mrow" transform="translate(220,453.8) scale(0.707)"><g data-mml-node="mi"><use data-c="1D714" xlink:href="#MJX-1-TEX-I-1D714"></use></g><g data-mml-node="msub" transform="translate(622,0)"><g data-mml-node="mi"><use data-c="1D448" xlink:href="#MJX-1-TEX-I-1D448"></use></g><g data-mml-node="mi" transform="translate(716,-150)"><use data-c="1D714" xlink:href="#MJX-1-TEX-I-1D714"></use></g></g><g data-mml-node="mn" transform="translate(2010,0)"><use data-c="31" xlink:href="#MJX-1-TEX-N-31"></use><use data-c="39" xlink:href="#MJX-1-TEX-N-39" transform="translate(500,0)"></use><use data-c="2E" xlink:href="#MJX-1-TEX-N-2E" transform="translate(1000,0)"></use><use data-c="35" xlink:href="#MJX-1-TEX-N-35" transform="translate(1278,0)"></use></g></g><g data-mml-node="mi" transform="translate(1390.6,-345) scale(0.707)"><use data-c="1D454" xlink:href="#MJX-1-TEX-I-1D454"></use></g><rect width="2878.5" height="60" x="120" y="220"></rect></g><g data-mml-node="msup" transform="translate(6535.5,0)"><g data-mml-node="TeXAtom" data-mjx-texclass="CLOSE"><g data-mml-node="mo" transform="translate(0 -0.5)"><use data-c="7D" xlink:href="#MJX-1-TEX-SO-7D"></use></g></g><g data-mml-node="TeXAtom" transform="translate(616,576.6) scale(0.707)" data-mjx-texclass="ORD"><g data-mml-node="mstyle" transform="scale(2)"><g data-mml-node="mspace"></g></g><g data-mml-node="mo" transform="translate(-334,0)"><use data-c="2212" xlink:href="#MJX-1-TEX-N-2212"></use></g><g data-mml-node="mn" transform="translate(444,0)"><use data-c="34" xlink:href="#MJX-1-TEX-N-34"></use></g></g></g><g data-mml-node="mstyle" transform="translate(7869,0) scale(1.414)"><g data-mml-node="mspace"></g></g><g data-mml-node="mo" transform="translate(8105.2,0)"><use data-c="5D" xlink:href="#MJX-1-TEX-N-5D"></use></g></g></g></g></g></g></g></svg></g></g><g id="b"><g class="shape" ></g><g transform="translate(414.000000 184.000000)" class=" color-N1"><svg style="vertical-align: -0.186ex;" xmlns="http://www.w3.org/2000/svg" width="8.025ex" height="2.185ex" role="img" focusable="false" viewBox="0 -883.9 3547.1 965.9" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><path id="MJX-1-TEX-I-1D452" d="M39 168Q39 225 58 272T107 350T174 402T244 433T307 442H310Q355 442 388 420T421 355Q421 265 310 237Q261 224 176 223Q139 223 138 221Q138 219 132 186T125 128Q125 81 146 54T209 26T302 45T394 111Q403 121 406 121Q410 121 419 112T429 98T420 82T390 55T344 24T281 -1T205 -11Q126 -11 83 42T39 168ZM373 353Q367 405 305 405Q272 405 244 391T199 357T170 316T154 280T149 261Q149 260 169 260Q282 260 327 284T373 353Z"></path><path id="MJX-1-TEX-N-3D" d="M56 347Q56 360 70 367H707Q722 359 722 347Q722 336 708 328L390 327H72Q56 332 56 347ZM56 153Q56 168 72 173H708Q722 163 722 153Q722 140 707 133H70Q56 140 56 153Z"></path><path id="MJX-1-TEX-I-1D45A" d="M21 287Q22 293 24 303T36 341T56 388T88 425T132 442T175 435T205 417T221 395T229 376L231 369Q231 367 232 367L243 378Q303 442 384 442Q401 442 415 440T441 433T460 423T475 411T485 398T493 385T497 373T500 364T502 357L510 367Q573 442 659 442Q713 442 746 415T780 336Q780 285 742 178T704 50Q705 36 709 31T724 26Q752 26 776 56T815 138Q818 149 821 151T837 153Q857 153 857 145Q857 144 853 130Q845 101 831 73T785 17T716 -10Q669 -10 648 17T627 73Q627 92 663 193T700 345Q700 404 656 404H651Q565 404 506 303L499 291L466 157Q433 26 428 16Q415 -11 385 -11Q372 -11 364 -4T353 8T350 18Q350 29 384 161L420 307Q423 322 423 345Q423 404 379 404H374Q288 404 229 303L222 291L189 157Q156 26 151 16Q138 -11 108 -11Q95 -11 87 -5T76 7T74 17Q74 30 112 181Q151 335 151 342Q154 357 154 369Q154 405 129 405Q107 405 92 377T69 316T57 280Q55 278 41 278H27Q21 284 21 287Z"></path><path id="MJX-1-TEX-I-1D450" d="M34 159Q34 268 120 355T306 442Q362 442 394 418T427 355Q427 326 408 306T360 285Q341 285 330 295T319 325T330 359T352 380T366 386H367Q367 388 361 392T340 400T306 404Q276 404 249 390Q228 381 206 359Q162 315 142 235T121 119Q121 73 147 50Q169 26 205 26H209Q321 26 394 111Q403 121 406 121Q410 121 419 112T429 98T420 83T391 55T346 25T282 0T202 -11Q127 -11 81 37T34 159Z"></path><path id="MJX-1-TEX-N-32" d="M109 429Q82 429 66 447T50 491Q50 562 103 614T235 666Q326 666 387 610T449 465Q449 422 429 383T381 315T301 241Q265 210 201 149L142 93L218 92Q375 92 385 97Q392 99 409 186V189H449V186Q448 183 436 95T421 3V0H50V19V31Q50 38 56 46T86 81Q115 113 136 137Q145 147 170 174T204 211T233 244T261 278T284 308T305 340T320 369T333 401T340 431T343 464Q343 527 309 573T212 619Q179 619 154 602T119 569T109 550Q109 549 114 549Q132 549 151 535T170 489Q170 464 154 447T109 429Z"></path></defs><g stroke="currentColor" fill="currentColor" stroke-width="0" transform="scale(1,-1)"><g data-mml-node="math"><g data-mml-node="mi"><use data-c="1D452" xlink:href="#MJX-1-TEX-I-1D452"></use></g><g data-mml-node="mo" transform="translate(743.8,0)"><use data-c="3D" xlink:href="#MJX-1-TEX-N-3D"></use></g><g data-mml-node="mi" transform="translate(1799.6,0)"><use data-c="1D45A" xlink:href="#MJX-1-TEX-I-1D45A"></use></g><g data-mml-node="msup" transform="translate(2677.6,0)"><g data-mml-node="mi"><use data-c="1D450" xlink:href="#MJX-1-TEX-I-1D450"></use></g><g data-mml-node="mn" transform="translate(466,413) scale(0.707)"><use data-c="32" xlink:href="#MJX-1-TEX-N-32"></use></g></g></g></g></svg></g></g><g id="z"><g class="shape" ></g><g transform="translate(235.000000 12.000000)" class=" color-N1"><svg style="vertical-align: -2.819ex;" xmlns="http://www.w3.org/2000/svg" width="22.251ex" height="6.354ex" role="img" focusable="false" viewBox="0 -1562.5 9834.8 2808.5" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><path id="MJX-1-TEX-I-1D454" d="M311 43Q296 30 267 15T206 0Q143 0 105 45T66 160Q66 265 143 353T314 442Q361 442 401 394L404 398Q406 401 409 404T418 412T431 419T447 422Q461 422 470 413T480 394Q480 379 423 152T363 -80Q345 -134 286 -169T151 -205Q10 -205 10 -137Q10 -111 28 -91T74 -71Q89 -71 102 -80T116 -111Q116 -121 114 -130T107 -144T99 -154T92 -162L90 -164H91Q101 -167 151 -167Q189 -167 211 -155Q234 -144 254 -122T282 -75Q288 -56 298 -13Q311 35 311 43ZM384 328L380 339Q377 350 375 354T369 368T359 382T346 393T328 402T306 405Q262 405 221 352Q191 313 171 233T151 117Q151 38 213 38Q269 38 323 108L331 118L384 328Z"></path><path id="MJX-1-TEX-I-1D456" d="M184 600Q184 624 203 642T247 661Q265 661 277 649T290 619Q290 596 270 577T226 557Q211 557 198 567T184 600ZM21 287Q21 295 30 318T54 369T98 420T158 442Q197 442 223 419T250 357Q250 340 236 301T196 196T154 83Q149 61 149 51Q149 26 166 26Q175 26 185 29T208 43T235 78T260 137Q263 149 265 151T282 153Q302 153 302 143Q302 135 293 112T268 61T223 11T161 -11Q129 -11 102 10T74 74Q74 91 79 106T122 220Q160 321 166 341T173 380Q173 404 156 404H154Q124 404 99 371T61 287Q60 286 59 284T58 281T56 279T53 278T49 278T41 278H27Q21 284 21 287Z"></path><path id="MJX-1-TEX-I-1D44F" d="M73 647Q73 657 77 670T89 683Q90 683 161 688T234 694Q246 694 246 685T212 542Q204 508 195 472T180 418L176 399Q176 396 182 402Q231 442 283 442Q345 442 383 396T422 280Q422 169 343 79T173 -11Q123 -11 82 27T40 150V159Q40 180 48 217T97 414Q147 611 147 623T109 637Q104 637 101 637H96Q86 637 83 637T76 640T73 647ZM336 325V331Q336 405 275 405Q258 405 240 397T207 376T181 352T163 330L157 322L136 236Q114 150 114 114Q114 66 138 42Q154 26 178 26Q211 26 245 58Q270 81 285 114T318 219Q336 291 336 325Z"></path><path id="MJX-1-TEX-I-1D452" d="M39 168Q39 225 58 272T107 350T174 402T244 433T307 442H310Q355 442 388 420T421 355Q421 265 310 237Q261 224 176 223Q139 223 138 221Q138 219 132 186T125 128Q125 81 146 54T209 26T302 45T394 111Q403 121 406 121Q410 121 419 112T429 98T420 82T390 55T344 24T281 -1T205 -11Q126 -11 83 42T39 168ZM373 353Q367 405 305 405Q272 405 244 391T199 357T170 316T154 280T149 261Q149 260 169 260Q282 260 327 284T373 353Z"></path><path id="MJX-1-TEX-I-1D45F" d="M21 287Q22 290 23 295T28 317T38 348T53 381T73 411T99 433T132 442Q161 442 183 430T214 408T225 388Q227 382 228 382T236 389Q284 441 347 441H350Q398 441 422 400Q430 381 430 363Q430 333 417 315T391 292T366 288Q346 288 334 299T322 328Q322 376 378 392Q356 405 342 405Q286 405 239 331Q229 315 224 298T190 165Q156 25 151 16Q138 -11 108 -11Q95 -11 87 -5T76 7T74 17Q74 30 114 189T154 366Q154 405 128 405Q107 405 92 377T68 316T57 280Q55 278 41 278H27Q21 284 21 287Z"></path><path id="MJX-1-TEX-I-1D460" d="M131 289Q131 321 147 354T203 415T300 442Q362 442 390 415T419 355Q419 323 402 308T364 292Q351 292 340 300T328 326Q328 342 337 354T354 372T367 378Q368 378 368 379Q368 382 361 388T336 399T297 405Q249 405 227 379T204 326Q204 301 223 291T278 274T330 259Q396 230 396 163Q396 135 385 107T352 51T289 7T195 -10Q118 -10 86 19T53 87Q53 126 74 143T118 160Q133 160 146 151T160 120Q160 94 142 76T111 58Q109 57 108 57T107 55Q108 52 115 47T146 34T201 27Q237 27 263 38T301 66T318 97T323 122Q323 150 302 164T254 181T195 196T148 231Q131 256 131 289Z"></path><path id="MJX-1-TEX-I-210E" d="M137 683Q138 683 209 688T282 694Q294 694 294 685Q294 674 258 534Q220 386 220 383Q220 381 227 388Q288 442 357 442Q411 442 444 415T478 336Q478 285 440 178T402 50Q403 36 407 31T422 26Q450 26 474 56T513 138Q516 149 519 151T535 153Q555 153 555 145Q555 144 551 130Q535 71 500 33Q466 -10 419 -10H414Q367 -10 346 17T325 74Q325 90 361 192T398 345Q398 404 354 404H349Q266 404 205 306L198 293L164 158Q132 28 127 16Q114 -11 83 -11Q69 -11 59 -2T48 16Q48 30 121 320L195 616Q195 629 188 632T149 637H128Q122 643 122 645T124 664Q129 683 137 683Z"></path><path id="MJX-1-TEX-I-1D45A" d="M21 287Q22 293 24 303T36 341T56 388T88 425T132 442T175 435T205 417T221 395T229 376L231 369Q231 367 232 367L243 378Q303 442 384 442Q401 442 415 440T441 433T460 423T475 411T485 398T493 385T497 373T500 364T502 357L510 367Q573 442 659 442Q713 442 746 415T780 336Q780 285 742 178T704 50Q705 36 709 31T724 26Q752 26 776 56T815 138Q818 149 821 151T837 153Q857 153 857 145Q857 144 853 130Q845 101 831 73T785 17T716 -10Q669 -10 648 17T627 73Q627 92 663 193T700 345Q700 404 656 404H651Q565 404 506 303L499 291L466 157Q433 26 428 16Q415 -11 385 -11Q372 -11 364 -4T353 8T350 18Q350 29 384 161L420 307Q423 322 423 345Q423 404 379 404H374Q288 404 229 303L222 291L189 157Q156 26 151 16Q138 -11 108 -11Q95 -11 87 -5T76 7T74 17Q74 30 112 181Q151 335 151 342Q154 357 154 369Q154 405 129 405Q107 405 92 377T69 316T57 280Q55 278 41 278H27Q21 284 21 287Z"></path><path id="MJX-1-TEX-I-1D44E" d="M33 157Q33 258 109 349T280 441Q331 441 370 392Q386 422 416 422Q429 422 439 414T449 394Q449 381 412 234T374 68Q374 43 381 35T402 26Q411 27 422 35Q443 55 463 131Q469 151 473 152Q475 153 483 153H487Q506 153 506 144Q506 138 501 117T481 63T449 13Q436 0 417 -8Q409 -10 393 -10Q359 -10 336 5T306 36L300 51Q299 52 296 50Q294 48 292 46Q233 -10 172 -10Q117 -10 75 30T33 157ZM351 328Q351 334 346 350T323 385T277 405Q242 405 210 374T160 293Q131 214 119 129Q119 126 119 118T118 106Q118 61 136 44T179 26Q217 26 254 59T298 110Q300 114 325 217T351 328Z"></path><path id="MJX-1-TEX-I-1D461" d="M26 385Q19 392 19 395Q19 399 22 411T27 425Q29 430 36 430T87 431H140L159 511Q162 522 166 540T173 566T179 586T187 603T197 615T211 624T229 626Q247 625 254 615T261 596Q261 589 252 549T232 470L222 433Q222 431 272 431H323Q330 424 330 420Q330 398 317 385H210L174 240Q135 80 135 68Q135 26 162 26Q197 26 230 60T283 144Q285 150 288 151T303 153H307Q322 153 322 145Q322 142 319 133Q314 117 301 95T267 48T216 6T155 -11Q125 -11 98 4T59 56Q57 64 57 83V101L92 241Q127 382 128 383Q128 385 77 385H26Z"></path><path id="MJX-1-TEX-N-3A" d="M78 370Q78 394 95 412T138 430Q162 430 180 414T199 371Q199 346 182 328T139 310T96 327T78 370ZM78 60Q78 84 95 102T138 120Q162 120 180 104T199 61Q199 36 182 18T139 0T96 17T78 60Z"></path><path id="MJX-1-TEX-LO-2211" d="M60 948Q63 950 665 950H1267L1325 815Q1384 677 1388 669H1348L1341 683Q1320 724 1285 761Q1235 809 1174 838T1033 881T882 898T699 902H574H543H251L259 891Q722 258 724 252Q725 250 724 246Q721 243 460 -56L196 -356Q196 -357 407 -357Q459 -357 548 -357T676 -358Q812 -358 896 -353T1063 -332T1204 -283T1307 -196Q1328 -170 1348 -124H1388Q1388 -125 1381 -145T1356 -210T1325 -294L1267 -449L666 -450Q64 -450 61 -448Q55 -446 55 -439Q55 -437 57 -433L590 177Q590 178 557 222T452 366T322 544L56 909L55 924Q55 945 60 948Z"></path><path id="MJX-1-TEX-N-3D" d="M56 347Q56 360 70 367H707Q722 359 722 347Q722 336 708 328L390 327H72Q56 332 56 347ZM56 153Q56 168 72 173H708Q722 163 722 153Q722 140 707 133H70Q56 140 56 153Z"></path><path id="MJX-1-TEX-N-30" d="M96 585Q152 666 249 666Q297 666 345 640T423 548Q460 465 460 320Q460 165 417 83Q397 41 362 16T301 -15T250 -22Q224 -22 198 -16T137 16T82 83Q39 165 39 320Q39 494 96 585ZM321 597Q291 629 250 629Q208 629 178 597Q153 571 145 525T137 333Q137 175 145 125T181 46Q209 16 250 16Q290 16 318 46Q347 76 354 130T362 333Q362 478 354 524T321 597Z"></path><path id="MJX-1-TEX-N-221E" d="M55 217Q55 305 111 373T254 442Q342 442 419 381Q457 350 493 303L507 284L514 294Q618 442 747 442Q833 442 888 374T944 214Q944 128 889 59T743 -11Q657 -11 580 50Q542 81 506 128L492 147L485 137Q381 -11 252 -11Q166 -11 111 57T55 217ZM907 217Q907 285 869 341T761 397Q740 397 720 392T682 378T648 359T619 335T594 310T574 285T559 263T548 246L543 238L574 198Q605 158 622 138T664 94T714 61T765 51Q827 51 867 100T907 217ZM92 214Q92 145 131 89T239 33Q357 33 456 193L425 233Q364 312 334 337Q285 380 233 380Q171 380 132 331T92 214Z"></path><path id="MJX-1-TEX-N-32" d="M109 429Q82 429 66 447T50 491Q50 562 103 614T235 666Q326 666 387 610T449 465Q449 422 429 383T381 315T301 241Q265 210 201 149L142 93L218 92Q375 92 385 97Q392 99 409 186V189H449V186Q448 183 436 95T421 3V0H50V19V31Q50 38 56 46T86 81Q115 113 136 137Q145 147 170 174T204 211T233 244T261 278T284 308T305 340T320 369T333 401T340 431T343 464Q343 527 309 573T212 619Q179 619 154 602T119 569T109 550Q109 549 114 549Q132 549 151 535T170 489Q170 464 154 447T109 429Z"></path></defs><g stroke="currentColor" fill="currentColor" stroke-width="0" transform="scale(1,-1)"><g data-mml-node="math"><g data-mml-node="mi"><use data-c="1D454" xlink:href="#MJX-1-TEX-I-1D454"></use></g><g data-mml-node="mi" transform="translate(477,0)"><use data-c="1D456" xlink:href="#MJX-1-TEX-I-1D456"></use></g><g data-mml-node="mi" transform="translate(822,0)"><use data-c="1D44F" xlink:href="#MJX-1-TEX-I-1D44F"></use></g><g data-mml-node="mi" transform="translate(1251,0)"><use data-c="1D44F" xlink:href="#MJX-1-TEX-I-1D44F"></use></g><g data-mml-node="mi" transform="translate(1680,0)"><use data-c="1D452" xlink:href="#MJX-1-TEX-I-1D452"></use></g><g data-mml-node="mi" transform="translate(2146,0)"><use data-c="1D45F" xlink:href="#MJX-1-TEX-I-1D45F"></use></g><g data-mml-node="mi" transform="translate(2597,0)"><use data-c="1D456" xlink:href="#MJX-1-TEX-I-1D456"></use></g><g data-mml-node="mi" transform="translate(2942,0)"><use data-c="1D460" xlink:href="#MJX-1-TEX-I-1D460"></use></g><g data-mml-node="mi" transform="translate(3411,0)"><use data-c="210E" xlink:href="#MJX-1-TEX-I-210E"></use></g><g data-mml-node="mstyle" transform="translate(3987,0)"><g data-mml-node="mspace"></g></g><g data-mml-node="mi" transform="translate(4265,0)"><use data-c="1D45A" xlink:href="#MJX-1-TEX-I-1D45A"></use></g><g data-mml-node="mi" transform="translate(5143,0)"><use data-c="1D44E" xlink:href="#MJX-1-TEX-I-1D44E"></use></g><g data-mml-node="mi" transform="translate(5672,0)"><use data-c="1D461" xlink:href="#MJX-1-TEX-I-1D461"></use></g><g data-mml-node="mi" transform="translate(6033,0)"><use data-c="210E" xlink:href="#MJX-1-TEX-I-210E"></use></g><g data-mml-node="mo" transform="translate(6886.8,0)"><use data-c="3A" xlink:href="#MJX-1-TEX-N-3A"></use></g><g data-mml-node="munderover" transform="translate(7442.6,0)"><g data-mml-node="mo"><use data-c="2211" xlink:href="#MJX-1-TEX-LO-2211"></use></g><g data-mml-node="TeXAtom" transform="translate(148.2,-1087.9) scale(0.707)" data-mjx-texclass="ORD"><g data-mml-node="mi"><use data-c="1D456" xlink:href="#MJX-1-TEX-I-1D456"></use></g><g data-mml-node="mo" transform="translate(345,0)"><use data-c="3D" xlink:href="#MJX-1-TEX-N-3D"></use></g><g data-mml-node="mn" transform="translate(1123,0)"><use data-c="30" xlink:href="#MJX-1-TEX-N-30"></use></g></g><g data-mml-node="mi" transform="translate(368.4,1150) scale(0.707)"><use data-c="221E" xlink:href="#MJX-1-TEX-N-221E"></use></g></g><g data-mml-node="msup" transform="translate(9053.2,0)"><g data-mml-node="mi"><use data-c="1D456" xlink:href="#MJX-1-TEX-I-1D456"></use></g><g data-mml-node="mn" transform="translate(378,413) scale(0.707)"><use data-c="32" xlink:href="#MJX-1-TEX-N-32"></use></g></g></g></g></svg></g></g><g id="c"><g class="shape" ><rect x="369.000000" y="324.000000" width="154.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="446.000000" y="362.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">mixed together</text></g><g id="sugar"><g class="shape" ><rect x="499.000000" y="178.000000" width="86.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="542.000000" y="216.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">sugar</text></g><g id="solution"><g class="shape" ><rect x="394.000000" y="551.000000" width="104.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="446.000000" y="589.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">solution</text></g><g id="(z -&gt; a)[0]"><marker id="mk-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" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 294.916667 65.000000 L 294.916667 139.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-861151415)" /></g><g id="(z -&gt; b)[0]"><path d="M 354.583333 65.000000 L 354.583333 93.000000 S 354.583333 103.000000 364.583333 103.000000 L 436.500000 103.000000 S 446.500000 103.000000 446.500000 113.000000 L 446.500000 180.500000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-861151415)" /></g><g id="(a -&gt; c)[0]"><path d="M 203.000000 246.000000 L 203.000000 274.000000 S 203.000000 284.000000 213.000000 284.000000 L 398.000000 284.000000 S 408.000000 284.000000 408.000000 294.000000 L 408.000000 320.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-861151415)" /></g><g id="(b -&gt; c)[0]"><path d="M 446.500000 204.500000 L 446.500000 320.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-861151415)" /></g><g id="(sugar -&gt; c)[0]"><path d="M 542.000000 246.000000 L 542.000000 274.000000 S 542.000000 284.000000 532.000000 284.000000 L 495.000000 284.000000 S 485.000000 284.000000 485.000000 294.000000 L 485.000000 320.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-861151415)" /></g><g id="(c -&gt; solution)[0]"><path d="M 446.500000 392.000000 L 446.500000 547.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-861151415)" /><text x="447.000000" y="476.000000" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">we get</text></g><mask id="d2-861151415" maskUnits="userSpaceOnUse" x="11" y="11" width="575" height="607">
diff --git a/e2etests/testdata/stable/legend_with_near_key/dagre/sketch.exp.svg b/e2etests/testdata/stable/legend_with_near_key/dagre/sketch.exp.svg
index 0e1462716..25a518e7e 100644
--- a/e2etests/testdata/stable/legend_with_near_key/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/legend_with_near_key/dagre/sketch.exp.svg
@@ -96,31 +96,31 @@
 		.d2-1518985372 .color-AA4{color:#EDF0FD;}
 		.d2-1518985372 .color-AA5{color:#F7F8FE;}
 		.d2-1518985372 .color-AB4{color:#EDF0FD;}
-		.d2-1518985372 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.md em,
-.md dfn {
+		.d2-1518985372 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.d2-1518985372 .md em,
+.d2-1518985372 .md dfn {
   font-family: "d2-1518985372-font-italic";
 }
 
-.md b,
-.md strong {
+.d2-1518985372 .md b,
+.d2-1518985372 .md strong {
   font-family: "d2-1518985372-font-bold";
 }
 
-.md code,
-.md kbd,
-.md pre,
-.md samp {
+.d2-1518985372 .md code,
+.d2-1518985372 .md kbd,
+.d2-1518985372 .md pre,
+.d2-1518985372 .md samp {
   font-family: "d2-1518985372-font-mono";
   font-size: 1em;
 }
 
-.md {
+.d2-1518985372 .md {
   tab-size: 4;
 }
 
 /* variables are provided in d2renderers/d2svg/d2svg.go */
 
-.md {
+.d2-1518985372 .md {
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
   margin: 0;
@@ -132,41 +132,41 @@
   word-wrap: break-word;
 }
 
-.md details,
-.md figcaption,
-.md figure {
+.d2-1518985372 .md details,
+.d2-1518985372 .md figcaption,
+.d2-1518985372 .md figure {
   display: block;
 }
 
-.md summary {
+.d2-1518985372 .md summary {
   display: list-item;
 }
 
-.md [hidden] {
+.d2-1518985372 .md [hidden] {
   display: none !important;
 }
 
-.md a {
+.d2-1518985372 .md a {
   background-color: transparent;
   color: var(--color-accent-fg);
   text-decoration: none;
 }
 
-.md a:active,
-.md a:hover {
+.d2-1518985372 .md a:active,
+.d2-1518985372 .md a:hover {
   outline-width: 0;
 }
 
-.md abbr[title] {
+.d2-1518985372 .md abbr[title] {
   border-bottom: none;
   text-decoration: underline dotted;
 }
 
-.md dfn {
+.d2-1518985372 .md dfn {
   font-style: italic;
 }
 
-.md h1 {
+.d2-1518985372 .md h1 {
   margin: 0.67em 0;
   font-weight: 600;
   padding-bottom: 0.3em;
@@ -174,43 +174,43 @@
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md mark {
+.d2-1518985372 .md mark {
   background-color: var(--color-attention-subtle);
   color: var(--color-text-primary);
 }
 
-.md small {
+.d2-1518985372 .md small {
   font-size: 90%;
 }
 
-.md sub,
-.md sup {
+.d2-1518985372 .md sub,
+.d2-1518985372 .md sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
 }
 
-.md sub {
+.d2-1518985372 .md sub {
   bottom: -0.25em;
 }
 
-.md sup {
+.d2-1518985372 .md sup {
   top: -0.5em;
 }
 
-.md img {
+.d2-1518985372 .md img {
   border-style: none;
   max-width: 100%;
   box-sizing: content-box;
   background-color: var(--color-canvas-default);
 }
 
-.md figure {
+.d2-1518985372 .md figure {
   margin: 1em 40px;
 }
 
-.md hr {
+.d2-1518985372 .md hr {
   box-sizing: content-box;
   overflow: hidden;
   background: transparent;
@@ -222,7 +222,7 @@
   border: 0;
 }
 
-.md input {
+.d2-1518985372 .md input {
   font: inherit;
   margin: 0;
   overflow: visible;
@@ -231,72 +231,72 @@
   line-height: inherit;
 }
 
-.md [type="button"],
-.md [type="reset"],
-.md [type="submit"] {
+.d2-1518985372 .md [type="button"],
+.d2-1518985372 .md [type="reset"],
+.d2-1518985372 .md [type="submit"] {
   -webkit-appearance: button;
 }
 
-.md [type="button"]::-moz-focus-inner,
-.md [type="reset"]::-moz-focus-inner,
-.md [type="submit"]::-moz-focus-inner {
+.d2-1518985372 .md [type="button"]::-moz-focus-inner,
+.d2-1518985372 .md [type="reset"]::-moz-focus-inner,
+.d2-1518985372 .md [type="submit"]::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.md [type="button"]:-moz-focusring,
-.md [type="reset"]:-moz-focusring,
-.md [type="submit"]:-moz-focusring {
+.d2-1518985372 .md [type="button"]:-moz-focusring,
+.d2-1518985372 .md [type="reset"]:-moz-focusring,
+.d2-1518985372 .md [type="submit"]:-moz-focusring {
   outline: 1px dotted ButtonText;
 }
 
-.md [type="checkbox"],
-.md [type="radio"] {
+.d2-1518985372 .md [type="checkbox"],
+.d2-1518985372 .md [type="radio"] {
   box-sizing: border-box;
   padding: 0;
 }
 
-.md [type="number"]::-webkit-inner-spin-button,
-.md [type="number"]::-webkit-outer-spin-button {
+.d2-1518985372 .md [type="number"]::-webkit-inner-spin-button,
+.d2-1518985372 .md [type="number"]::-webkit-outer-spin-button {
   height: auto;
 }
 
-.md [type="search"] {
+.d2-1518985372 .md [type="search"] {
   -webkit-appearance: textfield;
   outline-offset: -2px;
 }
 
-.md [type="search"]::-webkit-search-cancel-button,
-.md [type="search"]::-webkit-search-decoration {
+.d2-1518985372 .md [type="search"]::-webkit-search-cancel-button,
+.d2-1518985372 .md [type="search"]::-webkit-search-decoration {
   -webkit-appearance: none;
 }
 
-.md ::-webkit-input-placeholder {
+.d2-1518985372 .md ::-webkit-input-placeholder {
   color: inherit;
   opacity: 0.54;
 }
 
-.md ::-webkit-file-upload-button {
+.d2-1518985372 .md ::-webkit-file-upload-button {
   -webkit-appearance: button;
   font: inherit;
 }
 
-.md a:hover {
+.d2-1518985372 .md a:hover {
   text-decoration: underline;
 }
 
-.md hr::before {
+.d2-1518985372 .md hr::before {
   display: table;
   content: "";
 }
 
-.md hr::after {
+.d2-1518985372 .md hr::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md table {
+.d2-1518985372 .md table {
   border-spacing: 0;
   border-collapse: collapse;
   display: block;
@@ -305,20 +305,20 @@
   overflow: auto;
 }
 
-.md td,
-.md th {
+.d2-1518985372 .md td,
+.d2-1518985372 .md th {
   padding: 0;
 }
 
-.md details summary {
+.d2-1518985372 .md details summary {
   cursor: pointer;
 }
 
-.md details:not([open]) > *:not(summary) {
+.d2-1518985372 .md details:not([open]) > *:not(summary) {
   display: none !important;
 }
 
-.md kbd {
+.d2-1518985372 .md kbd {
   display: inline-block;
   padding: 3px 5px;
   color: var(--color-fg-default);
@@ -330,12 +330,12 @@
   box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
 }
 
-.md h1,
-.md h2,
-.md h3,
-.md h4,
-.md h5,
-.md h6 {
+.d2-1518985372 .md h1,
+.d2-1518985372 .md h2,
+.d2-1518985372 .md h3,
+.d2-1518985372 .md h4,
+.d2-1518985372 .md h5,
+.d2-1518985372 .md h6 {
   margin-top: 24px;
   margin-bottom: 16px;
   font-weight: 600;
@@ -343,222 +343,222 @@
   font-family: "d2-1518985372-font-regular";
 }
 
-.md h2 {
+.d2-1518985372 .md h2 {
   font-weight: 600;
   padding-bottom: 0.3em;
   font-size: 1.5em;
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md h3 {
+.d2-1518985372 .md h3 {
   font-weight: 600;
   font-size: 1.25em;
 }
 
-.md h4 {
+.d2-1518985372 .md h4 {
   font-weight: 600;
   font-size: 1em;
 }
 
-.md h5 {
+.d2-1518985372 .md h5 {
   font-weight: 600;
   font-size: 0.875em;
 }
 
-.md h6 {
+.d2-1518985372 .md h6 {
   font-weight: 600;
   font-size: 0.85em;
   color: var(--color-fg-muted);
 }
 
-.md p {
+.d2-1518985372 .md p {
   margin-top: 0;
   margin-bottom: 10px;
 }
 
-.md blockquote {
+.d2-1518985372 .md blockquote {
   margin: 0;
   padding: 0 1em;
   color: var(--color-fg-muted);
   border-left: 0.25em solid var(--color-border-default);
 }
 
-.md ul,
-.md ol {
+.d2-1518985372 .md ul,
+.d2-1518985372 .md ol {
   margin-top: 0;
   margin-bottom: 0;
   padding-left: 2em;
 }
 
-.md ol ol,
-.md ul ol {
+.d2-1518985372 .md ol ol,
+.d2-1518985372 .md ul ol {
   list-style-type: lower-roman;
 }
 
-.md ul ul ol,
-.md ul ol ol,
-.md ol ul ol,
-.md ol ol ol {
+.d2-1518985372 .md ul ul ol,
+.d2-1518985372 .md ul ol ol,
+.d2-1518985372 .md ol ul ol,
+.d2-1518985372 .md ol ol ol {
   list-style-type: lower-alpha;
 }
 
-.md dd {
+.d2-1518985372 .md dd {
   margin-left: 0;
 }
 
-.md pre {
+.d2-1518985372 .md pre {
   margin-top: 0;
   margin-bottom: 0;
   word-wrap: normal;
 }
 
-.md ::placeholder {
+.d2-1518985372 .md ::placeholder {
   color: var(--color-fg-subtle);
   opacity: 1;
 }
 
-.md input::-webkit-outer-spin-button,
-.md input::-webkit-inner-spin-button {
+.d2-1518985372 .md input::-webkit-outer-spin-button,
+.d2-1518985372 .md input::-webkit-inner-spin-button {
   margin: 0;
   -webkit-appearance: none;
   appearance: none;
 }
 
-.md::before {
+.d2-1518985372 .md::before {
   display: table;
   content: "";
 }
 
-.md::after {
+.d2-1518985372 .md::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md > *:first-child {
+.d2-1518985372 .md > *:first-child {
   margin-top: 0 !important;
 }
 
-.md > *:last-child {
+.d2-1518985372 .md > *:last-child {
   margin-bottom: 0 !important;
 }
 
-.md a:not([href]) {
+.d2-1518985372 .md a:not([href]) {
   color: inherit;
   text-decoration: none;
 }
 
-.md .absent {
+.d2-1518985372 .md .absent {
   color: var(--color-danger-fg);
 }
 
-.md .anchor {
+.d2-1518985372 .md .anchor {
   float: left;
   padding-right: 4px;
   margin-left: -20px;
   line-height: 1;
 }
 
-.md .anchor:focus {
+.d2-1518985372 .md .anchor:focus {
   outline: none;
 }
 
-.md p,
-.md blockquote,
-.md ul,
-.md ol,
-.md dl,
-.md table,
-.md pre,
-.md details {
+.d2-1518985372 .md p,
+.d2-1518985372 .md blockquote,
+.d2-1518985372 .md ul,
+.d2-1518985372 .md ol,
+.d2-1518985372 .md dl,
+.d2-1518985372 .md table,
+.d2-1518985372 .md pre,
+.d2-1518985372 .md details {
   margin-top: 0;
   margin-bottom: 16px;
 }
 
-.md blockquote > :first-child {
+.d2-1518985372 .md blockquote > :first-child {
   margin-top: 0;
 }
 
-.md blockquote > :last-child {
+.d2-1518985372 .md blockquote > :last-child {
   margin-bottom: 0;
 }
 
-.md sup > a::before {
+.d2-1518985372 .md sup > a::before {
   content: "[";
 }
 
-.md sup > a::after {
+.d2-1518985372 .md sup > a::after {
   content: "]";
 }
 
-.md h1:hover .anchor,
-.md h2:hover .anchor,
-.md h3:hover .anchor,
-.md h4:hover .anchor,
-.md h5:hover .anchor,
-.md h6:hover .anchor {
+.d2-1518985372 .md h1:hover .anchor,
+.d2-1518985372 .md h2:hover .anchor,
+.d2-1518985372 .md h3:hover .anchor,
+.d2-1518985372 .md h4:hover .anchor,
+.d2-1518985372 .md h5:hover .anchor,
+.d2-1518985372 .md h6:hover .anchor {
   text-decoration: none;
 }
 
-.md h1 tt,
-.md h1 code,
-.md h2 tt,
-.md h2 code,
-.md h3 tt,
-.md h3 code,
-.md h4 tt,
-.md h4 code,
-.md h5 tt,
-.md h5 code,
-.md h6 tt,
-.md h6 code {
+.d2-1518985372 .md h1 tt,
+.d2-1518985372 .md h1 code,
+.d2-1518985372 .md h2 tt,
+.d2-1518985372 .md h2 code,
+.d2-1518985372 .md h3 tt,
+.d2-1518985372 .md h3 code,
+.d2-1518985372 .md h4 tt,
+.d2-1518985372 .md h4 code,
+.d2-1518985372 .md h5 tt,
+.d2-1518985372 .md h5 code,
+.d2-1518985372 .md h6 tt,
+.d2-1518985372 .md h6 code {
   padding: 0 0.2em;
   font-size: inherit;
 }
 
-.md ul.no-list,
-.md ol.no-list {
+.d2-1518985372 .md ul.no-list,
+.d2-1518985372 .md ol.no-list {
   padding: 0;
   list-style-type: none;
 }
 
-.md ol[type="1"] {
+.d2-1518985372 .md ol[type="1"] {
   list-style-type: decimal;
 }
 
-.md ol[type="a"] {
+.d2-1518985372 .md ol[type="a"] {
   list-style-type: lower-alpha;
 }
 
-.md ol[type="i"] {
+.d2-1518985372 .md ol[type="i"] {
   list-style-type: lower-roman;
 }
 
-.md div > ol:not([type]) {
+.d2-1518985372 .md div > ol:not([type]) {
   list-style-type: decimal;
 }
 
-.md ul ul,
-.md ul ol,
-.md ol ol,
-.md ol ul {
+.d2-1518985372 .md ul ul,
+.d2-1518985372 .md ul ol,
+.d2-1518985372 .md ol ol,
+.d2-1518985372 .md ol ul {
   margin-top: 0;
   margin-bottom: 0;
 }
 
-.md li > p {
+.d2-1518985372 .md li > p {
   margin-top: 16px;
 }
 
-.md li + li {
+.d2-1518985372 .md li + li {
   margin-top: 0.25em;
 }
 
-.md dl {
+.d2-1518985372 .md dl {
   padding: 0;
 }
 
-.md dl dt {
+.d2-1518985372 .md dl dt {
   padding: 0;
   margin-top: 16px;
   font-size: 1em;
@@ -566,48 +566,48 @@
   font-weight: 600;
 }
 
-.md dl dd {
+.d2-1518985372 .md dl dd {
   padding: 0 16px;
   margin-bottom: 16px;
 }
 
-.md table th {
+.d2-1518985372 .md table th {
   font-weight: 600;
 }
 
-.md table th,
-.md table td {
+.d2-1518985372 .md table th,
+.d2-1518985372 .md table td {
   padding: 6px 13px;
   border: 1px solid var(--color-border-default);
 }
 
-.md table tr {
+.d2-1518985372 .md table tr {
   background-color: var(--color-canvas-default);
   border-top: 1px solid var(--color-border-muted);
 }
 
-.md table tr:nth-child(2n) {
+.d2-1518985372 .md table tr:nth-child(2n) {
   background-color: var(--color-canvas-subtle);
 }
 
-.md table img {
+.d2-1518985372 .md table img {
   background-color: transparent;
 }
 
-.md img[align="right"] {
+.d2-1518985372 .md img[align="right"] {
   padding-left: 20px;
 }
 
-.md img[align="left"] {
+.d2-1518985372 .md img[align="left"] {
   padding-right: 20px;
 }
 
-.md span.frame {
+.d2-1518985372 .md span.frame {
   display: block;
   overflow: hidden;
 }
 
-.md span.frame > span {
+.d2-1518985372 .md span.frame > span {
   display: block;
   float: left;
   width: auto;
@@ -617,81 +617,81 @@
   border: 1px solid var(--color-border-default);
 }
 
-.md span.frame span img {
+.d2-1518985372 .md span.frame span img {
   display: block;
   float: left;
 }
 
-.md span.frame span span {
+.d2-1518985372 .md span.frame span span {
   display: block;
   padding: 5px 0 0;
   clear: both;
   color: var(--color-fg-default);
 }
 
-.md span.align-center {
+.d2-1518985372 .md span.align-center {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-center > span {
+.d2-1518985372 .md span.align-center > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: center;
 }
 
-.md span.align-center span img {
+.d2-1518985372 .md span.align-center span img {
   margin: 0 auto;
   text-align: center;
 }
 
-.md span.align-right {
+.d2-1518985372 .md span.align-right {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-right > span {
+.d2-1518985372 .md span.align-right > span {
   display: block;
   margin: 13px 0 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md span.align-right span img {
+.d2-1518985372 .md span.align-right span img {
   margin: 0;
   text-align: right;
 }
 
-.md span.float-left {
+.d2-1518985372 .md span.float-left {
   display: block;
   float: left;
   margin-right: 13px;
   overflow: hidden;
 }
 
-.md span.float-left span {
+.d2-1518985372 .md span.float-left span {
   margin: 13px 0 0;
 }
 
-.md span.float-right {
+.d2-1518985372 .md span.float-right {
   display: block;
   float: right;
   margin-left: 13px;
   overflow: hidden;
 }
 
-.md span.float-right > span {
+.d2-1518985372 .md span.float-right > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md code,
-.md tt {
+.d2-1518985372 .md code,
+.d2-1518985372 .md tt {
   padding: 0.2em 0.4em;
   margin: 0;
   font-size: 85%;
@@ -699,20 +699,20 @@
   border-radius: 6px;
 }
 
-.md code br,
-.md tt br {
+.d2-1518985372 .md code br,
+.d2-1518985372 .md tt br {
   display: none;
 }
 
-.md del code {
+.d2-1518985372 .md del code {
   text-decoration: inherit;
 }
 
-.md pre code {
+.d2-1518985372 .md pre code {
   font-size: 100%;
 }
 
-.md pre > code {
+.d2-1518985372 .md pre > code {
   padding: 0;
   margin: 0;
   word-break: normal;
@@ -721,17 +721,17 @@
   border: 0;
 }
 
-.md .highlight {
+.d2-1518985372 .md .highlight {
   margin-bottom: 16px;
 }
 
-.md .highlight pre {
+.d2-1518985372 .md .highlight pre {
   margin-bottom: 0;
   word-break: normal;
 }
 
-.md .highlight pre,
-.md pre {
+.d2-1518985372 .md .highlight pre,
+.d2-1518985372 .md pre {
   padding: 16px;
   overflow: auto;
   font-size: 85%;
@@ -740,8 +740,8 @@
   border-radius: 6px;
 }
 
-.md pre code,
-.md pre tt {
+.d2-1518985372 .md pre code,
+.d2-1518985372 .md pre tt {
   display: inline;
   max-width: auto;
   padding: 0;
@@ -753,8 +753,8 @@
   border: 0;
 }
 
-.md .csv-data td,
-.md .csv-data th {
+.d2-1518985372 .md .csv-data td,
+.d2-1518985372 .md .csv-data th {
   padding: 5px;
   overflow: hidden;
   font-size: 12px;
@@ -763,38 +763,38 @@
   white-space: nowrap;
 }
 
-.md .csv-data .blob-num {
+.d2-1518985372 .md .csv-data .blob-num {
   padding: 10px 8px 9px;
   text-align: right;
   background: var(--color-canvas-default);
   border: 0;
 }
 
-.md .csv-data tr {
+.d2-1518985372 .md .csv-data tr {
   border-top: 0;
 }
 
-.md .csv-data th {
+.d2-1518985372 .md .csv-data th {
   font-weight: 600;
   background: var(--color-canvas-subtle);
   border-top: 0;
 }
 
-.md .footnotes {
+.d2-1518985372 .md .footnotes {
   font-size: 12px;
   color: var(--color-fg-muted);
   border-top: 1px solid var(--color-border-default);
 }
 
-.md .footnotes ol {
+.d2-1518985372 .md .footnotes ol {
   padding-left: 16px;
 }
 
-.md .footnotes li {
+.d2-1518985372 .md .footnotes li {
   position: relative;
 }
 
-.md .footnotes li:target::before {
+.d2-1518985372 .md .footnotes li:target::before {
   position: absolute;
   top: -8px;
   right: -8px;
@@ -806,36 +806,36 @@
   border-radius: 6px;
 }
 
-.md .footnotes li:target {
+.d2-1518985372 .md .footnotes li:target {
   color: var(--color-fg-default);
 }
 
-.md .task-list-item {
+.d2-1518985372 .md .task-list-item {
   list-style-type: none;
 }
 
-.md .task-list-item label {
+.d2-1518985372 .md .task-list-item label {
   font-weight: 400;
 }
 
-.md .task-list-item.enabled label {
+.d2-1518985372 .md .task-list-item.enabled label {
   cursor: pointer;
 }
 
-.md .task-list-item + .task-list-item {
+.d2-1518985372 .md .task-list-item + .task-list-item {
   margin-top: 3px;
 }
 
-.md .task-list-item .handle {
+.d2-1518985372 .md .task-list-item .handle {
   display: none;
 }
 
-.md .task-list-item-checkbox {
+.d2-1518985372 .md .task-list-item-checkbox {
   margin: 0 0.2em 0.25em -1.6em;
   vertical-align: middle;
 }
 
-.md .contains-task-list:dir(rtl) .task-list-item-checkbox {
+.d2-1518985372 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
 </style><g id="x"><g class="shape" ><rect x="0.000000" y="0.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="26.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g id="y"><g class="shape" ><rect x="153.000000" y="0.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="180.000000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g id="z"><g class="shape" ><rect x="307.000000" y="0.000000" width="52.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="333.000000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">z</text></g><g id="legend"><g class="shape" ><rect x="87.000000" y="122.000000" width="184.000000" height="80.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="179.000000" y="109.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">legend</text></g><g id="legend.color1"><g class="shape" ></g><text x="138.000000" y="167.000000" fill="green" class="text" style="text-anchor:middle;font-size:16px">foo</text></g><g id="legend.color2"><g class="shape" ></g><text x="220.000000" y="167.000000" fill="red" class="text" style="text-anchor:middle;font-size:16px">bar</text></g><g id="(x -&gt; y)[0]"><marker id="mk-1457214650" 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="green" class="connection" stroke-width="2" /> </marker><path d="M 55.000000 33.000000 C 93.000000 33.000000 113.000000 33.000000 149.000000 33.000000" stroke="green" fill="none" class="connection" style="stroke-width:2;" marker-end="url(#mk-1457214650)" mask="url(#d2-1518985372)" /></g><g id="(y -&gt; z)[0]"><marker id="mk-1222543834" 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="red" class="connection" stroke-width="2" /> </marker><path d="M 209.000000 33.000000 C 247.000000 33.000000 267.000000 33.000000 303.000000 33.000000" stroke="red" fill="none" class="connection" style="stroke-width:2;" marker-end="url(#mk-1222543834)" mask="url(#d2-1518985372)" /></g><mask id="d2-1518985372" maskUnits="userSpaceOnUse" x="-1" y="-1" width="361" height="204">
diff --git a/e2etests/testdata/stable/legend_with_near_key/elk/sketch.exp.svg b/e2etests/testdata/stable/legend_with_near_key/elk/sketch.exp.svg
index 5073ac79e..cdc19dd66 100644
--- a/e2etests/testdata/stable/legend_with_near_key/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/legend_with_near_key/elk/sketch.exp.svg
@@ -96,31 +96,31 @@
 		.d2-1696315703 .color-AA4{color:#EDF0FD;}
 		.d2-1696315703 .color-AA5{color:#F7F8FE;}
 		.d2-1696315703 .color-AB4{color:#EDF0FD;}
-		.d2-1696315703 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.md em,
-.md dfn {
+		.d2-1696315703 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.d2-1696315703 .md em,
+.d2-1696315703 .md dfn {
   font-family: "d2-1696315703-font-italic";
 }
 
-.md b,
-.md strong {
+.d2-1696315703 .md b,
+.d2-1696315703 .md strong {
   font-family: "d2-1696315703-font-bold";
 }
 
-.md code,
-.md kbd,
-.md pre,
-.md samp {
+.d2-1696315703 .md code,
+.d2-1696315703 .md kbd,
+.d2-1696315703 .md pre,
+.d2-1696315703 .md samp {
   font-family: "d2-1696315703-font-mono";
   font-size: 1em;
 }
 
-.md {
+.d2-1696315703 .md {
   tab-size: 4;
 }
 
 /* variables are provided in d2renderers/d2svg/d2svg.go */
 
-.md {
+.d2-1696315703 .md {
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
   margin: 0;
@@ -132,41 +132,41 @@
   word-wrap: break-word;
 }
 
-.md details,
-.md figcaption,
-.md figure {
+.d2-1696315703 .md details,
+.d2-1696315703 .md figcaption,
+.d2-1696315703 .md figure {
   display: block;
 }
 
-.md summary {
+.d2-1696315703 .md summary {
   display: list-item;
 }
 
-.md [hidden] {
+.d2-1696315703 .md [hidden] {
   display: none !important;
 }
 
-.md a {
+.d2-1696315703 .md a {
   background-color: transparent;
   color: var(--color-accent-fg);
   text-decoration: none;
 }
 
-.md a:active,
-.md a:hover {
+.d2-1696315703 .md a:active,
+.d2-1696315703 .md a:hover {
   outline-width: 0;
 }
 
-.md abbr[title] {
+.d2-1696315703 .md abbr[title] {
   border-bottom: none;
   text-decoration: underline dotted;
 }
 
-.md dfn {
+.d2-1696315703 .md dfn {
   font-style: italic;
 }
 
-.md h1 {
+.d2-1696315703 .md h1 {
   margin: 0.67em 0;
   font-weight: 600;
   padding-bottom: 0.3em;
@@ -174,43 +174,43 @@
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md mark {
+.d2-1696315703 .md mark {
   background-color: var(--color-attention-subtle);
   color: var(--color-text-primary);
 }
 
-.md small {
+.d2-1696315703 .md small {
   font-size: 90%;
 }
 
-.md sub,
-.md sup {
+.d2-1696315703 .md sub,
+.d2-1696315703 .md sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
 }
 
-.md sub {
+.d2-1696315703 .md sub {
   bottom: -0.25em;
 }
 
-.md sup {
+.d2-1696315703 .md sup {
   top: -0.5em;
 }
 
-.md img {
+.d2-1696315703 .md img {
   border-style: none;
   max-width: 100%;
   box-sizing: content-box;
   background-color: var(--color-canvas-default);
 }
 
-.md figure {
+.d2-1696315703 .md figure {
   margin: 1em 40px;
 }
 
-.md hr {
+.d2-1696315703 .md hr {
   box-sizing: content-box;
   overflow: hidden;
   background: transparent;
@@ -222,7 +222,7 @@
   border: 0;
 }
 
-.md input {
+.d2-1696315703 .md input {
   font: inherit;
   margin: 0;
   overflow: visible;
@@ -231,72 +231,72 @@
   line-height: inherit;
 }
 
-.md [type="button"],
-.md [type="reset"],
-.md [type="submit"] {
+.d2-1696315703 .md [type="button"],
+.d2-1696315703 .md [type="reset"],
+.d2-1696315703 .md [type="submit"] {
   -webkit-appearance: button;
 }
 
-.md [type="button"]::-moz-focus-inner,
-.md [type="reset"]::-moz-focus-inner,
-.md [type="submit"]::-moz-focus-inner {
+.d2-1696315703 .md [type="button"]::-moz-focus-inner,
+.d2-1696315703 .md [type="reset"]::-moz-focus-inner,
+.d2-1696315703 .md [type="submit"]::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.md [type="button"]:-moz-focusring,
-.md [type="reset"]:-moz-focusring,
-.md [type="submit"]:-moz-focusring {
+.d2-1696315703 .md [type="button"]:-moz-focusring,
+.d2-1696315703 .md [type="reset"]:-moz-focusring,
+.d2-1696315703 .md [type="submit"]:-moz-focusring {
   outline: 1px dotted ButtonText;
 }
 
-.md [type="checkbox"],
-.md [type="radio"] {
+.d2-1696315703 .md [type="checkbox"],
+.d2-1696315703 .md [type="radio"] {
   box-sizing: border-box;
   padding: 0;
 }
 
-.md [type="number"]::-webkit-inner-spin-button,
-.md [type="number"]::-webkit-outer-spin-button {
+.d2-1696315703 .md [type="number"]::-webkit-inner-spin-button,
+.d2-1696315703 .md [type="number"]::-webkit-outer-spin-button {
   height: auto;
 }
 
-.md [type="search"] {
+.d2-1696315703 .md [type="search"] {
   -webkit-appearance: textfield;
   outline-offset: -2px;
 }
 
-.md [type="search"]::-webkit-search-cancel-button,
-.md [type="search"]::-webkit-search-decoration {
+.d2-1696315703 .md [type="search"]::-webkit-search-cancel-button,
+.d2-1696315703 .md [type="search"]::-webkit-search-decoration {
   -webkit-appearance: none;
 }
 
-.md ::-webkit-input-placeholder {
+.d2-1696315703 .md ::-webkit-input-placeholder {
   color: inherit;
   opacity: 0.54;
 }
 
-.md ::-webkit-file-upload-button {
+.d2-1696315703 .md ::-webkit-file-upload-button {
   -webkit-appearance: button;
   font: inherit;
 }
 
-.md a:hover {
+.d2-1696315703 .md a:hover {
   text-decoration: underline;
 }
 
-.md hr::before {
+.d2-1696315703 .md hr::before {
   display: table;
   content: "";
 }
 
-.md hr::after {
+.d2-1696315703 .md hr::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md table {
+.d2-1696315703 .md table {
   border-spacing: 0;
   border-collapse: collapse;
   display: block;
@@ -305,20 +305,20 @@
   overflow: auto;
 }
 
-.md td,
-.md th {
+.d2-1696315703 .md td,
+.d2-1696315703 .md th {
   padding: 0;
 }
 
-.md details summary {
+.d2-1696315703 .md details summary {
   cursor: pointer;
 }
 
-.md details:not([open]) > *:not(summary) {
+.d2-1696315703 .md details:not([open]) > *:not(summary) {
   display: none !important;
 }
 
-.md kbd {
+.d2-1696315703 .md kbd {
   display: inline-block;
   padding: 3px 5px;
   color: var(--color-fg-default);
@@ -330,12 +330,12 @@
   box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
 }
 
-.md h1,
-.md h2,
-.md h3,
-.md h4,
-.md h5,
-.md h6 {
+.d2-1696315703 .md h1,
+.d2-1696315703 .md h2,
+.d2-1696315703 .md h3,
+.d2-1696315703 .md h4,
+.d2-1696315703 .md h5,
+.d2-1696315703 .md h6 {
   margin-top: 24px;
   margin-bottom: 16px;
   font-weight: 600;
@@ -343,222 +343,222 @@
   font-family: "d2-1696315703-font-regular";
 }
 
-.md h2 {
+.d2-1696315703 .md h2 {
   font-weight: 600;
   padding-bottom: 0.3em;
   font-size: 1.5em;
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md h3 {
+.d2-1696315703 .md h3 {
   font-weight: 600;
   font-size: 1.25em;
 }
 
-.md h4 {
+.d2-1696315703 .md h4 {
   font-weight: 600;
   font-size: 1em;
 }
 
-.md h5 {
+.d2-1696315703 .md h5 {
   font-weight: 600;
   font-size: 0.875em;
 }
 
-.md h6 {
+.d2-1696315703 .md h6 {
   font-weight: 600;
   font-size: 0.85em;
   color: var(--color-fg-muted);
 }
 
-.md p {
+.d2-1696315703 .md p {
   margin-top: 0;
   margin-bottom: 10px;
 }
 
-.md blockquote {
+.d2-1696315703 .md blockquote {
   margin: 0;
   padding: 0 1em;
   color: var(--color-fg-muted);
   border-left: 0.25em solid var(--color-border-default);
 }
 
-.md ul,
-.md ol {
+.d2-1696315703 .md ul,
+.d2-1696315703 .md ol {
   margin-top: 0;
   margin-bottom: 0;
   padding-left: 2em;
 }
 
-.md ol ol,
-.md ul ol {
+.d2-1696315703 .md ol ol,
+.d2-1696315703 .md ul ol {
   list-style-type: lower-roman;
 }
 
-.md ul ul ol,
-.md ul ol ol,
-.md ol ul ol,
-.md ol ol ol {
+.d2-1696315703 .md ul ul ol,
+.d2-1696315703 .md ul ol ol,
+.d2-1696315703 .md ol ul ol,
+.d2-1696315703 .md ol ol ol {
   list-style-type: lower-alpha;
 }
 
-.md dd {
+.d2-1696315703 .md dd {
   margin-left: 0;
 }
 
-.md pre {
+.d2-1696315703 .md pre {
   margin-top: 0;
   margin-bottom: 0;
   word-wrap: normal;
 }
 
-.md ::placeholder {
+.d2-1696315703 .md ::placeholder {
   color: var(--color-fg-subtle);
   opacity: 1;
 }
 
-.md input::-webkit-outer-spin-button,
-.md input::-webkit-inner-spin-button {
+.d2-1696315703 .md input::-webkit-outer-spin-button,
+.d2-1696315703 .md input::-webkit-inner-spin-button {
   margin: 0;
   -webkit-appearance: none;
   appearance: none;
 }
 
-.md::before {
+.d2-1696315703 .md::before {
   display: table;
   content: "";
 }
 
-.md::after {
+.d2-1696315703 .md::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md > *:first-child {
+.d2-1696315703 .md > *:first-child {
   margin-top: 0 !important;
 }
 
-.md > *:last-child {
+.d2-1696315703 .md > *:last-child {
   margin-bottom: 0 !important;
 }
 
-.md a:not([href]) {
+.d2-1696315703 .md a:not([href]) {
   color: inherit;
   text-decoration: none;
 }
 
-.md .absent {
+.d2-1696315703 .md .absent {
   color: var(--color-danger-fg);
 }
 
-.md .anchor {
+.d2-1696315703 .md .anchor {
   float: left;
   padding-right: 4px;
   margin-left: -20px;
   line-height: 1;
 }
 
-.md .anchor:focus {
+.d2-1696315703 .md .anchor:focus {
   outline: none;
 }
 
-.md p,
-.md blockquote,
-.md ul,
-.md ol,
-.md dl,
-.md table,
-.md pre,
-.md details {
+.d2-1696315703 .md p,
+.d2-1696315703 .md blockquote,
+.d2-1696315703 .md ul,
+.d2-1696315703 .md ol,
+.d2-1696315703 .md dl,
+.d2-1696315703 .md table,
+.d2-1696315703 .md pre,
+.d2-1696315703 .md details {
   margin-top: 0;
   margin-bottom: 16px;
 }
 
-.md blockquote > :first-child {
+.d2-1696315703 .md blockquote > :first-child {
   margin-top: 0;
 }
 
-.md blockquote > :last-child {
+.d2-1696315703 .md blockquote > :last-child {
   margin-bottom: 0;
 }
 
-.md sup > a::before {
+.d2-1696315703 .md sup > a::before {
   content: "[";
 }
 
-.md sup > a::after {
+.d2-1696315703 .md sup > a::after {
   content: "]";
 }
 
-.md h1:hover .anchor,
-.md h2:hover .anchor,
-.md h3:hover .anchor,
-.md h4:hover .anchor,
-.md h5:hover .anchor,
-.md h6:hover .anchor {
+.d2-1696315703 .md h1:hover .anchor,
+.d2-1696315703 .md h2:hover .anchor,
+.d2-1696315703 .md h3:hover .anchor,
+.d2-1696315703 .md h4:hover .anchor,
+.d2-1696315703 .md h5:hover .anchor,
+.d2-1696315703 .md h6:hover .anchor {
   text-decoration: none;
 }
 
-.md h1 tt,
-.md h1 code,
-.md h2 tt,
-.md h2 code,
-.md h3 tt,
-.md h3 code,
-.md h4 tt,
-.md h4 code,
-.md h5 tt,
-.md h5 code,
-.md h6 tt,
-.md h6 code {
+.d2-1696315703 .md h1 tt,
+.d2-1696315703 .md h1 code,
+.d2-1696315703 .md h2 tt,
+.d2-1696315703 .md h2 code,
+.d2-1696315703 .md h3 tt,
+.d2-1696315703 .md h3 code,
+.d2-1696315703 .md h4 tt,
+.d2-1696315703 .md h4 code,
+.d2-1696315703 .md h5 tt,
+.d2-1696315703 .md h5 code,
+.d2-1696315703 .md h6 tt,
+.d2-1696315703 .md h6 code {
   padding: 0 0.2em;
   font-size: inherit;
 }
 
-.md ul.no-list,
-.md ol.no-list {
+.d2-1696315703 .md ul.no-list,
+.d2-1696315703 .md ol.no-list {
   padding: 0;
   list-style-type: none;
 }
 
-.md ol[type="1"] {
+.d2-1696315703 .md ol[type="1"] {
   list-style-type: decimal;
 }
 
-.md ol[type="a"] {
+.d2-1696315703 .md ol[type="a"] {
   list-style-type: lower-alpha;
 }
 
-.md ol[type="i"] {
+.d2-1696315703 .md ol[type="i"] {
   list-style-type: lower-roman;
 }
 
-.md div > ol:not([type]) {
+.d2-1696315703 .md div > ol:not([type]) {
   list-style-type: decimal;
 }
 
-.md ul ul,
-.md ul ol,
-.md ol ol,
-.md ol ul {
+.d2-1696315703 .md ul ul,
+.d2-1696315703 .md ul ol,
+.d2-1696315703 .md ol ol,
+.d2-1696315703 .md ol ul {
   margin-top: 0;
   margin-bottom: 0;
 }
 
-.md li > p {
+.d2-1696315703 .md li > p {
   margin-top: 16px;
 }
 
-.md li + li {
+.d2-1696315703 .md li + li {
   margin-top: 0.25em;
 }
 
-.md dl {
+.d2-1696315703 .md dl {
   padding: 0;
 }
 
-.md dl dt {
+.d2-1696315703 .md dl dt {
   padding: 0;
   margin-top: 16px;
   font-size: 1em;
@@ -566,48 +566,48 @@
   font-weight: 600;
 }
 
-.md dl dd {
+.d2-1696315703 .md dl dd {
   padding: 0 16px;
   margin-bottom: 16px;
 }
 
-.md table th {
+.d2-1696315703 .md table th {
   font-weight: 600;
 }
 
-.md table th,
-.md table td {
+.d2-1696315703 .md table th,
+.d2-1696315703 .md table td {
   padding: 6px 13px;
   border: 1px solid var(--color-border-default);
 }
 
-.md table tr {
+.d2-1696315703 .md table tr {
   background-color: var(--color-canvas-default);
   border-top: 1px solid var(--color-border-muted);
 }
 
-.md table tr:nth-child(2n) {
+.d2-1696315703 .md table tr:nth-child(2n) {
   background-color: var(--color-canvas-subtle);
 }
 
-.md table img {
+.d2-1696315703 .md table img {
   background-color: transparent;
 }
 
-.md img[align="right"] {
+.d2-1696315703 .md img[align="right"] {
   padding-left: 20px;
 }
 
-.md img[align="left"] {
+.d2-1696315703 .md img[align="left"] {
   padding-right: 20px;
 }
 
-.md span.frame {
+.d2-1696315703 .md span.frame {
   display: block;
   overflow: hidden;
 }
 
-.md span.frame > span {
+.d2-1696315703 .md span.frame > span {
   display: block;
   float: left;
   width: auto;
@@ -617,81 +617,81 @@
   border: 1px solid var(--color-border-default);
 }
 
-.md span.frame span img {
+.d2-1696315703 .md span.frame span img {
   display: block;
   float: left;
 }
 
-.md span.frame span span {
+.d2-1696315703 .md span.frame span span {
   display: block;
   padding: 5px 0 0;
   clear: both;
   color: var(--color-fg-default);
 }
 
-.md span.align-center {
+.d2-1696315703 .md span.align-center {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-center > span {
+.d2-1696315703 .md span.align-center > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: center;
 }
 
-.md span.align-center span img {
+.d2-1696315703 .md span.align-center span img {
   margin: 0 auto;
   text-align: center;
 }
 
-.md span.align-right {
+.d2-1696315703 .md span.align-right {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-right > span {
+.d2-1696315703 .md span.align-right > span {
   display: block;
   margin: 13px 0 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md span.align-right span img {
+.d2-1696315703 .md span.align-right span img {
   margin: 0;
   text-align: right;
 }
 
-.md span.float-left {
+.d2-1696315703 .md span.float-left {
   display: block;
   float: left;
   margin-right: 13px;
   overflow: hidden;
 }
 
-.md span.float-left span {
+.d2-1696315703 .md span.float-left span {
   margin: 13px 0 0;
 }
 
-.md span.float-right {
+.d2-1696315703 .md span.float-right {
   display: block;
   float: right;
   margin-left: 13px;
   overflow: hidden;
 }
 
-.md span.float-right > span {
+.d2-1696315703 .md span.float-right > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md code,
-.md tt {
+.d2-1696315703 .md code,
+.d2-1696315703 .md tt {
   padding: 0.2em 0.4em;
   margin: 0;
   font-size: 85%;
@@ -699,20 +699,20 @@
   border-radius: 6px;
 }
 
-.md code br,
-.md tt br {
+.d2-1696315703 .md code br,
+.d2-1696315703 .md tt br {
   display: none;
 }
 
-.md del code {
+.d2-1696315703 .md del code {
   text-decoration: inherit;
 }
 
-.md pre code {
+.d2-1696315703 .md pre code {
   font-size: 100%;
 }
 
-.md pre > code {
+.d2-1696315703 .md pre > code {
   padding: 0;
   margin: 0;
   word-break: normal;
@@ -721,17 +721,17 @@
   border: 0;
 }
 
-.md .highlight {
+.d2-1696315703 .md .highlight {
   margin-bottom: 16px;
 }
 
-.md .highlight pre {
+.d2-1696315703 .md .highlight pre {
   margin-bottom: 0;
   word-break: normal;
 }
 
-.md .highlight pre,
-.md pre {
+.d2-1696315703 .md .highlight pre,
+.d2-1696315703 .md pre {
   padding: 16px;
   overflow: auto;
   font-size: 85%;
@@ -740,8 +740,8 @@
   border-radius: 6px;
 }
 
-.md pre code,
-.md pre tt {
+.d2-1696315703 .md pre code,
+.d2-1696315703 .md pre tt {
   display: inline;
   max-width: auto;
   padding: 0;
@@ -753,8 +753,8 @@
   border: 0;
 }
 
-.md .csv-data td,
-.md .csv-data th {
+.d2-1696315703 .md .csv-data td,
+.d2-1696315703 .md .csv-data th {
   padding: 5px;
   overflow: hidden;
   font-size: 12px;
@@ -763,38 +763,38 @@
   white-space: nowrap;
 }
 
-.md .csv-data .blob-num {
+.d2-1696315703 .md .csv-data .blob-num {
   padding: 10px 8px 9px;
   text-align: right;
   background: var(--color-canvas-default);
   border: 0;
 }
 
-.md .csv-data tr {
+.d2-1696315703 .md .csv-data tr {
   border-top: 0;
 }
 
-.md .csv-data th {
+.d2-1696315703 .md .csv-data th {
   font-weight: 600;
   background: var(--color-canvas-subtle);
   border-top: 0;
 }
 
-.md .footnotes {
+.d2-1696315703 .md .footnotes {
   font-size: 12px;
   color: var(--color-fg-muted);
   border-top: 1px solid var(--color-border-default);
 }
 
-.md .footnotes ol {
+.d2-1696315703 .md .footnotes ol {
   padding-left: 16px;
 }
 
-.md .footnotes li {
+.d2-1696315703 .md .footnotes li {
   position: relative;
 }
 
-.md .footnotes li:target::before {
+.d2-1696315703 .md .footnotes li:target::before {
   position: absolute;
   top: -8px;
   right: -8px;
@@ -806,36 +806,36 @@
   border-radius: 6px;
 }
 
-.md .footnotes li:target {
+.d2-1696315703 .md .footnotes li:target {
   color: var(--color-fg-default);
 }
 
-.md .task-list-item {
+.d2-1696315703 .md .task-list-item {
   list-style-type: none;
 }
 
-.md .task-list-item label {
+.d2-1696315703 .md .task-list-item label {
   font-weight: 400;
 }
 
-.md .task-list-item.enabled label {
+.d2-1696315703 .md .task-list-item.enabled label {
   cursor: pointer;
 }
 
-.md .task-list-item + .task-list-item {
+.d2-1696315703 .md .task-list-item + .task-list-item {
   margin-top: 3px;
 }
 
-.md .task-list-item .handle {
+.d2-1696315703 .md .task-list-item .handle {
   display: none;
 }
 
-.md .task-list-item-checkbox {
+.d2-1696315703 .md .task-list-item-checkbox {
   margin: 0 0.2em 0.25em -1.6em;
   vertical-align: middle;
 }
 
-.md .contains-task-list:dir(rtl) .task-list-item-checkbox {
+.d2-1696315703 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
 </style><g id="x"><g class="shape" ><rect x="12.000000" y="12.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="38.500000" y="50.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g id="y"><g class="shape" ><rect x="135.000000" y="12.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="162.000000" y="50.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g id="z"><g class="shape" ><rect x="259.000000" y="12.000000" width="52.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="285.000000" y="50.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">z</text></g><g id="legend"><g class="shape" ><rect x="79.000000" y="98.000000" width="164.000000" height="121.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="161.000000" y="131.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">legend</text></g><g id="legend.color1"><g class="shape" ></g><text x="140.000000" y="164.000000" fill="green" class="text" style="text-anchor:middle;font-size:16px">foo</text></g><g id="legend.color2"><g class="shape" ></g><text x="182.000000" y="164.000000" fill="red" class="text" style="text-anchor:middle;font-size:16px">bar</text></g><g id="(x -&gt; y)[0]"><marker id="mk-1457214650" 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="green" class="connection" stroke-width="2" /> </marker><path d="M 67.000000 45.000000 L 131.000000 45.000000" stroke="green" fill="none" class="connection" style="stroke-width:2;" marker-end="url(#mk-1457214650)" mask="url(#d2-1696315703)" /></g><g id="(y -&gt; z)[0]"><marker id="mk-1222543834" 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="red" class="connection" stroke-width="2" /> </marker><path d="M 191.000000 45.000000 L 255.000000 45.000000" stroke="red" fill="none" class="connection" style="stroke-width:2;" marker-end="url(#mk-1222543834)" mask="url(#d2-1696315703)" /></g><mask id="d2-1696315703" maskUnits="userSpaceOnUse" x="11" y="11" width="301" height="209">
diff --git a/e2etests/testdata/stable/li1/dagre/sketch.exp.svg b/e2etests/testdata/stable/li1/dagre/sketch.exp.svg
index cb3b7ee44..6cba7b42b 100644
--- a/e2etests/testdata/stable/li1/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/li1/dagre/sketch.exp.svg
@@ -96,31 +96,31 @@
 		.d2-2820568673 .color-AA4{color:#EDF0FD;}
 		.d2-2820568673 .color-AA5{color:#F7F8FE;}
 		.d2-2820568673 .color-AB4{color:#EDF0FD;}
-		.d2-2820568673 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.md em,
-.md dfn {
+		.d2-2820568673 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.d2-2820568673 .md em,
+.d2-2820568673 .md dfn {
   font-family: "d2-2820568673-font-italic";
 }
 
-.md b,
-.md strong {
+.d2-2820568673 .md b,
+.d2-2820568673 .md strong {
   font-family: "d2-2820568673-font-bold";
 }
 
-.md code,
-.md kbd,
-.md pre,
-.md samp {
+.d2-2820568673 .md code,
+.d2-2820568673 .md kbd,
+.d2-2820568673 .md pre,
+.d2-2820568673 .md samp {
   font-family: "d2-2820568673-font-mono";
   font-size: 1em;
 }
 
-.md {
+.d2-2820568673 .md {
   tab-size: 4;
 }
 
 /* variables are provided in d2renderers/d2svg/d2svg.go */
 
-.md {
+.d2-2820568673 .md {
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
   margin: 0;
@@ -132,41 +132,41 @@
   word-wrap: break-word;
 }
 
-.md details,
-.md figcaption,
-.md figure {
+.d2-2820568673 .md details,
+.d2-2820568673 .md figcaption,
+.d2-2820568673 .md figure {
   display: block;
 }
 
-.md summary {
+.d2-2820568673 .md summary {
   display: list-item;
 }
 
-.md [hidden] {
+.d2-2820568673 .md [hidden] {
   display: none !important;
 }
 
-.md a {
+.d2-2820568673 .md a {
   background-color: transparent;
   color: var(--color-accent-fg);
   text-decoration: none;
 }
 
-.md a:active,
-.md a:hover {
+.d2-2820568673 .md a:active,
+.d2-2820568673 .md a:hover {
   outline-width: 0;
 }
 
-.md abbr[title] {
+.d2-2820568673 .md abbr[title] {
   border-bottom: none;
   text-decoration: underline dotted;
 }
 
-.md dfn {
+.d2-2820568673 .md dfn {
   font-style: italic;
 }
 
-.md h1 {
+.d2-2820568673 .md h1 {
   margin: 0.67em 0;
   font-weight: 600;
   padding-bottom: 0.3em;
@@ -174,43 +174,43 @@
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md mark {
+.d2-2820568673 .md mark {
   background-color: var(--color-attention-subtle);
   color: var(--color-text-primary);
 }
 
-.md small {
+.d2-2820568673 .md small {
   font-size: 90%;
 }
 
-.md sub,
-.md sup {
+.d2-2820568673 .md sub,
+.d2-2820568673 .md sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
 }
 
-.md sub {
+.d2-2820568673 .md sub {
   bottom: -0.25em;
 }
 
-.md sup {
+.d2-2820568673 .md sup {
   top: -0.5em;
 }
 
-.md img {
+.d2-2820568673 .md img {
   border-style: none;
   max-width: 100%;
   box-sizing: content-box;
   background-color: var(--color-canvas-default);
 }
 
-.md figure {
+.d2-2820568673 .md figure {
   margin: 1em 40px;
 }
 
-.md hr {
+.d2-2820568673 .md hr {
   box-sizing: content-box;
   overflow: hidden;
   background: transparent;
@@ -222,7 +222,7 @@
   border: 0;
 }
 
-.md input {
+.d2-2820568673 .md input {
   font: inherit;
   margin: 0;
   overflow: visible;
@@ -231,72 +231,72 @@
   line-height: inherit;
 }
 
-.md [type="button"],
-.md [type="reset"],
-.md [type="submit"] {
+.d2-2820568673 .md [type="button"],
+.d2-2820568673 .md [type="reset"],
+.d2-2820568673 .md [type="submit"] {
   -webkit-appearance: button;
 }
 
-.md [type="button"]::-moz-focus-inner,
-.md [type="reset"]::-moz-focus-inner,
-.md [type="submit"]::-moz-focus-inner {
+.d2-2820568673 .md [type="button"]::-moz-focus-inner,
+.d2-2820568673 .md [type="reset"]::-moz-focus-inner,
+.d2-2820568673 .md [type="submit"]::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.md [type="button"]:-moz-focusring,
-.md [type="reset"]:-moz-focusring,
-.md [type="submit"]:-moz-focusring {
+.d2-2820568673 .md [type="button"]:-moz-focusring,
+.d2-2820568673 .md [type="reset"]:-moz-focusring,
+.d2-2820568673 .md [type="submit"]:-moz-focusring {
   outline: 1px dotted ButtonText;
 }
 
-.md [type="checkbox"],
-.md [type="radio"] {
+.d2-2820568673 .md [type="checkbox"],
+.d2-2820568673 .md [type="radio"] {
   box-sizing: border-box;
   padding: 0;
 }
 
-.md [type="number"]::-webkit-inner-spin-button,
-.md [type="number"]::-webkit-outer-spin-button {
+.d2-2820568673 .md [type="number"]::-webkit-inner-spin-button,
+.d2-2820568673 .md [type="number"]::-webkit-outer-spin-button {
   height: auto;
 }
 
-.md [type="search"] {
+.d2-2820568673 .md [type="search"] {
   -webkit-appearance: textfield;
   outline-offset: -2px;
 }
 
-.md [type="search"]::-webkit-search-cancel-button,
-.md [type="search"]::-webkit-search-decoration {
+.d2-2820568673 .md [type="search"]::-webkit-search-cancel-button,
+.d2-2820568673 .md [type="search"]::-webkit-search-decoration {
   -webkit-appearance: none;
 }
 
-.md ::-webkit-input-placeholder {
+.d2-2820568673 .md ::-webkit-input-placeholder {
   color: inherit;
   opacity: 0.54;
 }
 
-.md ::-webkit-file-upload-button {
+.d2-2820568673 .md ::-webkit-file-upload-button {
   -webkit-appearance: button;
   font: inherit;
 }
 
-.md a:hover {
+.d2-2820568673 .md a:hover {
   text-decoration: underline;
 }
 
-.md hr::before {
+.d2-2820568673 .md hr::before {
   display: table;
   content: "";
 }
 
-.md hr::after {
+.d2-2820568673 .md hr::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md table {
+.d2-2820568673 .md table {
   border-spacing: 0;
   border-collapse: collapse;
   display: block;
@@ -305,20 +305,20 @@
   overflow: auto;
 }
 
-.md td,
-.md th {
+.d2-2820568673 .md td,
+.d2-2820568673 .md th {
   padding: 0;
 }
 
-.md details summary {
+.d2-2820568673 .md details summary {
   cursor: pointer;
 }
 
-.md details:not([open]) > *:not(summary) {
+.d2-2820568673 .md details:not([open]) > *:not(summary) {
   display: none !important;
 }
 
-.md kbd {
+.d2-2820568673 .md kbd {
   display: inline-block;
   padding: 3px 5px;
   color: var(--color-fg-default);
@@ -330,12 +330,12 @@
   box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
 }
 
-.md h1,
-.md h2,
-.md h3,
-.md h4,
-.md h5,
-.md h6 {
+.d2-2820568673 .md h1,
+.d2-2820568673 .md h2,
+.d2-2820568673 .md h3,
+.d2-2820568673 .md h4,
+.d2-2820568673 .md h5,
+.d2-2820568673 .md h6 {
   margin-top: 24px;
   margin-bottom: 16px;
   font-weight: 600;
@@ -343,222 +343,222 @@
   font-family: "d2-2820568673-font-regular";
 }
 
-.md h2 {
+.d2-2820568673 .md h2 {
   font-weight: 600;
   padding-bottom: 0.3em;
   font-size: 1.5em;
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md h3 {
+.d2-2820568673 .md h3 {
   font-weight: 600;
   font-size: 1.25em;
 }
 
-.md h4 {
+.d2-2820568673 .md h4 {
   font-weight: 600;
   font-size: 1em;
 }
 
-.md h5 {
+.d2-2820568673 .md h5 {
   font-weight: 600;
   font-size: 0.875em;
 }
 
-.md h6 {
+.d2-2820568673 .md h6 {
   font-weight: 600;
   font-size: 0.85em;
   color: var(--color-fg-muted);
 }
 
-.md p {
+.d2-2820568673 .md p {
   margin-top: 0;
   margin-bottom: 10px;
 }
 
-.md blockquote {
+.d2-2820568673 .md blockquote {
   margin: 0;
   padding: 0 1em;
   color: var(--color-fg-muted);
   border-left: 0.25em solid var(--color-border-default);
 }
 
-.md ul,
-.md ol {
+.d2-2820568673 .md ul,
+.d2-2820568673 .md ol {
   margin-top: 0;
   margin-bottom: 0;
   padding-left: 2em;
 }
 
-.md ol ol,
-.md ul ol {
+.d2-2820568673 .md ol ol,
+.d2-2820568673 .md ul ol {
   list-style-type: lower-roman;
 }
 
-.md ul ul ol,
-.md ul ol ol,
-.md ol ul ol,
-.md ol ol ol {
+.d2-2820568673 .md ul ul ol,
+.d2-2820568673 .md ul ol ol,
+.d2-2820568673 .md ol ul ol,
+.d2-2820568673 .md ol ol ol {
   list-style-type: lower-alpha;
 }
 
-.md dd {
+.d2-2820568673 .md dd {
   margin-left: 0;
 }
 
-.md pre {
+.d2-2820568673 .md pre {
   margin-top: 0;
   margin-bottom: 0;
   word-wrap: normal;
 }
 
-.md ::placeholder {
+.d2-2820568673 .md ::placeholder {
   color: var(--color-fg-subtle);
   opacity: 1;
 }
 
-.md input::-webkit-outer-spin-button,
-.md input::-webkit-inner-spin-button {
+.d2-2820568673 .md input::-webkit-outer-spin-button,
+.d2-2820568673 .md input::-webkit-inner-spin-button {
   margin: 0;
   -webkit-appearance: none;
   appearance: none;
 }
 
-.md::before {
+.d2-2820568673 .md::before {
   display: table;
   content: "";
 }
 
-.md::after {
+.d2-2820568673 .md::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md > *:first-child {
+.d2-2820568673 .md > *:first-child {
   margin-top: 0 !important;
 }
 
-.md > *:last-child {
+.d2-2820568673 .md > *:last-child {
   margin-bottom: 0 !important;
 }
 
-.md a:not([href]) {
+.d2-2820568673 .md a:not([href]) {
   color: inherit;
   text-decoration: none;
 }
 
-.md .absent {
+.d2-2820568673 .md .absent {
   color: var(--color-danger-fg);
 }
 
-.md .anchor {
+.d2-2820568673 .md .anchor {
   float: left;
   padding-right: 4px;
   margin-left: -20px;
   line-height: 1;
 }
 
-.md .anchor:focus {
+.d2-2820568673 .md .anchor:focus {
   outline: none;
 }
 
-.md p,
-.md blockquote,
-.md ul,
-.md ol,
-.md dl,
-.md table,
-.md pre,
-.md details {
+.d2-2820568673 .md p,
+.d2-2820568673 .md blockquote,
+.d2-2820568673 .md ul,
+.d2-2820568673 .md ol,
+.d2-2820568673 .md dl,
+.d2-2820568673 .md table,
+.d2-2820568673 .md pre,
+.d2-2820568673 .md details {
   margin-top: 0;
   margin-bottom: 16px;
 }
 
-.md blockquote > :first-child {
+.d2-2820568673 .md blockquote > :first-child {
   margin-top: 0;
 }
 
-.md blockquote > :last-child {
+.d2-2820568673 .md blockquote > :last-child {
   margin-bottom: 0;
 }
 
-.md sup > a::before {
+.d2-2820568673 .md sup > a::before {
   content: "[";
 }
 
-.md sup > a::after {
+.d2-2820568673 .md sup > a::after {
   content: "]";
 }
 
-.md h1:hover .anchor,
-.md h2:hover .anchor,
-.md h3:hover .anchor,
-.md h4:hover .anchor,
-.md h5:hover .anchor,
-.md h6:hover .anchor {
+.d2-2820568673 .md h1:hover .anchor,
+.d2-2820568673 .md h2:hover .anchor,
+.d2-2820568673 .md h3:hover .anchor,
+.d2-2820568673 .md h4:hover .anchor,
+.d2-2820568673 .md h5:hover .anchor,
+.d2-2820568673 .md h6:hover .anchor {
   text-decoration: none;
 }
 
-.md h1 tt,
-.md h1 code,
-.md h2 tt,
-.md h2 code,
-.md h3 tt,
-.md h3 code,
-.md h4 tt,
-.md h4 code,
-.md h5 tt,
-.md h5 code,
-.md h6 tt,
-.md h6 code {
+.d2-2820568673 .md h1 tt,
+.d2-2820568673 .md h1 code,
+.d2-2820568673 .md h2 tt,
+.d2-2820568673 .md h2 code,
+.d2-2820568673 .md h3 tt,
+.d2-2820568673 .md h3 code,
+.d2-2820568673 .md h4 tt,
+.d2-2820568673 .md h4 code,
+.d2-2820568673 .md h5 tt,
+.d2-2820568673 .md h5 code,
+.d2-2820568673 .md h6 tt,
+.d2-2820568673 .md h6 code {
   padding: 0 0.2em;
   font-size: inherit;
 }
 
-.md ul.no-list,
-.md ol.no-list {
+.d2-2820568673 .md ul.no-list,
+.d2-2820568673 .md ol.no-list {
   padding: 0;
   list-style-type: none;
 }
 
-.md ol[type="1"] {
+.d2-2820568673 .md ol[type="1"] {
   list-style-type: decimal;
 }
 
-.md ol[type="a"] {
+.d2-2820568673 .md ol[type="a"] {
   list-style-type: lower-alpha;
 }
 
-.md ol[type="i"] {
+.d2-2820568673 .md ol[type="i"] {
   list-style-type: lower-roman;
 }
 
-.md div > ol:not([type]) {
+.d2-2820568673 .md div > ol:not([type]) {
   list-style-type: decimal;
 }
 
-.md ul ul,
-.md ul ol,
-.md ol ol,
-.md ol ul {
+.d2-2820568673 .md ul ul,
+.d2-2820568673 .md ul ol,
+.d2-2820568673 .md ol ol,
+.d2-2820568673 .md ol ul {
   margin-top: 0;
   margin-bottom: 0;
 }
 
-.md li > p {
+.d2-2820568673 .md li > p {
   margin-top: 16px;
 }
 
-.md li + li {
+.d2-2820568673 .md li + li {
   margin-top: 0.25em;
 }
 
-.md dl {
+.d2-2820568673 .md dl {
   padding: 0;
 }
 
-.md dl dt {
+.d2-2820568673 .md dl dt {
   padding: 0;
   margin-top: 16px;
   font-size: 1em;
@@ -566,48 +566,48 @@
   font-weight: 600;
 }
 
-.md dl dd {
+.d2-2820568673 .md dl dd {
   padding: 0 16px;
   margin-bottom: 16px;
 }
 
-.md table th {
+.d2-2820568673 .md table th {
   font-weight: 600;
 }
 
-.md table th,
-.md table td {
+.d2-2820568673 .md table th,
+.d2-2820568673 .md table td {
   padding: 6px 13px;
   border: 1px solid var(--color-border-default);
 }
 
-.md table tr {
+.d2-2820568673 .md table tr {
   background-color: var(--color-canvas-default);
   border-top: 1px solid var(--color-border-muted);
 }
 
-.md table tr:nth-child(2n) {
+.d2-2820568673 .md table tr:nth-child(2n) {
   background-color: var(--color-canvas-subtle);
 }
 
-.md table img {
+.d2-2820568673 .md table img {
   background-color: transparent;
 }
 
-.md img[align="right"] {
+.d2-2820568673 .md img[align="right"] {
   padding-left: 20px;
 }
 
-.md img[align="left"] {
+.d2-2820568673 .md img[align="left"] {
   padding-right: 20px;
 }
 
-.md span.frame {
+.d2-2820568673 .md span.frame {
   display: block;
   overflow: hidden;
 }
 
-.md span.frame > span {
+.d2-2820568673 .md span.frame > span {
   display: block;
   float: left;
   width: auto;
@@ -617,81 +617,81 @@
   border: 1px solid var(--color-border-default);
 }
 
-.md span.frame span img {
+.d2-2820568673 .md span.frame span img {
   display: block;
   float: left;
 }
 
-.md span.frame span span {
+.d2-2820568673 .md span.frame span span {
   display: block;
   padding: 5px 0 0;
   clear: both;
   color: var(--color-fg-default);
 }
 
-.md span.align-center {
+.d2-2820568673 .md span.align-center {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-center > span {
+.d2-2820568673 .md span.align-center > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: center;
 }
 
-.md span.align-center span img {
+.d2-2820568673 .md span.align-center span img {
   margin: 0 auto;
   text-align: center;
 }
 
-.md span.align-right {
+.d2-2820568673 .md span.align-right {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-right > span {
+.d2-2820568673 .md span.align-right > span {
   display: block;
   margin: 13px 0 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md span.align-right span img {
+.d2-2820568673 .md span.align-right span img {
   margin: 0;
   text-align: right;
 }
 
-.md span.float-left {
+.d2-2820568673 .md span.float-left {
   display: block;
   float: left;
   margin-right: 13px;
   overflow: hidden;
 }
 
-.md span.float-left span {
+.d2-2820568673 .md span.float-left span {
   margin: 13px 0 0;
 }
 
-.md span.float-right {
+.d2-2820568673 .md span.float-right {
   display: block;
   float: right;
   margin-left: 13px;
   overflow: hidden;
 }
 
-.md span.float-right > span {
+.d2-2820568673 .md span.float-right > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md code,
-.md tt {
+.d2-2820568673 .md code,
+.d2-2820568673 .md tt {
   padding: 0.2em 0.4em;
   margin: 0;
   font-size: 85%;
@@ -699,20 +699,20 @@
   border-radius: 6px;
 }
 
-.md code br,
-.md tt br {
+.d2-2820568673 .md code br,
+.d2-2820568673 .md tt br {
   display: none;
 }
 
-.md del code {
+.d2-2820568673 .md del code {
   text-decoration: inherit;
 }
 
-.md pre code {
+.d2-2820568673 .md pre code {
   font-size: 100%;
 }
 
-.md pre > code {
+.d2-2820568673 .md pre > code {
   padding: 0;
   margin: 0;
   word-break: normal;
@@ -721,17 +721,17 @@
   border: 0;
 }
 
-.md .highlight {
+.d2-2820568673 .md .highlight {
   margin-bottom: 16px;
 }
 
-.md .highlight pre {
+.d2-2820568673 .md .highlight pre {
   margin-bottom: 0;
   word-break: normal;
 }
 
-.md .highlight pre,
-.md pre {
+.d2-2820568673 .md .highlight pre,
+.d2-2820568673 .md pre {
   padding: 16px;
   overflow: auto;
   font-size: 85%;
@@ -740,8 +740,8 @@
   border-radius: 6px;
 }
 
-.md pre code,
-.md pre tt {
+.d2-2820568673 .md pre code,
+.d2-2820568673 .md pre tt {
   display: inline;
   max-width: auto;
   padding: 0;
@@ -753,8 +753,8 @@
   border: 0;
 }
 
-.md .csv-data td,
-.md .csv-data th {
+.d2-2820568673 .md .csv-data td,
+.d2-2820568673 .md .csv-data th {
   padding: 5px;
   overflow: hidden;
   font-size: 12px;
@@ -763,38 +763,38 @@
   white-space: nowrap;
 }
 
-.md .csv-data .blob-num {
+.d2-2820568673 .md .csv-data .blob-num {
   padding: 10px 8px 9px;
   text-align: right;
   background: var(--color-canvas-default);
   border: 0;
 }
 
-.md .csv-data tr {
+.d2-2820568673 .md .csv-data tr {
   border-top: 0;
 }
 
-.md .csv-data th {
+.d2-2820568673 .md .csv-data th {
   font-weight: 600;
   background: var(--color-canvas-subtle);
   border-top: 0;
 }
 
-.md .footnotes {
+.d2-2820568673 .md .footnotes {
   font-size: 12px;
   color: var(--color-fg-muted);
   border-top: 1px solid var(--color-border-default);
 }
 
-.md .footnotes ol {
+.d2-2820568673 .md .footnotes ol {
   padding-left: 16px;
 }
 
-.md .footnotes li {
+.d2-2820568673 .md .footnotes li {
   position: relative;
 }
 
-.md .footnotes li:target::before {
+.d2-2820568673 .md .footnotes li:target::before {
   position: absolute;
   top: -8px;
   right: -8px;
@@ -806,36 +806,36 @@
   border-radius: 6px;
 }
 
-.md .footnotes li:target {
+.d2-2820568673 .md .footnotes li:target {
   color: var(--color-fg-default);
 }
 
-.md .task-list-item {
+.d2-2820568673 .md .task-list-item {
   list-style-type: none;
 }
 
-.md .task-list-item label {
+.d2-2820568673 .md .task-list-item label {
   font-weight: 400;
 }
 
-.md .task-list-item.enabled label {
+.d2-2820568673 .md .task-list-item.enabled label {
   cursor: pointer;
 }
 
-.md .task-list-item + .task-list-item {
+.d2-2820568673 .md .task-list-item + .task-list-item {
   margin-top: 3px;
 }
 
-.md .task-list-item .handle {
+.d2-2820568673 .md .task-list-item .handle {
   display: none;
 }
 
-.md .task-list-item-checkbox {
+.d2-2820568673 .md .task-list-item-checkbox {
   margin: 0 0.2em 0.25em -1.6em;
   vertical-align: middle;
 }
 
-.md .contains-task-list:dir(rtl) .task-list-item-checkbox {
+.d2-2820568673 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
 </style><g id="md"><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>
diff --git a/e2etests/testdata/stable/li1/elk/sketch.exp.svg b/e2etests/testdata/stable/li1/elk/sketch.exp.svg
index 531f1edfc..c3601646b 100644
--- a/e2etests/testdata/stable/li1/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/li1/elk/sketch.exp.svg
@@ -96,31 +96,31 @@
 		.d2-2389900904 .color-AA4{color:#EDF0FD;}
 		.d2-2389900904 .color-AA5{color:#F7F8FE;}
 		.d2-2389900904 .color-AB4{color:#EDF0FD;}
-		.d2-2389900904 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.md em,
-.md dfn {
+		.d2-2389900904 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.d2-2389900904 .md em,
+.d2-2389900904 .md dfn {
   font-family: "d2-2389900904-font-italic";
 }
 
-.md b,
-.md strong {
+.d2-2389900904 .md b,
+.d2-2389900904 .md strong {
   font-family: "d2-2389900904-font-bold";
 }
 
-.md code,
-.md kbd,
-.md pre,
-.md samp {
+.d2-2389900904 .md code,
+.d2-2389900904 .md kbd,
+.d2-2389900904 .md pre,
+.d2-2389900904 .md samp {
   font-family: "d2-2389900904-font-mono";
   font-size: 1em;
 }
 
-.md {
+.d2-2389900904 .md {
   tab-size: 4;
 }
 
 /* variables are provided in d2renderers/d2svg/d2svg.go */
 
-.md {
+.d2-2389900904 .md {
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
   margin: 0;
@@ -132,41 +132,41 @@
   word-wrap: break-word;
 }
 
-.md details,
-.md figcaption,
-.md figure {
+.d2-2389900904 .md details,
+.d2-2389900904 .md figcaption,
+.d2-2389900904 .md figure {
   display: block;
 }
 
-.md summary {
+.d2-2389900904 .md summary {
   display: list-item;
 }
 
-.md [hidden] {
+.d2-2389900904 .md [hidden] {
   display: none !important;
 }
 
-.md a {
+.d2-2389900904 .md a {
   background-color: transparent;
   color: var(--color-accent-fg);
   text-decoration: none;
 }
 
-.md a:active,
-.md a:hover {
+.d2-2389900904 .md a:active,
+.d2-2389900904 .md a:hover {
   outline-width: 0;
 }
 
-.md abbr[title] {
+.d2-2389900904 .md abbr[title] {
   border-bottom: none;
   text-decoration: underline dotted;
 }
 
-.md dfn {
+.d2-2389900904 .md dfn {
   font-style: italic;
 }
 
-.md h1 {
+.d2-2389900904 .md h1 {
   margin: 0.67em 0;
   font-weight: 600;
   padding-bottom: 0.3em;
@@ -174,43 +174,43 @@
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md mark {
+.d2-2389900904 .md mark {
   background-color: var(--color-attention-subtle);
   color: var(--color-text-primary);
 }
 
-.md small {
+.d2-2389900904 .md small {
   font-size: 90%;
 }
 
-.md sub,
-.md sup {
+.d2-2389900904 .md sub,
+.d2-2389900904 .md sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
 }
 
-.md sub {
+.d2-2389900904 .md sub {
   bottom: -0.25em;
 }
 
-.md sup {
+.d2-2389900904 .md sup {
   top: -0.5em;
 }
 
-.md img {
+.d2-2389900904 .md img {
   border-style: none;
   max-width: 100%;
   box-sizing: content-box;
   background-color: var(--color-canvas-default);
 }
 
-.md figure {
+.d2-2389900904 .md figure {
   margin: 1em 40px;
 }
 
-.md hr {
+.d2-2389900904 .md hr {
   box-sizing: content-box;
   overflow: hidden;
   background: transparent;
@@ -222,7 +222,7 @@
   border: 0;
 }
 
-.md input {
+.d2-2389900904 .md input {
   font: inherit;
   margin: 0;
   overflow: visible;
@@ -231,72 +231,72 @@
   line-height: inherit;
 }
 
-.md [type="button"],
-.md [type="reset"],
-.md [type="submit"] {
+.d2-2389900904 .md [type="button"],
+.d2-2389900904 .md [type="reset"],
+.d2-2389900904 .md [type="submit"] {
   -webkit-appearance: button;
 }
 
-.md [type="button"]::-moz-focus-inner,
-.md [type="reset"]::-moz-focus-inner,
-.md [type="submit"]::-moz-focus-inner {
+.d2-2389900904 .md [type="button"]::-moz-focus-inner,
+.d2-2389900904 .md [type="reset"]::-moz-focus-inner,
+.d2-2389900904 .md [type="submit"]::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.md [type="button"]:-moz-focusring,
-.md [type="reset"]:-moz-focusring,
-.md [type="submit"]:-moz-focusring {
+.d2-2389900904 .md [type="button"]:-moz-focusring,
+.d2-2389900904 .md [type="reset"]:-moz-focusring,
+.d2-2389900904 .md [type="submit"]:-moz-focusring {
   outline: 1px dotted ButtonText;
 }
 
-.md [type="checkbox"],
-.md [type="radio"] {
+.d2-2389900904 .md [type="checkbox"],
+.d2-2389900904 .md [type="radio"] {
   box-sizing: border-box;
   padding: 0;
 }
 
-.md [type="number"]::-webkit-inner-spin-button,
-.md [type="number"]::-webkit-outer-spin-button {
+.d2-2389900904 .md [type="number"]::-webkit-inner-spin-button,
+.d2-2389900904 .md [type="number"]::-webkit-outer-spin-button {
   height: auto;
 }
 
-.md [type="search"] {
+.d2-2389900904 .md [type="search"] {
   -webkit-appearance: textfield;
   outline-offset: -2px;
 }
 
-.md [type="search"]::-webkit-search-cancel-button,
-.md [type="search"]::-webkit-search-decoration {
+.d2-2389900904 .md [type="search"]::-webkit-search-cancel-button,
+.d2-2389900904 .md [type="search"]::-webkit-search-decoration {
   -webkit-appearance: none;
 }
 
-.md ::-webkit-input-placeholder {
+.d2-2389900904 .md ::-webkit-input-placeholder {
   color: inherit;
   opacity: 0.54;
 }
 
-.md ::-webkit-file-upload-button {
+.d2-2389900904 .md ::-webkit-file-upload-button {
   -webkit-appearance: button;
   font: inherit;
 }
 
-.md a:hover {
+.d2-2389900904 .md a:hover {
   text-decoration: underline;
 }
 
-.md hr::before {
+.d2-2389900904 .md hr::before {
   display: table;
   content: "";
 }
 
-.md hr::after {
+.d2-2389900904 .md hr::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md table {
+.d2-2389900904 .md table {
   border-spacing: 0;
   border-collapse: collapse;
   display: block;
@@ -305,20 +305,20 @@
   overflow: auto;
 }
 
-.md td,
-.md th {
+.d2-2389900904 .md td,
+.d2-2389900904 .md th {
   padding: 0;
 }
 
-.md details summary {
+.d2-2389900904 .md details summary {
   cursor: pointer;
 }
 
-.md details:not([open]) > *:not(summary) {
+.d2-2389900904 .md details:not([open]) > *:not(summary) {
   display: none !important;
 }
 
-.md kbd {
+.d2-2389900904 .md kbd {
   display: inline-block;
   padding: 3px 5px;
   color: var(--color-fg-default);
@@ -330,12 +330,12 @@
   box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
 }
 
-.md h1,
-.md h2,
-.md h3,
-.md h4,
-.md h5,
-.md h6 {
+.d2-2389900904 .md h1,
+.d2-2389900904 .md h2,
+.d2-2389900904 .md h3,
+.d2-2389900904 .md h4,
+.d2-2389900904 .md h5,
+.d2-2389900904 .md h6 {
   margin-top: 24px;
   margin-bottom: 16px;
   font-weight: 600;
@@ -343,222 +343,222 @@
   font-family: "d2-2389900904-font-regular";
 }
 
-.md h2 {
+.d2-2389900904 .md h2 {
   font-weight: 600;
   padding-bottom: 0.3em;
   font-size: 1.5em;
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md h3 {
+.d2-2389900904 .md h3 {
   font-weight: 600;
   font-size: 1.25em;
 }
 
-.md h4 {
+.d2-2389900904 .md h4 {
   font-weight: 600;
   font-size: 1em;
 }
 
-.md h5 {
+.d2-2389900904 .md h5 {
   font-weight: 600;
   font-size: 0.875em;
 }
 
-.md h6 {
+.d2-2389900904 .md h6 {
   font-weight: 600;
   font-size: 0.85em;
   color: var(--color-fg-muted);
 }
 
-.md p {
+.d2-2389900904 .md p {
   margin-top: 0;
   margin-bottom: 10px;
 }
 
-.md blockquote {
+.d2-2389900904 .md blockquote {
   margin: 0;
   padding: 0 1em;
   color: var(--color-fg-muted);
   border-left: 0.25em solid var(--color-border-default);
 }
 
-.md ul,
-.md ol {
+.d2-2389900904 .md ul,
+.d2-2389900904 .md ol {
   margin-top: 0;
   margin-bottom: 0;
   padding-left: 2em;
 }
 
-.md ol ol,
-.md ul ol {
+.d2-2389900904 .md ol ol,
+.d2-2389900904 .md ul ol {
   list-style-type: lower-roman;
 }
 
-.md ul ul ol,
-.md ul ol ol,
-.md ol ul ol,
-.md ol ol ol {
+.d2-2389900904 .md ul ul ol,
+.d2-2389900904 .md ul ol ol,
+.d2-2389900904 .md ol ul ol,
+.d2-2389900904 .md ol ol ol {
   list-style-type: lower-alpha;
 }
 
-.md dd {
+.d2-2389900904 .md dd {
   margin-left: 0;
 }
 
-.md pre {
+.d2-2389900904 .md pre {
   margin-top: 0;
   margin-bottom: 0;
   word-wrap: normal;
 }
 
-.md ::placeholder {
+.d2-2389900904 .md ::placeholder {
   color: var(--color-fg-subtle);
   opacity: 1;
 }
 
-.md input::-webkit-outer-spin-button,
-.md input::-webkit-inner-spin-button {
+.d2-2389900904 .md input::-webkit-outer-spin-button,
+.d2-2389900904 .md input::-webkit-inner-spin-button {
   margin: 0;
   -webkit-appearance: none;
   appearance: none;
 }
 
-.md::before {
+.d2-2389900904 .md::before {
   display: table;
   content: "";
 }
 
-.md::after {
+.d2-2389900904 .md::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md > *:first-child {
+.d2-2389900904 .md > *:first-child {
   margin-top: 0 !important;
 }
 
-.md > *:last-child {
+.d2-2389900904 .md > *:last-child {
   margin-bottom: 0 !important;
 }
 
-.md a:not([href]) {
+.d2-2389900904 .md a:not([href]) {
   color: inherit;
   text-decoration: none;
 }
 
-.md .absent {
+.d2-2389900904 .md .absent {
   color: var(--color-danger-fg);
 }
 
-.md .anchor {
+.d2-2389900904 .md .anchor {
   float: left;
   padding-right: 4px;
   margin-left: -20px;
   line-height: 1;
 }
 
-.md .anchor:focus {
+.d2-2389900904 .md .anchor:focus {
   outline: none;
 }
 
-.md p,
-.md blockquote,
-.md ul,
-.md ol,
-.md dl,
-.md table,
-.md pre,
-.md details {
+.d2-2389900904 .md p,
+.d2-2389900904 .md blockquote,
+.d2-2389900904 .md ul,
+.d2-2389900904 .md ol,
+.d2-2389900904 .md dl,
+.d2-2389900904 .md table,
+.d2-2389900904 .md pre,
+.d2-2389900904 .md details {
   margin-top: 0;
   margin-bottom: 16px;
 }
 
-.md blockquote > :first-child {
+.d2-2389900904 .md blockquote > :first-child {
   margin-top: 0;
 }
 
-.md blockquote > :last-child {
+.d2-2389900904 .md blockquote > :last-child {
   margin-bottom: 0;
 }
 
-.md sup > a::before {
+.d2-2389900904 .md sup > a::before {
   content: "[";
 }
 
-.md sup > a::after {
+.d2-2389900904 .md sup > a::after {
   content: "]";
 }
 
-.md h1:hover .anchor,
-.md h2:hover .anchor,
-.md h3:hover .anchor,
-.md h4:hover .anchor,
-.md h5:hover .anchor,
-.md h6:hover .anchor {
+.d2-2389900904 .md h1:hover .anchor,
+.d2-2389900904 .md h2:hover .anchor,
+.d2-2389900904 .md h3:hover .anchor,
+.d2-2389900904 .md h4:hover .anchor,
+.d2-2389900904 .md h5:hover .anchor,
+.d2-2389900904 .md h6:hover .anchor {
   text-decoration: none;
 }
 
-.md h1 tt,
-.md h1 code,
-.md h2 tt,
-.md h2 code,
-.md h3 tt,
-.md h3 code,
-.md h4 tt,
-.md h4 code,
-.md h5 tt,
-.md h5 code,
-.md h6 tt,
-.md h6 code {
+.d2-2389900904 .md h1 tt,
+.d2-2389900904 .md h1 code,
+.d2-2389900904 .md h2 tt,
+.d2-2389900904 .md h2 code,
+.d2-2389900904 .md h3 tt,
+.d2-2389900904 .md h3 code,
+.d2-2389900904 .md h4 tt,
+.d2-2389900904 .md h4 code,
+.d2-2389900904 .md h5 tt,
+.d2-2389900904 .md h5 code,
+.d2-2389900904 .md h6 tt,
+.d2-2389900904 .md h6 code {
   padding: 0 0.2em;
   font-size: inherit;
 }
 
-.md ul.no-list,
-.md ol.no-list {
+.d2-2389900904 .md ul.no-list,
+.d2-2389900904 .md ol.no-list {
   padding: 0;
   list-style-type: none;
 }
 
-.md ol[type="1"] {
+.d2-2389900904 .md ol[type="1"] {
   list-style-type: decimal;
 }
 
-.md ol[type="a"] {
+.d2-2389900904 .md ol[type="a"] {
   list-style-type: lower-alpha;
 }
 
-.md ol[type="i"] {
+.d2-2389900904 .md ol[type="i"] {
   list-style-type: lower-roman;
 }
 
-.md div > ol:not([type]) {
+.d2-2389900904 .md div > ol:not([type]) {
   list-style-type: decimal;
 }
 
-.md ul ul,
-.md ul ol,
-.md ol ol,
-.md ol ul {
+.d2-2389900904 .md ul ul,
+.d2-2389900904 .md ul ol,
+.d2-2389900904 .md ol ol,
+.d2-2389900904 .md ol ul {
   margin-top: 0;
   margin-bottom: 0;
 }
 
-.md li > p {
+.d2-2389900904 .md li > p {
   margin-top: 16px;
 }
 
-.md li + li {
+.d2-2389900904 .md li + li {
   margin-top: 0.25em;
 }
 
-.md dl {
+.d2-2389900904 .md dl {
   padding: 0;
 }
 
-.md dl dt {
+.d2-2389900904 .md dl dt {
   padding: 0;
   margin-top: 16px;
   font-size: 1em;
@@ -566,48 +566,48 @@
   font-weight: 600;
 }
 
-.md dl dd {
+.d2-2389900904 .md dl dd {
   padding: 0 16px;
   margin-bottom: 16px;
 }
 
-.md table th {
+.d2-2389900904 .md table th {
   font-weight: 600;
 }
 
-.md table th,
-.md table td {
+.d2-2389900904 .md table th,
+.d2-2389900904 .md table td {
   padding: 6px 13px;
   border: 1px solid var(--color-border-default);
 }
 
-.md table tr {
+.d2-2389900904 .md table tr {
   background-color: var(--color-canvas-default);
   border-top: 1px solid var(--color-border-muted);
 }
 
-.md table tr:nth-child(2n) {
+.d2-2389900904 .md table tr:nth-child(2n) {
   background-color: var(--color-canvas-subtle);
 }
 
-.md table img {
+.d2-2389900904 .md table img {
   background-color: transparent;
 }
 
-.md img[align="right"] {
+.d2-2389900904 .md img[align="right"] {
   padding-left: 20px;
 }
 
-.md img[align="left"] {
+.d2-2389900904 .md img[align="left"] {
   padding-right: 20px;
 }
 
-.md span.frame {
+.d2-2389900904 .md span.frame {
   display: block;
   overflow: hidden;
 }
 
-.md span.frame > span {
+.d2-2389900904 .md span.frame > span {
   display: block;
   float: left;
   width: auto;
@@ -617,81 +617,81 @@
   border: 1px solid var(--color-border-default);
 }
 
-.md span.frame span img {
+.d2-2389900904 .md span.frame span img {
   display: block;
   float: left;
 }
 
-.md span.frame span span {
+.d2-2389900904 .md span.frame span span {
   display: block;
   padding: 5px 0 0;
   clear: both;
   color: var(--color-fg-default);
 }
 
-.md span.align-center {
+.d2-2389900904 .md span.align-center {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-center > span {
+.d2-2389900904 .md span.align-center > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: center;
 }
 
-.md span.align-center span img {
+.d2-2389900904 .md span.align-center span img {
   margin: 0 auto;
   text-align: center;
 }
 
-.md span.align-right {
+.d2-2389900904 .md span.align-right {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-right > span {
+.d2-2389900904 .md span.align-right > span {
   display: block;
   margin: 13px 0 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md span.align-right span img {
+.d2-2389900904 .md span.align-right span img {
   margin: 0;
   text-align: right;
 }
 
-.md span.float-left {
+.d2-2389900904 .md span.float-left {
   display: block;
   float: left;
   margin-right: 13px;
   overflow: hidden;
 }
 
-.md span.float-left span {
+.d2-2389900904 .md span.float-left span {
   margin: 13px 0 0;
 }
 
-.md span.float-right {
+.d2-2389900904 .md span.float-right {
   display: block;
   float: right;
   margin-left: 13px;
   overflow: hidden;
 }
 
-.md span.float-right > span {
+.d2-2389900904 .md span.float-right > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md code,
-.md tt {
+.d2-2389900904 .md code,
+.d2-2389900904 .md tt {
   padding: 0.2em 0.4em;
   margin: 0;
   font-size: 85%;
@@ -699,20 +699,20 @@
   border-radius: 6px;
 }
 
-.md code br,
-.md tt br {
+.d2-2389900904 .md code br,
+.d2-2389900904 .md tt br {
   display: none;
 }
 
-.md del code {
+.d2-2389900904 .md del code {
   text-decoration: inherit;
 }
 
-.md pre code {
+.d2-2389900904 .md pre code {
   font-size: 100%;
 }
 
-.md pre > code {
+.d2-2389900904 .md pre > code {
   padding: 0;
   margin: 0;
   word-break: normal;
@@ -721,17 +721,17 @@
   border: 0;
 }
 
-.md .highlight {
+.d2-2389900904 .md .highlight {
   margin-bottom: 16px;
 }
 
-.md .highlight pre {
+.d2-2389900904 .md .highlight pre {
   margin-bottom: 0;
   word-break: normal;
 }
 
-.md .highlight pre,
-.md pre {
+.d2-2389900904 .md .highlight pre,
+.d2-2389900904 .md pre {
   padding: 16px;
   overflow: auto;
   font-size: 85%;
@@ -740,8 +740,8 @@
   border-radius: 6px;
 }
 
-.md pre code,
-.md pre tt {
+.d2-2389900904 .md pre code,
+.d2-2389900904 .md pre tt {
   display: inline;
   max-width: auto;
   padding: 0;
@@ -753,8 +753,8 @@
   border: 0;
 }
 
-.md .csv-data td,
-.md .csv-data th {
+.d2-2389900904 .md .csv-data td,
+.d2-2389900904 .md .csv-data th {
   padding: 5px;
   overflow: hidden;
   font-size: 12px;
@@ -763,38 +763,38 @@
   white-space: nowrap;
 }
 
-.md .csv-data .blob-num {
+.d2-2389900904 .md .csv-data .blob-num {
   padding: 10px 8px 9px;
   text-align: right;
   background: var(--color-canvas-default);
   border: 0;
 }
 
-.md .csv-data tr {
+.d2-2389900904 .md .csv-data tr {
   border-top: 0;
 }
 
-.md .csv-data th {
+.d2-2389900904 .md .csv-data th {
   font-weight: 600;
   background: var(--color-canvas-subtle);
   border-top: 0;
 }
 
-.md .footnotes {
+.d2-2389900904 .md .footnotes {
   font-size: 12px;
   color: var(--color-fg-muted);
   border-top: 1px solid var(--color-border-default);
 }
 
-.md .footnotes ol {
+.d2-2389900904 .md .footnotes ol {
   padding-left: 16px;
 }
 
-.md .footnotes li {
+.d2-2389900904 .md .footnotes li {
   position: relative;
 }
 
-.md .footnotes li:target::before {
+.d2-2389900904 .md .footnotes li:target::before {
   position: absolute;
   top: -8px;
   right: -8px;
@@ -806,36 +806,36 @@
   border-radius: 6px;
 }
 
-.md .footnotes li:target {
+.d2-2389900904 .md .footnotes li:target {
   color: var(--color-fg-default);
 }
 
-.md .task-list-item {
+.d2-2389900904 .md .task-list-item {
   list-style-type: none;
 }
 
-.md .task-list-item label {
+.d2-2389900904 .md .task-list-item label {
   font-weight: 400;
 }
 
-.md .task-list-item.enabled label {
+.d2-2389900904 .md .task-list-item.enabled label {
   cursor: pointer;
 }
 
-.md .task-list-item + .task-list-item {
+.d2-2389900904 .md .task-list-item + .task-list-item {
   margin-top: 3px;
 }
 
-.md .task-list-item .handle {
+.d2-2389900904 .md .task-list-item .handle {
   display: none;
 }
 
-.md .task-list-item-checkbox {
+.d2-2389900904 .md .task-list-item-checkbox {
   margin: 0 0.2em 0.25em -1.6em;
   vertical-align: middle;
 }
 
-.md .contains-task-list:dir(rtl) .task-list-item-checkbox {
+.d2-2389900904 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
 </style><g id="md"><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>
diff --git a/e2etests/testdata/stable/li2/dagre/sketch.exp.svg b/e2etests/testdata/stable/li2/dagre/sketch.exp.svg
index 057bf4dff..11e0fea06 100644
--- a/e2etests/testdata/stable/li2/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/li2/dagre/sketch.exp.svg
@@ -103,31 +103,31 @@
 		.d2-3773717985 .color-AA4{color:#EDF0FD;}
 		.d2-3773717985 .color-AA5{color:#F7F8FE;}
 		.d2-3773717985 .color-AB4{color:#EDF0FD;}
-		.d2-3773717985 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.md em,
-.md dfn {
+		.d2-3773717985 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.d2-3773717985 .md em,
+.d2-3773717985 .md dfn {
   font-family: "d2-3773717985-font-italic";
 }
 
-.md b,
-.md strong {
+.d2-3773717985 .md b,
+.d2-3773717985 .md strong {
   font-family: "d2-3773717985-font-bold";
 }
 
-.md code,
-.md kbd,
-.md pre,
-.md samp {
+.d2-3773717985 .md code,
+.d2-3773717985 .md kbd,
+.d2-3773717985 .md pre,
+.d2-3773717985 .md samp {
   font-family: "d2-3773717985-font-mono";
   font-size: 1em;
 }
 
-.md {
+.d2-3773717985 .md {
   tab-size: 4;
 }
 
 /* variables are provided in d2renderers/d2svg/d2svg.go */
 
-.md {
+.d2-3773717985 .md {
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
   margin: 0;
@@ -139,41 +139,41 @@
   word-wrap: break-word;
 }
 
-.md details,
-.md figcaption,
-.md figure {
+.d2-3773717985 .md details,
+.d2-3773717985 .md figcaption,
+.d2-3773717985 .md figure {
   display: block;
 }
 
-.md summary {
+.d2-3773717985 .md summary {
   display: list-item;
 }
 
-.md [hidden] {
+.d2-3773717985 .md [hidden] {
   display: none !important;
 }
 
-.md a {
+.d2-3773717985 .md a {
   background-color: transparent;
   color: var(--color-accent-fg);
   text-decoration: none;
 }
 
-.md a:active,
-.md a:hover {
+.d2-3773717985 .md a:active,
+.d2-3773717985 .md a:hover {
   outline-width: 0;
 }
 
-.md abbr[title] {
+.d2-3773717985 .md abbr[title] {
   border-bottom: none;
   text-decoration: underline dotted;
 }
 
-.md dfn {
+.d2-3773717985 .md dfn {
   font-style: italic;
 }
 
-.md h1 {
+.d2-3773717985 .md h1 {
   margin: 0.67em 0;
   font-weight: 600;
   padding-bottom: 0.3em;
@@ -181,43 +181,43 @@
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md mark {
+.d2-3773717985 .md mark {
   background-color: var(--color-attention-subtle);
   color: var(--color-text-primary);
 }
 
-.md small {
+.d2-3773717985 .md small {
   font-size: 90%;
 }
 
-.md sub,
-.md sup {
+.d2-3773717985 .md sub,
+.d2-3773717985 .md sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
 }
 
-.md sub {
+.d2-3773717985 .md sub {
   bottom: -0.25em;
 }
 
-.md sup {
+.d2-3773717985 .md sup {
   top: -0.5em;
 }
 
-.md img {
+.d2-3773717985 .md img {
   border-style: none;
   max-width: 100%;
   box-sizing: content-box;
   background-color: var(--color-canvas-default);
 }
 
-.md figure {
+.d2-3773717985 .md figure {
   margin: 1em 40px;
 }
 
-.md hr {
+.d2-3773717985 .md hr {
   box-sizing: content-box;
   overflow: hidden;
   background: transparent;
@@ -229,7 +229,7 @@
   border: 0;
 }
 
-.md input {
+.d2-3773717985 .md input {
   font: inherit;
   margin: 0;
   overflow: visible;
@@ -238,72 +238,72 @@
   line-height: inherit;
 }
 
-.md [type="button"],
-.md [type="reset"],
-.md [type="submit"] {
+.d2-3773717985 .md [type="button"],
+.d2-3773717985 .md [type="reset"],
+.d2-3773717985 .md [type="submit"] {
   -webkit-appearance: button;
 }
 
-.md [type="button"]::-moz-focus-inner,
-.md [type="reset"]::-moz-focus-inner,
-.md [type="submit"]::-moz-focus-inner {
+.d2-3773717985 .md [type="button"]::-moz-focus-inner,
+.d2-3773717985 .md [type="reset"]::-moz-focus-inner,
+.d2-3773717985 .md [type="submit"]::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.md [type="button"]:-moz-focusring,
-.md [type="reset"]:-moz-focusring,
-.md [type="submit"]:-moz-focusring {
+.d2-3773717985 .md [type="button"]:-moz-focusring,
+.d2-3773717985 .md [type="reset"]:-moz-focusring,
+.d2-3773717985 .md [type="submit"]:-moz-focusring {
   outline: 1px dotted ButtonText;
 }
 
-.md [type="checkbox"],
-.md [type="radio"] {
+.d2-3773717985 .md [type="checkbox"],
+.d2-3773717985 .md [type="radio"] {
   box-sizing: border-box;
   padding: 0;
 }
 
-.md [type="number"]::-webkit-inner-spin-button,
-.md [type="number"]::-webkit-outer-spin-button {
+.d2-3773717985 .md [type="number"]::-webkit-inner-spin-button,
+.d2-3773717985 .md [type="number"]::-webkit-outer-spin-button {
   height: auto;
 }
 
-.md [type="search"] {
+.d2-3773717985 .md [type="search"] {
   -webkit-appearance: textfield;
   outline-offset: -2px;
 }
 
-.md [type="search"]::-webkit-search-cancel-button,
-.md [type="search"]::-webkit-search-decoration {
+.d2-3773717985 .md [type="search"]::-webkit-search-cancel-button,
+.d2-3773717985 .md [type="search"]::-webkit-search-decoration {
   -webkit-appearance: none;
 }
 
-.md ::-webkit-input-placeholder {
+.d2-3773717985 .md ::-webkit-input-placeholder {
   color: inherit;
   opacity: 0.54;
 }
 
-.md ::-webkit-file-upload-button {
+.d2-3773717985 .md ::-webkit-file-upload-button {
   -webkit-appearance: button;
   font: inherit;
 }
 
-.md a:hover {
+.d2-3773717985 .md a:hover {
   text-decoration: underline;
 }
 
-.md hr::before {
+.d2-3773717985 .md hr::before {
   display: table;
   content: "";
 }
 
-.md hr::after {
+.d2-3773717985 .md hr::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md table {
+.d2-3773717985 .md table {
   border-spacing: 0;
   border-collapse: collapse;
   display: block;
@@ -312,20 +312,20 @@
   overflow: auto;
 }
 
-.md td,
-.md th {
+.d2-3773717985 .md td,
+.d2-3773717985 .md th {
   padding: 0;
 }
 
-.md details summary {
+.d2-3773717985 .md details summary {
   cursor: pointer;
 }
 
-.md details:not([open]) > *:not(summary) {
+.d2-3773717985 .md details:not([open]) > *:not(summary) {
   display: none !important;
 }
 
-.md kbd {
+.d2-3773717985 .md kbd {
   display: inline-block;
   padding: 3px 5px;
   color: var(--color-fg-default);
@@ -337,12 +337,12 @@
   box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
 }
 
-.md h1,
-.md h2,
-.md h3,
-.md h4,
-.md h5,
-.md h6 {
+.d2-3773717985 .md h1,
+.d2-3773717985 .md h2,
+.d2-3773717985 .md h3,
+.d2-3773717985 .md h4,
+.d2-3773717985 .md h5,
+.d2-3773717985 .md h6 {
   margin-top: 24px;
   margin-bottom: 16px;
   font-weight: 600;
@@ -350,222 +350,222 @@
   font-family: "d2-3773717985-font-regular";
 }
 
-.md h2 {
+.d2-3773717985 .md h2 {
   font-weight: 600;
   padding-bottom: 0.3em;
   font-size: 1.5em;
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md h3 {
+.d2-3773717985 .md h3 {
   font-weight: 600;
   font-size: 1.25em;
 }
 
-.md h4 {
+.d2-3773717985 .md h4 {
   font-weight: 600;
   font-size: 1em;
 }
 
-.md h5 {
+.d2-3773717985 .md h5 {
   font-weight: 600;
   font-size: 0.875em;
 }
 
-.md h6 {
+.d2-3773717985 .md h6 {
   font-weight: 600;
   font-size: 0.85em;
   color: var(--color-fg-muted);
 }
 
-.md p {
+.d2-3773717985 .md p {
   margin-top: 0;
   margin-bottom: 10px;
 }
 
-.md blockquote {
+.d2-3773717985 .md blockquote {
   margin: 0;
   padding: 0 1em;
   color: var(--color-fg-muted);
   border-left: 0.25em solid var(--color-border-default);
 }
 
-.md ul,
-.md ol {
+.d2-3773717985 .md ul,
+.d2-3773717985 .md ol {
   margin-top: 0;
   margin-bottom: 0;
   padding-left: 2em;
 }
 
-.md ol ol,
-.md ul ol {
+.d2-3773717985 .md ol ol,
+.d2-3773717985 .md ul ol {
   list-style-type: lower-roman;
 }
 
-.md ul ul ol,
-.md ul ol ol,
-.md ol ul ol,
-.md ol ol ol {
+.d2-3773717985 .md ul ul ol,
+.d2-3773717985 .md ul ol ol,
+.d2-3773717985 .md ol ul ol,
+.d2-3773717985 .md ol ol ol {
   list-style-type: lower-alpha;
 }
 
-.md dd {
+.d2-3773717985 .md dd {
   margin-left: 0;
 }
 
-.md pre {
+.d2-3773717985 .md pre {
   margin-top: 0;
   margin-bottom: 0;
   word-wrap: normal;
 }
 
-.md ::placeholder {
+.d2-3773717985 .md ::placeholder {
   color: var(--color-fg-subtle);
   opacity: 1;
 }
 
-.md input::-webkit-outer-spin-button,
-.md input::-webkit-inner-spin-button {
+.d2-3773717985 .md input::-webkit-outer-spin-button,
+.d2-3773717985 .md input::-webkit-inner-spin-button {
   margin: 0;
   -webkit-appearance: none;
   appearance: none;
 }
 
-.md::before {
+.d2-3773717985 .md::before {
   display: table;
   content: "";
 }
 
-.md::after {
+.d2-3773717985 .md::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md > *:first-child {
+.d2-3773717985 .md > *:first-child {
   margin-top: 0 !important;
 }
 
-.md > *:last-child {
+.d2-3773717985 .md > *:last-child {
   margin-bottom: 0 !important;
 }
 
-.md a:not([href]) {
+.d2-3773717985 .md a:not([href]) {
   color: inherit;
   text-decoration: none;
 }
 
-.md .absent {
+.d2-3773717985 .md .absent {
   color: var(--color-danger-fg);
 }
 
-.md .anchor {
+.d2-3773717985 .md .anchor {
   float: left;
   padding-right: 4px;
   margin-left: -20px;
   line-height: 1;
 }
 
-.md .anchor:focus {
+.d2-3773717985 .md .anchor:focus {
   outline: none;
 }
 
-.md p,
-.md blockquote,
-.md ul,
-.md ol,
-.md dl,
-.md table,
-.md pre,
-.md details {
+.d2-3773717985 .md p,
+.d2-3773717985 .md blockquote,
+.d2-3773717985 .md ul,
+.d2-3773717985 .md ol,
+.d2-3773717985 .md dl,
+.d2-3773717985 .md table,
+.d2-3773717985 .md pre,
+.d2-3773717985 .md details {
   margin-top: 0;
   margin-bottom: 16px;
 }
 
-.md blockquote > :first-child {
+.d2-3773717985 .md blockquote > :first-child {
   margin-top: 0;
 }
 
-.md blockquote > :last-child {
+.d2-3773717985 .md blockquote > :last-child {
   margin-bottom: 0;
 }
 
-.md sup > a::before {
+.d2-3773717985 .md sup > a::before {
   content: "[";
 }
 
-.md sup > a::after {
+.d2-3773717985 .md sup > a::after {
   content: "]";
 }
 
-.md h1:hover .anchor,
-.md h2:hover .anchor,
-.md h3:hover .anchor,
-.md h4:hover .anchor,
-.md h5:hover .anchor,
-.md h6:hover .anchor {
+.d2-3773717985 .md h1:hover .anchor,
+.d2-3773717985 .md h2:hover .anchor,
+.d2-3773717985 .md h3:hover .anchor,
+.d2-3773717985 .md h4:hover .anchor,
+.d2-3773717985 .md h5:hover .anchor,
+.d2-3773717985 .md h6:hover .anchor {
   text-decoration: none;
 }
 
-.md h1 tt,
-.md h1 code,
-.md h2 tt,
-.md h2 code,
-.md h3 tt,
-.md h3 code,
-.md h4 tt,
-.md h4 code,
-.md h5 tt,
-.md h5 code,
-.md h6 tt,
-.md h6 code {
+.d2-3773717985 .md h1 tt,
+.d2-3773717985 .md h1 code,
+.d2-3773717985 .md h2 tt,
+.d2-3773717985 .md h2 code,
+.d2-3773717985 .md h3 tt,
+.d2-3773717985 .md h3 code,
+.d2-3773717985 .md h4 tt,
+.d2-3773717985 .md h4 code,
+.d2-3773717985 .md h5 tt,
+.d2-3773717985 .md h5 code,
+.d2-3773717985 .md h6 tt,
+.d2-3773717985 .md h6 code {
   padding: 0 0.2em;
   font-size: inherit;
 }
 
-.md ul.no-list,
-.md ol.no-list {
+.d2-3773717985 .md ul.no-list,
+.d2-3773717985 .md ol.no-list {
   padding: 0;
   list-style-type: none;
 }
 
-.md ol[type="1"] {
+.d2-3773717985 .md ol[type="1"] {
   list-style-type: decimal;
 }
 
-.md ol[type="a"] {
+.d2-3773717985 .md ol[type="a"] {
   list-style-type: lower-alpha;
 }
 
-.md ol[type="i"] {
+.d2-3773717985 .md ol[type="i"] {
   list-style-type: lower-roman;
 }
 
-.md div > ol:not([type]) {
+.d2-3773717985 .md div > ol:not([type]) {
   list-style-type: decimal;
 }
 
-.md ul ul,
-.md ul ol,
-.md ol ol,
-.md ol ul {
+.d2-3773717985 .md ul ul,
+.d2-3773717985 .md ul ol,
+.d2-3773717985 .md ol ol,
+.d2-3773717985 .md ol ul {
   margin-top: 0;
   margin-bottom: 0;
 }
 
-.md li > p {
+.d2-3773717985 .md li > p {
   margin-top: 16px;
 }
 
-.md li + li {
+.d2-3773717985 .md li + li {
   margin-top: 0.25em;
 }
 
-.md dl {
+.d2-3773717985 .md dl {
   padding: 0;
 }
 
-.md dl dt {
+.d2-3773717985 .md dl dt {
   padding: 0;
   margin-top: 16px;
   font-size: 1em;
@@ -573,48 +573,48 @@
   font-weight: 600;
 }
 
-.md dl dd {
+.d2-3773717985 .md dl dd {
   padding: 0 16px;
   margin-bottom: 16px;
 }
 
-.md table th {
+.d2-3773717985 .md table th {
   font-weight: 600;
 }
 
-.md table th,
-.md table td {
+.d2-3773717985 .md table th,
+.d2-3773717985 .md table td {
   padding: 6px 13px;
   border: 1px solid var(--color-border-default);
 }
 
-.md table tr {
+.d2-3773717985 .md table tr {
   background-color: var(--color-canvas-default);
   border-top: 1px solid var(--color-border-muted);
 }
 
-.md table tr:nth-child(2n) {
+.d2-3773717985 .md table tr:nth-child(2n) {
   background-color: var(--color-canvas-subtle);
 }
 
-.md table img {
+.d2-3773717985 .md table img {
   background-color: transparent;
 }
 
-.md img[align="right"] {
+.d2-3773717985 .md img[align="right"] {
   padding-left: 20px;
 }
 
-.md img[align="left"] {
+.d2-3773717985 .md img[align="left"] {
   padding-right: 20px;
 }
 
-.md span.frame {
+.d2-3773717985 .md span.frame {
   display: block;
   overflow: hidden;
 }
 
-.md span.frame > span {
+.d2-3773717985 .md span.frame > span {
   display: block;
   float: left;
   width: auto;
@@ -624,81 +624,81 @@
   border: 1px solid var(--color-border-default);
 }
 
-.md span.frame span img {
+.d2-3773717985 .md span.frame span img {
   display: block;
   float: left;
 }
 
-.md span.frame span span {
+.d2-3773717985 .md span.frame span span {
   display: block;
   padding: 5px 0 0;
   clear: both;
   color: var(--color-fg-default);
 }
 
-.md span.align-center {
+.d2-3773717985 .md span.align-center {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-center > span {
+.d2-3773717985 .md span.align-center > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: center;
 }
 
-.md span.align-center span img {
+.d2-3773717985 .md span.align-center span img {
   margin: 0 auto;
   text-align: center;
 }
 
-.md span.align-right {
+.d2-3773717985 .md span.align-right {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-right > span {
+.d2-3773717985 .md span.align-right > span {
   display: block;
   margin: 13px 0 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md span.align-right span img {
+.d2-3773717985 .md span.align-right span img {
   margin: 0;
   text-align: right;
 }
 
-.md span.float-left {
+.d2-3773717985 .md span.float-left {
   display: block;
   float: left;
   margin-right: 13px;
   overflow: hidden;
 }
 
-.md span.float-left span {
+.d2-3773717985 .md span.float-left span {
   margin: 13px 0 0;
 }
 
-.md span.float-right {
+.d2-3773717985 .md span.float-right {
   display: block;
   float: right;
   margin-left: 13px;
   overflow: hidden;
 }
 
-.md span.float-right > span {
+.d2-3773717985 .md span.float-right > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md code,
-.md tt {
+.d2-3773717985 .md code,
+.d2-3773717985 .md tt {
   padding: 0.2em 0.4em;
   margin: 0;
   font-size: 85%;
@@ -706,20 +706,20 @@
   border-radius: 6px;
 }
 
-.md code br,
-.md tt br {
+.d2-3773717985 .md code br,
+.d2-3773717985 .md tt br {
   display: none;
 }
 
-.md del code {
+.d2-3773717985 .md del code {
   text-decoration: inherit;
 }
 
-.md pre code {
+.d2-3773717985 .md pre code {
   font-size: 100%;
 }
 
-.md pre > code {
+.d2-3773717985 .md pre > code {
   padding: 0;
   margin: 0;
   word-break: normal;
@@ -728,17 +728,17 @@
   border: 0;
 }
 
-.md .highlight {
+.d2-3773717985 .md .highlight {
   margin-bottom: 16px;
 }
 
-.md .highlight pre {
+.d2-3773717985 .md .highlight pre {
   margin-bottom: 0;
   word-break: normal;
 }
 
-.md .highlight pre,
-.md pre {
+.d2-3773717985 .md .highlight pre,
+.d2-3773717985 .md pre {
   padding: 16px;
   overflow: auto;
   font-size: 85%;
@@ -747,8 +747,8 @@
   border-radius: 6px;
 }
 
-.md pre code,
-.md pre tt {
+.d2-3773717985 .md pre code,
+.d2-3773717985 .md pre tt {
   display: inline;
   max-width: auto;
   padding: 0;
@@ -760,8 +760,8 @@
   border: 0;
 }
 
-.md .csv-data td,
-.md .csv-data th {
+.d2-3773717985 .md .csv-data td,
+.d2-3773717985 .md .csv-data th {
   padding: 5px;
   overflow: hidden;
   font-size: 12px;
@@ -770,38 +770,38 @@
   white-space: nowrap;
 }
 
-.md .csv-data .blob-num {
+.d2-3773717985 .md .csv-data .blob-num {
   padding: 10px 8px 9px;
   text-align: right;
   background: var(--color-canvas-default);
   border: 0;
 }
 
-.md .csv-data tr {
+.d2-3773717985 .md .csv-data tr {
   border-top: 0;
 }
 
-.md .csv-data th {
+.d2-3773717985 .md .csv-data th {
   font-weight: 600;
   background: var(--color-canvas-subtle);
   border-top: 0;
 }
 
-.md .footnotes {
+.d2-3773717985 .md .footnotes {
   font-size: 12px;
   color: var(--color-fg-muted);
   border-top: 1px solid var(--color-border-default);
 }
 
-.md .footnotes ol {
+.d2-3773717985 .md .footnotes ol {
   padding-left: 16px;
 }
 
-.md .footnotes li {
+.d2-3773717985 .md .footnotes li {
   position: relative;
 }
 
-.md .footnotes li:target::before {
+.d2-3773717985 .md .footnotes li:target::before {
   position: absolute;
   top: -8px;
   right: -8px;
@@ -813,36 +813,36 @@
   border-radius: 6px;
 }
 
-.md .footnotes li:target {
+.d2-3773717985 .md .footnotes li:target {
   color: var(--color-fg-default);
 }
 
-.md .task-list-item {
+.d2-3773717985 .md .task-list-item {
   list-style-type: none;
 }
 
-.md .task-list-item label {
+.d2-3773717985 .md .task-list-item label {
   font-weight: 400;
 }
 
-.md .task-list-item.enabled label {
+.d2-3773717985 .md .task-list-item.enabled label {
   cursor: pointer;
 }
 
-.md .task-list-item + .task-list-item {
+.d2-3773717985 .md .task-list-item + .task-list-item {
   margin-top: 3px;
 }
 
-.md .task-list-item .handle {
+.d2-3773717985 .md .task-list-item .handle {
   display: none;
 }
 
-.md .task-list-item-checkbox {
+.d2-3773717985 .md .task-list-item-checkbox {
   margin: 0 0.2em 0.25em -1.6em;
   vertical-align: middle;
 }
 
-.md .contains-task-list:dir(rtl) .task-list-item-checkbox {
+.d2-3773717985 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
 </style><g id="md"><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>
diff --git a/e2etests/testdata/stable/li2/elk/sketch.exp.svg b/e2etests/testdata/stable/li2/elk/sketch.exp.svg
index 564446ac2..2da0a2bf3 100644
--- a/e2etests/testdata/stable/li2/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/li2/elk/sketch.exp.svg
@@ -103,31 +103,31 @@
 		.d2-3851099401 .color-AA4{color:#EDF0FD;}
 		.d2-3851099401 .color-AA5{color:#F7F8FE;}
 		.d2-3851099401 .color-AB4{color:#EDF0FD;}
-		.d2-3851099401 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.md em,
-.md dfn {
+		.d2-3851099401 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.d2-3851099401 .md em,
+.d2-3851099401 .md dfn {
   font-family: "d2-3851099401-font-italic";
 }
 
-.md b,
-.md strong {
+.d2-3851099401 .md b,
+.d2-3851099401 .md strong {
   font-family: "d2-3851099401-font-bold";
 }
 
-.md code,
-.md kbd,
-.md pre,
-.md samp {
+.d2-3851099401 .md code,
+.d2-3851099401 .md kbd,
+.d2-3851099401 .md pre,
+.d2-3851099401 .md samp {
   font-family: "d2-3851099401-font-mono";
   font-size: 1em;
 }
 
-.md {
+.d2-3851099401 .md {
   tab-size: 4;
 }
 
 /* variables are provided in d2renderers/d2svg/d2svg.go */
 
-.md {
+.d2-3851099401 .md {
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
   margin: 0;
@@ -139,41 +139,41 @@
   word-wrap: break-word;
 }
 
-.md details,
-.md figcaption,
-.md figure {
+.d2-3851099401 .md details,
+.d2-3851099401 .md figcaption,
+.d2-3851099401 .md figure {
   display: block;
 }
 
-.md summary {
+.d2-3851099401 .md summary {
   display: list-item;
 }
 
-.md [hidden] {
+.d2-3851099401 .md [hidden] {
   display: none !important;
 }
 
-.md a {
+.d2-3851099401 .md a {
   background-color: transparent;
   color: var(--color-accent-fg);
   text-decoration: none;
 }
 
-.md a:active,
-.md a:hover {
+.d2-3851099401 .md a:active,
+.d2-3851099401 .md a:hover {
   outline-width: 0;
 }
 
-.md abbr[title] {
+.d2-3851099401 .md abbr[title] {
   border-bottom: none;
   text-decoration: underline dotted;
 }
 
-.md dfn {
+.d2-3851099401 .md dfn {
   font-style: italic;
 }
 
-.md h1 {
+.d2-3851099401 .md h1 {
   margin: 0.67em 0;
   font-weight: 600;
   padding-bottom: 0.3em;
@@ -181,43 +181,43 @@
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md mark {
+.d2-3851099401 .md mark {
   background-color: var(--color-attention-subtle);
   color: var(--color-text-primary);
 }
 
-.md small {
+.d2-3851099401 .md small {
   font-size: 90%;
 }
 
-.md sub,
-.md sup {
+.d2-3851099401 .md sub,
+.d2-3851099401 .md sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
 }
 
-.md sub {
+.d2-3851099401 .md sub {
   bottom: -0.25em;
 }
 
-.md sup {
+.d2-3851099401 .md sup {
   top: -0.5em;
 }
 
-.md img {
+.d2-3851099401 .md img {
   border-style: none;
   max-width: 100%;
   box-sizing: content-box;
   background-color: var(--color-canvas-default);
 }
 
-.md figure {
+.d2-3851099401 .md figure {
   margin: 1em 40px;
 }
 
-.md hr {
+.d2-3851099401 .md hr {
   box-sizing: content-box;
   overflow: hidden;
   background: transparent;
@@ -229,7 +229,7 @@
   border: 0;
 }
 
-.md input {
+.d2-3851099401 .md input {
   font: inherit;
   margin: 0;
   overflow: visible;
@@ -238,72 +238,72 @@
   line-height: inherit;
 }
 
-.md [type="button"],
-.md [type="reset"],
-.md [type="submit"] {
+.d2-3851099401 .md [type="button"],
+.d2-3851099401 .md [type="reset"],
+.d2-3851099401 .md [type="submit"] {
   -webkit-appearance: button;
 }
 
-.md [type="button"]::-moz-focus-inner,
-.md [type="reset"]::-moz-focus-inner,
-.md [type="submit"]::-moz-focus-inner {
+.d2-3851099401 .md [type="button"]::-moz-focus-inner,
+.d2-3851099401 .md [type="reset"]::-moz-focus-inner,
+.d2-3851099401 .md [type="submit"]::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.md [type="button"]:-moz-focusring,
-.md [type="reset"]:-moz-focusring,
-.md [type="submit"]:-moz-focusring {
+.d2-3851099401 .md [type="button"]:-moz-focusring,
+.d2-3851099401 .md [type="reset"]:-moz-focusring,
+.d2-3851099401 .md [type="submit"]:-moz-focusring {
   outline: 1px dotted ButtonText;
 }
 
-.md [type="checkbox"],
-.md [type="radio"] {
+.d2-3851099401 .md [type="checkbox"],
+.d2-3851099401 .md [type="radio"] {
   box-sizing: border-box;
   padding: 0;
 }
 
-.md [type="number"]::-webkit-inner-spin-button,
-.md [type="number"]::-webkit-outer-spin-button {
+.d2-3851099401 .md [type="number"]::-webkit-inner-spin-button,
+.d2-3851099401 .md [type="number"]::-webkit-outer-spin-button {
   height: auto;
 }
 
-.md [type="search"] {
+.d2-3851099401 .md [type="search"] {
   -webkit-appearance: textfield;
   outline-offset: -2px;
 }
 
-.md [type="search"]::-webkit-search-cancel-button,
-.md [type="search"]::-webkit-search-decoration {
+.d2-3851099401 .md [type="search"]::-webkit-search-cancel-button,
+.d2-3851099401 .md [type="search"]::-webkit-search-decoration {
   -webkit-appearance: none;
 }
 
-.md ::-webkit-input-placeholder {
+.d2-3851099401 .md ::-webkit-input-placeholder {
   color: inherit;
   opacity: 0.54;
 }
 
-.md ::-webkit-file-upload-button {
+.d2-3851099401 .md ::-webkit-file-upload-button {
   -webkit-appearance: button;
   font: inherit;
 }
 
-.md a:hover {
+.d2-3851099401 .md a:hover {
   text-decoration: underline;
 }
 
-.md hr::before {
+.d2-3851099401 .md hr::before {
   display: table;
   content: "";
 }
 
-.md hr::after {
+.d2-3851099401 .md hr::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md table {
+.d2-3851099401 .md table {
   border-spacing: 0;
   border-collapse: collapse;
   display: block;
@@ -312,20 +312,20 @@
   overflow: auto;
 }
 
-.md td,
-.md th {
+.d2-3851099401 .md td,
+.d2-3851099401 .md th {
   padding: 0;
 }
 
-.md details summary {
+.d2-3851099401 .md details summary {
   cursor: pointer;
 }
 
-.md details:not([open]) > *:not(summary) {
+.d2-3851099401 .md details:not([open]) > *:not(summary) {
   display: none !important;
 }
 
-.md kbd {
+.d2-3851099401 .md kbd {
   display: inline-block;
   padding: 3px 5px;
   color: var(--color-fg-default);
@@ -337,12 +337,12 @@
   box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
 }
 
-.md h1,
-.md h2,
-.md h3,
-.md h4,
-.md h5,
-.md h6 {
+.d2-3851099401 .md h1,
+.d2-3851099401 .md h2,
+.d2-3851099401 .md h3,
+.d2-3851099401 .md h4,
+.d2-3851099401 .md h5,
+.d2-3851099401 .md h6 {
   margin-top: 24px;
   margin-bottom: 16px;
   font-weight: 600;
@@ -350,222 +350,222 @@
   font-family: "d2-3851099401-font-regular";
 }
 
-.md h2 {
+.d2-3851099401 .md h2 {
   font-weight: 600;
   padding-bottom: 0.3em;
   font-size: 1.5em;
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md h3 {
+.d2-3851099401 .md h3 {
   font-weight: 600;
   font-size: 1.25em;
 }
 
-.md h4 {
+.d2-3851099401 .md h4 {
   font-weight: 600;
   font-size: 1em;
 }
 
-.md h5 {
+.d2-3851099401 .md h5 {
   font-weight: 600;
   font-size: 0.875em;
 }
 
-.md h6 {
+.d2-3851099401 .md h6 {
   font-weight: 600;
   font-size: 0.85em;
   color: var(--color-fg-muted);
 }
 
-.md p {
+.d2-3851099401 .md p {
   margin-top: 0;
   margin-bottom: 10px;
 }
 
-.md blockquote {
+.d2-3851099401 .md blockquote {
   margin: 0;
   padding: 0 1em;
   color: var(--color-fg-muted);
   border-left: 0.25em solid var(--color-border-default);
 }
 
-.md ul,
-.md ol {
+.d2-3851099401 .md ul,
+.d2-3851099401 .md ol {
   margin-top: 0;
   margin-bottom: 0;
   padding-left: 2em;
 }
 
-.md ol ol,
-.md ul ol {
+.d2-3851099401 .md ol ol,
+.d2-3851099401 .md ul ol {
   list-style-type: lower-roman;
 }
 
-.md ul ul ol,
-.md ul ol ol,
-.md ol ul ol,
-.md ol ol ol {
+.d2-3851099401 .md ul ul ol,
+.d2-3851099401 .md ul ol ol,
+.d2-3851099401 .md ol ul ol,
+.d2-3851099401 .md ol ol ol {
   list-style-type: lower-alpha;
 }
 
-.md dd {
+.d2-3851099401 .md dd {
   margin-left: 0;
 }
 
-.md pre {
+.d2-3851099401 .md pre {
   margin-top: 0;
   margin-bottom: 0;
   word-wrap: normal;
 }
 
-.md ::placeholder {
+.d2-3851099401 .md ::placeholder {
   color: var(--color-fg-subtle);
   opacity: 1;
 }
 
-.md input::-webkit-outer-spin-button,
-.md input::-webkit-inner-spin-button {
+.d2-3851099401 .md input::-webkit-outer-spin-button,
+.d2-3851099401 .md input::-webkit-inner-spin-button {
   margin: 0;
   -webkit-appearance: none;
   appearance: none;
 }
 
-.md::before {
+.d2-3851099401 .md::before {
   display: table;
   content: "";
 }
 
-.md::after {
+.d2-3851099401 .md::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md > *:first-child {
+.d2-3851099401 .md > *:first-child {
   margin-top: 0 !important;
 }
 
-.md > *:last-child {
+.d2-3851099401 .md > *:last-child {
   margin-bottom: 0 !important;
 }
 
-.md a:not([href]) {
+.d2-3851099401 .md a:not([href]) {
   color: inherit;
   text-decoration: none;
 }
 
-.md .absent {
+.d2-3851099401 .md .absent {
   color: var(--color-danger-fg);
 }
 
-.md .anchor {
+.d2-3851099401 .md .anchor {
   float: left;
   padding-right: 4px;
   margin-left: -20px;
   line-height: 1;
 }
 
-.md .anchor:focus {
+.d2-3851099401 .md .anchor:focus {
   outline: none;
 }
 
-.md p,
-.md blockquote,
-.md ul,
-.md ol,
-.md dl,
-.md table,
-.md pre,
-.md details {
+.d2-3851099401 .md p,
+.d2-3851099401 .md blockquote,
+.d2-3851099401 .md ul,
+.d2-3851099401 .md ol,
+.d2-3851099401 .md dl,
+.d2-3851099401 .md table,
+.d2-3851099401 .md pre,
+.d2-3851099401 .md details {
   margin-top: 0;
   margin-bottom: 16px;
 }
 
-.md blockquote > :first-child {
+.d2-3851099401 .md blockquote > :first-child {
   margin-top: 0;
 }
 
-.md blockquote > :last-child {
+.d2-3851099401 .md blockquote > :last-child {
   margin-bottom: 0;
 }
 
-.md sup > a::before {
+.d2-3851099401 .md sup > a::before {
   content: "[";
 }
 
-.md sup > a::after {
+.d2-3851099401 .md sup > a::after {
   content: "]";
 }
 
-.md h1:hover .anchor,
-.md h2:hover .anchor,
-.md h3:hover .anchor,
-.md h4:hover .anchor,
-.md h5:hover .anchor,
-.md h6:hover .anchor {
+.d2-3851099401 .md h1:hover .anchor,
+.d2-3851099401 .md h2:hover .anchor,
+.d2-3851099401 .md h3:hover .anchor,
+.d2-3851099401 .md h4:hover .anchor,
+.d2-3851099401 .md h5:hover .anchor,
+.d2-3851099401 .md h6:hover .anchor {
   text-decoration: none;
 }
 
-.md h1 tt,
-.md h1 code,
-.md h2 tt,
-.md h2 code,
-.md h3 tt,
-.md h3 code,
-.md h4 tt,
-.md h4 code,
-.md h5 tt,
-.md h5 code,
-.md h6 tt,
-.md h6 code {
+.d2-3851099401 .md h1 tt,
+.d2-3851099401 .md h1 code,
+.d2-3851099401 .md h2 tt,
+.d2-3851099401 .md h2 code,
+.d2-3851099401 .md h3 tt,
+.d2-3851099401 .md h3 code,
+.d2-3851099401 .md h4 tt,
+.d2-3851099401 .md h4 code,
+.d2-3851099401 .md h5 tt,
+.d2-3851099401 .md h5 code,
+.d2-3851099401 .md h6 tt,
+.d2-3851099401 .md h6 code {
   padding: 0 0.2em;
   font-size: inherit;
 }
 
-.md ul.no-list,
-.md ol.no-list {
+.d2-3851099401 .md ul.no-list,
+.d2-3851099401 .md ol.no-list {
   padding: 0;
   list-style-type: none;
 }
 
-.md ol[type="1"] {
+.d2-3851099401 .md ol[type="1"] {
   list-style-type: decimal;
 }
 
-.md ol[type="a"] {
+.d2-3851099401 .md ol[type="a"] {
   list-style-type: lower-alpha;
 }
 
-.md ol[type="i"] {
+.d2-3851099401 .md ol[type="i"] {
   list-style-type: lower-roman;
 }
 
-.md div > ol:not([type]) {
+.d2-3851099401 .md div > ol:not([type]) {
   list-style-type: decimal;
 }
 
-.md ul ul,
-.md ul ol,
-.md ol ol,
-.md ol ul {
+.d2-3851099401 .md ul ul,
+.d2-3851099401 .md ul ol,
+.d2-3851099401 .md ol ol,
+.d2-3851099401 .md ol ul {
   margin-top: 0;
   margin-bottom: 0;
 }
 
-.md li > p {
+.d2-3851099401 .md li > p {
   margin-top: 16px;
 }
 
-.md li + li {
+.d2-3851099401 .md li + li {
   margin-top: 0.25em;
 }
 
-.md dl {
+.d2-3851099401 .md dl {
   padding: 0;
 }
 
-.md dl dt {
+.d2-3851099401 .md dl dt {
   padding: 0;
   margin-top: 16px;
   font-size: 1em;
@@ -573,48 +573,48 @@
   font-weight: 600;
 }
 
-.md dl dd {
+.d2-3851099401 .md dl dd {
   padding: 0 16px;
   margin-bottom: 16px;
 }
 
-.md table th {
+.d2-3851099401 .md table th {
   font-weight: 600;
 }
 
-.md table th,
-.md table td {
+.d2-3851099401 .md table th,
+.d2-3851099401 .md table td {
   padding: 6px 13px;
   border: 1px solid var(--color-border-default);
 }
 
-.md table tr {
+.d2-3851099401 .md table tr {
   background-color: var(--color-canvas-default);
   border-top: 1px solid var(--color-border-muted);
 }
 
-.md table tr:nth-child(2n) {
+.d2-3851099401 .md table tr:nth-child(2n) {
   background-color: var(--color-canvas-subtle);
 }
 
-.md table img {
+.d2-3851099401 .md table img {
   background-color: transparent;
 }
 
-.md img[align="right"] {
+.d2-3851099401 .md img[align="right"] {
   padding-left: 20px;
 }
 
-.md img[align="left"] {
+.d2-3851099401 .md img[align="left"] {
   padding-right: 20px;
 }
 
-.md span.frame {
+.d2-3851099401 .md span.frame {
   display: block;
   overflow: hidden;
 }
 
-.md span.frame > span {
+.d2-3851099401 .md span.frame > span {
   display: block;
   float: left;
   width: auto;
@@ -624,81 +624,81 @@
   border: 1px solid var(--color-border-default);
 }
 
-.md span.frame span img {
+.d2-3851099401 .md span.frame span img {
   display: block;
   float: left;
 }
 
-.md span.frame span span {
+.d2-3851099401 .md span.frame span span {
   display: block;
   padding: 5px 0 0;
   clear: both;
   color: var(--color-fg-default);
 }
 
-.md span.align-center {
+.d2-3851099401 .md span.align-center {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-center > span {
+.d2-3851099401 .md span.align-center > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: center;
 }
 
-.md span.align-center span img {
+.d2-3851099401 .md span.align-center span img {
   margin: 0 auto;
   text-align: center;
 }
 
-.md span.align-right {
+.d2-3851099401 .md span.align-right {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-right > span {
+.d2-3851099401 .md span.align-right > span {
   display: block;
   margin: 13px 0 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md span.align-right span img {
+.d2-3851099401 .md span.align-right span img {
   margin: 0;
   text-align: right;
 }
 
-.md span.float-left {
+.d2-3851099401 .md span.float-left {
   display: block;
   float: left;
   margin-right: 13px;
   overflow: hidden;
 }
 
-.md span.float-left span {
+.d2-3851099401 .md span.float-left span {
   margin: 13px 0 0;
 }
 
-.md span.float-right {
+.d2-3851099401 .md span.float-right {
   display: block;
   float: right;
   margin-left: 13px;
   overflow: hidden;
 }
 
-.md span.float-right > span {
+.d2-3851099401 .md span.float-right > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md code,
-.md tt {
+.d2-3851099401 .md code,
+.d2-3851099401 .md tt {
   padding: 0.2em 0.4em;
   margin: 0;
   font-size: 85%;
@@ -706,20 +706,20 @@
   border-radius: 6px;
 }
 
-.md code br,
-.md tt br {
+.d2-3851099401 .md code br,
+.d2-3851099401 .md tt br {
   display: none;
 }
 
-.md del code {
+.d2-3851099401 .md del code {
   text-decoration: inherit;
 }
 
-.md pre code {
+.d2-3851099401 .md pre code {
   font-size: 100%;
 }
 
-.md pre > code {
+.d2-3851099401 .md pre > code {
   padding: 0;
   margin: 0;
   word-break: normal;
@@ -728,17 +728,17 @@
   border: 0;
 }
 
-.md .highlight {
+.d2-3851099401 .md .highlight {
   margin-bottom: 16px;
 }
 
-.md .highlight pre {
+.d2-3851099401 .md .highlight pre {
   margin-bottom: 0;
   word-break: normal;
 }
 
-.md .highlight pre,
-.md pre {
+.d2-3851099401 .md .highlight pre,
+.d2-3851099401 .md pre {
   padding: 16px;
   overflow: auto;
   font-size: 85%;
@@ -747,8 +747,8 @@
   border-radius: 6px;
 }
 
-.md pre code,
-.md pre tt {
+.d2-3851099401 .md pre code,
+.d2-3851099401 .md pre tt {
   display: inline;
   max-width: auto;
   padding: 0;
@@ -760,8 +760,8 @@
   border: 0;
 }
 
-.md .csv-data td,
-.md .csv-data th {
+.d2-3851099401 .md .csv-data td,
+.d2-3851099401 .md .csv-data th {
   padding: 5px;
   overflow: hidden;
   font-size: 12px;
@@ -770,38 +770,38 @@
   white-space: nowrap;
 }
 
-.md .csv-data .blob-num {
+.d2-3851099401 .md .csv-data .blob-num {
   padding: 10px 8px 9px;
   text-align: right;
   background: var(--color-canvas-default);
   border: 0;
 }
 
-.md .csv-data tr {
+.d2-3851099401 .md .csv-data tr {
   border-top: 0;
 }
 
-.md .csv-data th {
+.d2-3851099401 .md .csv-data th {
   font-weight: 600;
   background: var(--color-canvas-subtle);
   border-top: 0;
 }
 
-.md .footnotes {
+.d2-3851099401 .md .footnotes {
   font-size: 12px;
   color: var(--color-fg-muted);
   border-top: 1px solid var(--color-border-default);
 }
 
-.md .footnotes ol {
+.d2-3851099401 .md .footnotes ol {
   padding-left: 16px;
 }
 
-.md .footnotes li {
+.d2-3851099401 .md .footnotes li {
   position: relative;
 }
 
-.md .footnotes li:target::before {
+.d2-3851099401 .md .footnotes li:target::before {
   position: absolute;
   top: -8px;
   right: -8px;
@@ -813,36 +813,36 @@
   border-radius: 6px;
 }
 
-.md .footnotes li:target {
+.d2-3851099401 .md .footnotes li:target {
   color: var(--color-fg-default);
 }
 
-.md .task-list-item {
+.d2-3851099401 .md .task-list-item {
   list-style-type: none;
 }
 
-.md .task-list-item label {
+.d2-3851099401 .md .task-list-item label {
   font-weight: 400;
 }
 
-.md .task-list-item.enabled label {
+.d2-3851099401 .md .task-list-item.enabled label {
   cursor: pointer;
 }
 
-.md .task-list-item + .task-list-item {
+.d2-3851099401 .md .task-list-item + .task-list-item {
   margin-top: 3px;
 }
 
-.md .task-list-item .handle {
+.d2-3851099401 .md .task-list-item .handle {
   display: none;
 }
 
-.md .task-list-item-checkbox {
+.d2-3851099401 .md .task-list-item-checkbox {
   margin: 0 0.2em 0.25em -1.6em;
   vertical-align: middle;
 }
 
-.md .contains-task-list:dir(rtl) .task-list-item-checkbox {
+.d2-3851099401 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
 </style><g id="md"><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>
diff --git a/e2etests/testdata/stable/li3/dagre/sketch.exp.svg b/e2etests/testdata/stable/li3/dagre/sketch.exp.svg
index 754a2dabe..321c914fc 100644
--- a/e2etests/testdata/stable/li3/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/li3/dagre/sketch.exp.svg
@@ -96,31 +96,31 @@
 		.d2-2198371113 .color-AA4{color:#EDF0FD;}
 		.d2-2198371113 .color-AA5{color:#F7F8FE;}
 		.d2-2198371113 .color-AB4{color:#EDF0FD;}
-		.d2-2198371113 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.md em,
-.md dfn {
+		.d2-2198371113 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.d2-2198371113 .md em,
+.d2-2198371113 .md dfn {
   font-family: "d2-2198371113-font-italic";
 }
 
-.md b,
-.md strong {
+.d2-2198371113 .md b,
+.d2-2198371113 .md strong {
   font-family: "d2-2198371113-font-bold";
 }
 
-.md code,
-.md kbd,
-.md pre,
-.md samp {
+.d2-2198371113 .md code,
+.d2-2198371113 .md kbd,
+.d2-2198371113 .md pre,
+.d2-2198371113 .md samp {
   font-family: "d2-2198371113-font-mono";
   font-size: 1em;
 }
 
-.md {
+.d2-2198371113 .md {
   tab-size: 4;
 }
 
 /* variables are provided in d2renderers/d2svg/d2svg.go */
 
-.md {
+.d2-2198371113 .md {
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
   margin: 0;
@@ -132,41 +132,41 @@
   word-wrap: break-word;
 }
 
-.md details,
-.md figcaption,
-.md figure {
+.d2-2198371113 .md details,
+.d2-2198371113 .md figcaption,
+.d2-2198371113 .md figure {
   display: block;
 }
 
-.md summary {
+.d2-2198371113 .md summary {
   display: list-item;
 }
 
-.md [hidden] {
+.d2-2198371113 .md [hidden] {
   display: none !important;
 }
 
-.md a {
+.d2-2198371113 .md a {
   background-color: transparent;
   color: var(--color-accent-fg);
   text-decoration: none;
 }
 
-.md a:active,
-.md a:hover {
+.d2-2198371113 .md a:active,
+.d2-2198371113 .md a:hover {
   outline-width: 0;
 }
 
-.md abbr[title] {
+.d2-2198371113 .md abbr[title] {
   border-bottom: none;
   text-decoration: underline dotted;
 }
 
-.md dfn {
+.d2-2198371113 .md dfn {
   font-style: italic;
 }
 
-.md h1 {
+.d2-2198371113 .md h1 {
   margin: 0.67em 0;
   font-weight: 600;
   padding-bottom: 0.3em;
@@ -174,43 +174,43 @@
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md mark {
+.d2-2198371113 .md mark {
   background-color: var(--color-attention-subtle);
   color: var(--color-text-primary);
 }
 
-.md small {
+.d2-2198371113 .md small {
   font-size: 90%;
 }
 
-.md sub,
-.md sup {
+.d2-2198371113 .md sub,
+.d2-2198371113 .md sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
 }
 
-.md sub {
+.d2-2198371113 .md sub {
   bottom: -0.25em;
 }
 
-.md sup {
+.d2-2198371113 .md sup {
   top: -0.5em;
 }
 
-.md img {
+.d2-2198371113 .md img {
   border-style: none;
   max-width: 100%;
   box-sizing: content-box;
   background-color: var(--color-canvas-default);
 }
 
-.md figure {
+.d2-2198371113 .md figure {
   margin: 1em 40px;
 }
 
-.md hr {
+.d2-2198371113 .md hr {
   box-sizing: content-box;
   overflow: hidden;
   background: transparent;
@@ -222,7 +222,7 @@
   border: 0;
 }
 
-.md input {
+.d2-2198371113 .md input {
   font: inherit;
   margin: 0;
   overflow: visible;
@@ -231,72 +231,72 @@
   line-height: inherit;
 }
 
-.md [type="button"],
-.md [type="reset"],
-.md [type="submit"] {
+.d2-2198371113 .md [type="button"],
+.d2-2198371113 .md [type="reset"],
+.d2-2198371113 .md [type="submit"] {
   -webkit-appearance: button;
 }
 
-.md [type="button"]::-moz-focus-inner,
-.md [type="reset"]::-moz-focus-inner,
-.md [type="submit"]::-moz-focus-inner {
+.d2-2198371113 .md [type="button"]::-moz-focus-inner,
+.d2-2198371113 .md [type="reset"]::-moz-focus-inner,
+.d2-2198371113 .md [type="submit"]::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.md [type="button"]:-moz-focusring,
-.md [type="reset"]:-moz-focusring,
-.md [type="submit"]:-moz-focusring {
+.d2-2198371113 .md [type="button"]:-moz-focusring,
+.d2-2198371113 .md [type="reset"]:-moz-focusring,
+.d2-2198371113 .md [type="submit"]:-moz-focusring {
   outline: 1px dotted ButtonText;
 }
 
-.md [type="checkbox"],
-.md [type="radio"] {
+.d2-2198371113 .md [type="checkbox"],
+.d2-2198371113 .md [type="radio"] {
   box-sizing: border-box;
   padding: 0;
 }
 
-.md [type="number"]::-webkit-inner-spin-button,
-.md [type="number"]::-webkit-outer-spin-button {
+.d2-2198371113 .md [type="number"]::-webkit-inner-spin-button,
+.d2-2198371113 .md [type="number"]::-webkit-outer-spin-button {
   height: auto;
 }
 
-.md [type="search"] {
+.d2-2198371113 .md [type="search"] {
   -webkit-appearance: textfield;
   outline-offset: -2px;
 }
 
-.md [type="search"]::-webkit-search-cancel-button,
-.md [type="search"]::-webkit-search-decoration {
+.d2-2198371113 .md [type="search"]::-webkit-search-cancel-button,
+.d2-2198371113 .md [type="search"]::-webkit-search-decoration {
   -webkit-appearance: none;
 }
 
-.md ::-webkit-input-placeholder {
+.d2-2198371113 .md ::-webkit-input-placeholder {
   color: inherit;
   opacity: 0.54;
 }
 
-.md ::-webkit-file-upload-button {
+.d2-2198371113 .md ::-webkit-file-upload-button {
   -webkit-appearance: button;
   font: inherit;
 }
 
-.md a:hover {
+.d2-2198371113 .md a:hover {
   text-decoration: underline;
 }
 
-.md hr::before {
+.d2-2198371113 .md hr::before {
   display: table;
   content: "";
 }
 
-.md hr::after {
+.d2-2198371113 .md hr::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md table {
+.d2-2198371113 .md table {
   border-spacing: 0;
   border-collapse: collapse;
   display: block;
@@ -305,20 +305,20 @@
   overflow: auto;
 }
 
-.md td,
-.md th {
+.d2-2198371113 .md td,
+.d2-2198371113 .md th {
   padding: 0;
 }
 
-.md details summary {
+.d2-2198371113 .md details summary {
   cursor: pointer;
 }
 
-.md details:not([open]) > *:not(summary) {
+.d2-2198371113 .md details:not([open]) > *:not(summary) {
   display: none !important;
 }
 
-.md kbd {
+.d2-2198371113 .md kbd {
   display: inline-block;
   padding: 3px 5px;
   color: var(--color-fg-default);
@@ -330,12 +330,12 @@
   box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
 }
 
-.md h1,
-.md h2,
-.md h3,
-.md h4,
-.md h5,
-.md h6 {
+.d2-2198371113 .md h1,
+.d2-2198371113 .md h2,
+.d2-2198371113 .md h3,
+.d2-2198371113 .md h4,
+.d2-2198371113 .md h5,
+.d2-2198371113 .md h6 {
   margin-top: 24px;
   margin-bottom: 16px;
   font-weight: 600;
@@ -343,222 +343,222 @@
   font-family: "d2-2198371113-font-regular";
 }
 
-.md h2 {
+.d2-2198371113 .md h2 {
   font-weight: 600;
   padding-bottom: 0.3em;
   font-size: 1.5em;
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md h3 {
+.d2-2198371113 .md h3 {
   font-weight: 600;
   font-size: 1.25em;
 }
 
-.md h4 {
+.d2-2198371113 .md h4 {
   font-weight: 600;
   font-size: 1em;
 }
 
-.md h5 {
+.d2-2198371113 .md h5 {
   font-weight: 600;
   font-size: 0.875em;
 }
 
-.md h6 {
+.d2-2198371113 .md h6 {
   font-weight: 600;
   font-size: 0.85em;
   color: var(--color-fg-muted);
 }
 
-.md p {
+.d2-2198371113 .md p {
   margin-top: 0;
   margin-bottom: 10px;
 }
 
-.md blockquote {
+.d2-2198371113 .md blockquote {
   margin: 0;
   padding: 0 1em;
   color: var(--color-fg-muted);
   border-left: 0.25em solid var(--color-border-default);
 }
 
-.md ul,
-.md ol {
+.d2-2198371113 .md ul,
+.d2-2198371113 .md ol {
   margin-top: 0;
   margin-bottom: 0;
   padding-left: 2em;
 }
 
-.md ol ol,
-.md ul ol {
+.d2-2198371113 .md ol ol,
+.d2-2198371113 .md ul ol {
   list-style-type: lower-roman;
 }
 
-.md ul ul ol,
-.md ul ol ol,
-.md ol ul ol,
-.md ol ol ol {
+.d2-2198371113 .md ul ul ol,
+.d2-2198371113 .md ul ol ol,
+.d2-2198371113 .md ol ul ol,
+.d2-2198371113 .md ol ol ol {
   list-style-type: lower-alpha;
 }
 
-.md dd {
+.d2-2198371113 .md dd {
   margin-left: 0;
 }
 
-.md pre {
+.d2-2198371113 .md pre {
   margin-top: 0;
   margin-bottom: 0;
   word-wrap: normal;
 }
 
-.md ::placeholder {
+.d2-2198371113 .md ::placeholder {
   color: var(--color-fg-subtle);
   opacity: 1;
 }
 
-.md input::-webkit-outer-spin-button,
-.md input::-webkit-inner-spin-button {
+.d2-2198371113 .md input::-webkit-outer-spin-button,
+.d2-2198371113 .md input::-webkit-inner-spin-button {
   margin: 0;
   -webkit-appearance: none;
   appearance: none;
 }
 
-.md::before {
+.d2-2198371113 .md::before {
   display: table;
   content: "";
 }
 
-.md::after {
+.d2-2198371113 .md::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md > *:first-child {
+.d2-2198371113 .md > *:first-child {
   margin-top: 0 !important;
 }
 
-.md > *:last-child {
+.d2-2198371113 .md > *:last-child {
   margin-bottom: 0 !important;
 }
 
-.md a:not([href]) {
+.d2-2198371113 .md a:not([href]) {
   color: inherit;
   text-decoration: none;
 }
 
-.md .absent {
+.d2-2198371113 .md .absent {
   color: var(--color-danger-fg);
 }
 
-.md .anchor {
+.d2-2198371113 .md .anchor {
   float: left;
   padding-right: 4px;
   margin-left: -20px;
   line-height: 1;
 }
 
-.md .anchor:focus {
+.d2-2198371113 .md .anchor:focus {
   outline: none;
 }
 
-.md p,
-.md blockquote,
-.md ul,
-.md ol,
-.md dl,
-.md table,
-.md pre,
-.md details {
+.d2-2198371113 .md p,
+.d2-2198371113 .md blockquote,
+.d2-2198371113 .md ul,
+.d2-2198371113 .md ol,
+.d2-2198371113 .md dl,
+.d2-2198371113 .md table,
+.d2-2198371113 .md pre,
+.d2-2198371113 .md details {
   margin-top: 0;
   margin-bottom: 16px;
 }
 
-.md blockquote > :first-child {
+.d2-2198371113 .md blockquote > :first-child {
   margin-top: 0;
 }
 
-.md blockquote > :last-child {
+.d2-2198371113 .md blockquote > :last-child {
   margin-bottom: 0;
 }
 
-.md sup > a::before {
+.d2-2198371113 .md sup > a::before {
   content: "[";
 }
 
-.md sup > a::after {
+.d2-2198371113 .md sup > a::after {
   content: "]";
 }
 
-.md h1:hover .anchor,
-.md h2:hover .anchor,
-.md h3:hover .anchor,
-.md h4:hover .anchor,
-.md h5:hover .anchor,
-.md h6:hover .anchor {
+.d2-2198371113 .md h1:hover .anchor,
+.d2-2198371113 .md h2:hover .anchor,
+.d2-2198371113 .md h3:hover .anchor,
+.d2-2198371113 .md h4:hover .anchor,
+.d2-2198371113 .md h5:hover .anchor,
+.d2-2198371113 .md h6:hover .anchor {
   text-decoration: none;
 }
 
-.md h1 tt,
-.md h1 code,
-.md h2 tt,
-.md h2 code,
-.md h3 tt,
-.md h3 code,
-.md h4 tt,
-.md h4 code,
-.md h5 tt,
-.md h5 code,
-.md h6 tt,
-.md h6 code {
+.d2-2198371113 .md h1 tt,
+.d2-2198371113 .md h1 code,
+.d2-2198371113 .md h2 tt,
+.d2-2198371113 .md h2 code,
+.d2-2198371113 .md h3 tt,
+.d2-2198371113 .md h3 code,
+.d2-2198371113 .md h4 tt,
+.d2-2198371113 .md h4 code,
+.d2-2198371113 .md h5 tt,
+.d2-2198371113 .md h5 code,
+.d2-2198371113 .md h6 tt,
+.d2-2198371113 .md h6 code {
   padding: 0 0.2em;
   font-size: inherit;
 }
 
-.md ul.no-list,
-.md ol.no-list {
+.d2-2198371113 .md ul.no-list,
+.d2-2198371113 .md ol.no-list {
   padding: 0;
   list-style-type: none;
 }
 
-.md ol[type="1"] {
+.d2-2198371113 .md ol[type="1"] {
   list-style-type: decimal;
 }
 
-.md ol[type="a"] {
+.d2-2198371113 .md ol[type="a"] {
   list-style-type: lower-alpha;
 }
 
-.md ol[type="i"] {
+.d2-2198371113 .md ol[type="i"] {
   list-style-type: lower-roman;
 }
 
-.md div > ol:not([type]) {
+.d2-2198371113 .md div > ol:not([type]) {
   list-style-type: decimal;
 }
 
-.md ul ul,
-.md ul ol,
-.md ol ol,
-.md ol ul {
+.d2-2198371113 .md ul ul,
+.d2-2198371113 .md ul ol,
+.d2-2198371113 .md ol ol,
+.d2-2198371113 .md ol ul {
   margin-top: 0;
   margin-bottom: 0;
 }
 
-.md li > p {
+.d2-2198371113 .md li > p {
   margin-top: 16px;
 }
 
-.md li + li {
+.d2-2198371113 .md li + li {
   margin-top: 0.25em;
 }
 
-.md dl {
+.d2-2198371113 .md dl {
   padding: 0;
 }
 
-.md dl dt {
+.d2-2198371113 .md dl dt {
   padding: 0;
   margin-top: 16px;
   font-size: 1em;
@@ -566,48 +566,48 @@
   font-weight: 600;
 }
 
-.md dl dd {
+.d2-2198371113 .md dl dd {
   padding: 0 16px;
   margin-bottom: 16px;
 }
 
-.md table th {
+.d2-2198371113 .md table th {
   font-weight: 600;
 }
 
-.md table th,
-.md table td {
+.d2-2198371113 .md table th,
+.d2-2198371113 .md table td {
   padding: 6px 13px;
   border: 1px solid var(--color-border-default);
 }
 
-.md table tr {
+.d2-2198371113 .md table tr {
   background-color: var(--color-canvas-default);
   border-top: 1px solid var(--color-border-muted);
 }
 
-.md table tr:nth-child(2n) {
+.d2-2198371113 .md table tr:nth-child(2n) {
   background-color: var(--color-canvas-subtle);
 }
 
-.md table img {
+.d2-2198371113 .md table img {
   background-color: transparent;
 }
 
-.md img[align="right"] {
+.d2-2198371113 .md img[align="right"] {
   padding-left: 20px;
 }
 
-.md img[align="left"] {
+.d2-2198371113 .md img[align="left"] {
   padding-right: 20px;
 }
 
-.md span.frame {
+.d2-2198371113 .md span.frame {
   display: block;
   overflow: hidden;
 }
 
-.md span.frame > span {
+.d2-2198371113 .md span.frame > span {
   display: block;
   float: left;
   width: auto;
@@ -617,81 +617,81 @@
   border: 1px solid var(--color-border-default);
 }
 
-.md span.frame span img {
+.d2-2198371113 .md span.frame span img {
   display: block;
   float: left;
 }
 
-.md span.frame span span {
+.d2-2198371113 .md span.frame span span {
   display: block;
   padding: 5px 0 0;
   clear: both;
   color: var(--color-fg-default);
 }
 
-.md span.align-center {
+.d2-2198371113 .md span.align-center {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-center > span {
+.d2-2198371113 .md span.align-center > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: center;
 }
 
-.md span.align-center span img {
+.d2-2198371113 .md span.align-center span img {
   margin: 0 auto;
   text-align: center;
 }
 
-.md span.align-right {
+.d2-2198371113 .md span.align-right {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-right > span {
+.d2-2198371113 .md span.align-right > span {
   display: block;
   margin: 13px 0 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md span.align-right span img {
+.d2-2198371113 .md span.align-right span img {
   margin: 0;
   text-align: right;
 }
 
-.md span.float-left {
+.d2-2198371113 .md span.float-left {
   display: block;
   float: left;
   margin-right: 13px;
   overflow: hidden;
 }
 
-.md span.float-left span {
+.d2-2198371113 .md span.float-left span {
   margin: 13px 0 0;
 }
 
-.md span.float-right {
+.d2-2198371113 .md span.float-right {
   display: block;
   float: right;
   margin-left: 13px;
   overflow: hidden;
 }
 
-.md span.float-right > span {
+.d2-2198371113 .md span.float-right > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md code,
-.md tt {
+.d2-2198371113 .md code,
+.d2-2198371113 .md tt {
   padding: 0.2em 0.4em;
   margin: 0;
   font-size: 85%;
@@ -699,20 +699,20 @@
   border-radius: 6px;
 }
 
-.md code br,
-.md tt br {
+.d2-2198371113 .md code br,
+.d2-2198371113 .md tt br {
   display: none;
 }
 
-.md del code {
+.d2-2198371113 .md del code {
   text-decoration: inherit;
 }
 
-.md pre code {
+.d2-2198371113 .md pre code {
   font-size: 100%;
 }
 
-.md pre > code {
+.d2-2198371113 .md pre > code {
   padding: 0;
   margin: 0;
   word-break: normal;
@@ -721,17 +721,17 @@
   border: 0;
 }
 
-.md .highlight {
+.d2-2198371113 .md .highlight {
   margin-bottom: 16px;
 }
 
-.md .highlight pre {
+.d2-2198371113 .md .highlight pre {
   margin-bottom: 0;
   word-break: normal;
 }
 
-.md .highlight pre,
-.md pre {
+.d2-2198371113 .md .highlight pre,
+.d2-2198371113 .md pre {
   padding: 16px;
   overflow: auto;
   font-size: 85%;
@@ -740,8 +740,8 @@
   border-radius: 6px;
 }
 
-.md pre code,
-.md pre tt {
+.d2-2198371113 .md pre code,
+.d2-2198371113 .md pre tt {
   display: inline;
   max-width: auto;
   padding: 0;
@@ -753,8 +753,8 @@
   border: 0;
 }
 
-.md .csv-data td,
-.md .csv-data th {
+.d2-2198371113 .md .csv-data td,
+.d2-2198371113 .md .csv-data th {
   padding: 5px;
   overflow: hidden;
   font-size: 12px;
@@ -763,38 +763,38 @@
   white-space: nowrap;
 }
 
-.md .csv-data .blob-num {
+.d2-2198371113 .md .csv-data .blob-num {
   padding: 10px 8px 9px;
   text-align: right;
   background: var(--color-canvas-default);
   border: 0;
 }
 
-.md .csv-data tr {
+.d2-2198371113 .md .csv-data tr {
   border-top: 0;
 }
 
-.md .csv-data th {
+.d2-2198371113 .md .csv-data th {
   font-weight: 600;
   background: var(--color-canvas-subtle);
   border-top: 0;
 }
 
-.md .footnotes {
+.d2-2198371113 .md .footnotes {
   font-size: 12px;
   color: var(--color-fg-muted);
   border-top: 1px solid var(--color-border-default);
 }
 
-.md .footnotes ol {
+.d2-2198371113 .md .footnotes ol {
   padding-left: 16px;
 }
 
-.md .footnotes li {
+.d2-2198371113 .md .footnotes li {
   position: relative;
 }
 
-.md .footnotes li:target::before {
+.d2-2198371113 .md .footnotes li:target::before {
   position: absolute;
   top: -8px;
   right: -8px;
@@ -806,36 +806,36 @@
   border-radius: 6px;
 }
 
-.md .footnotes li:target {
+.d2-2198371113 .md .footnotes li:target {
   color: var(--color-fg-default);
 }
 
-.md .task-list-item {
+.d2-2198371113 .md .task-list-item {
   list-style-type: none;
 }
 
-.md .task-list-item label {
+.d2-2198371113 .md .task-list-item label {
   font-weight: 400;
 }
 
-.md .task-list-item.enabled label {
+.d2-2198371113 .md .task-list-item.enabled label {
   cursor: pointer;
 }
 
-.md .task-list-item + .task-list-item {
+.d2-2198371113 .md .task-list-item + .task-list-item {
   margin-top: 3px;
 }
 
-.md .task-list-item .handle {
+.d2-2198371113 .md .task-list-item .handle {
   display: none;
 }
 
-.md .task-list-item-checkbox {
+.d2-2198371113 .md .task-list-item-checkbox {
   margin: 0 0.2em 0.25em -1.6em;
   vertical-align: middle;
 }
 
-.md .contains-task-list:dir(rtl) .task-list-item-checkbox {
+.d2-2198371113 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
 </style><g id="md"><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>
diff --git a/e2etests/testdata/stable/li3/elk/sketch.exp.svg b/e2etests/testdata/stable/li3/elk/sketch.exp.svg
index fbad14ab3..902999620 100644
--- a/e2etests/testdata/stable/li3/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/li3/elk/sketch.exp.svg
@@ -96,31 +96,31 @@
 		.d2-2947606895 .color-AA4{color:#EDF0FD;}
 		.d2-2947606895 .color-AA5{color:#F7F8FE;}
 		.d2-2947606895 .color-AB4{color:#EDF0FD;}
-		.d2-2947606895 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.md em,
-.md dfn {
+		.d2-2947606895 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.d2-2947606895 .md em,
+.d2-2947606895 .md dfn {
   font-family: "d2-2947606895-font-italic";
 }
 
-.md b,
-.md strong {
+.d2-2947606895 .md b,
+.d2-2947606895 .md strong {
   font-family: "d2-2947606895-font-bold";
 }
 
-.md code,
-.md kbd,
-.md pre,
-.md samp {
+.d2-2947606895 .md code,
+.d2-2947606895 .md kbd,
+.d2-2947606895 .md pre,
+.d2-2947606895 .md samp {
   font-family: "d2-2947606895-font-mono";
   font-size: 1em;
 }
 
-.md {
+.d2-2947606895 .md {
   tab-size: 4;
 }
 
 /* variables are provided in d2renderers/d2svg/d2svg.go */
 
-.md {
+.d2-2947606895 .md {
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
   margin: 0;
@@ -132,41 +132,41 @@
   word-wrap: break-word;
 }
 
-.md details,
-.md figcaption,
-.md figure {
+.d2-2947606895 .md details,
+.d2-2947606895 .md figcaption,
+.d2-2947606895 .md figure {
   display: block;
 }
 
-.md summary {
+.d2-2947606895 .md summary {
   display: list-item;
 }
 
-.md [hidden] {
+.d2-2947606895 .md [hidden] {
   display: none !important;
 }
 
-.md a {
+.d2-2947606895 .md a {
   background-color: transparent;
   color: var(--color-accent-fg);
   text-decoration: none;
 }
 
-.md a:active,
-.md a:hover {
+.d2-2947606895 .md a:active,
+.d2-2947606895 .md a:hover {
   outline-width: 0;
 }
 
-.md abbr[title] {
+.d2-2947606895 .md abbr[title] {
   border-bottom: none;
   text-decoration: underline dotted;
 }
 
-.md dfn {
+.d2-2947606895 .md dfn {
   font-style: italic;
 }
 
-.md h1 {
+.d2-2947606895 .md h1 {
   margin: 0.67em 0;
   font-weight: 600;
   padding-bottom: 0.3em;
@@ -174,43 +174,43 @@
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md mark {
+.d2-2947606895 .md mark {
   background-color: var(--color-attention-subtle);
   color: var(--color-text-primary);
 }
 
-.md small {
+.d2-2947606895 .md small {
   font-size: 90%;
 }
 
-.md sub,
-.md sup {
+.d2-2947606895 .md sub,
+.d2-2947606895 .md sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
 }
 
-.md sub {
+.d2-2947606895 .md sub {
   bottom: -0.25em;
 }
 
-.md sup {
+.d2-2947606895 .md sup {
   top: -0.5em;
 }
 
-.md img {
+.d2-2947606895 .md img {
   border-style: none;
   max-width: 100%;
   box-sizing: content-box;
   background-color: var(--color-canvas-default);
 }
 
-.md figure {
+.d2-2947606895 .md figure {
   margin: 1em 40px;
 }
 
-.md hr {
+.d2-2947606895 .md hr {
   box-sizing: content-box;
   overflow: hidden;
   background: transparent;
@@ -222,7 +222,7 @@
   border: 0;
 }
 
-.md input {
+.d2-2947606895 .md input {
   font: inherit;
   margin: 0;
   overflow: visible;
@@ -231,72 +231,72 @@
   line-height: inherit;
 }
 
-.md [type="button"],
-.md [type="reset"],
-.md [type="submit"] {
+.d2-2947606895 .md [type="button"],
+.d2-2947606895 .md [type="reset"],
+.d2-2947606895 .md [type="submit"] {
   -webkit-appearance: button;
 }
 
-.md [type="button"]::-moz-focus-inner,
-.md [type="reset"]::-moz-focus-inner,
-.md [type="submit"]::-moz-focus-inner {
+.d2-2947606895 .md [type="button"]::-moz-focus-inner,
+.d2-2947606895 .md [type="reset"]::-moz-focus-inner,
+.d2-2947606895 .md [type="submit"]::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.md [type="button"]:-moz-focusring,
-.md [type="reset"]:-moz-focusring,
-.md [type="submit"]:-moz-focusring {
+.d2-2947606895 .md [type="button"]:-moz-focusring,
+.d2-2947606895 .md [type="reset"]:-moz-focusring,
+.d2-2947606895 .md [type="submit"]:-moz-focusring {
   outline: 1px dotted ButtonText;
 }
 
-.md [type="checkbox"],
-.md [type="radio"] {
+.d2-2947606895 .md [type="checkbox"],
+.d2-2947606895 .md [type="radio"] {
   box-sizing: border-box;
   padding: 0;
 }
 
-.md [type="number"]::-webkit-inner-spin-button,
-.md [type="number"]::-webkit-outer-spin-button {
+.d2-2947606895 .md [type="number"]::-webkit-inner-spin-button,
+.d2-2947606895 .md [type="number"]::-webkit-outer-spin-button {
   height: auto;
 }
 
-.md [type="search"] {
+.d2-2947606895 .md [type="search"] {
   -webkit-appearance: textfield;
   outline-offset: -2px;
 }
 
-.md [type="search"]::-webkit-search-cancel-button,
-.md [type="search"]::-webkit-search-decoration {
+.d2-2947606895 .md [type="search"]::-webkit-search-cancel-button,
+.d2-2947606895 .md [type="search"]::-webkit-search-decoration {
   -webkit-appearance: none;
 }
 
-.md ::-webkit-input-placeholder {
+.d2-2947606895 .md ::-webkit-input-placeholder {
   color: inherit;
   opacity: 0.54;
 }
 
-.md ::-webkit-file-upload-button {
+.d2-2947606895 .md ::-webkit-file-upload-button {
   -webkit-appearance: button;
   font: inherit;
 }
 
-.md a:hover {
+.d2-2947606895 .md a:hover {
   text-decoration: underline;
 }
 
-.md hr::before {
+.d2-2947606895 .md hr::before {
   display: table;
   content: "";
 }
 
-.md hr::after {
+.d2-2947606895 .md hr::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md table {
+.d2-2947606895 .md table {
   border-spacing: 0;
   border-collapse: collapse;
   display: block;
@@ -305,20 +305,20 @@
   overflow: auto;
 }
 
-.md td,
-.md th {
+.d2-2947606895 .md td,
+.d2-2947606895 .md th {
   padding: 0;
 }
 
-.md details summary {
+.d2-2947606895 .md details summary {
   cursor: pointer;
 }
 
-.md details:not([open]) > *:not(summary) {
+.d2-2947606895 .md details:not([open]) > *:not(summary) {
   display: none !important;
 }
 
-.md kbd {
+.d2-2947606895 .md kbd {
   display: inline-block;
   padding: 3px 5px;
   color: var(--color-fg-default);
@@ -330,12 +330,12 @@
   box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
 }
 
-.md h1,
-.md h2,
-.md h3,
-.md h4,
-.md h5,
-.md h6 {
+.d2-2947606895 .md h1,
+.d2-2947606895 .md h2,
+.d2-2947606895 .md h3,
+.d2-2947606895 .md h4,
+.d2-2947606895 .md h5,
+.d2-2947606895 .md h6 {
   margin-top: 24px;
   margin-bottom: 16px;
   font-weight: 600;
@@ -343,222 +343,222 @@
   font-family: "d2-2947606895-font-regular";
 }
 
-.md h2 {
+.d2-2947606895 .md h2 {
   font-weight: 600;
   padding-bottom: 0.3em;
   font-size: 1.5em;
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md h3 {
+.d2-2947606895 .md h3 {
   font-weight: 600;
   font-size: 1.25em;
 }
 
-.md h4 {
+.d2-2947606895 .md h4 {
   font-weight: 600;
   font-size: 1em;
 }
 
-.md h5 {
+.d2-2947606895 .md h5 {
   font-weight: 600;
   font-size: 0.875em;
 }
 
-.md h6 {
+.d2-2947606895 .md h6 {
   font-weight: 600;
   font-size: 0.85em;
   color: var(--color-fg-muted);
 }
 
-.md p {
+.d2-2947606895 .md p {
   margin-top: 0;
   margin-bottom: 10px;
 }
 
-.md blockquote {
+.d2-2947606895 .md blockquote {
   margin: 0;
   padding: 0 1em;
   color: var(--color-fg-muted);
   border-left: 0.25em solid var(--color-border-default);
 }
 
-.md ul,
-.md ol {
+.d2-2947606895 .md ul,
+.d2-2947606895 .md ol {
   margin-top: 0;
   margin-bottom: 0;
   padding-left: 2em;
 }
 
-.md ol ol,
-.md ul ol {
+.d2-2947606895 .md ol ol,
+.d2-2947606895 .md ul ol {
   list-style-type: lower-roman;
 }
 
-.md ul ul ol,
-.md ul ol ol,
-.md ol ul ol,
-.md ol ol ol {
+.d2-2947606895 .md ul ul ol,
+.d2-2947606895 .md ul ol ol,
+.d2-2947606895 .md ol ul ol,
+.d2-2947606895 .md ol ol ol {
   list-style-type: lower-alpha;
 }
 
-.md dd {
+.d2-2947606895 .md dd {
   margin-left: 0;
 }
 
-.md pre {
+.d2-2947606895 .md pre {
   margin-top: 0;
   margin-bottom: 0;
   word-wrap: normal;
 }
 
-.md ::placeholder {
+.d2-2947606895 .md ::placeholder {
   color: var(--color-fg-subtle);
   opacity: 1;
 }
 
-.md input::-webkit-outer-spin-button,
-.md input::-webkit-inner-spin-button {
+.d2-2947606895 .md input::-webkit-outer-spin-button,
+.d2-2947606895 .md input::-webkit-inner-spin-button {
   margin: 0;
   -webkit-appearance: none;
   appearance: none;
 }
 
-.md::before {
+.d2-2947606895 .md::before {
   display: table;
   content: "";
 }
 
-.md::after {
+.d2-2947606895 .md::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md > *:first-child {
+.d2-2947606895 .md > *:first-child {
   margin-top: 0 !important;
 }
 
-.md > *:last-child {
+.d2-2947606895 .md > *:last-child {
   margin-bottom: 0 !important;
 }
 
-.md a:not([href]) {
+.d2-2947606895 .md a:not([href]) {
   color: inherit;
   text-decoration: none;
 }
 
-.md .absent {
+.d2-2947606895 .md .absent {
   color: var(--color-danger-fg);
 }
 
-.md .anchor {
+.d2-2947606895 .md .anchor {
   float: left;
   padding-right: 4px;
   margin-left: -20px;
   line-height: 1;
 }
 
-.md .anchor:focus {
+.d2-2947606895 .md .anchor:focus {
   outline: none;
 }
 
-.md p,
-.md blockquote,
-.md ul,
-.md ol,
-.md dl,
-.md table,
-.md pre,
-.md details {
+.d2-2947606895 .md p,
+.d2-2947606895 .md blockquote,
+.d2-2947606895 .md ul,
+.d2-2947606895 .md ol,
+.d2-2947606895 .md dl,
+.d2-2947606895 .md table,
+.d2-2947606895 .md pre,
+.d2-2947606895 .md details {
   margin-top: 0;
   margin-bottom: 16px;
 }
 
-.md blockquote > :first-child {
+.d2-2947606895 .md blockquote > :first-child {
   margin-top: 0;
 }
 
-.md blockquote > :last-child {
+.d2-2947606895 .md blockquote > :last-child {
   margin-bottom: 0;
 }
 
-.md sup > a::before {
+.d2-2947606895 .md sup > a::before {
   content: "[";
 }
 
-.md sup > a::after {
+.d2-2947606895 .md sup > a::after {
   content: "]";
 }
 
-.md h1:hover .anchor,
-.md h2:hover .anchor,
-.md h3:hover .anchor,
-.md h4:hover .anchor,
-.md h5:hover .anchor,
-.md h6:hover .anchor {
+.d2-2947606895 .md h1:hover .anchor,
+.d2-2947606895 .md h2:hover .anchor,
+.d2-2947606895 .md h3:hover .anchor,
+.d2-2947606895 .md h4:hover .anchor,
+.d2-2947606895 .md h5:hover .anchor,
+.d2-2947606895 .md h6:hover .anchor {
   text-decoration: none;
 }
 
-.md h1 tt,
-.md h1 code,
-.md h2 tt,
-.md h2 code,
-.md h3 tt,
-.md h3 code,
-.md h4 tt,
-.md h4 code,
-.md h5 tt,
-.md h5 code,
-.md h6 tt,
-.md h6 code {
+.d2-2947606895 .md h1 tt,
+.d2-2947606895 .md h1 code,
+.d2-2947606895 .md h2 tt,
+.d2-2947606895 .md h2 code,
+.d2-2947606895 .md h3 tt,
+.d2-2947606895 .md h3 code,
+.d2-2947606895 .md h4 tt,
+.d2-2947606895 .md h4 code,
+.d2-2947606895 .md h5 tt,
+.d2-2947606895 .md h5 code,
+.d2-2947606895 .md h6 tt,
+.d2-2947606895 .md h6 code {
   padding: 0 0.2em;
   font-size: inherit;
 }
 
-.md ul.no-list,
-.md ol.no-list {
+.d2-2947606895 .md ul.no-list,
+.d2-2947606895 .md ol.no-list {
   padding: 0;
   list-style-type: none;
 }
 
-.md ol[type="1"] {
+.d2-2947606895 .md ol[type="1"] {
   list-style-type: decimal;
 }
 
-.md ol[type="a"] {
+.d2-2947606895 .md ol[type="a"] {
   list-style-type: lower-alpha;
 }
 
-.md ol[type="i"] {
+.d2-2947606895 .md ol[type="i"] {
   list-style-type: lower-roman;
 }
 
-.md div > ol:not([type]) {
+.d2-2947606895 .md div > ol:not([type]) {
   list-style-type: decimal;
 }
 
-.md ul ul,
-.md ul ol,
-.md ol ol,
-.md ol ul {
+.d2-2947606895 .md ul ul,
+.d2-2947606895 .md ul ol,
+.d2-2947606895 .md ol ol,
+.d2-2947606895 .md ol ul {
   margin-top: 0;
   margin-bottom: 0;
 }
 
-.md li > p {
+.d2-2947606895 .md li > p {
   margin-top: 16px;
 }
 
-.md li + li {
+.d2-2947606895 .md li + li {
   margin-top: 0.25em;
 }
 
-.md dl {
+.d2-2947606895 .md dl {
   padding: 0;
 }
 
-.md dl dt {
+.d2-2947606895 .md dl dt {
   padding: 0;
   margin-top: 16px;
   font-size: 1em;
@@ -566,48 +566,48 @@
   font-weight: 600;
 }
 
-.md dl dd {
+.d2-2947606895 .md dl dd {
   padding: 0 16px;
   margin-bottom: 16px;
 }
 
-.md table th {
+.d2-2947606895 .md table th {
   font-weight: 600;
 }
 
-.md table th,
-.md table td {
+.d2-2947606895 .md table th,
+.d2-2947606895 .md table td {
   padding: 6px 13px;
   border: 1px solid var(--color-border-default);
 }
 
-.md table tr {
+.d2-2947606895 .md table tr {
   background-color: var(--color-canvas-default);
   border-top: 1px solid var(--color-border-muted);
 }
 
-.md table tr:nth-child(2n) {
+.d2-2947606895 .md table tr:nth-child(2n) {
   background-color: var(--color-canvas-subtle);
 }
 
-.md table img {
+.d2-2947606895 .md table img {
   background-color: transparent;
 }
 
-.md img[align="right"] {
+.d2-2947606895 .md img[align="right"] {
   padding-left: 20px;
 }
 
-.md img[align="left"] {
+.d2-2947606895 .md img[align="left"] {
   padding-right: 20px;
 }
 
-.md span.frame {
+.d2-2947606895 .md span.frame {
   display: block;
   overflow: hidden;
 }
 
-.md span.frame > span {
+.d2-2947606895 .md span.frame > span {
   display: block;
   float: left;
   width: auto;
@@ -617,81 +617,81 @@
   border: 1px solid var(--color-border-default);
 }
 
-.md span.frame span img {
+.d2-2947606895 .md span.frame span img {
   display: block;
   float: left;
 }
 
-.md span.frame span span {
+.d2-2947606895 .md span.frame span span {
   display: block;
   padding: 5px 0 0;
   clear: both;
   color: var(--color-fg-default);
 }
 
-.md span.align-center {
+.d2-2947606895 .md span.align-center {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-center > span {
+.d2-2947606895 .md span.align-center > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: center;
 }
 
-.md span.align-center span img {
+.d2-2947606895 .md span.align-center span img {
   margin: 0 auto;
   text-align: center;
 }
 
-.md span.align-right {
+.d2-2947606895 .md span.align-right {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-right > span {
+.d2-2947606895 .md span.align-right > span {
   display: block;
   margin: 13px 0 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md span.align-right span img {
+.d2-2947606895 .md span.align-right span img {
   margin: 0;
   text-align: right;
 }
 
-.md span.float-left {
+.d2-2947606895 .md span.float-left {
   display: block;
   float: left;
   margin-right: 13px;
   overflow: hidden;
 }
 
-.md span.float-left span {
+.d2-2947606895 .md span.float-left span {
   margin: 13px 0 0;
 }
 
-.md span.float-right {
+.d2-2947606895 .md span.float-right {
   display: block;
   float: right;
   margin-left: 13px;
   overflow: hidden;
 }
 
-.md span.float-right > span {
+.d2-2947606895 .md span.float-right > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md code,
-.md tt {
+.d2-2947606895 .md code,
+.d2-2947606895 .md tt {
   padding: 0.2em 0.4em;
   margin: 0;
   font-size: 85%;
@@ -699,20 +699,20 @@
   border-radius: 6px;
 }
 
-.md code br,
-.md tt br {
+.d2-2947606895 .md code br,
+.d2-2947606895 .md tt br {
   display: none;
 }
 
-.md del code {
+.d2-2947606895 .md del code {
   text-decoration: inherit;
 }
 
-.md pre code {
+.d2-2947606895 .md pre code {
   font-size: 100%;
 }
 
-.md pre > code {
+.d2-2947606895 .md pre > code {
   padding: 0;
   margin: 0;
   word-break: normal;
@@ -721,17 +721,17 @@
   border: 0;
 }
 
-.md .highlight {
+.d2-2947606895 .md .highlight {
   margin-bottom: 16px;
 }
 
-.md .highlight pre {
+.d2-2947606895 .md .highlight pre {
   margin-bottom: 0;
   word-break: normal;
 }
 
-.md .highlight pre,
-.md pre {
+.d2-2947606895 .md .highlight pre,
+.d2-2947606895 .md pre {
   padding: 16px;
   overflow: auto;
   font-size: 85%;
@@ -740,8 +740,8 @@
   border-radius: 6px;
 }
 
-.md pre code,
-.md pre tt {
+.d2-2947606895 .md pre code,
+.d2-2947606895 .md pre tt {
   display: inline;
   max-width: auto;
   padding: 0;
@@ -753,8 +753,8 @@
   border: 0;
 }
 
-.md .csv-data td,
-.md .csv-data th {
+.d2-2947606895 .md .csv-data td,
+.d2-2947606895 .md .csv-data th {
   padding: 5px;
   overflow: hidden;
   font-size: 12px;
@@ -763,38 +763,38 @@
   white-space: nowrap;
 }
 
-.md .csv-data .blob-num {
+.d2-2947606895 .md .csv-data .blob-num {
   padding: 10px 8px 9px;
   text-align: right;
   background: var(--color-canvas-default);
   border: 0;
 }
 
-.md .csv-data tr {
+.d2-2947606895 .md .csv-data tr {
   border-top: 0;
 }
 
-.md .csv-data th {
+.d2-2947606895 .md .csv-data th {
   font-weight: 600;
   background: var(--color-canvas-subtle);
   border-top: 0;
 }
 
-.md .footnotes {
+.d2-2947606895 .md .footnotes {
   font-size: 12px;
   color: var(--color-fg-muted);
   border-top: 1px solid var(--color-border-default);
 }
 
-.md .footnotes ol {
+.d2-2947606895 .md .footnotes ol {
   padding-left: 16px;
 }
 
-.md .footnotes li {
+.d2-2947606895 .md .footnotes li {
   position: relative;
 }
 
-.md .footnotes li:target::before {
+.d2-2947606895 .md .footnotes li:target::before {
   position: absolute;
   top: -8px;
   right: -8px;
@@ -806,36 +806,36 @@
   border-radius: 6px;
 }
 
-.md .footnotes li:target {
+.d2-2947606895 .md .footnotes li:target {
   color: var(--color-fg-default);
 }
 
-.md .task-list-item {
+.d2-2947606895 .md .task-list-item {
   list-style-type: none;
 }
 
-.md .task-list-item label {
+.d2-2947606895 .md .task-list-item label {
   font-weight: 400;
 }
 
-.md .task-list-item.enabled label {
+.d2-2947606895 .md .task-list-item.enabled label {
   cursor: pointer;
 }
 
-.md .task-list-item + .task-list-item {
+.d2-2947606895 .md .task-list-item + .task-list-item {
   margin-top: 3px;
 }
 
-.md .task-list-item .handle {
+.d2-2947606895 .md .task-list-item .handle {
   display: none;
 }
 
-.md .task-list-item-checkbox {
+.d2-2947606895 .md .task-list-item-checkbox {
   margin: 0 0.2em 0.25em -1.6em;
   vertical-align: middle;
 }
 
-.md .contains-task-list:dir(rtl) .task-list-item-checkbox {
+.d2-2947606895 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
 </style><g id="md"><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>
diff --git a/e2etests/testdata/stable/li4/dagre/sketch.exp.svg b/e2etests/testdata/stable/li4/dagre/sketch.exp.svg
index 7660be53b..64049b5ec 100644
--- a/e2etests/testdata/stable/li4/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/li4/dagre/sketch.exp.svg
@@ -103,31 +103,31 @@
 		.d2-331088253 .color-AA4{color:#EDF0FD;}
 		.d2-331088253 .color-AA5{color:#F7F8FE;}
 		.d2-331088253 .color-AB4{color:#EDF0FD;}
-		.d2-331088253 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.md em,
-.md dfn {
+		.d2-331088253 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.d2-331088253 .md em,
+.d2-331088253 .md dfn {
   font-family: "d2-331088253-font-italic";
 }
 
-.md b,
-.md strong {
+.d2-331088253 .md b,
+.d2-331088253 .md strong {
   font-family: "d2-331088253-font-bold";
 }
 
-.md code,
-.md kbd,
-.md pre,
-.md samp {
+.d2-331088253 .md code,
+.d2-331088253 .md kbd,
+.d2-331088253 .md pre,
+.d2-331088253 .md samp {
   font-family: "d2-331088253-font-mono";
   font-size: 1em;
 }
 
-.md {
+.d2-331088253 .md {
   tab-size: 4;
 }
 
 /* variables are provided in d2renderers/d2svg/d2svg.go */
 
-.md {
+.d2-331088253 .md {
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
   margin: 0;
@@ -139,41 +139,41 @@
   word-wrap: break-word;
 }
 
-.md details,
-.md figcaption,
-.md figure {
+.d2-331088253 .md details,
+.d2-331088253 .md figcaption,
+.d2-331088253 .md figure {
   display: block;
 }
 
-.md summary {
+.d2-331088253 .md summary {
   display: list-item;
 }
 
-.md [hidden] {
+.d2-331088253 .md [hidden] {
   display: none !important;
 }
 
-.md a {
+.d2-331088253 .md a {
   background-color: transparent;
   color: var(--color-accent-fg);
   text-decoration: none;
 }
 
-.md a:active,
-.md a:hover {
+.d2-331088253 .md a:active,
+.d2-331088253 .md a:hover {
   outline-width: 0;
 }
 
-.md abbr[title] {
+.d2-331088253 .md abbr[title] {
   border-bottom: none;
   text-decoration: underline dotted;
 }
 
-.md dfn {
+.d2-331088253 .md dfn {
   font-style: italic;
 }
 
-.md h1 {
+.d2-331088253 .md h1 {
   margin: 0.67em 0;
   font-weight: 600;
   padding-bottom: 0.3em;
@@ -181,43 +181,43 @@
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md mark {
+.d2-331088253 .md mark {
   background-color: var(--color-attention-subtle);
   color: var(--color-text-primary);
 }
 
-.md small {
+.d2-331088253 .md small {
   font-size: 90%;
 }
 
-.md sub,
-.md sup {
+.d2-331088253 .md sub,
+.d2-331088253 .md sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
 }
 
-.md sub {
+.d2-331088253 .md sub {
   bottom: -0.25em;
 }
 
-.md sup {
+.d2-331088253 .md sup {
   top: -0.5em;
 }
 
-.md img {
+.d2-331088253 .md img {
   border-style: none;
   max-width: 100%;
   box-sizing: content-box;
   background-color: var(--color-canvas-default);
 }
 
-.md figure {
+.d2-331088253 .md figure {
   margin: 1em 40px;
 }
 
-.md hr {
+.d2-331088253 .md hr {
   box-sizing: content-box;
   overflow: hidden;
   background: transparent;
@@ -229,7 +229,7 @@
   border: 0;
 }
 
-.md input {
+.d2-331088253 .md input {
   font: inherit;
   margin: 0;
   overflow: visible;
@@ -238,72 +238,72 @@
   line-height: inherit;
 }
 
-.md [type="button"],
-.md [type="reset"],
-.md [type="submit"] {
+.d2-331088253 .md [type="button"],
+.d2-331088253 .md [type="reset"],
+.d2-331088253 .md [type="submit"] {
   -webkit-appearance: button;
 }
 
-.md [type="button"]::-moz-focus-inner,
-.md [type="reset"]::-moz-focus-inner,
-.md [type="submit"]::-moz-focus-inner {
+.d2-331088253 .md [type="button"]::-moz-focus-inner,
+.d2-331088253 .md [type="reset"]::-moz-focus-inner,
+.d2-331088253 .md [type="submit"]::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.md [type="button"]:-moz-focusring,
-.md [type="reset"]:-moz-focusring,
-.md [type="submit"]:-moz-focusring {
+.d2-331088253 .md [type="button"]:-moz-focusring,
+.d2-331088253 .md [type="reset"]:-moz-focusring,
+.d2-331088253 .md [type="submit"]:-moz-focusring {
   outline: 1px dotted ButtonText;
 }
 
-.md [type="checkbox"],
-.md [type="radio"] {
+.d2-331088253 .md [type="checkbox"],
+.d2-331088253 .md [type="radio"] {
   box-sizing: border-box;
   padding: 0;
 }
 
-.md [type="number"]::-webkit-inner-spin-button,
-.md [type="number"]::-webkit-outer-spin-button {
+.d2-331088253 .md [type="number"]::-webkit-inner-spin-button,
+.d2-331088253 .md [type="number"]::-webkit-outer-spin-button {
   height: auto;
 }
 
-.md [type="search"] {
+.d2-331088253 .md [type="search"] {
   -webkit-appearance: textfield;
   outline-offset: -2px;
 }
 
-.md [type="search"]::-webkit-search-cancel-button,
-.md [type="search"]::-webkit-search-decoration {
+.d2-331088253 .md [type="search"]::-webkit-search-cancel-button,
+.d2-331088253 .md [type="search"]::-webkit-search-decoration {
   -webkit-appearance: none;
 }
 
-.md ::-webkit-input-placeholder {
+.d2-331088253 .md ::-webkit-input-placeholder {
   color: inherit;
   opacity: 0.54;
 }
 
-.md ::-webkit-file-upload-button {
+.d2-331088253 .md ::-webkit-file-upload-button {
   -webkit-appearance: button;
   font: inherit;
 }
 
-.md a:hover {
+.d2-331088253 .md a:hover {
   text-decoration: underline;
 }
 
-.md hr::before {
+.d2-331088253 .md hr::before {
   display: table;
   content: "";
 }
 
-.md hr::after {
+.d2-331088253 .md hr::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md table {
+.d2-331088253 .md table {
   border-spacing: 0;
   border-collapse: collapse;
   display: block;
@@ -312,20 +312,20 @@
   overflow: auto;
 }
 
-.md td,
-.md th {
+.d2-331088253 .md td,
+.d2-331088253 .md th {
   padding: 0;
 }
 
-.md details summary {
+.d2-331088253 .md details summary {
   cursor: pointer;
 }
 
-.md details:not([open]) > *:not(summary) {
+.d2-331088253 .md details:not([open]) > *:not(summary) {
   display: none !important;
 }
 
-.md kbd {
+.d2-331088253 .md kbd {
   display: inline-block;
   padding: 3px 5px;
   color: var(--color-fg-default);
@@ -337,12 +337,12 @@
   box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
 }
 
-.md h1,
-.md h2,
-.md h3,
-.md h4,
-.md h5,
-.md h6 {
+.d2-331088253 .md h1,
+.d2-331088253 .md h2,
+.d2-331088253 .md h3,
+.d2-331088253 .md h4,
+.d2-331088253 .md h5,
+.d2-331088253 .md h6 {
   margin-top: 24px;
   margin-bottom: 16px;
   font-weight: 600;
@@ -350,222 +350,222 @@
   font-family: "d2-331088253-font-regular";
 }
 
-.md h2 {
+.d2-331088253 .md h2 {
   font-weight: 600;
   padding-bottom: 0.3em;
   font-size: 1.5em;
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md h3 {
+.d2-331088253 .md h3 {
   font-weight: 600;
   font-size: 1.25em;
 }
 
-.md h4 {
+.d2-331088253 .md h4 {
   font-weight: 600;
   font-size: 1em;
 }
 
-.md h5 {
+.d2-331088253 .md h5 {
   font-weight: 600;
   font-size: 0.875em;
 }
 
-.md h6 {
+.d2-331088253 .md h6 {
   font-weight: 600;
   font-size: 0.85em;
   color: var(--color-fg-muted);
 }
 
-.md p {
+.d2-331088253 .md p {
   margin-top: 0;
   margin-bottom: 10px;
 }
 
-.md blockquote {
+.d2-331088253 .md blockquote {
   margin: 0;
   padding: 0 1em;
   color: var(--color-fg-muted);
   border-left: 0.25em solid var(--color-border-default);
 }
 
-.md ul,
-.md ol {
+.d2-331088253 .md ul,
+.d2-331088253 .md ol {
   margin-top: 0;
   margin-bottom: 0;
   padding-left: 2em;
 }
 
-.md ol ol,
-.md ul ol {
+.d2-331088253 .md ol ol,
+.d2-331088253 .md ul ol {
   list-style-type: lower-roman;
 }
 
-.md ul ul ol,
-.md ul ol ol,
-.md ol ul ol,
-.md ol ol ol {
+.d2-331088253 .md ul ul ol,
+.d2-331088253 .md ul ol ol,
+.d2-331088253 .md ol ul ol,
+.d2-331088253 .md ol ol ol {
   list-style-type: lower-alpha;
 }
 
-.md dd {
+.d2-331088253 .md dd {
   margin-left: 0;
 }
 
-.md pre {
+.d2-331088253 .md pre {
   margin-top: 0;
   margin-bottom: 0;
   word-wrap: normal;
 }
 
-.md ::placeholder {
+.d2-331088253 .md ::placeholder {
   color: var(--color-fg-subtle);
   opacity: 1;
 }
 
-.md input::-webkit-outer-spin-button,
-.md input::-webkit-inner-spin-button {
+.d2-331088253 .md input::-webkit-outer-spin-button,
+.d2-331088253 .md input::-webkit-inner-spin-button {
   margin: 0;
   -webkit-appearance: none;
   appearance: none;
 }
 
-.md::before {
+.d2-331088253 .md::before {
   display: table;
   content: "";
 }
 
-.md::after {
+.d2-331088253 .md::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md > *:first-child {
+.d2-331088253 .md > *:first-child {
   margin-top: 0 !important;
 }
 
-.md > *:last-child {
+.d2-331088253 .md > *:last-child {
   margin-bottom: 0 !important;
 }
 
-.md a:not([href]) {
+.d2-331088253 .md a:not([href]) {
   color: inherit;
   text-decoration: none;
 }
 
-.md .absent {
+.d2-331088253 .md .absent {
   color: var(--color-danger-fg);
 }
 
-.md .anchor {
+.d2-331088253 .md .anchor {
   float: left;
   padding-right: 4px;
   margin-left: -20px;
   line-height: 1;
 }
 
-.md .anchor:focus {
+.d2-331088253 .md .anchor:focus {
   outline: none;
 }
 
-.md p,
-.md blockquote,
-.md ul,
-.md ol,
-.md dl,
-.md table,
-.md pre,
-.md details {
+.d2-331088253 .md p,
+.d2-331088253 .md blockquote,
+.d2-331088253 .md ul,
+.d2-331088253 .md ol,
+.d2-331088253 .md dl,
+.d2-331088253 .md table,
+.d2-331088253 .md pre,
+.d2-331088253 .md details {
   margin-top: 0;
   margin-bottom: 16px;
 }
 
-.md blockquote > :first-child {
+.d2-331088253 .md blockquote > :first-child {
   margin-top: 0;
 }
 
-.md blockquote > :last-child {
+.d2-331088253 .md blockquote > :last-child {
   margin-bottom: 0;
 }
 
-.md sup > a::before {
+.d2-331088253 .md sup > a::before {
   content: "[";
 }
 
-.md sup > a::after {
+.d2-331088253 .md sup > a::after {
   content: "]";
 }
 
-.md h1:hover .anchor,
-.md h2:hover .anchor,
-.md h3:hover .anchor,
-.md h4:hover .anchor,
-.md h5:hover .anchor,
-.md h6:hover .anchor {
+.d2-331088253 .md h1:hover .anchor,
+.d2-331088253 .md h2:hover .anchor,
+.d2-331088253 .md h3:hover .anchor,
+.d2-331088253 .md h4:hover .anchor,
+.d2-331088253 .md h5:hover .anchor,
+.d2-331088253 .md h6:hover .anchor {
   text-decoration: none;
 }
 
-.md h1 tt,
-.md h1 code,
-.md h2 tt,
-.md h2 code,
-.md h3 tt,
-.md h3 code,
-.md h4 tt,
-.md h4 code,
-.md h5 tt,
-.md h5 code,
-.md h6 tt,
-.md h6 code {
+.d2-331088253 .md h1 tt,
+.d2-331088253 .md h1 code,
+.d2-331088253 .md h2 tt,
+.d2-331088253 .md h2 code,
+.d2-331088253 .md h3 tt,
+.d2-331088253 .md h3 code,
+.d2-331088253 .md h4 tt,
+.d2-331088253 .md h4 code,
+.d2-331088253 .md h5 tt,
+.d2-331088253 .md h5 code,
+.d2-331088253 .md h6 tt,
+.d2-331088253 .md h6 code {
   padding: 0 0.2em;
   font-size: inherit;
 }
 
-.md ul.no-list,
-.md ol.no-list {
+.d2-331088253 .md ul.no-list,
+.d2-331088253 .md ol.no-list {
   padding: 0;
   list-style-type: none;
 }
 
-.md ol[type="1"] {
+.d2-331088253 .md ol[type="1"] {
   list-style-type: decimal;
 }
 
-.md ol[type="a"] {
+.d2-331088253 .md ol[type="a"] {
   list-style-type: lower-alpha;
 }
 
-.md ol[type="i"] {
+.d2-331088253 .md ol[type="i"] {
   list-style-type: lower-roman;
 }
 
-.md div > ol:not([type]) {
+.d2-331088253 .md div > ol:not([type]) {
   list-style-type: decimal;
 }
 
-.md ul ul,
-.md ul ol,
-.md ol ol,
-.md ol ul {
+.d2-331088253 .md ul ul,
+.d2-331088253 .md ul ol,
+.d2-331088253 .md ol ol,
+.d2-331088253 .md ol ul {
   margin-top: 0;
   margin-bottom: 0;
 }
 
-.md li > p {
+.d2-331088253 .md li > p {
   margin-top: 16px;
 }
 
-.md li + li {
+.d2-331088253 .md li + li {
   margin-top: 0.25em;
 }
 
-.md dl {
+.d2-331088253 .md dl {
   padding: 0;
 }
 
-.md dl dt {
+.d2-331088253 .md dl dt {
   padding: 0;
   margin-top: 16px;
   font-size: 1em;
@@ -573,48 +573,48 @@
   font-weight: 600;
 }
 
-.md dl dd {
+.d2-331088253 .md dl dd {
   padding: 0 16px;
   margin-bottom: 16px;
 }
 
-.md table th {
+.d2-331088253 .md table th {
   font-weight: 600;
 }
 
-.md table th,
-.md table td {
+.d2-331088253 .md table th,
+.d2-331088253 .md table td {
   padding: 6px 13px;
   border: 1px solid var(--color-border-default);
 }
 
-.md table tr {
+.d2-331088253 .md table tr {
   background-color: var(--color-canvas-default);
   border-top: 1px solid var(--color-border-muted);
 }
 
-.md table tr:nth-child(2n) {
+.d2-331088253 .md table tr:nth-child(2n) {
   background-color: var(--color-canvas-subtle);
 }
 
-.md table img {
+.d2-331088253 .md table img {
   background-color: transparent;
 }
 
-.md img[align="right"] {
+.d2-331088253 .md img[align="right"] {
   padding-left: 20px;
 }
 
-.md img[align="left"] {
+.d2-331088253 .md img[align="left"] {
   padding-right: 20px;
 }
 
-.md span.frame {
+.d2-331088253 .md span.frame {
   display: block;
   overflow: hidden;
 }
 
-.md span.frame > span {
+.d2-331088253 .md span.frame > span {
   display: block;
   float: left;
   width: auto;
@@ -624,81 +624,81 @@
   border: 1px solid var(--color-border-default);
 }
 
-.md span.frame span img {
+.d2-331088253 .md span.frame span img {
   display: block;
   float: left;
 }
 
-.md span.frame span span {
+.d2-331088253 .md span.frame span span {
   display: block;
   padding: 5px 0 0;
   clear: both;
   color: var(--color-fg-default);
 }
 
-.md span.align-center {
+.d2-331088253 .md span.align-center {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-center > span {
+.d2-331088253 .md span.align-center > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: center;
 }
 
-.md span.align-center span img {
+.d2-331088253 .md span.align-center span img {
   margin: 0 auto;
   text-align: center;
 }
 
-.md span.align-right {
+.d2-331088253 .md span.align-right {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-right > span {
+.d2-331088253 .md span.align-right > span {
   display: block;
   margin: 13px 0 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md span.align-right span img {
+.d2-331088253 .md span.align-right span img {
   margin: 0;
   text-align: right;
 }
 
-.md span.float-left {
+.d2-331088253 .md span.float-left {
   display: block;
   float: left;
   margin-right: 13px;
   overflow: hidden;
 }
 
-.md span.float-left span {
+.d2-331088253 .md span.float-left span {
   margin: 13px 0 0;
 }
 
-.md span.float-right {
+.d2-331088253 .md span.float-right {
   display: block;
   float: right;
   margin-left: 13px;
   overflow: hidden;
 }
 
-.md span.float-right > span {
+.d2-331088253 .md span.float-right > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md code,
-.md tt {
+.d2-331088253 .md code,
+.d2-331088253 .md tt {
   padding: 0.2em 0.4em;
   margin: 0;
   font-size: 85%;
@@ -706,20 +706,20 @@
   border-radius: 6px;
 }
 
-.md code br,
-.md tt br {
+.d2-331088253 .md code br,
+.d2-331088253 .md tt br {
   display: none;
 }
 
-.md del code {
+.d2-331088253 .md del code {
   text-decoration: inherit;
 }
 
-.md pre code {
+.d2-331088253 .md pre code {
   font-size: 100%;
 }
 
-.md pre > code {
+.d2-331088253 .md pre > code {
   padding: 0;
   margin: 0;
   word-break: normal;
@@ -728,17 +728,17 @@
   border: 0;
 }
 
-.md .highlight {
+.d2-331088253 .md .highlight {
   margin-bottom: 16px;
 }
 
-.md .highlight pre {
+.d2-331088253 .md .highlight pre {
   margin-bottom: 0;
   word-break: normal;
 }
 
-.md .highlight pre,
-.md pre {
+.d2-331088253 .md .highlight pre,
+.d2-331088253 .md pre {
   padding: 16px;
   overflow: auto;
   font-size: 85%;
@@ -747,8 +747,8 @@
   border-radius: 6px;
 }
 
-.md pre code,
-.md pre tt {
+.d2-331088253 .md pre code,
+.d2-331088253 .md pre tt {
   display: inline;
   max-width: auto;
   padding: 0;
@@ -760,8 +760,8 @@
   border: 0;
 }
 
-.md .csv-data td,
-.md .csv-data th {
+.d2-331088253 .md .csv-data td,
+.d2-331088253 .md .csv-data th {
   padding: 5px;
   overflow: hidden;
   font-size: 12px;
@@ -770,38 +770,38 @@
   white-space: nowrap;
 }
 
-.md .csv-data .blob-num {
+.d2-331088253 .md .csv-data .blob-num {
   padding: 10px 8px 9px;
   text-align: right;
   background: var(--color-canvas-default);
   border: 0;
 }
 
-.md .csv-data tr {
+.d2-331088253 .md .csv-data tr {
   border-top: 0;
 }
 
-.md .csv-data th {
+.d2-331088253 .md .csv-data th {
   font-weight: 600;
   background: var(--color-canvas-subtle);
   border-top: 0;
 }
 
-.md .footnotes {
+.d2-331088253 .md .footnotes {
   font-size: 12px;
   color: var(--color-fg-muted);
   border-top: 1px solid var(--color-border-default);
 }
 
-.md .footnotes ol {
+.d2-331088253 .md .footnotes ol {
   padding-left: 16px;
 }
 
-.md .footnotes li {
+.d2-331088253 .md .footnotes li {
   position: relative;
 }
 
-.md .footnotes li:target::before {
+.d2-331088253 .md .footnotes li:target::before {
   position: absolute;
   top: -8px;
   right: -8px;
@@ -813,36 +813,36 @@
   border-radius: 6px;
 }
 
-.md .footnotes li:target {
+.d2-331088253 .md .footnotes li:target {
   color: var(--color-fg-default);
 }
 
-.md .task-list-item {
+.d2-331088253 .md .task-list-item {
   list-style-type: none;
 }
 
-.md .task-list-item label {
+.d2-331088253 .md .task-list-item label {
   font-weight: 400;
 }
 
-.md .task-list-item.enabled label {
+.d2-331088253 .md .task-list-item.enabled label {
   cursor: pointer;
 }
 
-.md .task-list-item + .task-list-item {
+.d2-331088253 .md .task-list-item + .task-list-item {
   margin-top: 3px;
 }
 
-.md .task-list-item .handle {
+.d2-331088253 .md .task-list-item .handle {
   display: none;
 }
 
-.md .task-list-item-checkbox {
+.d2-331088253 .md .task-list-item-checkbox {
   margin: 0 0.2em 0.25em -1.6em;
   vertical-align: middle;
 }
 
-.md .contains-task-list:dir(rtl) .task-list-item-checkbox {
+.d2-331088253 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
 </style><g id="md"><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
diff --git a/e2etests/testdata/stable/li4/elk/sketch.exp.svg b/e2etests/testdata/stable/li4/elk/sketch.exp.svg
index b468d4953..1864e8341 100644
--- a/e2etests/testdata/stable/li4/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/li4/elk/sketch.exp.svg
@@ -103,31 +103,31 @@
 		.d2-2116374503 .color-AA4{color:#EDF0FD;}
 		.d2-2116374503 .color-AA5{color:#F7F8FE;}
 		.d2-2116374503 .color-AB4{color:#EDF0FD;}
-		.d2-2116374503 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.md em,
-.md dfn {
+		.d2-2116374503 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.d2-2116374503 .md em,
+.d2-2116374503 .md dfn {
   font-family: "d2-2116374503-font-italic";
 }
 
-.md b,
-.md strong {
+.d2-2116374503 .md b,
+.d2-2116374503 .md strong {
   font-family: "d2-2116374503-font-bold";
 }
 
-.md code,
-.md kbd,
-.md pre,
-.md samp {
+.d2-2116374503 .md code,
+.d2-2116374503 .md kbd,
+.d2-2116374503 .md pre,
+.d2-2116374503 .md samp {
   font-family: "d2-2116374503-font-mono";
   font-size: 1em;
 }
 
-.md {
+.d2-2116374503 .md {
   tab-size: 4;
 }
 
 /* variables are provided in d2renderers/d2svg/d2svg.go */
 
-.md {
+.d2-2116374503 .md {
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
   margin: 0;
@@ -139,41 +139,41 @@
   word-wrap: break-word;
 }
 
-.md details,
-.md figcaption,
-.md figure {
+.d2-2116374503 .md details,
+.d2-2116374503 .md figcaption,
+.d2-2116374503 .md figure {
   display: block;
 }
 
-.md summary {
+.d2-2116374503 .md summary {
   display: list-item;
 }
 
-.md [hidden] {
+.d2-2116374503 .md [hidden] {
   display: none !important;
 }
 
-.md a {
+.d2-2116374503 .md a {
   background-color: transparent;
   color: var(--color-accent-fg);
   text-decoration: none;
 }
 
-.md a:active,
-.md a:hover {
+.d2-2116374503 .md a:active,
+.d2-2116374503 .md a:hover {
   outline-width: 0;
 }
 
-.md abbr[title] {
+.d2-2116374503 .md abbr[title] {
   border-bottom: none;
   text-decoration: underline dotted;
 }
 
-.md dfn {
+.d2-2116374503 .md dfn {
   font-style: italic;
 }
 
-.md h1 {
+.d2-2116374503 .md h1 {
   margin: 0.67em 0;
   font-weight: 600;
   padding-bottom: 0.3em;
@@ -181,43 +181,43 @@
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md mark {
+.d2-2116374503 .md mark {
   background-color: var(--color-attention-subtle);
   color: var(--color-text-primary);
 }
 
-.md small {
+.d2-2116374503 .md small {
   font-size: 90%;
 }
 
-.md sub,
-.md sup {
+.d2-2116374503 .md sub,
+.d2-2116374503 .md sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
 }
 
-.md sub {
+.d2-2116374503 .md sub {
   bottom: -0.25em;
 }
 
-.md sup {
+.d2-2116374503 .md sup {
   top: -0.5em;
 }
 
-.md img {
+.d2-2116374503 .md img {
   border-style: none;
   max-width: 100%;
   box-sizing: content-box;
   background-color: var(--color-canvas-default);
 }
 
-.md figure {
+.d2-2116374503 .md figure {
   margin: 1em 40px;
 }
 
-.md hr {
+.d2-2116374503 .md hr {
   box-sizing: content-box;
   overflow: hidden;
   background: transparent;
@@ -229,7 +229,7 @@
   border: 0;
 }
 
-.md input {
+.d2-2116374503 .md input {
   font: inherit;
   margin: 0;
   overflow: visible;
@@ -238,72 +238,72 @@
   line-height: inherit;
 }
 
-.md [type="button"],
-.md [type="reset"],
-.md [type="submit"] {
+.d2-2116374503 .md [type="button"],
+.d2-2116374503 .md [type="reset"],
+.d2-2116374503 .md [type="submit"] {
   -webkit-appearance: button;
 }
 
-.md [type="button"]::-moz-focus-inner,
-.md [type="reset"]::-moz-focus-inner,
-.md [type="submit"]::-moz-focus-inner {
+.d2-2116374503 .md [type="button"]::-moz-focus-inner,
+.d2-2116374503 .md [type="reset"]::-moz-focus-inner,
+.d2-2116374503 .md [type="submit"]::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.md [type="button"]:-moz-focusring,
-.md [type="reset"]:-moz-focusring,
-.md [type="submit"]:-moz-focusring {
+.d2-2116374503 .md [type="button"]:-moz-focusring,
+.d2-2116374503 .md [type="reset"]:-moz-focusring,
+.d2-2116374503 .md [type="submit"]:-moz-focusring {
   outline: 1px dotted ButtonText;
 }
 
-.md [type="checkbox"],
-.md [type="radio"] {
+.d2-2116374503 .md [type="checkbox"],
+.d2-2116374503 .md [type="radio"] {
   box-sizing: border-box;
   padding: 0;
 }
 
-.md [type="number"]::-webkit-inner-spin-button,
-.md [type="number"]::-webkit-outer-spin-button {
+.d2-2116374503 .md [type="number"]::-webkit-inner-spin-button,
+.d2-2116374503 .md [type="number"]::-webkit-outer-spin-button {
   height: auto;
 }
 
-.md [type="search"] {
+.d2-2116374503 .md [type="search"] {
   -webkit-appearance: textfield;
   outline-offset: -2px;
 }
 
-.md [type="search"]::-webkit-search-cancel-button,
-.md [type="search"]::-webkit-search-decoration {
+.d2-2116374503 .md [type="search"]::-webkit-search-cancel-button,
+.d2-2116374503 .md [type="search"]::-webkit-search-decoration {
   -webkit-appearance: none;
 }
 
-.md ::-webkit-input-placeholder {
+.d2-2116374503 .md ::-webkit-input-placeholder {
   color: inherit;
   opacity: 0.54;
 }
 
-.md ::-webkit-file-upload-button {
+.d2-2116374503 .md ::-webkit-file-upload-button {
   -webkit-appearance: button;
   font: inherit;
 }
 
-.md a:hover {
+.d2-2116374503 .md a:hover {
   text-decoration: underline;
 }
 
-.md hr::before {
+.d2-2116374503 .md hr::before {
   display: table;
   content: "";
 }
 
-.md hr::after {
+.d2-2116374503 .md hr::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md table {
+.d2-2116374503 .md table {
   border-spacing: 0;
   border-collapse: collapse;
   display: block;
@@ -312,20 +312,20 @@
   overflow: auto;
 }
 
-.md td,
-.md th {
+.d2-2116374503 .md td,
+.d2-2116374503 .md th {
   padding: 0;
 }
 
-.md details summary {
+.d2-2116374503 .md details summary {
   cursor: pointer;
 }
 
-.md details:not([open]) > *:not(summary) {
+.d2-2116374503 .md details:not([open]) > *:not(summary) {
   display: none !important;
 }
 
-.md kbd {
+.d2-2116374503 .md kbd {
   display: inline-block;
   padding: 3px 5px;
   color: var(--color-fg-default);
@@ -337,12 +337,12 @@
   box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
 }
 
-.md h1,
-.md h2,
-.md h3,
-.md h4,
-.md h5,
-.md h6 {
+.d2-2116374503 .md h1,
+.d2-2116374503 .md h2,
+.d2-2116374503 .md h3,
+.d2-2116374503 .md h4,
+.d2-2116374503 .md h5,
+.d2-2116374503 .md h6 {
   margin-top: 24px;
   margin-bottom: 16px;
   font-weight: 600;
@@ -350,222 +350,222 @@
   font-family: "d2-2116374503-font-regular";
 }
 
-.md h2 {
+.d2-2116374503 .md h2 {
   font-weight: 600;
   padding-bottom: 0.3em;
   font-size: 1.5em;
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md h3 {
+.d2-2116374503 .md h3 {
   font-weight: 600;
   font-size: 1.25em;
 }
 
-.md h4 {
+.d2-2116374503 .md h4 {
   font-weight: 600;
   font-size: 1em;
 }
 
-.md h5 {
+.d2-2116374503 .md h5 {
   font-weight: 600;
   font-size: 0.875em;
 }
 
-.md h6 {
+.d2-2116374503 .md h6 {
   font-weight: 600;
   font-size: 0.85em;
   color: var(--color-fg-muted);
 }
 
-.md p {
+.d2-2116374503 .md p {
   margin-top: 0;
   margin-bottom: 10px;
 }
 
-.md blockquote {
+.d2-2116374503 .md blockquote {
   margin: 0;
   padding: 0 1em;
   color: var(--color-fg-muted);
   border-left: 0.25em solid var(--color-border-default);
 }
 
-.md ul,
-.md ol {
+.d2-2116374503 .md ul,
+.d2-2116374503 .md ol {
   margin-top: 0;
   margin-bottom: 0;
   padding-left: 2em;
 }
 
-.md ol ol,
-.md ul ol {
+.d2-2116374503 .md ol ol,
+.d2-2116374503 .md ul ol {
   list-style-type: lower-roman;
 }
 
-.md ul ul ol,
-.md ul ol ol,
-.md ol ul ol,
-.md ol ol ol {
+.d2-2116374503 .md ul ul ol,
+.d2-2116374503 .md ul ol ol,
+.d2-2116374503 .md ol ul ol,
+.d2-2116374503 .md ol ol ol {
   list-style-type: lower-alpha;
 }
 
-.md dd {
+.d2-2116374503 .md dd {
   margin-left: 0;
 }
 
-.md pre {
+.d2-2116374503 .md pre {
   margin-top: 0;
   margin-bottom: 0;
   word-wrap: normal;
 }
 
-.md ::placeholder {
+.d2-2116374503 .md ::placeholder {
   color: var(--color-fg-subtle);
   opacity: 1;
 }
 
-.md input::-webkit-outer-spin-button,
-.md input::-webkit-inner-spin-button {
+.d2-2116374503 .md input::-webkit-outer-spin-button,
+.d2-2116374503 .md input::-webkit-inner-spin-button {
   margin: 0;
   -webkit-appearance: none;
   appearance: none;
 }
 
-.md::before {
+.d2-2116374503 .md::before {
   display: table;
   content: "";
 }
 
-.md::after {
+.d2-2116374503 .md::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md > *:first-child {
+.d2-2116374503 .md > *:first-child {
   margin-top: 0 !important;
 }
 
-.md > *:last-child {
+.d2-2116374503 .md > *:last-child {
   margin-bottom: 0 !important;
 }
 
-.md a:not([href]) {
+.d2-2116374503 .md a:not([href]) {
   color: inherit;
   text-decoration: none;
 }
 
-.md .absent {
+.d2-2116374503 .md .absent {
   color: var(--color-danger-fg);
 }
 
-.md .anchor {
+.d2-2116374503 .md .anchor {
   float: left;
   padding-right: 4px;
   margin-left: -20px;
   line-height: 1;
 }
 
-.md .anchor:focus {
+.d2-2116374503 .md .anchor:focus {
   outline: none;
 }
 
-.md p,
-.md blockquote,
-.md ul,
-.md ol,
-.md dl,
-.md table,
-.md pre,
-.md details {
+.d2-2116374503 .md p,
+.d2-2116374503 .md blockquote,
+.d2-2116374503 .md ul,
+.d2-2116374503 .md ol,
+.d2-2116374503 .md dl,
+.d2-2116374503 .md table,
+.d2-2116374503 .md pre,
+.d2-2116374503 .md details {
   margin-top: 0;
   margin-bottom: 16px;
 }
 
-.md blockquote > :first-child {
+.d2-2116374503 .md blockquote > :first-child {
   margin-top: 0;
 }
 
-.md blockquote > :last-child {
+.d2-2116374503 .md blockquote > :last-child {
   margin-bottom: 0;
 }
 
-.md sup > a::before {
+.d2-2116374503 .md sup > a::before {
   content: "[";
 }
 
-.md sup > a::after {
+.d2-2116374503 .md sup > a::after {
   content: "]";
 }
 
-.md h1:hover .anchor,
-.md h2:hover .anchor,
-.md h3:hover .anchor,
-.md h4:hover .anchor,
-.md h5:hover .anchor,
-.md h6:hover .anchor {
+.d2-2116374503 .md h1:hover .anchor,
+.d2-2116374503 .md h2:hover .anchor,
+.d2-2116374503 .md h3:hover .anchor,
+.d2-2116374503 .md h4:hover .anchor,
+.d2-2116374503 .md h5:hover .anchor,
+.d2-2116374503 .md h6:hover .anchor {
   text-decoration: none;
 }
 
-.md h1 tt,
-.md h1 code,
-.md h2 tt,
-.md h2 code,
-.md h3 tt,
-.md h3 code,
-.md h4 tt,
-.md h4 code,
-.md h5 tt,
-.md h5 code,
-.md h6 tt,
-.md h6 code {
+.d2-2116374503 .md h1 tt,
+.d2-2116374503 .md h1 code,
+.d2-2116374503 .md h2 tt,
+.d2-2116374503 .md h2 code,
+.d2-2116374503 .md h3 tt,
+.d2-2116374503 .md h3 code,
+.d2-2116374503 .md h4 tt,
+.d2-2116374503 .md h4 code,
+.d2-2116374503 .md h5 tt,
+.d2-2116374503 .md h5 code,
+.d2-2116374503 .md h6 tt,
+.d2-2116374503 .md h6 code {
   padding: 0 0.2em;
   font-size: inherit;
 }
 
-.md ul.no-list,
-.md ol.no-list {
+.d2-2116374503 .md ul.no-list,
+.d2-2116374503 .md ol.no-list {
   padding: 0;
   list-style-type: none;
 }
 
-.md ol[type="1"] {
+.d2-2116374503 .md ol[type="1"] {
   list-style-type: decimal;
 }
 
-.md ol[type="a"] {
+.d2-2116374503 .md ol[type="a"] {
   list-style-type: lower-alpha;
 }
 
-.md ol[type="i"] {
+.d2-2116374503 .md ol[type="i"] {
   list-style-type: lower-roman;
 }
 
-.md div > ol:not([type]) {
+.d2-2116374503 .md div > ol:not([type]) {
   list-style-type: decimal;
 }
 
-.md ul ul,
-.md ul ol,
-.md ol ol,
-.md ol ul {
+.d2-2116374503 .md ul ul,
+.d2-2116374503 .md ul ol,
+.d2-2116374503 .md ol ol,
+.d2-2116374503 .md ol ul {
   margin-top: 0;
   margin-bottom: 0;
 }
 
-.md li > p {
+.d2-2116374503 .md li > p {
   margin-top: 16px;
 }
 
-.md li + li {
+.d2-2116374503 .md li + li {
   margin-top: 0.25em;
 }
 
-.md dl {
+.d2-2116374503 .md dl {
   padding: 0;
 }
 
-.md dl dt {
+.d2-2116374503 .md dl dt {
   padding: 0;
   margin-top: 16px;
   font-size: 1em;
@@ -573,48 +573,48 @@
   font-weight: 600;
 }
 
-.md dl dd {
+.d2-2116374503 .md dl dd {
   padding: 0 16px;
   margin-bottom: 16px;
 }
 
-.md table th {
+.d2-2116374503 .md table th {
   font-weight: 600;
 }
 
-.md table th,
-.md table td {
+.d2-2116374503 .md table th,
+.d2-2116374503 .md table td {
   padding: 6px 13px;
   border: 1px solid var(--color-border-default);
 }
 
-.md table tr {
+.d2-2116374503 .md table tr {
   background-color: var(--color-canvas-default);
   border-top: 1px solid var(--color-border-muted);
 }
 
-.md table tr:nth-child(2n) {
+.d2-2116374503 .md table tr:nth-child(2n) {
   background-color: var(--color-canvas-subtle);
 }
 
-.md table img {
+.d2-2116374503 .md table img {
   background-color: transparent;
 }
 
-.md img[align="right"] {
+.d2-2116374503 .md img[align="right"] {
   padding-left: 20px;
 }
 
-.md img[align="left"] {
+.d2-2116374503 .md img[align="left"] {
   padding-right: 20px;
 }
 
-.md span.frame {
+.d2-2116374503 .md span.frame {
   display: block;
   overflow: hidden;
 }
 
-.md span.frame > span {
+.d2-2116374503 .md span.frame > span {
   display: block;
   float: left;
   width: auto;
@@ -624,81 +624,81 @@
   border: 1px solid var(--color-border-default);
 }
 
-.md span.frame span img {
+.d2-2116374503 .md span.frame span img {
   display: block;
   float: left;
 }
 
-.md span.frame span span {
+.d2-2116374503 .md span.frame span span {
   display: block;
   padding: 5px 0 0;
   clear: both;
   color: var(--color-fg-default);
 }
 
-.md span.align-center {
+.d2-2116374503 .md span.align-center {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-center > span {
+.d2-2116374503 .md span.align-center > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: center;
 }
 
-.md span.align-center span img {
+.d2-2116374503 .md span.align-center span img {
   margin: 0 auto;
   text-align: center;
 }
 
-.md span.align-right {
+.d2-2116374503 .md span.align-right {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-right > span {
+.d2-2116374503 .md span.align-right > span {
   display: block;
   margin: 13px 0 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md span.align-right span img {
+.d2-2116374503 .md span.align-right span img {
   margin: 0;
   text-align: right;
 }
 
-.md span.float-left {
+.d2-2116374503 .md span.float-left {
   display: block;
   float: left;
   margin-right: 13px;
   overflow: hidden;
 }
 
-.md span.float-left span {
+.d2-2116374503 .md span.float-left span {
   margin: 13px 0 0;
 }
 
-.md span.float-right {
+.d2-2116374503 .md span.float-right {
   display: block;
   float: right;
   margin-left: 13px;
   overflow: hidden;
 }
 
-.md span.float-right > span {
+.d2-2116374503 .md span.float-right > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md code,
-.md tt {
+.d2-2116374503 .md code,
+.d2-2116374503 .md tt {
   padding: 0.2em 0.4em;
   margin: 0;
   font-size: 85%;
@@ -706,20 +706,20 @@
   border-radius: 6px;
 }
 
-.md code br,
-.md tt br {
+.d2-2116374503 .md code br,
+.d2-2116374503 .md tt br {
   display: none;
 }
 
-.md del code {
+.d2-2116374503 .md del code {
   text-decoration: inherit;
 }
 
-.md pre code {
+.d2-2116374503 .md pre code {
   font-size: 100%;
 }
 
-.md pre > code {
+.d2-2116374503 .md pre > code {
   padding: 0;
   margin: 0;
   word-break: normal;
@@ -728,17 +728,17 @@
   border: 0;
 }
 
-.md .highlight {
+.d2-2116374503 .md .highlight {
   margin-bottom: 16px;
 }
 
-.md .highlight pre {
+.d2-2116374503 .md .highlight pre {
   margin-bottom: 0;
   word-break: normal;
 }
 
-.md .highlight pre,
-.md pre {
+.d2-2116374503 .md .highlight pre,
+.d2-2116374503 .md pre {
   padding: 16px;
   overflow: auto;
   font-size: 85%;
@@ -747,8 +747,8 @@
   border-radius: 6px;
 }
 
-.md pre code,
-.md pre tt {
+.d2-2116374503 .md pre code,
+.d2-2116374503 .md pre tt {
   display: inline;
   max-width: auto;
   padding: 0;
@@ -760,8 +760,8 @@
   border: 0;
 }
 
-.md .csv-data td,
-.md .csv-data th {
+.d2-2116374503 .md .csv-data td,
+.d2-2116374503 .md .csv-data th {
   padding: 5px;
   overflow: hidden;
   font-size: 12px;
@@ -770,38 +770,38 @@
   white-space: nowrap;
 }
 
-.md .csv-data .blob-num {
+.d2-2116374503 .md .csv-data .blob-num {
   padding: 10px 8px 9px;
   text-align: right;
   background: var(--color-canvas-default);
   border: 0;
 }
 
-.md .csv-data tr {
+.d2-2116374503 .md .csv-data tr {
   border-top: 0;
 }
 
-.md .csv-data th {
+.d2-2116374503 .md .csv-data th {
   font-weight: 600;
   background: var(--color-canvas-subtle);
   border-top: 0;
 }
 
-.md .footnotes {
+.d2-2116374503 .md .footnotes {
   font-size: 12px;
   color: var(--color-fg-muted);
   border-top: 1px solid var(--color-border-default);
 }
 
-.md .footnotes ol {
+.d2-2116374503 .md .footnotes ol {
   padding-left: 16px;
 }
 
-.md .footnotes li {
+.d2-2116374503 .md .footnotes li {
   position: relative;
 }
 
-.md .footnotes li:target::before {
+.d2-2116374503 .md .footnotes li:target::before {
   position: absolute;
   top: -8px;
   right: -8px;
@@ -813,36 +813,36 @@
   border-radius: 6px;
 }
 
-.md .footnotes li:target {
+.d2-2116374503 .md .footnotes li:target {
   color: var(--color-fg-default);
 }
 
-.md .task-list-item {
+.d2-2116374503 .md .task-list-item {
   list-style-type: none;
 }
 
-.md .task-list-item label {
+.d2-2116374503 .md .task-list-item label {
   font-weight: 400;
 }
 
-.md .task-list-item.enabled label {
+.d2-2116374503 .md .task-list-item.enabled label {
   cursor: pointer;
 }
 
-.md .task-list-item + .task-list-item {
+.d2-2116374503 .md .task-list-item + .task-list-item {
   margin-top: 3px;
 }
 
-.md .task-list-item .handle {
+.d2-2116374503 .md .task-list-item .handle {
   display: none;
 }
 
-.md .task-list-item-checkbox {
+.d2-2116374503 .md .task-list-item-checkbox {
   margin: 0 0.2em 0.25em -1.6em;
   vertical-align: middle;
 }
 
-.md .contains-task-list:dir(rtl) .task-list-item-checkbox {
+.d2-2116374503 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
 </style><g id="md"><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
diff --git a/e2etests/testdata/stable/lone_h1/dagre/sketch.exp.svg b/e2etests/testdata/stable/lone_h1/dagre/sketch.exp.svg
index 75033e5a1..113afdde8 100644
--- a/e2etests/testdata/stable/lone_h1/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/lone_h1/dagre/sketch.exp.svg
@@ -96,31 +96,31 @@
 		.d2-3822837630 .color-AA4{color:#EDF0FD;}
 		.d2-3822837630 .color-AA5{color:#F7F8FE;}
 		.d2-3822837630 .color-AB4{color:#EDF0FD;}
-		.d2-3822837630 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.md em,
-.md dfn {
+		.d2-3822837630 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.d2-3822837630 .md em,
+.d2-3822837630 .md dfn {
   font-family: "d2-3822837630-font-italic";
 }
 
-.md b,
-.md strong {
+.d2-3822837630 .md b,
+.d2-3822837630 .md strong {
   font-family: "d2-3822837630-font-bold";
 }
 
-.md code,
-.md kbd,
-.md pre,
-.md samp {
+.d2-3822837630 .md code,
+.d2-3822837630 .md kbd,
+.d2-3822837630 .md pre,
+.d2-3822837630 .md samp {
   font-family: "d2-3822837630-font-mono";
   font-size: 1em;
 }
 
-.md {
+.d2-3822837630 .md {
   tab-size: 4;
 }
 
 /* variables are provided in d2renderers/d2svg/d2svg.go */
 
-.md {
+.d2-3822837630 .md {
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
   margin: 0;
@@ -132,41 +132,41 @@
   word-wrap: break-word;
 }
 
-.md details,
-.md figcaption,
-.md figure {
+.d2-3822837630 .md details,
+.d2-3822837630 .md figcaption,
+.d2-3822837630 .md figure {
   display: block;
 }
 
-.md summary {
+.d2-3822837630 .md summary {
   display: list-item;
 }
 
-.md [hidden] {
+.d2-3822837630 .md [hidden] {
   display: none !important;
 }
 
-.md a {
+.d2-3822837630 .md a {
   background-color: transparent;
   color: var(--color-accent-fg);
   text-decoration: none;
 }
 
-.md a:active,
-.md a:hover {
+.d2-3822837630 .md a:active,
+.d2-3822837630 .md a:hover {
   outline-width: 0;
 }
 
-.md abbr[title] {
+.d2-3822837630 .md abbr[title] {
   border-bottom: none;
   text-decoration: underline dotted;
 }
 
-.md dfn {
+.d2-3822837630 .md dfn {
   font-style: italic;
 }
 
-.md h1 {
+.d2-3822837630 .md h1 {
   margin: 0.67em 0;
   font-weight: 600;
   padding-bottom: 0.3em;
@@ -174,43 +174,43 @@
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md mark {
+.d2-3822837630 .md mark {
   background-color: var(--color-attention-subtle);
   color: var(--color-text-primary);
 }
 
-.md small {
+.d2-3822837630 .md small {
   font-size: 90%;
 }
 
-.md sub,
-.md sup {
+.d2-3822837630 .md sub,
+.d2-3822837630 .md sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
 }
 
-.md sub {
+.d2-3822837630 .md sub {
   bottom: -0.25em;
 }
 
-.md sup {
+.d2-3822837630 .md sup {
   top: -0.5em;
 }
 
-.md img {
+.d2-3822837630 .md img {
   border-style: none;
   max-width: 100%;
   box-sizing: content-box;
   background-color: var(--color-canvas-default);
 }
 
-.md figure {
+.d2-3822837630 .md figure {
   margin: 1em 40px;
 }
 
-.md hr {
+.d2-3822837630 .md hr {
   box-sizing: content-box;
   overflow: hidden;
   background: transparent;
@@ -222,7 +222,7 @@
   border: 0;
 }
 
-.md input {
+.d2-3822837630 .md input {
   font: inherit;
   margin: 0;
   overflow: visible;
@@ -231,72 +231,72 @@
   line-height: inherit;
 }
 
-.md [type="button"],
-.md [type="reset"],
-.md [type="submit"] {
+.d2-3822837630 .md [type="button"],
+.d2-3822837630 .md [type="reset"],
+.d2-3822837630 .md [type="submit"] {
   -webkit-appearance: button;
 }
 
-.md [type="button"]::-moz-focus-inner,
-.md [type="reset"]::-moz-focus-inner,
-.md [type="submit"]::-moz-focus-inner {
+.d2-3822837630 .md [type="button"]::-moz-focus-inner,
+.d2-3822837630 .md [type="reset"]::-moz-focus-inner,
+.d2-3822837630 .md [type="submit"]::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.md [type="button"]:-moz-focusring,
-.md [type="reset"]:-moz-focusring,
-.md [type="submit"]:-moz-focusring {
+.d2-3822837630 .md [type="button"]:-moz-focusring,
+.d2-3822837630 .md [type="reset"]:-moz-focusring,
+.d2-3822837630 .md [type="submit"]:-moz-focusring {
   outline: 1px dotted ButtonText;
 }
 
-.md [type="checkbox"],
-.md [type="radio"] {
+.d2-3822837630 .md [type="checkbox"],
+.d2-3822837630 .md [type="radio"] {
   box-sizing: border-box;
   padding: 0;
 }
 
-.md [type="number"]::-webkit-inner-spin-button,
-.md [type="number"]::-webkit-outer-spin-button {
+.d2-3822837630 .md [type="number"]::-webkit-inner-spin-button,
+.d2-3822837630 .md [type="number"]::-webkit-outer-spin-button {
   height: auto;
 }
 
-.md [type="search"] {
+.d2-3822837630 .md [type="search"] {
   -webkit-appearance: textfield;
   outline-offset: -2px;
 }
 
-.md [type="search"]::-webkit-search-cancel-button,
-.md [type="search"]::-webkit-search-decoration {
+.d2-3822837630 .md [type="search"]::-webkit-search-cancel-button,
+.d2-3822837630 .md [type="search"]::-webkit-search-decoration {
   -webkit-appearance: none;
 }
 
-.md ::-webkit-input-placeholder {
+.d2-3822837630 .md ::-webkit-input-placeholder {
   color: inherit;
   opacity: 0.54;
 }
 
-.md ::-webkit-file-upload-button {
+.d2-3822837630 .md ::-webkit-file-upload-button {
   -webkit-appearance: button;
   font: inherit;
 }
 
-.md a:hover {
+.d2-3822837630 .md a:hover {
   text-decoration: underline;
 }
 
-.md hr::before {
+.d2-3822837630 .md hr::before {
   display: table;
   content: "";
 }
 
-.md hr::after {
+.d2-3822837630 .md hr::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md table {
+.d2-3822837630 .md table {
   border-spacing: 0;
   border-collapse: collapse;
   display: block;
@@ -305,20 +305,20 @@
   overflow: auto;
 }
 
-.md td,
-.md th {
+.d2-3822837630 .md td,
+.d2-3822837630 .md th {
   padding: 0;
 }
 
-.md details summary {
+.d2-3822837630 .md details summary {
   cursor: pointer;
 }
 
-.md details:not([open]) > *:not(summary) {
+.d2-3822837630 .md details:not([open]) > *:not(summary) {
   display: none !important;
 }
 
-.md kbd {
+.d2-3822837630 .md kbd {
   display: inline-block;
   padding: 3px 5px;
   color: var(--color-fg-default);
@@ -330,12 +330,12 @@
   box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
 }
 
-.md h1,
-.md h2,
-.md h3,
-.md h4,
-.md h5,
-.md h6 {
+.d2-3822837630 .md h1,
+.d2-3822837630 .md h2,
+.d2-3822837630 .md h3,
+.d2-3822837630 .md h4,
+.d2-3822837630 .md h5,
+.d2-3822837630 .md h6 {
   margin-top: 24px;
   margin-bottom: 16px;
   font-weight: 600;
@@ -343,222 +343,222 @@
   font-family: "d2-3822837630-font-regular";
 }
 
-.md h2 {
+.d2-3822837630 .md h2 {
   font-weight: 600;
   padding-bottom: 0.3em;
   font-size: 1.5em;
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md h3 {
+.d2-3822837630 .md h3 {
   font-weight: 600;
   font-size: 1.25em;
 }
 
-.md h4 {
+.d2-3822837630 .md h4 {
   font-weight: 600;
   font-size: 1em;
 }
 
-.md h5 {
+.d2-3822837630 .md h5 {
   font-weight: 600;
   font-size: 0.875em;
 }
 
-.md h6 {
+.d2-3822837630 .md h6 {
   font-weight: 600;
   font-size: 0.85em;
   color: var(--color-fg-muted);
 }
 
-.md p {
+.d2-3822837630 .md p {
   margin-top: 0;
   margin-bottom: 10px;
 }
 
-.md blockquote {
+.d2-3822837630 .md blockquote {
   margin: 0;
   padding: 0 1em;
   color: var(--color-fg-muted);
   border-left: 0.25em solid var(--color-border-default);
 }
 
-.md ul,
-.md ol {
+.d2-3822837630 .md ul,
+.d2-3822837630 .md ol {
   margin-top: 0;
   margin-bottom: 0;
   padding-left: 2em;
 }
 
-.md ol ol,
-.md ul ol {
+.d2-3822837630 .md ol ol,
+.d2-3822837630 .md ul ol {
   list-style-type: lower-roman;
 }
 
-.md ul ul ol,
-.md ul ol ol,
-.md ol ul ol,
-.md ol ol ol {
+.d2-3822837630 .md ul ul ol,
+.d2-3822837630 .md ul ol ol,
+.d2-3822837630 .md ol ul ol,
+.d2-3822837630 .md ol ol ol {
   list-style-type: lower-alpha;
 }
 
-.md dd {
+.d2-3822837630 .md dd {
   margin-left: 0;
 }
 
-.md pre {
+.d2-3822837630 .md pre {
   margin-top: 0;
   margin-bottom: 0;
   word-wrap: normal;
 }
 
-.md ::placeholder {
+.d2-3822837630 .md ::placeholder {
   color: var(--color-fg-subtle);
   opacity: 1;
 }
 
-.md input::-webkit-outer-spin-button,
-.md input::-webkit-inner-spin-button {
+.d2-3822837630 .md input::-webkit-outer-spin-button,
+.d2-3822837630 .md input::-webkit-inner-spin-button {
   margin: 0;
   -webkit-appearance: none;
   appearance: none;
 }
 
-.md::before {
+.d2-3822837630 .md::before {
   display: table;
   content: "";
 }
 
-.md::after {
+.d2-3822837630 .md::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md > *:first-child {
+.d2-3822837630 .md > *:first-child {
   margin-top: 0 !important;
 }
 
-.md > *:last-child {
+.d2-3822837630 .md > *:last-child {
   margin-bottom: 0 !important;
 }
 
-.md a:not([href]) {
+.d2-3822837630 .md a:not([href]) {
   color: inherit;
   text-decoration: none;
 }
 
-.md .absent {
+.d2-3822837630 .md .absent {
   color: var(--color-danger-fg);
 }
 
-.md .anchor {
+.d2-3822837630 .md .anchor {
   float: left;
   padding-right: 4px;
   margin-left: -20px;
   line-height: 1;
 }
 
-.md .anchor:focus {
+.d2-3822837630 .md .anchor:focus {
   outline: none;
 }
 
-.md p,
-.md blockquote,
-.md ul,
-.md ol,
-.md dl,
-.md table,
-.md pre,
-.md details {
+.d2-3822837630 .md p,
+.d2-3822837630 .md blockquote,
+.d2-3822837630 .md ul,
+.d2-3822837630 .md ol,
+.d2-3822837630 .md dl,
+.d2-3822837630 .md table,
+.d2-3822837630 .md pre,
+.d2-3822837630 .md details {
   margin-top: 0;
   margin-bottom: 16px;
 }
 
-.md blockquote > :first-child {
+.d2-3822837630 .md blockquote > :first-child {
   margin-top: 0;
 }
 
-.md blockquote > :last-child {
+.d2-3822837630 .md blockquote > :last-child {
   margin-bottom: 0;
 }
 
-.md sup > a::before {
+.d2-3822837630 .md sup > a::before {
   content: "[";
 }
 
-.md sup > a::after {
+.d2-3822837630 .md sup > a::after {
   content: "]";
 }
 
-.md h1:hover .anchor,
-.md h2:hover .anchor,
-.md h3:hover .anchor,
-.md h4:hover .anchor,
-.md h5:hover .anchor,
-.md h6:hover .anchor {
+.d2-3822837630 .md h1:hover .anchor,
+.d2-3822837630 .md h2:hover .anchor,
+.d2-3822837630 .md h3:hover .anchor,
+.d2-3822837630 .md h4:hover .anchor,
+.d2-3822837630 .md h5:hover .anchor,
+.d2-3822837630 .md h6:hover .anchor {
   text-decoration: none;
 }
 
-.md h1 tt,
-.md h1 code,
-.md h2 tt,
-.md h2 code,
-.md h3 tt,
-.md h3 code,
-.md h4 tt,
-.md h4 code,
-.md h5 tt,
-.md h5 code,
-.md h6 tt,
-.md h6 code {
+.d2-3822837630 .md h1 tt,
+.d2-3822837630 .md h1 code,
+.d2-3822837630 .md h2 tt,
+.d2-3822837630 .md h2 code,
+.d2-3822837630 .md h3 tt,
+.d2-3822837630 .md h3 code,
+.d2-3822837630 .md h4 tt,
+.d2-3822837630 .md h4 code,
+.d2-3822837630 .md h5 tt,
+.d2-3822837630 .md h5 code,
+.d2-3822837630 .md h6 tt,
+.d2-3822837630 .md h6 code {
   padding: 0 0.2em;
   font-size: inherit;
 }
 
-.md ul.no-list,
-.md ol.no-list {
+.d2-3822837630 .md ul.no-list,
+.d2-3822837630 .md ol.no-list {
   padding: 0;
   list-style-type: none;
 }
 
-.md ol[type="1"] {
+.d2-3822837630 .md ol[type="1"] {
   list-style-type: decimal;
 }
 
-.md ol[type="a"] {
+.d2-3822837630 .md ol[type="a"] {
   list-style-type: lower-alpha;
 }
 
-.md ol[type="i"] {
+.d2-3822837630 .md ol[type="i"] {
   list-style-type: lower-roman;
 }
 
-.md div > ol:not([type]) {
+.d2-3822837630 .md div > ol:not([type]) {
   list-style-type: decimal;
 }
 
-.md ul ul,
-.md ul ol,
-.md ol ol,
-.md ol ul {
+.d2-3822837630 .md ul ul,
+.d2-3822837630 .md ul ol,
+.d2-3822837630 .md ol ol,
+.d2-3822837630 .md ol ul {
   margin-top: 0;
   margin-bottom: 0;
 }
 
-.md li > p {
+.d2-3822837630 .md li > p {
   margin-top: 16px;
 }
 
-.md li + li {
+.d2-3822837630 .md li + li {
   margin-top: 0.25em;
 }
 
-.md dl {
+.d2-3822837630 .md dl {
   padding: 0;
 }
 
-.md dl dt {
+.d2-3822837630 .md dl dt {
   padding: 0;
   margin-top: 16px;
   font-size: 1em;
@@ -566,48 +566,48 @@
   font-weight: 600;
 }
 
-.md dl dd {
+.d2-3822837630 .md dl dd {
   padding: 0 16px;
   margin-bottom: 16px;
 }
 
-.md table th {
+.d2-3822837630 .md table th {
   font-weight: 600;
 }
 
-.md table th,
-.md table td {
+.d2-3822837630 .md table th,
+.d2-3822837630 .md table td {
   padding: 6px 13px;
   border: 1px solid var(--color-border-default);
 }
 
-.md table tr {
+.d2-3822837630 .md table tr {
   background-color: var(--color-canvas-default);
   border-top: 1px solid var(--color-border-muted);
 }
 
-.md table tr:nth-child(2n) {
+.d2-3822837630 .md table tr:nth-child(2n) {
   background-color: var(--color-canvas-subtle);
 }
 
-.md table img {
+.d2-3822837630 .md table img {
   background-color: transparent;
 }
 
-.md img[align="right"] {
+.d2-3822837630 .md img[align="right"] {
   padding-left: 20px;
 }
 
-.md img[align="left"] {
+.d2-3822837630 .md img[align="left"] {
   padding-right: 20px;
 }
 
-.md span.frame {
+.d2-3822837630 .md span.frame {
   display: block;
   overflow: hidden;
 }
 
-.md span.frame > span {
+.d2-3822837630 .md span.frame > span {
   display: block;
   float: left;
   width: auto;
@@ -617,81 +617,81 @@
   border: 1px solid var(--color-border-default);
 }
 
-.md span.frame span img {
+.d2-3822837630 .md span.frame span img {
   display: block;
   float: left;
 }
 
-.md span.frame span span {
+.d2-3822837630 .md span.frame span span {
   display: block;
   padding: 5px 0 0;
   clear: both;
   color: var(--color-fg-default);
 }
 
-.md span.align-center {
+.d2-3822837630 .md span.align-center {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-center > span {
+.d2-3822837630 .md span.align-center > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: center;
 }
 
-.md span.align-center span img {
+.d2-3822837630 .md span.align-center span img {
   margin: 0 auto;
   text-align: center;
 }
 
-.md span.align-right {
+.d2-3822837630 .md span.align-right {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-right > span {
+.d2-3822837630 .md span.align-right > span {
   display: block;
   margin: 13px 0 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md span.align-right span img {
+.d2-3822837630 .md span.align-right span img {
   margin: 0;
   text-align: right;
 }
 
-.md span.float-left {
+.d2-3822837630 .md span.float-left {
   display: block;
   float: left;
   margin-right: 13px;
   overflow: hidden;
 }
 
-.md span.float-left span {
+.d2-3822837630 .md span.float-left span {
   margin: 13px 0 0;
 }
 
-.md span.float-right {
+.d2-3822837630 .md span.float-right {
   display: block;
   float: right;
   margin-left: 13px;
   overflow: hidden;
 }
 
-.md span.float-right > span {
+.d2-3822837630 .md span.float-right > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md code,
-.md tt {
+.d2-3822837630 .md code,
+.d2-3822837630 .md tt {
   padding: 0.2em 0.4em;
   margin: 0;
   font-size: 85%;
@@ -699,20 +699,20 @@
   border-radius: 6px;
 }
 
-.md code br,
-.md tt br {
+.d2-3822837630 .md code br,
+.d2-3822837630 .md tt br {
   display: none;
 }
 
-.md del code {
+.d2-3822837630 .md del code {
   text-decoration: inherit;
 }
 
-.md pre code {
+.d2-3822837630 .md pre code {
   font-size: 100%;
 }
 
-.md pre > code {
+.d2-3822837630 .md pre > code {
   padding: 0;
   margin: 0;
   word-break: normal;
@@ -721,17 +721,17 @@
   border: 0;
 }
 
-.md .highlight {
+.d2-3822837630 .md .highlight {
   margin-bottom: 16px;
 }
 
-.md .highlight pre {
+.d2-3822837630 .md .highlight pre {
   margin-bottom: 0;
   word-break: normal;
 }
 
-.md .highlight pre,
-.md pre {
+.d2-3822837630 .md .highlight pre,
+.d2-3822837630 .md pre {
   padding: 16px;
   overflow: auto;
   font-size: 85%;
@@ -740,8 +740,8 @@
   border-radius: 6px;
 }
 
-.md pre code,
-.md pre tt {
+.d2-3822837630 .md pre code,
+.d2-3822837630 .md pre tt {
   display: inline;
   max-width: auto;
   padding: 0;
@@ -753,8 +753,8 @@
   border: 0;
 }
 
-.md .csv-data td,
-.md .csv-data th {
+.d2-3822837630 .md .csv-data td,
+.d2-3822837630 .md .csv-data th {
   padding: 5px;
   overflow: hidden;
   font-size: 12px;
@@ -763,38 +763,38 @@
   white-space: nowrap;
 }
 
-.md .csv-data .blob-num {
+.d2-3822837630 .md .csv-data .blob-num {
   padding: 10px 8px 9px;
   text-align: right;
   background: var(--color-canvas-default);
   border: 0;
 }
 
-.md .csv-data tr {
+.d2-3822837630 .md .csv-data tr {
   border-top: 0;
 }
 
-.md .csv-data th {
+.d2-3822837630 .md .csv-data th {
   font-weight: 600;
   background: var(--color-canvas-subtle);
   border-top: 0;
 }
 
-.md .footnotes {
+.d2-3822837630 .md .footnotes {
   font-size: 12px;
   color: var(--color-fg-muted);
   border-top: 1px solid var(--color-border-default);
 }
 
-.md .footnotes ol {
+.d2-3822837630 .md .footnotes ol {
   padding-left: 16px;
 }
 
-.md .footnotes li {
+.d2-3822837630 .md .footnotes li {
   position: relative;
 }
 
-.md .footnotes li:target::before {
+.d2-3822837630 .md .footnotes li:target::before {
   position: absolute;
   top: -8px;
   right: -8px;
@@ -806,36 +806,36 @@
   border-radius: 6px;
 }
 
-.md .footnotes li:target {
+.d2-3822837630 .md .footnotes li:target {
   color: var(--color-fg-default);
 }
 
-.md .task-list-item {
+.d2-3822837630 .md .task-list-item {
   list-style-type: none;
 }
 
-.md .task-list-item label {
+.d2-3822837630 .md .task-list-item label {
   font-weight: 400;
 }
 
-.md .task-list-item.enabled label {
+.d2-3822837630 .md .task-list-item.enabled label {
   cursor: pointer;
 }
 
-.md .task-list-item + .task-list-item {
+.d2-3822837630 .md .task-list-item + .task-list-item {
   margin-top: 3px;
 }
 
-.md .task-list-item .handle {
+.d2-3822837630 .md .task-list-item .handle {
   display: none;
 }
 
-.md .task-list-item-checkbox {
+.d2-3822837630 .md .task-list-item-checkbox {
   margin: 0 0.2em 0.25em -1.6em;
   vertical-align: middle;
 }
 
-.md .contains-task-list:dir(rtl) .task-list-item-checkbox {
+.d2-3822837630 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
 </style><g id="md"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="0.000000" y="166.000000" width="266" height="51"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><h1>Markdown: Syntax</h1>
diff --git a/e2etests/testdata/stable/lone_h1/elk/sketch.exp.svg b/e2etests/testdata/stable/lone_h1/elk/sketch.exp.svg
index 7caa63279..39d233fed 100644
--- a/e2etests/testdata/stable/lone_h1/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/lone_h1/elk/sketch.exp.svg
@@ -96,31 +96,31 @@
 		.d2-1391665154 .color-AA4{color:#EDF0FD;}
 		.d2-1391665154 .color-AA5{color:#F7F8FE;}
 		.d2-1391665154 .color-AB4{color:#EDF0FD;}
-		.d2-1391665154 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.md em,
-.md dfn {
+		.d2-1391665154 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.d2-1391665154 .md em,
+.d2-1391665154 .md dfn {
   font-family: "d2-1391665154-font-italic";
 }
 
-.md b,
-.md strong {
+.d2-1391665154 .md b,
+.d2-1391665154 .md strong {
   font-family: "d2-1391665154-font-bold";
 }
 
-.md code,
-.md kbd,
-.md pre,
-.md samp {
+.d2-1391665154 .md code,
+.d2-1391665154 .md kbd,
+.d2-1391665154 .md pre,
+.d2-1391665154 .md samp {
   font-family: "d2-1391665154-font-mono";
   font-size: 1em;
 }
 
-.md {
+.d2-1391665154 .md {
   tab-size: 4;
 }
 
 /* variables are provided in d2renderers/d2svg/d2svg.go */
 
-.md {
+.d2-1391665154 .md {
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
   margin: 0;
@@ -132,41 +132,41 @@
   word-wrap: break-word;
 }
 
-.md details,
-.md figcaption,
-.md figure {
+.d2-1391665154 .md details,
+.d2-1391665154 .md figcaption,
+.d2-1391665154 .md figure {
   display: block;
 }
 
-.md summary {
+.d2-1391665154 .md summary {
   display: list-item;
 }
 
-.md [hidden] {
+.d2-1391665154 .md [hidden] {
   display: none !important;
 }
 
-.md a {
+.d2-1391665154 .md a {
   background-color: transparent;
   color: var(--color-accent-fg);
   text-decoration: none;
 }
 
-.md a:active,
-.md a:hover {
+.d2-1391665154 .md a:active,
+.d2-1391665154 .md a:hover {
   outline-width: 0;
 }
 
-.md abbr[title] {
+.d2-1391665154 .md abbr[title] {
   border-bottom: none;
   text-decoration: underline dotted;
 }
 
-.md dfn {
+.d2-1391665154 .md dfn {
   font-style: italic;
 }
 
-.md h1 {
+.d2-1391665154 .md h1 {
   margin: 0.67em 0;
   font-weight: 600;
   padding-bottom: 0.3em;
@@ -174,43 +174,43 @@
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md mark {
+.d2-1391665154 .md mark {
   background-color: var(--color-attention-subtle);
   color: var(--color-text-primary);
 }
 
-.md small {
+.d2-1391665154 .md small {
   font-size: 90%;
 }
 
-.md sub,
-.md sup {
+.d2-1391665154 .md sub,
+.d2-1391665154 .md sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
 }
 
-.md sub {
+.d2-1391665154 .md sub {
   bottom: -0.25em;
 }
 
-.md sup {
+.d2-1391665154 .md sup {
   top: -0.5em;
 }
 
-.md img {
+.d2-1391665154 .md img {
   border-style: none;
   max-width: 100%;
   box-sizing: content-box;
   background-color: var(--color-canvas-default);
 }
 
-.md figure {
+.d2-1391665154 .md figure {
   margin: 1em 40px;
 }
 
-.md hr {
+.d2-1391665154 .md hr {
   box-sizing: content-box;
   overflow: hidden;
   background: transparent;
@@ -222,7 +222,7 @@
   border: 0;
 }
 
-.md input {
+.d2-1391665154 .md input {
   font: inherit;
   margin: 0;
   overflow: visible;
@@ -231,72 +231,72 @@
   line-height: inherit;
 }
 
-.md [type="button"],
-.md [type="reset"],
-.md [type="submit"] {
+.d2-1391665154 .md [type="button"],
+.d2-1391665154 .md [type="reset"],
+.d2-1391665154 .md [type="submit"] {
   -webkit-appearance: button;
 }
 
-.md [type="button"]::-moz-focus-inner,
-.md [type="reset"]::-moz-focus-inner,
-.md [type="submit"]::-moz-focus-inner {
+.d2-1391665154 .md [type="button"]::-moz-focus-inner,
+.d2-1391665154 .md [type="reset"]::-moz-focus-inner,
+.d2-1391665154 .md [type="submit"]::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.md [type="button"]:-moz-focusring,
-.md [type="reset"]:-moz-focusring,
-.md [type="submit"]:-moz-focusring {
+.d2-1391665154 .md [type="button"]:-moz-focusring,
+.d2-1391665154 .md [type="reset"]:-moz-focusring,
+.d2-1391665154 .md [type="submit"]:-moz-focusring {
   outline: 1px dotted ButtonText;
 }
 
-.md [type="checkbox"],
-.md [type="radio"] {
+.d2-1391665154 .md [type="checkbox"],
+.d2-1391665154 .md [type="radio"] {
   box-sizing: border-box;
   padding: 0;
 }
 
-.md [type="number"]::-webkit-inner-spin-button,
-.md [type="number"]::-webkit-outer-spin-button {
+.d2-1391665154 .md [type="number"]::-webkit-inner-spin-button,
+.d2-1391665154 .md [type="number"]::-webkit-outer-spin-button {
   height: auto;
 }
 
-.md [type="search"] {
+.d2-1391665154 .md [type="search"] {
   -webkit-appearance: textfield;
   outline-offset: -2px;
 }
 
-.md [type="search"]::-webkit-search-cancel-button,
-.md [type="search"]::-webkit-search-decoration {
+.d2-1391665154 .md [type="search"]::-webkit-search-cancel-button,
+.d2-1391665154 .md [type="search"]::-webkit-search-decoration {
   -webkit-appearance: none;
 }
 
-.md ::-webkit-input-placeholder {
+.d2-1391665154 .md ::-webkit-input-placeholder {
   color: inherit;
   opacity: 0.54;
 }
 
-.md ::-webkit-file-upload-button {
+.d2-1391665154 .md ::-webkit-file-upload-button {
   -webkit-appearance: button;
   font: inherit;
 }
 
-.md a:hover {
+.d2-1391665154 .md a:hover {
   text-decoration: underline;
 }
 
-.md hr::before {
+.d2-1391665154 .md hr::before {
   display: table;
   content: "";
 }
 
-.md hr::after {
+.d2-1391665154 .md hr::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md table {
+.d2-1391665154 .md table {
   border-spacing: 0;
   border-collapse: collapse;
   display: block;
@@ -305,20 +305,20 @@
   overflow: auto;
 }
 
-.md td,
-.md th {
+.d2-1391665154 .md td,
+.d2-1391665154 .md th {
   padding: 0;
 }
 
-.md details summary {
+.d2-1391665154 .md details summary {
   cursor: pointer;
 }
 
-.md details:not([open]) > *:not(summary) {
+.d2-1391665154 .md details:not([open]) > *:not(summary) {
   display: none !important;
 }
 
-.md kbd {
+.d2-1391665154 .md kbd {
   display: inline-block;
   padding: 3px 5px;
   color: var(--color-fg-default);
@@ -330,12 +330,12 @@
   box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
 }
 
-.md h1,
-.md h2,
-.md h3,
-.md h4,
-.md h5,
-.md h6 {
+.d2-1391665154 .md h1,
+.d2-1391665154 .md h2,
+.d2-1391665154 .md h3,
+.d2-1391665154 .md h4,
+.d2-1391665154 .md h5,
+.d2-1391665154 .md h6 {
   margin-top: 24px;
   margin-bottom: 16px;
   font-weight: 600;
@@ -343,222 +343,222 @@
   font-family: "d2-1391665154-font-regular";
 }
 
-.md h2 {
+.d2-1391665154 .md h2 {
   font-weight: 600;
   padding-bottom: 0.3em;
   font-size: 1.5em;
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md h3 {
+.d2-1391665154 .md h3 {
   font-weight: 600;
   font-size: 1.25em;
 }
 
-.md h4 {
+.d2-1391665154 .md h4 {
   font-weight: 600;
   font-size: 1em;
 }
 
-.md h5 {
+.d2-1391665154 .md h5 {
   font-weight: 600;
   font-size: 0.875em;
 }
 
-.md h6 {
+.d2-1391665154 .md h6 {
   font-weight: 600;
   font-size: 0.85em;
   color: var(--color-fg-muted);
 }
 
-.md p {
+.d2-1391665154 .md p {
   margin-top: 0;
   margin-bottom: 10px;
 }
 
-.md blockquote {
+.d2-1391665154 .md blockquote {
   margin: 0;
   padding: 0 1em;
   color: var(--color-fg-muted);
   border-left: 0.25em solid var(--color-border-default);
 }
 
-.md ul,
-.md ol {
+.d2-1391665154 .md ul,
+.d2-1391665154 .md ol {
   margin-top: 0;
   margin-bottom: 0;
   padding-left: 2em;
 }
 
-.md ol ol,
-.md ul ol {
+.d2-1391665154 .md ol ol,
+.d2-1391665154 .md ul ol {
   list-style-type: lower-roman;
 }
 
-.md ul ul ol,
-.md ul ol ol,
-.md ol ul ol,
-.md ol ol ol {
+.d2-1391665154 .md ul ul ol,
+.d2-1391665154 .md ul ol ol,
+.d2-1391665154 .md ol ul ol,
+.d2-1391665154 .md ol ol ol {
   list-style-type: lower-alpha;
 }
 
-.md dd {
+.d2-1391665154 .md dd {
   margin-left: 0;
 }
 
-.md pre {
+.d2-1391665154 .md pre {
   margin-top: 0;
   margin-bottom: 0;
   word-wrap: normal;
 }
 
-.md ::placeholder {
+.d2-1391665154 .md ::placeholder {
   color: var(--color-fg-subtle);
   opacity: 1;
 }
 
-.md input::-webkit-outer-spin-button,
-.md input::-webkit-inner-spin-button {
+.d2-1391665154 .md input::-webkit-outer-spin-button,
+.d2-1391665154 .md input::-webkit-inner-spin-button {
   margin: 0;
   -webkit-appearance: none;
   appearance: none;
 }
 
-.md::before {
+.d2-1391665154 .md::before {
   display: table;
   content: "";
 }
 
-.md::after {
+.d2-1391665154 .md::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md > *:first-child {
+.d2-1391665154 .md > *:first-child {
   margin-top: 0 !important;
 }
 
-.md > *:last-child {
+.d2-1391665154 .md > *:last-child {
   margin-bottom: 0 !important;
 }
 
-.md a:not([href]) {
+.d2-1391665154 .md a:not([href]) {
   color: inherit;
   text-decoration: none;
 }
 
-.md .absent {
+.d2-1391665154 .md .absent {
   color: var(--color-danger-fg);
 }
 
-.md .anchor {
+.d2-1391665154 .md .anchor {
   float: left;
   padding-right: 4px;
   margin-left: -20px;
   line-height: 1;
 }
 
-.md .anchor:focus {
+.d2-1391665154 .md .anchor:focus {
   outline: none;
 }
 
-.md p,
-.md blockquote,
-.md ul,
-.md ol,
-.md dl,
-.md table,
-.md pre,
-.md details {
+.d2-1391665154 .md p,
+.d2-1391665154 .md blockquote,
+.d2-1391665154 .md ul,
+.d2-1391665154 .md ol,
+.d2-1391665154 .md dl,
+.d2-1391665154 .md table,
+.d2-1391665154 .md pre,
+.d2-1391665154 .md details {
   margin-top: 0;
   margin-bottom: 16px;
 }
 
-.md blockquote > :first-child {
+.d2-1391665154 .md blockquote > :first-child {
   margin-top: 0;
 }
 
-.md blockquote > :last-child {
+.d2-1391665154 .md blockquote > :last-child {
   margin-bottom: 0;
 }
 
-.md sup > a::before {
+.d2-1391665154 .md sup > a::before {
   content: "[";
 }
 
-.md sup > a::after {
+.d2-1391665154 .md sup > a::after {
   content: "]";
 }
 
-.md h1:hover .anchor,
-.md h2:hover .anchor,
-.md h3:hover .anchor,
-.md h4:hover .anchor,
-.md h5:hover .anchor,
-.md h6:hover .anchor {
+.d2-1391665154 .md h1:hover .anchor,
+.d2-1391665154 .md h2:hover .anchor,
+.d2-1391665154 .md h3:hover .anchor,
+.d2-1391665154 .md h4:hover .anchor,
+.d2-1391665154 .md h5:hover .anchor,
+.d2-1391665154 .md h6:hover .anchor {
   text-decoration: none;
 }
 
-.md h1 tt,
-.md h1 code,
-.md h2 tt,
-.md h2 code,
-.md h3 tt,
-.md h3 code,
-.md h4 tt,
-.md h4 code,
-.md h5 tt,
-.md h5 code,
-.md h6 tt,
-.md h6 code {
+.d2-1391665154 .md h1 tt,
+.d2-1391665154 .md h1 code,
+.d2-1391665154 .md h2 tt,
+.d2-1391665154 .md h2 code,
+.d2-1391665154 .md h3 tt,
+.d2-1391665154 .md h3 code,
+.d2-1391665154 .md h4 tt,
+.d2-1391665154 .md h4 code,
+.d2-1391665154 .md h5 tt,
+.d2-1391665154 .md h5 code,
+.d2-1391665154 .md h6 tt,
+.d2-1391665154 .md h6 code {
   padding: 0 0.2em;
   font-size: inherit;
 }
 
-.md ul.no-list,
-.md ol.no-list {
+.d2-1391665154 .md ul.no-list,
+.d2-1391665154 .md ol.no-list {
   padding: 0;
   list-style-type: none;
 }
 
-.md ol[type="1"] {
+.d2-1391665154 .md ol[type="1"] {
   list-style-type: decimal;
 }
 
-.md ol[type="a"] {
+.d2-1391665154 .md ol[type="a"] {
   list-style-type: lower-alpha;
 }
 
-.md ol[type="i"] {
+.d2-1391665154 .md ol[type="i"] {
   list-style-type: lower-roman;
 }
 
-.md div > ol:not([type]) {
+.d2-1391665154 .md div > ol:not([type]) {
   list-style-type: decimal;
 }
 
-.md ul ul,
-.md ul ol,
-.md ol ol,
-.md ol ul {
+.d2-1391665154 .md ul ul,
+.d2-1391665154 .md ul ol,
+.d2-1391665154 .md ol ol,
+.d2-1391665154 .md ol ul {
   margin-top: 0;
   margin-bottom: 0;
 }
 
-.md li > p {
+.d2-1391665154 .md li > p {
   margin-top: 16px;
 }
 
-.md li + li {
+.d2-1391665154 .md li + li {
   margin-top: 0.25em;
 }
 
-.md dl {
+.d2-1391665154 .md dl {
   padding: 0;
 }
 
-.md dl dt {
+.d2-1391665154 .md dl dt {
   padding: 0;
   margin-top: 16px;
   font-size: 1em;
@@ -566,48 +566,48 @@
   font-weight: 600;
 }
 
-.md dl dd {
+.d2-1391665154 .md dl dd {
   padding: 0 16px;
   margin-bottom: 16px;
 }
 
-.md table th {
+.d2-1391665154 .md table th {
   font-weight: 600;
 }
 
-.md table th,
-.md table td {
+.d2-1391665154 .md table th,
+.d2-1391665154 .md table td {
   padding: 6px 13px;
   border: 1px solid var(--color-border-default);
 }
 
-.md table tr {
+.d2-1391665154 .md table tr {
   background-color: var(--color-canvas-default);
   border-top: 1px solid var(--color-border-muted);
 }
 
-.md table tr:nth-child(2n) {
+.d2-1391665154 .md table tr:nth-child(2n) {
   background-color: var(--color-canvas-subtle);
 }
 
-.md table img {
+.d2-1391665154 .md table img {
   background-color: transparent;
 }
 
-.md img[align="right"] {
+.d2-1391665154 .md img[align="right"] {
   padding-left: 20px;
 }
 
-.md img[align="left"] {
+.d2-1391665154 .md img[align="left"] {
   padding-right: 20px;
 }
 
-.md span.frame {
+.d2-1391665154 .md span.frame {
   display: block;
   overflow: hidden;
 }
 
-.md span.frame > span {
+.d2-1391665154 .md span.frame > span {
   display: block;
   float: left;
   width: auto;
@@ -617,81 +617,81 @@
   border: 1px solid var(--color-border-default);
 }
 
-.md span.frame span img {
+.d2-1391665154 .md span.frame span img {
   display: block;
   float: left;
 }
 
-.md span.frame span span {
+.d2-1391665154 .md span.frame span span {
   display: block;
   padding: 5px 0 0;
   clear: both;
   color: var(--color-fg-default);
 }
 
-.md span.align-center {
+.d2-1391665154 .md span.align-center {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-center > span {
+.d2-1391665154 .md span.align-center > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: center;
 }
 
-.md span.align-center span img {
+.d2-1391665154 .md span.align-center span img {
   margin: 0 auto;
   text-align: center;
 }
 
-.md span.align-right {
+.d2-1391665154 .md span.align-right {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-right > span {
+.d2-1391665154 .md span.align-right > span {
   display: block;
   margin: 13px 0 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md span.align-right span img {
+.d2-1391665154 .md span.align-right span img {
   margin: 0;
   text-align: right;
 }
 
-.md span.float-left {
+.d2-1391665154 .md span.float-left {
   display: block;
   float: left;
   margin-right: 13px;
   overflow: hidden;
 }
 
-.md span.float-left span {
+.d2-1391665154 .md span.float-left span {
   margin: 13px 0 0;
 }
 
-.md span.float-right {
+.d2-1391665154 .md span.float-right {
   display: block;
   float: right;
   margin-left: 13px;
   overflow: hidden;
 }
 
-.md span.float-right > span {
+.d2-1391665154 .md span.float-right > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md code,
-.md tt {
+.d2-1391665154 .md code,
+.d2-1391665154 .md tt {
   padding: 0.2em 0.4em;
   margin: 0;
   font-size: 85%;
@@ -699,20 +699,20 @@
   border-radius: 6px;
 }
 
-.md code br,
-.md tt br {
+.d2-1391665154 .md code br,
+.d2-1391665154 .md tt br {
   display: none;
 }
 
-.md del code {
+.d2-1391665154 .md del code {
   text-decoration: inherit;
 }
 
-.md pre code {
+.d2-1391665154 .md pre code {
   font-size: 100%;
 }
 
-.md pre > code {
+.d2-1391665154 .md pre > code {
   padding: 0;
   margin: 0;
   word-break: normal;
@@ -721,17 +721,17 @@
   border: 0;
 }
 
-.md .highlight {
+.d2-1391665154 .md .highlight {
   margin-bottom: 16px;
 }
 
-.md .highlight pre {
+.d2-1391665154 .md .highlight pre {
   margin-bottom: 0;
   word-break: normal;
 }
 
-.md .highlight pre,
-.md pre {
+.d2-1391665154 .md .highlight pre,
+.d2-1391665154 .md pre {
   padding: 16px;
   overflow: auto;
   font-size: 85%;
@@ -740,8 +740,8 @@
   border-radius: 6px;
 }
 
-.md pre code,
-.md pre tt {
+.d2-1391665154 .md pre code,
+.d2-1391665154 .md pre tt {
   display: inline;
   max-width: auto;
   padding: 0;
@@ -753,8 +753,8 @@
   border: 0;
 }
 
-.md .csv-data td,
-.md .csv-data th {
+.d2-1391665154 .md .csv-data td,
+.d2-1391665154 .md .csv-data th {
   padding: 5px;
   overflow: hidden;
   font-size: 12px;
@@ -763,38 +763,38 @@
   white-space: nowrap;
 }
 
-.md .csv-data .blob-num {
+.d2-1391665154 .md .csv-data .blob-num {
   padding: 10px 8px 9px;
   text-align: right;
   background: var(--color-canvas-default);
   border: 0;
 }
 
-.md .csv-data tr {
+.d2-1391665154 .md .csv-data tr {
   border-top: 0;
 }
 
-.md .csv-data th {
+.d2-1391665154 .md .csv-data th {
   font-weight: 600;
   background: var(--color-canvas-subtle);
   border-top: 0;
 }
 
-.md .footnotes {
+.d2-1391665154 .md .footnotes {
   font-size: 12px;
   color: var(--color-fg-muted);
   border-top: 1px solid var(--color-border-default);
 }
 
-.md .footnotes ol {
+.d2-1391665154 .md .footnotes ol {
   padding-left: 16px;
 }
 
-.md .footnotes li {
+.d2-1391665154 .md .footnotes li {
   position: relative;
 }
 
-.md .footnotes li:target::before {
+.d2-1391665154 .md .footnotes li:target::before {
   position: absolute;
   top: -8px;
   right: -8px;
@@ -806,36 +806,36 @@
   border-radius: 6px;
 }
 
-.md .footnotes li:target {
+.d2-1391665154 .md .footnotes li:target {
   color: var(--color-fg-default);
 }
 
-.md .task-list-item {
+.d2-1391665154 .md .task-list-item {
   list-style-type: none;
 }
 
-.md .task-list-item label {
+.d2-1391665154 .md .task-list-item label {
   font-weight: 400;
 }
 
-.md .task-list-item.enabled label {
+.d2-1391665154 .md .task-list-item.enabled label {
   cursor: pointer;
 }
 
-.md .task-list-item + .task-list-item {
+.d2-1391665154 .md .task-list-item + .task-list-item {
   margin-top: 3px;
 }
 
-.md .task-list-item .handle {
+.d2-1391665154 .md .task-list-item .handle {
   display: none;
 }
 
-.md .task-list-item-checkbox {
+.d2-1391665154 .md .task-list-item-checkbox {
   margin: 0 0.2em 0.25em -1.6em;
   vertical-align: middle;
 }
 
-.md .contains-task-list:dir(rtl) .task-list-item-checkbox {
+.d2-1391665154 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
 </style><g id="md"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="12.000000" y="148.000000" width="266" height="51"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><h1>Markdown: Syntax</h1>
diff --git a/e2etests/testdata/stable/markdown/dagre/sketch.exp.svg b/e2etests/testdata/stable/markdown/dagre/sketch.exp.svg
index a4a9234fc..5ecc6ff96 100644
--- a/e2etests/testdata/stable/markdown/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/markdown/dagre/sketch.exp.svg
@@ -103,31 +103,31 @@
 		.d2-982553194 .color-AA4{color:#EDF0FD;}
 		.d2-982553194 .color-AA5{color:#F7F8FE;}
 		.d2-982553194 .color-AB4{color:#EDF0FD;}
-		.d2-982553194 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.md em,
-.md dfn {
+		.d2-982553194 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.d2-982553194 .md em,
+.d2-982553194 .md dfn {
   font-family: "d2-982553194-font-italic";
 }
 
-.md b,
-.md strong {
+.d2-982553194 .md b,
+.d2-982553194 .md strong {
   font-family: "d2-982553194-font-bold";
 }
 
-.md code,
-.md kbd,
-.md pre,
-.md samp {
+.d2-982553194 .md code,
+.d2-982553194 .md kbd,
+.d2-982553194 .md pre,
+.d2-982553194 .md samp {
   font-family: "d2-982553194-font-mono";
   font-size: 1em;
 }
 
-.md {
+.d2-982553194 .md {
   tab-size: 4;
 }
 
 /* variables are provided in d2renderers/d2svg/d2svg.go */
 
-.md {
+.d2-982553194 .md {
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
   margin: 0;
@@ -139,41 +139,41 @@
   word-wrap: break-word;
 }
 
-.md details,
-.md figcaption,
-.md figure {
+.d2-982553194 .md details,
+.d2-982553194 .md figcaption,
+.d2-982553194 .md figure {
   display: block;
 }
 
-.md summary {
+.d2-982553194 .md summary {
   display: list-item;
 }
 
-.md [hidden] {
+.d2-982553194 .md [hidden] {
   display: none !important;
 }
 
-.md a {
+.d2-982553194 .md a {
   background-color: transparent;
   color: var(--color-accent-fg);
   text-decoration: none;
 }
 
-.md a:active,
-.md a:hover {
+.d2-982553194 .md a:active,
+.d2-982553194 .md a:hover {
   outline-width: 0;
 }
 
-.md abbr[title] {
+.d2-982553194 .md abbr[title] {
   border-bottom: none;
   text-decoration: underline dotted;
 }
 
-.md dfn {
+.d2-982553194 .md dfn {
   font-style: italic;
 }
 
-.md h1 {
+.d2-982553194 .md h1 {
   margin: 0.67em 0;
   font-weight: 600;
   padding-bottom: 0.3em;
@@ -181,43 +181,43 @@
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md mark {
+.d2-982553194 .md mark {
   background-color: var(--color-attention-subtle);
   color: var(--color-text-primary);
 }
 
-.md small {
+.d2-982553194 .md small {
   font-size: 90%;
 }
 
-.md sub,
-.md sup {
+.d2-982553194 .md sub,
+.d2-982553194 .md sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
 }
 
-.md sub {
+.d2-982553194 .md sub {
   bottom: -0.25em;
 }
 
-.md sup {
+.d2-982553194 .md sup {
   top: -0.5em;
 }
 
-.md img {
+.d2-982553194 .md img {
   border-style: none;
   max-width: 100%;
   box-sizing: content-box;
   background-color: var(--color-canvas-default);
 }
 
-.md figure {
+.d2-982553194 .md figure {
   margin: 1em 40px;
 }
 
-.md hr {
+.d2-982553194 .md hr {
   box-sizing: content-box;
   overflow: hidden;
   background: transparent;
@@ -229,7 +229,7 @@
   border: 0;
 }
 
-.md input {
+.d2-982553194 .md input {
   font: inherit;
   margin: 0;
   overflow: visible;
@@ -238,72 +238,72 @@
   line-height: inherit;
 }
 
-.md [type="button"],
-.md [type="reset"],
-.md [type="submit"] {
+.d2-982553194 .md [type="button"],
+.d2-982553194 .md [type="reset"],
+.d2-982553194 .md [type="submit"] {
   -webkit-appearance: button;
 }
 
-.md [type="button"]::-moz-focus-inner,
-.md [type="reset"]::-moz-focus-inner,
-.md [type="submit"]::-moz-focus-inner {
+.d2-982553194 .md [type="button"]::-moz-focus-inner,
+.d2-982553194 .md [type="reset"]::-moz-focus-inner,
+.d2-982553194 .md [type="submit"]::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.md [type="button"]:-moz-focusring,
-.md [type="reset"]:-moz-focusring,
-.md [type="submit"]:-moz-focusring {
+.d2-982553194 .md [type="button"]:-moz-focusring,
+.d2-982553194 .md [type="reset"]:-moz-focusring,
+.d2-982553194 .md [type="submit"]:-moz-focusring {
   outline: 1px dotted ButtonText;
 }
 
-.md [type="checkbox"],
-.md [type="radio"] {
+.d2-982553194 .md [type="checkbox"],
+.d2-982553194 .md [type="radio"] {
   box-sizing: border-box;
   padding: 0;
 }
 
-.md [type="number"]::-webkit-inner-spin-button,
-.md [type="number"]::-webkit-outer-spin-button {
+.d2-982553194 .md [type="number"]::-webkit-inner-spin-button,
+.d2-982553194 .md [type="number"]::-webkit-outer-spin-button {
   height: auto;
 }
 
-.md [type="search"] {
+.d2-982553194 .md [type="search"] {
   -webkit-appearance: textfield;
   outline-offset: -2px;
 }
 
-.md [type="search"]::-webkit-search-cancel-button,
-.md [type="search"]::-webkit-search-decoration {
+.d2-982553194 .md [type="search"]::-webkit-search-cancel-button,
+.d2-982553194 .md [type="search"]::-webkit-search-decoration {
   -webkit-appearance: none;
 }
 
-.md ::-webkit-input-placeholder {
+.d2-982553194 .md ::-webkit-input-placeholder {
   color: inherit;
   opacity: 0.54;
 }
 
-.md ::-webkit-file-upload-button {
+.d2-982553194 .md ::-webkit-file-upload-button {
   -webkit-appearance: button;
   font: inherit;
 }
 
-.md a:hover {
+.d2-982553194 .md a:hover {
   text-decoration: underline;
 }
 
-.md hr::before {
+.d2-982553194 .md hr::before {
   display: table;
   content: "";
 }
 
-.md hr::after {
+.d2-982553194 .md hr::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md table {
+.d2-982553194 .md table {
   border-spacing: 0;
   border-collapse: collapse;
   display: block;
@@ -312,20 +312,20 @@
   overflow: auto;
 }
 
-.md td,
-.md th {
+.d2-982553194 .md td,
+.d2-982553194 .md th {
   padding: 0;
 }
 
-.md details summary {
+.d2-982553194 .md details summary {
   cursor: pointer;
 }
 
-.md details:not([open]) > *:not(summary) {
+.d2-982553194 .md details:not([open]) > *:not(summary) {
   display: none !important;
 }
 
-.md kbd {
+.d2-982553194 .md kbd {
   display: inline-block;
   padding: 3px 5px;
   color: var(--color-fg-default);
@@ -337,12 +337,12 @@
   box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
 }
 
-.md h1,
-.md h2,
-.md h3,
-.md h4,
-.md h5,
-.md h6 {
+.d2-982553194 .md h1,
+.d2-982553194 .md h2,
+.d2-982553194 .md h3,
+.d2-982553194 .md h4,
+.d2-982553194 .md h5,
+.d2-982553194 .md h6 {
   margin-top: 24px;
   margin-bottom: 16px;
   font-weight: 600;
@@ -350,222 +350,222 @@
   font-family: "d2-982553194-font-regular";
 }
 
-.md h2 {
+.d2-982553194 .md h2 {
   font-weight: 600;
   padding-bottom: 0.3em;
   font-size: 1.5em;
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md h3 {
+.d2-982553194 .md h3 {
   font-weight: 600;
   font-size: 1.25em;
 }
 
-.md h4 {
+.d2-982553194 .md h4 {
   font-weight: 600;
   font-size: 1em;
 }
 
-.md h5 {
+.d2-982553194 .md h5 {
   font-weight: 600;
   font-size: 0.875em;
 }
 
-.md h6 {
+.d2-982553194 .md h6 {
   font-weight: 600;
   font-size: 0.85em;
   color: var(--color-fg-muted);
 }
 
-.md p {
+.d2-982553194 .md p {
   margin-top: 0;
   margin-bottom: 10px;
 }
 
-.md blockquote {
+.d2-982553194 .md blockquote {
   margin: 0;
   padding: 0 1em;
   color: var(--color-fg-muted);
   border-left: 0.25em solid var(--color-border-default);
 }
 
-.md ul,
-.md ol {
+.d2-982553194 .md ul,
+.d2-982553194 .md ol {
   margin-top: 0;
   margin-bottom: 0;
   padding-left: 2em;
 }
 
-.md ol ol,
-.md ul ol {
+.d2-982553194 .md ol ol,
+.d2-982553194 .md ul ol {
   list-style-type: lower-roman;
 }
 
-.md ul ul ol,
-.md ul ol ol,
-.md ol ul ol,
-.md ol ol ol {
+.d2-982553194 .md ul ul ol,
+.d2-982553194 .md ul ol ol,
+.d2-982553194 .md ol ul ol,
+.d2-982553194 .md ol ol ol {
   list-style-type: lower-alpha;
 }
 
-.md dd {
+.d2-982553194 .md dd {
   margin-left: 0;
 }
 
-.md pre {
+.d2-982553194 .md pre {
   margin-top: 0;
   margin-bottom: 0;
   word-wrap: normal;
 }
 
-.md ::placeholder {
+.d2-982553194 .md ::placeholder {
   color: var(--color-fg-subtle);
   opacity: 1;
 }
 
-.md input::-webkit-outer-spin-button,
-.md input::-webkit-inner-spin-button {
+.d2-982553194 .md input::-webkit-outer-spin-button,
+.d2-982553194 .md input::-webkit-inner-spin-button {
   margin: 0;
   -webkit-appearance: none;
   appearance: none;
 }
 
-.md::before {
+.d2-982553194 .md::before {
   display: table;
   content: "";
 }
 
-.md::after {
+.d2-982553194 .md::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md > *:first-child {
+.d2-982553194 .md > *:first-child {
   margin-top: 0 !important;
 }
 
-.md > *:last-child {
+.d2-982553194 .md > *:last-child {
   margin-bottom: 0 !important;
 }
 
-.md a:not([href]) {
+.d2-982553194 .md a:not([href]) {
   color: inherit;
   text-decoration: none;
 }
 
-.md .absent {
+.d2-982553194 .md .absent {
   color: var(--color-danger-fg);
 }
 
-.md .anchor {
+.d2-982553194 .md .anchor {
   float: left;
   padding-right: 4px;
   margin-left: -20px;
   line-height: 1;
 }
 
-.md .anchor:focus {
+.d2-982553194 .md .anchor:focus {
   outline: none;
 }
 
-.md p,
-.md blockquote,
-.md ul,
-.md ol,
-.md dl,
-.md table,
-.md pre,
-.md details {
+.d2-982553194 .md p,
+.d2-982553194 .md blockquote,
+.d2-982553194 .md ul,
+.d2-982553194 .md ol,
+.d2-982553194 .md dl,
+.d2-982553194 .md table,
+.d2-982553194 .md pre,
+.d2-982553194 .md details {
   margin-top: 0;
   margin-bottom: 16px;
 }
 
-.md blockquote > :first-child {
+.d2-982553194 .md blockquote > :first-child {
   margin-top: 0;
 }
 
-.md blockquote > :last-child {
+.d2-982553194 .md blockquote > :last-child {
   margin-bottom: 0;
 }
 
-.md sup > a::before {
+.d2-982553194 .md sup > a::before {
   content: "[";
 }
 
-.md sup > a::after {
+.d2-982553194 .md sup > a::after {
   content: "]";
 }
 
-.md h1:hover .anchor,
-.md h2:hover .anchor,
-.md h3:hover .anchor,
-.md h4:hover .anchor,
-.md h5:hover .anchor,
-.md h6:hover .anchor {
+.d2-982553194 .md h1:hover .anchor,
+.d2-982553194 .md h2:hover .anchor,
+.d2-982553194 .md h3:hover .anchor,
+.d2-982553194 .md h4:hover .anchor,
+.d2-982553194 .md h5:hover .anchor,
+.d2-982553194 .md h6:hover .anchor {
   text-decoration: none;
 }
 
-.md h1 tt,
-.md h1 code,
-.md h2 tt,
-.md h2 code,
-.md h3 tt,
-.md h3 code,
-.md h4 tt,
-.md h4 code,
-.md h5 tt,
-.md h5 code,
-.md h6 tt,
-.md h6 code {
+.d2-982553194 .md h1 tt,
+.d2-982553194 .md h1 code,
+.d2-982553194 .md h2 tt,
+.d2-982553194 .md h2 code,
+.d2-982553194 .md h3 tt,
+.d2-982553194 .md h3 code,
+.d2-982553194 .md h4 tt,
+.d2-982553194 .md h4 code,
+.d2-982553194 .md h5 tt,
+.d2-982553194 .md h5 code,
+.d2-982553194 .md h6 tt,
+.d2-982553194 .md h6 code {
   padding: 0 0.2em;
   font-size: inherit;
 }
 
-.md ul.no-list,
-.md ol.no-list {
+.d2-982553194 .md ul.no-list,
+.d2-982553194 .md ol.no-list {
   padding: 0;
   list-style-type: none;
 }
 
-.md ol[type="1"] {
+.d2-982553194 .md ol[type="1"] {
   list-style-type: decimal;
 }
 
-.md ol[type="a"] {
+.d2-982553194 .md ol[type="a"] {
   list-style-type: lower-alpha;
 }
 
-.md ol[type="i"] {
+.d2-982553194 .md ol[type="i"] {
   list-style-type: lower-roman;
 }
 
-.md div > ol:not([type]) {
+.d2-982553194 .md div > ol:not([type]) {
   list-style-type: decimal;
 }
 
-.md ul ul,
-.md ul ol,
-.md ol ol,
-.md ol ul {
+.d2-982553194 .md ul ul,
+.d2-982553194 .md ul ol,
+.d2-982553194 .md ol ol,
+.d2-982553194 .md ol ul {
   margin-top: 0;
   margin-bottom: 0;
 }
 
-.md li > p {
+.d2-982553194 .md li > p {
   margin-top: 16px;
 }
 
-.md li + li {
+.d2-982553194 .md li + li {
   margin-top: 0.25em;
 }
 
-.md dl {
+.d2-982553194 .md dl {
   padding: 0;
 }
 
-.md dl dt {
+.d2-982553194 .md dl dt {
   padding: 0;
   margin-top: 16px;
   font-size: 1em;
@@ -573,48 +573,48 @@
   font-weight: 600;
 }
 
-.md dl dd {
+.d2-982553194 .md dl dd {
   padding: 0 16px;
   margin-bottom: 16px;
 }
 
-.md table th {
+.d2-982553194 .md table th {
   font-weight: 600;
 }
 
-.md table th,
-.md table td {
+.d2-982553194 .md table th,
+.d2-982553194 .md table td {
   padding: 6px 13px;
   border: 1px solid var(--color-border-default);
 }
 
-.md table tr {
+.d2-982553194 .md table tr {
   background-color: var(--color-canvas-default);
   border-top: 1px solid var(--color-border-muted);
 }
 
-.md table tr:nth-child(2n) {
+.d2-982553194 .md table tr:nth-child(2n) {
   background-color: var(--color-canvas-subtle);
 }
 
-.md table img {
+.d2-982553194 .md table img {
   background-color: transparent;
 }
 
-.md img[align="right"] {
+.d2-982553194 .md img[align="right"] {
   padding-left: 20px;
 }
 
-.md img[align="left"] {
+.d2-982553194 .md img[align="left"] {
   padding-right: 20px;
 }
 
-.md span.frame {
+.d2-982553194 .md span.frame {
   display: block;
   overflow: hidden;
 }
 
-.md span.frame > span {
+.d2-982553194 .md span.frame > span {
   display: block;
   float: left;
   width: auto;
@@ -624,81 +624,81 @@
   border: 1px solid var(--color-border-default);
 }
 
-.md span.frame span img {
+.d2-982553194 .md span.frame span img {
   display: block;
   float: left;
 }
 
-.md span.frame span span {
+.d2-982553194 .md span.frame span span {
   display: block;
   padding: 5px 0 0;
   clear: both;
   color: var(--color-fg-default);
 }
 
-.md span.align-center {
+.d2-982553194 .md span.align-center {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-center > span {
+.d2-982553194 .md span.align-center > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: center;
 }
 
-.md span.align-center span img {
+.d2-982553194 .md span.align-center span img {
   margin: 0 auto;
   text-align: center;
 }
 
-.md span.align-right {
+.d2-982553194 .md span.align-right {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-right > span {
+.d2-982553194 .md span.align-right > span {
   display: block;
   margin: 13px 0 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md span.align-right span img {
+.d2-982553194 .md span.align-right span img {
   margin: 0;
   text-align: right;
 }
 
-.md span.float-left {
+.d2-982553194 .md span.float-left {
   display: block;
   float: left;
   margin-right: 13px;
   overflow: hidden;
 }
 
-.md span.float-left span {
+.d2-982553194 .md span.float-left span {
   margin: 13px 0 0;
 }
 
-.md span.float-right {
+.d2-982553194 .md span.float-right {
   display: block;
   float: right;
   margin-left: 13px;
   overflow: hidden;
 }
 
-.md span.float-right > span {
+.d2-982553194 .md span.float-right > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md code,
-.md tt {
+.d2-982553194 .md code,
+.d2-982553194 .md tt {
   padding: 0.2em 0.4em;
   margin: 0;
   font-size: 85%;
@@ -706,20 +706,20 @@
   border-radius: 6px;
 }
 
-.md code br,
-.md tt br {
+.d2-982553194 .md code br,
+.d2-982553194 .md tt br {
   display: none;
 }
 
-.md del code {
+.d2-982553194 .md del code {
   text-decoration: inherit;
 }
 
-.md pre code {
+.d2-982553194 .md pre code {
   font-size: 100%;
 }
 
-.md pre > code {
+.d2-982553194 .md pre > code {
   padding: 0;
   margin: 0;
   word-break: normal;
@@ -728,17 +728,17 @@
   border: 0;
 }
 
-.md .highlight {
+.d2-982553194 .md .highlight {
   margin-bottom: 16px;
 }
 
-.md .highlight pre {
+.d2-982553194 .md .highlight pre {
   margin-bottom: 0;
   word-break: normal;
 }
 
-.md .highlight pre,
-.md pre {
+.d2-982553194 .md .highlight pre,
+.d2-982553194 .md pre {
   padding: 16px;
   overflow: auto;
   font-size: 85%;
@@ -747,8 +747,8 @@
   border-radius: 6px;
 }
 
-.md pre code,
-.md pre tt {
+.d2-982553194 .md pre code,
+.d2-982553194 .md pre tt {
   display: inline;
   max-width: auto;
   padding: 0;
@@ -760,8 +760,8 @@
   border: 0;
 }
 
-.md .csv-data td,
-.md .csv-data th {
+.d2-982553194 .md .csv-data td,
+.d2-982553194 .md .csv-data th {
   padding: 5px;
   overflow: hidden;
   font-size: 12px;
@@ -770,38 +770,38 @@
   white-space: nowrap;
 }
 
-.md .csv-data .blob-num {
+.d2-982553194 .md .csv-data .blob-num {
   padding: 10px 8px 9px;
   text-align: right;
   background: var(--color-canvas-default);
   border: 0;
 }
 
-.md .csv-data tr {
+.d2-982553194 .md .csv-data tr {
   border-top: 0;
 }
 
-.md .csv-data th {
+.d2-982553194 .md .csv-data th {
   font-weight: 600;
   background: var(--color-canvas-subtle);
   border-top: 0;
 }
 
-.md .footnotes {
+.d2-982553194 .md .footnotes {
   font-size: 12px;
   color: var(--color-fg-muted);
   border-top: 1px solid var(--color-border-default);
 }
 
-.md .footnotes ol {
+.d2-982553194 .md .footnotes ol {
   padding-left: 16px;
 }
 
-.md .footnotes li {
+.d2-982553194 .md .footnotes li {
   position: relative;
 }
 
-.md .footnotes li:target::before {
+.d2-982553194 .md .footnotes li:target::before {
   position: absolute;
   top: -8px;
   right: -8px;
@@ -813,36 +813,36 @@
   border-radius: 6px;
 }
 
-.md .footnotes li:target {
+.d2-982553194 .md .footnotes li:target {
   color: var(--color-fg-default);
 }
 
-.md .task-list-item {
+.d2-982553194 .md .task-list-item {
   list-style-type: none;
 }
 
-.md .task-list-item label {
+.d2-982553194 .md .task-list-item label {
   font-weight: 400;
 }
 
-.md .task-list-item.enabled label {
+.d2-982553194 .md .task-list-item.enabled label {
   cursor: pointer;
 }
 
-.md .task-list-item + .task-list-item {
+.d2-982553194 .md .task-list-item + .task-list-item {
   margin-top: 3px;
 }
 
-.md .task-list-item .handle {
+.d2-982553194 .md .task-list-item .handle {
   display: none;
 }
 
-.md .task-list-item-checkbox {
+.d2-982553194 .md .task-list-item-checkbox {
   margin: 0 0.2em 0.25em -1.6em;
   vertical-align: middle;
 }
 
-.md .contains-task-list:dir(rtl) .task-list-item-checkbox {
+.d2-982553194 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
 </style><g id="hey"><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>
diff --git a/e2etests/testdata/stable/markdown/elk/sketch.exp.svg b/e2etests/testdata/stable/markdown/elk/sketch.exp.svg
index e913a6864..9e8588a7a 100644
--- a/e2etests/testdata/stable/markdown/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/markdown/elk/sketch.exp.svg
@@ -103,31 +103,31 @@
 		.d2-3773836240 .color-AA4{color:#EDF0FD;}
 		.d2-3773836240 .color-AA5{color:#F7F8FE;}
 		.d2-3773836240 .color-AB4{color:#EDF0FD;}
-		.d2-3773836240 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.md em,
-.md dfn {
+		.d2-3773836240 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.d2-3773836240 .md em,
+.d2-3773836240 .md dfn {
   font-family: "d2-3773836240-font-italic";
 }
 
-.md b,
-.md strong {
+.d2-3773836240 .md b,
+.d2-3773836240 .md strong {
   font-family: "d2-3773836240-font-bold";
 }
 
-.md code,
-.md kbd,
-.md pre,
-.md samp {
+.d2-3773836240 .md code,
+.d2-3773836240 .md kbd,
+.d2-3773836240 .md pre,
+.d2-3773836240 .md samp {
   font-family: "d2-3773836240-font-mono";
   font-size: 1em;
 }
 
-.md {
+.d2-3773836240 .md {
   tab-size: 4;
 }
 
 /* variables are provided in d2renderers/d2svg/d2svg.go */
 
-.md {
+.d2-3773836240 .md {
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
   margin: 0;
@@ -139,41 +139,41 @@
   word-wrap: break-word;
 }
 
-.md details,
-.md figcaption,
-.md figure {
+.d2-3773836240 .md details,
+.d2-3773836240 .md figcaption,
+.d2-3773836240 .md figure {
   display: block;
 }
 
-.md summary {
+.d2-3773836240 .md summary {
   display: list-item;
 }
 
-.md [hidden] {
+.d2-3773836240 .md [hidden] {
   display: none !important;
 }
 
-.md a {
+.d2-3773836240 .md a {
   background-color: transparent;
   color: var(--color-accent-fg);
   text-decoration: none;
 }
 
-.md a:active,
-.md a:hover {
+.d2-3773836240 .md a:active,
+.d2-3773836240 .md a:hover {
   outline-width: 0;
 }
 
-.md abbr[title] {
+.d2-3773836240 .md abbr[title] {
   border-bottom: none;
   text-decoration: underline dotted;
 }
 
-.md dfn {
+.d2-3773836240 .md dfn {
   font-style: italic;
 }
 
-.md h1 {
+.d2-3773836240 .md h1 {
   margin: 0.67em 0;
   font-weight: 600;
   padding-bottom: 0.3em;
@@ -181,43 +181,43 @@
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md mark {
+.d2-3773836240 .md mark {
   background-color: var(--color-attention-subtle);
   color: var(--color-text-primary);
 }
 
-.md small {
+.d2-3773836240 .md small {
   font-size: 90%;
 }
 
-.md sub,
-.md sup {
+.d2-3773836240 .md sub,
+.d2-3773836240 .md sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
 }
 
-.md sub {
+.d2-3773836240 .md sub {
   bottom: -0.25em;
 }
 
-.md sup {
+.d2-3773836240 .md sup {
   top: -0.5em;
 }
 
-.md img {
+.d2-3773836240 .md img {
   border-style: none;
   max-width: 100%;
   box-sizing: content-box;
   background-color: var(--color-canvas-default);
 }
 
-.md figure {
+.d2-3773836240 .md figure {
   margin: 1em 40px;
 }
 
-.md hr {
+.d2-3773836240 .md hr {
   box-sizing: content-box;
   overflow: hidden;
   background: transparent;
@@ -229,7 +229,7 @@
   border: 0;
 }
 
-.md input {
+.d2-3773836240 .md input {
   font: inherit;
   margin: 0;
   overflow: visible;
@@ -238,72 +238,72 @@
   line-height: inherit;
 }
 
-.md [type="button"],
-.md [type="reset"],
-.md [type="submit"] {
+.d2-3773836240 .md [type="button"],
+.d2-3773836240 .md [type="reset"],
+.d2-3773836240 .md [type="submit"] {
   -webkit-appearance: button;
 }
 
-.md [type="button"]::-moz-focus-inner,
-.md [type="reset"]::-moz-focus-inner,
-.md [type="submit"]::-moz-focus-inner {
+.d2-3773836240 .md [type="button"]::-moz-focus-inner,
+.d2-3773836240 .md [type="reset"]::-moz-focus-inner,
+.d2-3773836240 .md [type="submit"]::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.md [type="button"]:-moz-focusring,
-.md [type="reset"]:-moz-focusring,
-.md [type="submit"]:-moz-focusring {
+.d2-3773836240 .md [type="button"]:-moz-focusring,
+.d2-3773836240 .md [type="reset"]:-moz-focusring,
+.d2-3773836240 .md [type="submit"]:-moz-focusring {
   outline: 1px dotted ButtonText;
 }
 
-.md [type="checkbox"],
-.md [type="radio"] {
+.d2-3773836240 .md [type="checkbox"],
+.d2-3773836240 .md [type="radio"] {
   box-sizing: border-box;
   padding: 0;
 }
 
-.md [type="number"]::-webkit-inner-spin-button,
-.md [type="number"]::-webkit-outer-spin-button {
+.d2-3773836240 .md [type="number"]::-webkit-inner-spin-button,
+.d2-3773836240 .md [type="number"]::-webkit-outer-spin-button {
   height: auto;
 }
 
-.md [type="search"] {
+.d2-3773836240 .md [type="search"] {
   -webkit-appearance: textfield;
   outline-offset: -2px;
 }
 
-.md [type="search"]::-webkit-search-cancel-button,
-.md [type="search"]::-webkit-search-decoration {
+.d2-3773836240 .md [type="search"]::-webkit-search-cancel-button,
+.d2-3773836240 .md [type="search"]::-webkit-search-decoration {
   -webkit-appearance: none;
 }
 
-.md ::-webkit-input-placeholder {
+.d2-3773836240 .md ::-webkit-input-placeholder {
   color: inherit;
   opacity: 0.54;
 }
 
-.md ::-webkit-file-upload-button {
+.d2-3773836240 .md ::-webkit-file-upload-button {
   -webkit-appearance: button;
   font: inherit;
 }
 
-.md a:hover {
+.d2-3773836240 .md a:hover {
   text-decoration: underline;
 }
 
-.md hr::before {
+.d2-3773836240 .md hr::before {
   display: table;
   content: "";
 }
 
-.md hr::after {
+.d2-3773836240 .md hr::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md table {
+.d2-3773836240 .md table {
   border-spacing: 0;
   border-collapse: collapse;
   display: block;
@@ -312,20 +312,20 @@
   overflow: auto;
 }
 
-.md td,
-.md th {
+.d2-3773836240 .md td,
+.d2-3773836240 .md th {
   padding: 0;
 }
 
-.md details summary {
+.d2-3773836240 .md details summary {
   cursor: pointer;
 }
 
-.md details:not([open]) > *:not(summary) {
+.d2-3773836240 .md details:not([open]) > *:not(summary) {
   display: none !important;
 }
 
-.md kbd {
+.d2-3773836240 .md kbd {
   display: inline-block;
   padding: 3px 5px;
   color: var(--color-fg-default);
@@ -337,12 +337,12 @@
   box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
 }
 
-.md h1,
-.md h2,
-.md h3,
-.md h4,
-.md h5,
-.md h6 {
+.d2-3773836240 .md h1,
+.d2-3773836240 .md h2,
+.d2-3773836240 .md h3,
+.d2-3773836240 .md h4,
+.d2-3773836240 .md h5,
+.d2-3773836240 .md h6 {
   margin-top: 24px;
   margin-bottom: 16px;
   font-weight: 600;
@@ -350,222 +350,222 @@
   font-family: "d2-3773836240-font-regular";
 }
 
-.md h2 {
+.d2-3773836240 .md h2 {
   font-weight: 600;
   padding-bottom: 0.3em;
   font-size: 1.5em;
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md h3 {
+.d2-3773836240 .md h3 {
   font-weight: 600;
   font-size: 1.25em;
 }
 
-.md h4 {
+.d2-3773836240 .md h4 {
   font-weight: 600;
   font-size: 1em;
 }
 
-.md h5 {
+.d2-3773836240 .md h5 {
   font-weight: 600;
   font-size: 0.875em;
 }
 
-.md h6 {
+.d2-3773836240 .md h6 {
   font-weight: 600;
   font-size: 0.85em;
   color: var(--color-fg-muted);
 }
 
-.md p {
+.d2-3773836240 .md p {
   margin-top: 0;
   margin-bottom: 10px;
 }
 
-.md blockquote {
+.d2-3773836240 .md blockquote {
   margin: 0;
   padding: 0 1em;
   color: var(--color-fg-muted);
   border-left: 0.25em solid var(--color-border-default);
 }
 
-.md ul,
-.md ol {
+.d2-3773836240 .md ul,
+.d2-3773836240 .md ol {
   margin-top: 0;
   margin-bottom: 0;
   padding-left: 2em;
 }
 
-.md ol ol,
-.md ul ol {
+.d2-3773836240 .md ol ol,
+.d2-3773836240 .md ul ol {
   list-style-type: lower-roman;
 }
 
-.md ul ul ol,
-.md ul ol ol,
-.md ol ul ol,
-.md ol ol ol {
+.d2-3773836240 .md ul ul ol,
+.d2-3773836240 .md ul ol ol,
+.d2-3773836240 .md ol ul ol,
+.d2-3773836240 .md ol ol ol {
   list-style-type: lower-alpha;
 }
 
-.md dd {
+.d2-3773836240 .md dd {
   margin-left: 0;
 }
 
-.md pre {
+.d2-3773836240 .md pre {
   margin-top: 0;
   margin-bottom: 0;
   word-wrap: normal;
 }
 
-.md ::placeholder {
+.d2-3773836240 .md ::placeholder {
   color: var(--color-fg-subtle);
   opacity: 1;
 }
 
-.md input::-webkit-outer-spin-button,
-.md input::-webkit-inner-spin-button {
+.d2-3773836240 .md input::-webkit-outer-spin-button,
+.d2-3773836240 .md input::-webkit-inner-spin-button {
   margin: 0;
   -webkit-appearance: none;
   appearance: none;
 }
 
-.md::before {
+.d2-3773836240 .md::before {
   display: table;
   content: "";
 }
 
-.md::after {
+.d2-3773836240 .md::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md > *:first-child {
+.d2-3773836240 .md > *:first-child {
   margin-top: 0 !important;
 }
 
-.md > *:last-child {
+.d2-3773836240 .md > *:last-child {
   margin-bottom: 0 !important;
 }
 
-.md a:not([href]) {
+.d2-3773836240 .md a:not([href]) {
   color: inherit;
   text-decoration: none;
 }
 
-.md .absent {
+.d2-3773836240 .md .absent {
   color: var(--color-danger-fg);
 }
 
-.md .anchor {
+.d2-3773836240 .md .anchor {
   float: left;
   padding-right: 4px;
   margin-left: -20px;
   line-height: 1;
 }
 
-.md .anchor:focus {
+.d2-3773836240 .md .anchor:focus {
   outline: none;
 }
 
-.md p,
-.md blockquote,
-.md ul,
-.md ol,
-.md dl,
-.md table,
-.md pre,
-.md details {
+.d2-3773836240 .md p,
+.d2-3773836240 .md blockquote,
+.d2-3773836240 .md ul,
+.d2-3773836240 .md ol,
+.d2-3773836240 .md dl,
+.d2-3773836240 .md table,
+.d2-3773836240 .md pre,
+.d2-3773836240 .md details {
   margin-top: 0;
   margin-bottom: 16px;
 }
 
-.md blockquote > :first-child {
+.d2-3773836240 .md blockquote > :first-child {
   margin-top: 0;
 }
 
-.md blockquote > :last-child {
+.d2-3773836240 .md blockquote > :last-child {
   margin-bottom: 0;
 }
 
-.md sup > a::before {
+.d2-3773836240 .md sup > a::before {
   content: "[";
 }
 
-.md sup > a::after {
+.d2-3773836240 .md sup > a::after {
   content: "]";
 }
 
-.md h1:hover .anchor,
-.md h2:hover .anchor,
-.md h3:hover .anchor,
-.md h4:hover .anchor,
-.md h5:hover .anchor,
-.md h6:hover .anchor {
+.d2-3773836240 .md h1:hover .anchor,
+.d2-3773836240 .md h2:hover .anchor,
+.d2-3773836240 .md h3:hover .anchor,
+.d2-3773836240 .md h4:hover .anchor,
+.d2-3773836240 .md h5:hover .anchor,
+.d2-3773836240 .md h6:hover .anchor {
   text-decoration: none;
 }
 
-.md h1 tt,
-.md h1 code,
-.md h2 tt,
-.md h2 code,
-.md h3 tt,
-.md h3 code,
-.md h4 tt,
-.md h4 code,
-.md h5 tt,
-.md h5 code,
-.md h6 tt,
-.md h6 code {
+.d2-3773836240 .md h1 tt,
+.d2-3773836240 .md h1 code,
+.d2-3773836240 .md h2 tt,
+.d2-3773836240 .md h2 code,
+.d2-3773836240 .md h3 tt,
+.d2-3773836240 .md h3 code,
+.d2-3773836240 .md h4 tt,
+.d2-3773836240 .md h4 code,
+.d2-3773836240 .md h5 tt,
+.d2-3773836240 .md h5 code,
+.d2-3773836240 .md h6 tt,
+.d2-3773836240 .md h6 code {
   padding: 0 0.2em;
   font-size: inherit;
 }
 
-.md ul.no-list,
-.md ol.no-list {
+.d2-3773836240 .md ul.no-list,
+.d2-3773836240 .md ol.no-list {
   padding: 0;
   list-style-type: none;
 }
 
-.md ol[type="1"] {
+.d2-3773836240 .md ol[type="1"] {
   list-style-type: decimal;
 }
 
-.md ol[type="a"] {
+.d2-3773836240 .md ol[type="a"] {
   list-style-type: lower-alpha;
 }
 
-.md ol[type="i"] {
+.d2-3773836240 .md ol[type="i"] {
   list-style-type: lower-roman;
 }
 
-.md div > ol:not([type]) {
+.d2-3773836240 .md div > ol:not([type]) {
   list-style-type: decimal;
 }
 
-.md ul ul,
-.md ul ol,
-.md ol ol,
-.md ol ul {
+.d2-3773836240 .md ul ul,
+.d2-3773836240 .md ul ol,
+.d2-3773836240 .md ol ol,
+.d2-3773836240 .md ol ul {
   margin-top: 0;
   margin-bottom: 0;
 }
 
-.md li > p {
+.d2-3773836240 .md li > p {
   margin-top: 16px;
 }
 
-.md li + li {
+.d2-3773836240 .md li + li {
   margin-top: 0.25em;
 }
 
-.md dl {
+.d2-3773836240 .md dl {
   padding: 0;
 }
 
-.md dl dt {
+.d2-3773836240 .md dl dt {
   padding: 0;
   margin-top: 16px;
   font-size: 1em;
@@ -573,48 +573,48 @@
   font-weight: 600;
 }
 
-.md dl dd {
+.d2-3773836240 .md dl dd {
   padding: 0 16px;
   margin-bottom: 16px;
 }
 
-.md table th {
+.d2-3773836240 .md table th {
   font-weight: 600;
 }
 
-.md table th,
-.md table td {
+.d2-3773836240 .md table th,
+.d2-3773836240 .md table td {
   padding: 6px 13px;
   border: 1px solid var(--color-border-default);
 }
 
-.md table tr {
+.d2-3773836240 .md table tr {
   background-color: var(--color-canvas-default);
   border-top: 1px solid var(--color-border-muted);
 }
 
-.md table tr:nth-child(2n) {
+.d2-3773836240 .md table tr:nth-child(2n) {
   background-color: var(--color-canvas-subtle);
 }
 
-.md table img {
+.d2-3773836240 .md table img {
   background-color: transparent;
 }
 
-.md img[align="right"] {
+.d2-3773836240 .md img[align="right"] {
   padding-left: 20px;
 }
 
-.md img[align="left"] {
+.d2-3773836240 .md img[align="left"] {
   padding-right: 20px;
 }
 
-.md span.frame {
+.d2-3773836240 .md span.frame {
   display: block;
   overflow: hidden;
 }
 
-.md span.frame > span {
+.d2-3773836240 .md span.frame > span {
   display: block;
   float: left;
   width: auto;
@@ -624,81 +624,81 @@
   border: 1px solid var(--color-border-default);
 }
 
-.md span.frame span img {
+.d2-3773836240 .md span.frame span img {
   display: block;
   float: left;
 }
 
-.md span.frame span span {
+.d2-3773836240 .md span.frame span span {
   display: block;
   padding: 5px 0 0;
   clear: both;
   color: var(--color-fg-default);
 }
 
-.md span.align-center {
+.d2-3773836240 .md span.align-center {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-center > span {
+.d2-3773836240 .md span.align-center > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: center;
 }
 
-.md span.align-center span img {
+.d2-3773836240 .md span.align-center span img {
   margin: 0 auto;
   text-align: center;
 }
 
-.md span.align-right {
+.d2-3773836240 .md span.align-right {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-right > span {
+.d2-3773836240 .md span.align-right > span {
   display: block;
   margin: 13px 0 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md span.align-right span img {
+.d2-3773836240 .md span.align-right span img {
   margin: 0;
   text-align: right;
 }
 
-.md span.float-left {
+.d2-3773836240 .md span.float-left {
   display: block;
   float: left;
   margin-right: 13px;
   overflow: hidden;
 }
 
-.md span.float-left span {
+.d2-3773836240 .md span.float-left span {
   margin: 13px 0 0;
 }
 
-.md span.float-right {
+.d2-3773836240 .md span.float-right {
   display: block;
   float: right;
   margin-left: 13px;
   overflow: hidden;
 }
 
-.md span.float-right > span {
+.d2-3773836240 .md span.float-right > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md code,
-.md tt {
+.d2-3773836240 .md code,
+.d2-3773836240 .md tt {
   padding: 0.2em 0.4em;
   margin: 0;
   font-size: 85%;
@@ -706,20 +706,20 @@
   border-radius: 6px;
 }
 
-.md code br,
-.md tt br {
+.d2-3773836240 .md code br,
+.d2-3773836240 .md tt br {
   display: none;
 }
 
-.md del code {
+.d2-3773836240 .md del code {
   text-decoration: inherit;
 }
 
-.md pre code {
+.d2-3773836240 .md pre code {
   font-size: 100%;
 }
 
-.md pre > code {
+.d2-3773836240 .md pre > code {
   padding: 0;
   margin: 0;
   word-break: normal;
@@ -728,17 +728,17 @@
   border: 0;
 }
 
-.md .highlight {
+.d2-3773836240 .md .highlight {
   margin-bottom: 16px;
 }
 
-.md .highlight pre {
+.d2-3773836240 .md .highlight pre {
   margin-bottom: 0;
   word-break: normal;
 }
 
-.md .highlight pre,
-.md pre {
+.d2-3773836240 .md .highlight pre,
+.d2-3773836240 .md pre {
   padding: 16px;
   overflow: auto;
   font-size: 85%;
@@ -747,8 +747,8 @@
   border-radius: 6px;
 }
 
-.md pre code,
-.md pre tt {
+.d2-3773836240 .md pre code,
+.d2-3773836240 .md pre tt {
   display: inline;
   max-width: auto;
   padding: 0;
@@ -760,8 +760,8 @@
   border: 0;
 }
 
-.md .csv-data td,
-.md .csv-data th {
+.d2-3773836240 .md .csv-data td,
+.d2-3773836240 .md .csv-data th {
   padding: 5px;
   overflow: hidden;
   font-size: 12px;
@@ -770,38 +770,38 @@
   white-space: nowrap;
 }
 
-.md .csv-data .blob-num {
+.d2-3773836240 .md .csv-data .blob-num {
   padding: 10px 8px 9px;
   text-align: right;
   background: var(--color-canvas-default);
   border: 0;
 }
 
-.md .csv-data tr {
+.d2-3773836240 .md .csv-data tr {
   border-top: 0;
 }
 
-.md .csv-data th {
+.d2-3773836240 .md .csv-data th {
   font-weight: 600;
   background: var(--color-canvas-subtle);
   border-top: 0;
 }
 
-.md .footnotes {
+.d2-3773836240 .md .footnotes {
   font-size: 12px;
   color: var(--color-fg-muted);
   border-top: 1px solid var(--color-border-default);
 }
 
-.md .footnotes ol {
+.d2-3773836240 .md .footnotes ol {
   padding-left: 16px;
 }
 
-.md .footnotes li {
+.d2-3773836240 .md .footnotes li {
   position: relative;
 }
 
-.md .footnotes li:target::before {
+.d2-3773836240 .md .footnotes li:target::before {
   position: absolute;
   top: -8px;
   right: -8px;
@@ -813,36 +813,36 @@
   border-radius: 6px;
 }
 
-.md .footnotes li:target {
+.d2-3773836240 .md .footnotes li:target {
   color: var(--color-fg-default);
 }
 
-.md .task-list-item {
+.d2-3773836240 .md .task-list-item {
   list-style-type: none;
 }
 
-.md .task-list-item label {
+.d2-3773836240 .md .task-list-item label {
   font-weight: 400;
 }
 
-.md .task-list-item.enabled label {
+.d2-3773836240 .md .task-list-item.enabled label {
   cursor: pointer;
 }
 
-.md .task-list-item + .task-list-item {
+.d2-3773836240 .md .task-list-item + .task-list-item {
   margin-top: 3px;
 }
 
-.md .task-list-item .handle {
+.d2-3773836240 .md .task-list-item .handle {
   display: none;
 }
 
-.md .task-list-item-checkbox {
+.d2-3773836240 .md .task-list-item-checkbox {
   margin: 0 0.2em 0.25em -1.6em;
   vertical-align: middle;
 }
 
-.md .contains-task-list:dir(rtl) .task-list-item-checkbox {
+.d2-3773836240 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
 </style><g id="hey"><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>
diff --git a/e2etests/testdata/stable/markdown_stroke_fill/dagre/sketch.exp.svg b/e2etests/testdata/stable/markdown_stroke_fill/dagre/sketch.exp.svg
index d80b2d7f5..c6822e3c9 100644
--- a/e2etests/testdata/stable/markdown_stroke_fill/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/markdown_stroke_fill/dagre/sketch.exp.svg
@@ -96,31 +96,31 @@
 		.d2-169845462 .color-AA4{color:#EDF0FD;}
 		.d2-169845462 .color-AA5{color:#F7F8FE;}
 		.d2-169845462 .color-AB4{color:#EDF0FD;}
-		.d2-169845462 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.md em,
-.md dfn {
+		.d2-169845462 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.d2-169845462 .md em,
+.d2-169845462 .md dfn {
   font-family: "d2-169845462-font-italic";
 }
 
-.md b,
-.md strong {
+.d2-169845462 .md b,
+.d2-169845462 .md strong {
   font-family: "d2-169845462-font-bold";
 }
 
-.md code,
-.md kbd,
-.md pre,
-.md samp {
+.d2-169845462 .md code,
+.d2-169845462 .md kbd,
+.d2-169845462 .md pre,
+.d2-169845462 .md samp {
   font-family: "d2-169845462-font-mono";
   font-size: 1em;
 }
 
-.md {
+.d2-169845462 .md {
   tab-size: 4;
 }
 
 /* variables are provided in d2renderers/d2svg/d2svg.go */
 
-.md {
+.d2-169845462 .md {
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
   margin: 0;
@@ -132,41 +132,41 @@
   word-wrap: break-word;
 }
 
-.md details,
-.md figcaption,
-.md figure {
+.d2-169845462 .md details,
+.d2-169845462 .md figcaption,
+.d2-169845462 .md figure {
   display: block;
 }
 
-.md summary {
+.d2-169845462 .md summary {
   display: list-item;
 }
 
-.md [hidden] {
+.d2-169845462 .md [hidden] {
   display: none !important;
 }
 
-.md a {
+.d2-169845462 .md a {
   background-color: transparent;
   color: var(--color-accent-fg);
   text-decoration: none;
 }
 
-.md a:active,
-.md a:hover {
+.d2-169845462 .md a:active,
+.d2-169845462 .md a:hover {
   outline-width: 0;
 }
 
-.md abbr[title] {
+.d2-169845462 .md abbr[title] {
   border-bottom: none;
   text-decoration: underline dotted;
 }
 
-.md dfn {
+.d2-169845462 .md dfn {
   font-style: italic;
 }
 
-.md h1 {
+.d2-169845462 .md h1 {
   margin: 0.67em 0;
   font-weight: 600;
   padding-bottom: 0.3em;
@@ -174,43 +174,43 @@
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md mark {
+.d2-169845462 .md mark {
   background-color: var(--color-attention-subtle);
   color: var(--color-text-primary);
 }
 
-.md small {
+.d2-169845462 .md small {
   font-size: 90%;
 }
 
-.md sub,
-.md sup {
+.d2-169845462 .md sub,
+.d2-169845462 .md sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
 }
 
-.md sub {
+.d2-169845462 .md sub {
   bottom: -0.25em;
 }
 
-.md sup {
+.d2-169845462 .md sup {
   top: -0.5em;
 }
 
-.md img {
+.d2-169845462 .md img {
   border-style: none;
   max-width: 100%;
   box-sizing: content-box;
   background-color: var(--color-canvas-default);
 }
 
-.md figure {
+.d2-169845462 .md figure {
   margin: 1em 40px;
 }
 
-.md hr {
+.d2-169845462 .md hr {
   box-sizing: content-box;
   overflow: hidden;
   background: transparent;
@@ -222,7 +222,7 @@
   border: 0;
 }
 
-.md input {
+.d2-169845462 .md input {
   font: inherit;
   margin: 0;
   overflow: visible;
@@ -231,72 +231,72 @@
   line-height: inherit;
 }
 
-.md [type="button"],
-.md [type="reset"],
-.md [type="submit"] {
+.d2-169845462 .md [type="button"],
+.d2-169845462 .md [type="reset"],
+.d2-169845462 .md [type="submit"] {
   -webkit-appearance: button;
 }
 
-.md [type="button"]::-moz-focus-inner,
-.md [type="reset"]::-moz-focus-inner,
-.md [type="submit"]::-moz-focus-inner {
+.d2-169845462 .md [type="button"]::-moz-focus-inner,
+.d2-169845462 .md [type="reset"]::-moz-focus-inner,
+.d2-169845462 .md [type="submit"]::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.md [type="button"]:-moz-focusring,
-.md [type="reset"]:-moz-focusring,
-.md [type="submit"]:-moz-focusring {
+.d2-169845462 .md [type="button"]:-moz-focusring,
+.d2-169845462 .md [type="reset"]:-moz-focusring,
+.d2-169845462 .md [type="submit"]:-moz-focusring {
   outline: 1px dotted ButtonText;
 }
 
-.md [type="checkbox"],
-.md [type="radio"] {
+.d2-169845462 .md [type="checkbox"],
+.d2-169845462 .md [type="radio"] {
   box-sizing: border-box;
   padding: 0;
 }
 
-.md [type="number"]::-webkit-inner-spin-button,
-.md [type="number"]::-webkit-outer-spin-button {
+.d2-169845462 .md [type="number"]::-webkit-inner-spin-button,
+.d2-169845462 .md [type="number"]::-webkit-outer-spin-button {
   height: auto;
 }
 
-.md [type="search"] {
+.d2-169845462 .md [type="search"] {
   -webkit-appearance: textfield;
   outline-offset: -2px;
 }
 
-.md [type="search"]::-webkit-search-cancel-button,
-.md [type="search"]::-webkit-search-decoration {
+.d2-169845462 .md [type="search"]::-webkit-search-cancel-button,
+.d2-169845462 .md [type="search"]::-webkit-search-decoration {
   -webkit-appearance: none;
 }
 
-.md ::-webkit-input-placeholder {
+.d2-169845462 .md ::-webkit-input-placeholder {
   color: inherit;
   opacity: 0.54;
 }
 
-.md ::-webkit-file-upload-button {
+.d2-169845462 .md ::-webkit-file-upload-button {
   -webkit-appearance: button;
   font: inherit;
 }
 
-.md a:hover {
+.d2-169845462 .md a:hover {
   text-decoration: underline;
 }
 
-.md hr::before {
+.d2-169845462 .md hr::before {
   display: table;
   content: "";
 }
 
-.md hr::after {
+.d2-169845462 .md hr::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md table {
+.d2-169845462 .md table {
   border-spacing: 0;
   border-collapse: collapse;
   display: block;
@@ -305,20 +305,20 @@
   overflow: auto;
 }
 
-.md td,
-.md th {
+.d2-169845462 .md td,
+.d2-169845462 .md th {
   padding: 0;
 }
 
-.md details summary {
+.d2-169845462 .md details summary {
   cursor: pointer;
 }
 
-.md details:not([open]) > *:not(summary) {
+.d2-169845462 .md details:not([open]) > *:not(summary) {
   display: none !important;
 }
 
-.md kbd {
+.d2-169845462 .md kbd {
   display: inline-block;
   padding: 3px 5px;
   color: var(--color-fg-default);
@@ -330,12 +330,12 @@
   box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
 }
 
-.md h1,
-.md h2,
-.md h3,
-.md h4,
-.md h5,
-.md h6 {
+.d2-169845462 .md h1,
+.d2-169845462 .md h2,
+.d2-169845462 .md h3,
+.d2-169845462 .md h4,
+.d2-169845462 .md h5,
+.d2-169845462 .md h6 {
   margin-top: 24px;
   margin-bottom: 16px;
   font-weight: 600;
@@ -343,222 +343,222 @@
   font-family: "d2-169845462-font-regular";
 }
 
-.md h2 {
+.d2-169845462 .md h2 {
   font-weight: 600;
   padding-bottom: 0.3em;
   font-size: 1.5em;
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md h3 {
+.d2-169845462 .md h3 {
   font-weight: 600;
   font-size: 1.25em;
 }
 
-.md h4 {
+.d2-169845462 .md h4 {
   font-weight: 600;
   font-size: 1em;
 }
 
-.md h5 {
+.d2-169845462 .md h5 {
   font-weight: 600;
   font-size: 0.875em;
 }
 
-.md h6 {
+.d2-169845462 .md h6 {
   font-weight: 600;
   font-size: 0.85em;
   color: var(--color-fg-muted);
 }
 
-.md p {
+.d2-169845462 .md p {
   margin-top: 0;
   margin-bottom: 10px;
 }
 
-.md blockquote {
+.d2-169845462 .md blockquote {
   margin: 0;
   padding: 0 1em;
   color: var(--color-fg-muted);
   border-left: 0.25em solid var(--color-border-default);
 }
 
-.md ul,
-.md ol {
+.d2-169845462 .md ul,
+.d2-169845462 .md ol {
   margin-top: 0;
   margin-bottom: 0;
   padding-left: 2em;
 }
 
-.md ol ol,
-.md ul ol {
+.d2-169845462 .md ol ol,
+.d2-169845462 .md ul ol {
   list-style-type: lower-roman;
 }
 
-.md ul ul ol,
-.md ul ol ol,
-.md ol ul ol,
-.md ol ol ol {
+.d2-169845462 .md ul ul ol,
+.d2-169845462 .md ul ol ol,
+.d2-169845462 .md ol ul ol,
+.d2-169845462 .md ol ol ol {
   list-style-type: lower-alpha;
 }
 
-.md dd {
+.d2-169845462 .md dd {
   margin-left: 0;
 }
 
-.md pre {
+.d2-169845462 .md pre {
   margin-top: 0;
   margin-bottom: 0;
   word-wrap: normal;
 }
 
-.md ::placeholder {
+.d2-169845462 .md ::placeholder {
   color: var(--color-fg-subtle);
   opacity: 1;
 }
 
-.md input::-webkit-outer-spin-button,
-.md input::-webkit-inner-spin-button {
+.d2-169845462 .md input::-webkit-outer-spin-button,
+.d2-169845462 .md input::-webkit-inner-spin-button {
   margin: 0;
   -webkit-appearance: none;
   appearance: none;
 }
 
-.md::before {
+.d2-169845462 .md::before {
   display: table;
   content: "";
 }
 
-.md::after {
+.d2-169845462 .md::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md > *:first-child {
+.d2-169845462 .md > *:first-child {
   margin-top: 0 !important;
 }
 
-.md > *:last-child {
+.d2-169845462 .md > *:last-child {
   margin-bottom: 0 !important;
 }
 
-.md a:not([href]) {
+.d2-169845462 .md a:not([href]) {
   color: inherit;
   text-decoration: none;
 }
 
-.md .absent {
+.d2-169845462 .md .absent {
   color: var(--color-danger-fg);
 }
 
-.md .anchor {
+.d2-169845462 .md .anchor {
   float: left;
   padding-right: 4px;
   margin-left: -20px;
   line-height: 1;
 }
 
-.md .anchor:focus {
+.d2-169845462 .md .anchor:focus {
   outline: none;
 }
 
-.md p,
-.md blockquote,
-.md ul,
-.md ol,
-.md dl,
-.md table,
-.md pre,
-.md details {
+.d2-169845462 .md p,
+.d2-169845462 .md blockquote,
+.d2-169845462 .md ul,
+.d2-169845462 .md ol,
+.d2-169845462 .md dl,
+.d2-169845462 .md table,
+.d2-169845462 .md pre,
+.d2-169845462 .md details {
   margin-top: 0;
   margin-bottom: 16px;
 }
 
-.md blockquote > :first-child {
+.d2-169845462 .md blockquote > :first-child {
   margin-top: 0;
 }
 
-.md blockquote > :last-child {
+.d2-169845462 .md blockquote > :last-child {
   margin-bottom: 0;
 }
 
-.md sup > a::before {
+.d2-169845462 .md sup > a::before {
   content: "[";
 }
 
-.md sup > a::after {
+.d2-169845462 .md sup > a::after {
   content: "]";
 }
 
-.md h1:hover .anchor,
-.md h2:hover .anchor,
-.md h3:hover .anchor,
-.md h4:hover .anchor,
-.md h5:hover .anchor,
-.md h6:hover .anchor {
+.d2-169845462 .md h1:hover .anchor,
+.d2-169845462 .md h2:hover .anchor,
+.d2-169845462 .md h3:hover .anchor,
+.d2-169845462 .md h4:hover .anchor,
+.d2-169845462 .md h5:hover .anchor,
+.d2-169845462 .md h6:hover .anchor {
   text-decoration: none;
 }
 
-.md h1 tt,
-.md h1 code,
-.md h2 tt,
-.md h2 code,
-.md h3 tt,
-.md h3 code,
-.md h4 tt,
-.md h4 code,
-.md h5 tt,
-.md h5 code,
-.md h6 tt,
-.md h6 code {
+.d2-169845462 .md h1 tt,
+.d2-169845462 .md h1 code,
+.d2-169845462 .md h2 tt,
+.d2-169845462 .md h2 code,
+.d2-169845462 .md h3 tt,
+.d2-169845462 .md h3 code,
+.d2-169845462 .md h4 tt,
+.d2-169845462 .md h4 code,
+.d2-169845462 .md h5 tt,
+.d2-169845462 .md h5 code,
+.d2-169845462 .md h6 tt,
+.d2-169845462 .md h6 code {
   padding: 0 0.2em;
   font-size: inherit;
 }
 
-.md ul.no-list,
-.md ol.no-list {
+.d2-169845462 .md ul.no-list,
+.d2-169845462 .md ol.no-list {
   padding: 0;
   list-style-type: none;
 }
 
-.md ol[type="1"] {
+.d2-169845462 .md ol[type="1"] {
   list-style-type: decimal;
 }
 
-.md ol[type="a"] {
+.d2-169845462 .md ol[type="a"] {
   list-style-type: lower-alpha;
 }
 
-.md ol[type="i"] {
+.d2-169845462 .md ol[type="i"] {
   list-style-type: lower-roman;
 }
 
-.md div > ol:not([type]) {
+.d2-169845462 .md div > ol:not([type]) {
   list-style-type: decimal;
 }
 
-.md ul ul,
-.md ul ol,
-.md ol ol,
-.md ol ul {
+.d2-169845462 .md ul ul,
+.d2-169845462 .md ul ol,
+.d2-169845462 .md ol ol,
+.d2-169845462 .md ol ul {
   margin-top: 0;
   margin-bottom: 0;
 }
 
-.md li > p {
+.d2-169845462 .md li > p {
   margin-top: 16px;
 }
 
-.md li + li {
+.d2-169845462 .md li + li {
   margin-top: 0.25em;
 }
 
-.md dl {
+.d2-169845462 .md dl {
   padding: 0;
 }
 
-.md dl dt {
+.d2-169845462 .md dl dt {
   padding: 0;
   margin-top: 16px;
   font-size: 1em;
@@ -566,48 +566,48 @@
   font-weight: 600;
 }
 
-.md dl dd {
+.d2-169845462 .md dl dd {
   padding: 0 16px;
   margin-bottom: 16px;
 }
 
-.md table th {
+.d2-169845462 .md table th {
   font-weight: 600;
 }
 
-.md table th,
-.md table td {
+.d2-169845462 .md table th,
+.d2-169845462 .md table td {
   padding: 6px 13px;
   border: 1px solid var(--color-border-default);
 }
 
-.md table tr {
+.d2-169845462 .md table tr {
   background-color: var(--color-canvas-default);
   border-top: 1px solid var(--color-border-muted);
 }
 
-.md table tr:nth-child(2n) {
+.d2-169845462 .md table tr:nth-child(2n) {
   background-color: var(--color-canvas-subtle);
 }
 
-.md table img {
+.d2-169845462 .md table img {
   background-color: transparent;
 }
 
-.md img[align="right"] {
+.d2-169845462 .md img[align="right"] {
   padding-left: 20px;
 }
 
-.md img[align="left"] {
+.d2-169845462 .md img[align="left"] {
   padding-right: 20px;
 }
 
-.md span.frame {
+.d2-169845462 .md span.frame {
   display: block;
   overflow: hidden;
 }
 
-.md span.frame > span {
+.d2-169845462 .md span.frame > span {
   display: block;
   float: left;
   width: auto;
@@ -617,81 +617,81 @@
   border: 1px solid var(--color-border-default);
 }
 
-.md span.frame span img {
+.d2-169845462 .md span.frame span img {
   display: block;
   float: left;
 }
 
-.md span.frame span span {
+.d2-169845462 .md span.frame span span {
   display: block;
   padding: 5px 0 0;
   clear: both;
   color: var(--color-fg-default);
 }
 
-.md span.align-center {
+.d2-169845462 .md span.align-center {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-center > span {
+.d2-169845462 .md span.align-center > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: center;
 }
 
-.md span.align-center span img {
+.d2-169845462 .md span.align-center span img {
   margin: 0 auto;
   text-align: center;
 }
 
-.md span.align-right {
+.d2-169845462 .md span.align-right {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-right > span {
+.d2-169845462 .md span.align-right > span {
   display: block;
   margin: 13px 0 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md span.align-right span img {
+.d2-169845462 .md span.align-right span img {
   margin: 0;
   text-align: right;
 }
 
-.md span.float-left {
+.d2-169845462 .md span.float-left {
   display: block;
   float: left;
   margin-right: 13px;
   overflow: hidden;
 }
 
-.md span.float-left span {
+.d2-169845462 .md span.float-left span {
   margin: 13px 0 0;
 }
 
-.md span.float-right {
+.d2-169845462 .md span.float-right {
   display: block;
   float: right;
   margin-left: 13px;
   overflow: hidden;
 }
 
-.md span.float-right > span {
+.d2-169845462 .md span.float-right > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md code,
-.md tt {
+.d2-169845462 .md code,
+.d2-169845462 .md tt {
   padding: 0.2em 0.4em;
   margin: 0;
   font-size: 85%;
@@ -699,20 +699,20 @@
   border-radius: 6px;
 }
 
-.md code br,
-.md tt br {
+.d2-169845462 .md code br,
+.d2-169845462 .md tt br {
   display: none;
 }
 
-.md del code {
+.d2-169845462 .md del code {
   text-decoration: inherit;
 }
 
-.md pre code {
+.d2-169845462 .md pre code {
   font-size: 100%;
 }
 
-.md pre > code {
+.d2-169845462 .md pre > code {
   padding: 0;
   margin: 0;
   word-break: normal;
@@ -721,17 +721,17 @@
   border: 0;
 }
 
-.md .highlight {
+.d2-169845462 .md .highlight {
   margin-bottom: 16px;
 }
 
-.md .highlight pre {
+.d2-169845462 .md .highlight pre {
   margin-bottom: 0;
   word-break: normal;
 }
 
-.md .highlight pre,
-.md pre {
+.d2-169845462 .md .highlight pre,
+.d2-169845462 .md pre {
   padding: 16px;
   overflow: auto;
   font-size: 85%;
@@ -740,8 +740,8 @@
   border-radius: 6px;
 }
 
-.md pre code,
-.md pre tt {
+.d2-169845462 .md pre code,
+.d2-169845462 .md pre tt {
   display: inline;
   max-width: auto;
   padding: 0;
@@ -753,8 +753,8 @@
   border: 0;
 }
 
-.md .csv-data td,
-.md .csv-data th {
+.d2-169845462 .md .csv-data td,
+.d2-169845462 .md .csv-data th {
   padding: 5px;
   overflow: hidden;
   font-size: 12px;
@@ -763,38 +763,38 @@
   white-space: nowrap;
 }
 
-.md .csv-data .blob-num {
+.d2-169845462 .md .csv-data .blob-num {
   padding: 10px 8px 9px;
   text-align: right;
   background: var(--color-canvas-default);
   border: 0;
 }
 
-.md .csv-data tr {
+.d2-169845462 .md .csv-data tr {
   border-top: 0;
 }
 
-.md .csv-data th {
+.d2-169845462 .md .csv-data th {
   font-weight: 600;
   background: var(--color-canvas-subtle);
   border-top: 0;
 }
 
-.md .footnotes {
+.d2-169845462 .md .footnotes {
   font-size: 12px;
   color: var(--color-fg-muted);
   border-top: 1px solid var(--color-border-default);
 }
 
-.md .footnotes ol {
+.d2-169845462 .md .footnotes ol {
   padding-left: 16px;
 }
 
-.md .footnotes li {
+.d2-169845462 .md .footnotes li {
   position: relative;
 }
 
-.md .footnotes li:target::before {
+.d2-169845462 .md .footnotes li:target::before {
   position: absolute;
   top: -8px;
   right: -8px;
@@ -806,36 +806,36 @@
   border-radius: 6px;
 }
 
-.md .footnotes li:target {
+.d2-169845462 .md .footnotes li:target {
   color: var(--color-fg-default);
 }
 
-.md .task-list-item {
+.d2-169845462 .md .task-list-item {
   list-style-type: none;
 }
 
-.md .task-list-item label {
+.d2-169845462 .md .task-list-item label {
   font-weight: 400;
 }
 
-.md .task-list-item.enabled label {
+.d2-169845462 .md .task-list-item.enabled label {
   cursor: pointer;
 }
 
-.md .task-list-item + .task-list-item {
+.d2-169845462 .md .task-list-item + .task-list-item {
   margin-top: 3px;
 }
 
-.md .task-list-item .handle {
+.d2-169845462 .md .task-list-item .handle {
   display: none;
 }
 
-.md .task-list-item-checkbox {
+.d2-169845462 .md .task-list-item-checkbox {
   margin: 0 0.2em 0.25em -1.6em;
   vertical-align: middle;
 }
 
-.md .contains-task-list:dir(rtl) .task-list-item-checkbox {
+.d2-169845462 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
 </style><g id="container"><g class="shape" ><rect x="0.000000" y="41.000000" width="292.000000" height="317.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="146.000000" y="28.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">container</text></g><g id="no container"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="87.000000" y="458.000000" width="118" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p>they did it in style</p>
diff --git a/e2etests/testdata/stable/markdown_stroke_fill/elk/sketch.exp.svg b/e2etests/testdata/stable/markdown_stroke_fill/elk/sketch.exp.svg
index 523e579ec..4d587c641 100644
--- a/e2etests/testdata/stable/markdown_stroke_fill/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/markdown_stroke_fill/elk/sketch.exp.svg
@@ -96,31 +96,31 @@
 		.d2-2198866824 .color-AA4{color:#EDF0FD;}
 		.d2-2198866824 .color-AA5{color:#F7F8FE;}
 		.d2-2198866824 .color-AB4{color:#EDF0FD;}
-		.d2-2198866824 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.md em,
-.md dfn {
+		.d2-2198866824 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.d2-2198866824 .md em,
+.d2-2198866824 .md dfn {
   font-family: "d2-2198866824-font-italic";
 }
 
-.md b,
-.md strong {
+.d2-2198866824 .md b,
+.d2-2198866824 .md strong {
   font-family: "d2-2198866824-font-bold";
 }
 
-.md code,
-.md kbd,
-.md pre,
-.md samp {
+.d2-2198866824 .md code,
+.d2-2198866824 .md kbd,
+.d2-2198866824 .md pre,
+.d2-2198866824 .md samp {
   font-family: "d2-2198866824-font-mono";
   font-size: 1em;
 }
 
-.md {
+.d2-2198866824 .md {
   tab-size: 4;
 }
 
 /* variables are provided in d2renderers/d2svg/d2svg.go */
 
-.md {
+.d2-2198866824 .md {
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
   margin: 0;
@@ -132,41 +132,41 @@
   word-wrap: break-word;
 }
 
-.md details,
-.md figcaption,
-.md figure {
+.d2-2198866824 .md details,
+.d2-2198866824 .md figcaption,
+.d2-2198866824 .md figure {
   display: block;
 }
 
-.md summary {
+.d2-2198866824 .md summary {
   display: list-item;
 }
 
-.md [hidden] {
+.d2-2198866824 .md [hidden] {
   display: none !important;
 }
 
-.md a {
+.d2-2198866824 .md a {
   background-color: transparent;
   color: var(--color-accent-fg);
   text-decoration: none;
 }
 
-.md a:active,
-.md a:hover {
+.d2-2198866824 .md a:active,
+.d2-2198866824 .md a:hover {
   outline-width: 0;
 }
 
-.md abbr[title] {
+.d2-2198866824 .md abbr[title] {
   border-bottom: none;
   text-decoration: underline dotted;
 }
 
-.md dfn {
+.d2-2198866824 .md dfn {
   font-style: italic;
 }
 
-.md h1 {
+.d2-2198866824 .md h1 {
   margin: 0.67em 0;
   font-weight: 600;
   padding-bottom: 0.3em;
@@ -174,43 +174,43 @@
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md mark {
+.d2-2198866824 .md mark {
   background-color: var(--color-attention-subtle);
   color: var(--color-text-primary);
 }
 
-.md small {
+.d2-2198866824 .md small {
   font-size: 90%;
 }
 
-.md sub,
-.md sup {
+.d2-2198866824 .md sub,
+.d2-2198866824 .md sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
 }
 
-.md sub {
+.d2-2198866824 .md sub {
   bottom: -0.25em;
 }
 
-.md sup {
+.d2-2198866824 .md sup {
   top: -0.5em;
 }
 
-.md img {
+.d2-2198866824 .md img {
   border-style: none;
   max-width: 100%;
   box-sizing: content-box;
   background-color: var(--color-canvas-default);
 }
 
-.md figure {
+.d2-2198866824 .md figure {
   margin: 1em 40px;
 }
 
-.md hr {
+.d2-2198866824 .md hr {
   box-sizing: content-box;
   overflow: hidden;
   background: transparent;
@@ -222,7 +222,7 @@
   border: 0;
 }
 
-.md input {
+.d2-2198866824 .md input {
   font: inherit;
   margin: 0;
   overflow: visible;
@@ -231,72 +231,72 @@
   line-height: inherit;
 }
 
-.md [type="button"],
-.md [type="reset"],
-.md [type="submit"] {
+.d2-2198866824 .md [type="button"],
+.d2-2198866824 .md [type="reset"],
+.d2-2198866824 .md [type="submit"] {
   -webkit-appearance: button;
 }
 
-.md [type="button"]::-moz-focus-inner,
-.md [type="reset"]::-moz-focus-inner,
-.md [type="submit"]::-moz-focus-inner {
+.d2-2198866824 .md [type="button"]::-moz-focus-inner,
+.d2-2198866824 .md [type="reset"]::-moz-focus-inner,
+.d2-2198866824 .md [type="submit"]::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.md [type="button"]:-moz-focusring,
-.md [type="reset"]:-moz-focusring,
-.md [type="submit"]:-moz-focusring {
+.d2-2198866824 .md [type="button"]:-moz-focusring,
+.d2-2198866824 .md [type="reset"]:-moz-focusring,
+.d2-2198866824 .md [type="submit"]:-moz-focusring {
   outline: 1px dotted ButtonText;
 }
 
-.md [type="checkbox"],
-.md [type="radio"] {
+.d2-2198866824 .md [type="checkbox"],
+.d2-2198866824 .md [type="radio"] {
   box-sizing: border-box;
   padding: 0;
 }
 
-.md [type="number"]::-webkit-inner-spin-button,
-.md [type="number"]::-webkit-outer-spin-button {
+.d2-2198866824 .md [type="number"]::-webkit-inner-spin-button,
+.d2-2198866824 .md [type="number"]::-webkit-outer-spin-button {
   height: auto;
 }
 
-.md [type="search"] {
+.d2-2198866824 .md [type="search"] {
   -webkit-appearance: textfield;
   outline-offset: -2px;
 }
 
-.md [type="search"]::-webkit-search-cancel-button,
-.md [type="search"]::-webkit-search-decoration {
+.d2-2198866824 .md [type="search"]::-webkit-search-cancel-button,
+.d2-2198866824 .md [type="search"]::-webkit-search-decoration {
   -webkit-appearance: none;
 }
 
-.md ::-webkit-input-placeholder {
+.d2-2198866824 .md ::-webkit-input-placeholder {
   color: inherit;
   opacity: 0.54;
 }
 
-.md ::-webkit-file-upload-button {
+.d2-2198866824 .md ::-webkit-file-upload-button {
   -webkit-appearance: button;
   font: inherit;
 }
 
-.md a:hover {
+.d2-2198866824 .md a:hover {
   text-decoration: underline;
 }
 
-.md hr::before {
+.d2-2198866824 .md hr::before {
   display: table;
   content: "";
 }
 
-.md hr::after {
+.d2-2198866824 .md hr::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md table {
+.d2-2198866824 .md table {
   border-spacing: 0;
   border-collapse: collapse;
   display: block;
@@ -305,20 +305,20 @@
   overflow: auto;
 }
 
-.md td,
-.md th {
+.d2-2198866824 .md td,
+.d2-2198866824 .md th {
   padding: 0;
 }
 
-.md details summary {
+.d2-2198866824 .md details summary {
   cursor: pointer;
 }
 
-.md details:not([open]) > *:not(summary) {
+.d2-2198866824 .md details:not([open]) > *:not(summary) {
   display: none !important;
 }
 
-.md kbd {
+.d2-2198866824 .md kbd {
   display: inline-block;
   padding: 3px 5px;
   color: var(--color-fg-default);
@@ -330,12 +330,12 @@
   box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
 }
 
-.md h1,
-.md h2,
-.md h3,
-.md h4,
-.md h5,
-.md h6 {
+.d2-2198866824 .md h1,
+.d2-2198866824 .md h2,
+.d2-2198866824 .md h3,
+.d2-2198866824 .md h4,
+.d2-2198866824 .md h5,
+.d2-2198866824 .md h6 {
   margin-top: 24px;
   margin-bottom: 16px;
   font-weight: 600;
@@ -343,222 +343,222 @@
   font-family: "d2-2198866824-font-regular";
 }
 
-.md h2 {
+.d2-2198866824 .md h2 {
   font-weight: 600;
   padding-bottom: 0.3em;
   font-size: 1.5em;
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md h3 {
+.d2-2198866824 .md h3 {
   font-weight: 600;
   font-size: 1.25em;
 }
 
-.md h4 {
+.d2-2198866824 .md h4 {
   font-weight: 600;
   font-size: 1em;
 }
 
-.md h5 {
+.d2-2198866824 .md h5 {
   font-weight: 600;
   font-size: 0.875em;
 }
 
-.md h6 {
+.d2-2198866824 .md h6 {
   font-weight: 600;
   font-size: 0.85em;
   color: var(--color-fg-muted);
 }
 
-.md p {
+.d2-2198866824 .md p {
   margin-top: 0;
   margin-bottom: 10px;
 }
 
-.md blockquote {
+.d2-2198866824 .md blockquote {
   margin: 0;
   padding: 0 1em;
   color: var(--color-fg-muted);
   border-left: 0.25em solid var(--color-border-default);
 }
 
-.md ul,
-.md ol {
+.d2-2198866824 .md ul,
+.d2-2198866824 .md ol {
   margin-top: 0;
   margin-bottom: 0;
   padding-left: 2em;
 }
 
-.md ol ol,
-.md ul ol {
+.d2-2198866824 .md ol ol,
+.d2-2198866824 .md ul ol {
   list-style-type: lower-roman;
 }
 
-.md ul ul ol,
-.md ul ol ol,
-.md ol ul ol,
-.md ol ol ol {
+.d2-2198866824 .md ul ul ol,
+.d2-2198866824 .md ul ol ol,
+.d2-2198866824 .md ol ul ol,
+.d2-2198866824 .md ol ol ol {
   list-style-type: lower-alpha;
 }
 
-.md dd {
+.d2-2198866824 .md dd {
   margin-left: 0;
 }
 
-.md pre {
+.d2-2198866824 .md pre {
   margin-top: 0;
   margin-bottom: 0;
   word-wrap: normal;
 }
 
-.md ::placeholder {
+.d2-2198866824 .md ::placeholder {
   color: var(--color-fg-subtle);
   opacity: 1;
 }
 
-.md input::-webkit-outer-spin-button,
-.md input::-webkit-inner-spin-button {
+.d2-2198866824 .md input::-webkit-outer-spin-button,
+.d2-2198866824 .md input::-webkit-inner-spin-button {
   margin: 0;
   -webkit-appearance: none;
   appearance: none;
 }
 
-.md::before {
+.d2-2198866824 .md::before {
   display: table;
   content: "";
 }
 
-.md::after {
+.d2-2198866824 .md::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md > *:first-child {
+.d2-2198866824 .md > *:first-child {
   margin-top: 0 !important;
 }
 
-.md > *:last-child {
+.d2-2198866824 .md > *:last-child {
   margin-bottom: 0 !important;
 }
 
-.md a:not([href]) {
+.d2-2198866824 .md a:not([href]) {
   color: inherit;
   text-decoration: none;
 }
 
-.md .absent {
+.d2-2198866824 .md .absent {
   color: var(--color-danger-fg);
 }
 
-.md .anchor {
+.d2-2198866824 .md .anchor {
   float: left;
   padding-right: 4px;
   margin-left: -20px;
   line-height: 1;
 }
 
-.md .anchor:focus {
+.d2-2198866824 .md .anchor:focus {
   outline: none;
 }
 
-.md p,
-.md blockquote,
-.md ul,
-.md ol,
-.md dl,
-.md table,
-.md pre,
-.md details {
+.d2-2198866824 .md p,
+.d2-2198866824 .md blockquote,
+.d2-2198866824 .md ul,
+.d2-2198866824 .md ol,
+.d2-2198866824 .md dl,
+.d2-2198866824 .md table,
+.d2-2198866824 .md pre,
+.d2-2198866824 .md details {
   margin-top: 0;
   margin-bottom: 16px;
 }
 
-.md blockquote > :first-child {
+.d2-2198866824 .md blockquote > :first-child {
   margin-top: 0;
 }
 
-.md blockquote > :last-child {
+.d2-2198866824 .md blockquote > :last-child {
   margin-bottom: 0;
 }
 
-.md sup > a::before {
+.d2-2198866824 .md sup > a::before {
   content: "[";
 }
 
-.md sup > a::after {
+.d2-2198866824 .md sup > a::after {
   content: "]";
 }
 
-.md h1:hover .anchor,
-.md h2:hover .anchor,
-.md h3:hover .anchor,
-.md h4:hover .anchor,
-.md h5:hover .anchor,
-.md h6:hover .anchor {
+.d2-2198866824 .md h1:hover .anchor,
+.d2-2198866824 .md h2:hover .anchor,
+.d2-2198866824 .md h3:hover .anchor,
+.d2-2198866824 .md h4:hover .anchor,
+.d2-2198866824 .md h5:hover .anchor,
+.d2-2198866824 .md h6:hover .anchor {
   text-decoration: none;
 }
 
-.md h1 tt,
-.md h1 code,
-.md h2 tt,
-.md h2 code,
-.md h3 tt,
-.md h3 code,
-.md h4 tt,
-.md h4 code,
-.md h5 tt,
-.md h5 code,
-.md h6 tt,
-.md h6 code {
+.d2-2198866824 .md h1 tt,
+.d2-2198866824 .md h1 code,
+.d2-2198866824 .md h2 tt,
+.d2-2198866824 .md h2 code,
+.d2-2198866824 .md h3 tt,
+.d2-2198866824 .md h3 code,
+.d2-2198866824 .md h4 tt,
+.d2-2198866824 .md h4 code,
+.d2-2198866824 .md h5 tt,
+.d2-2198866824 .md h5 code,
+.d2-2198866824 .md h6 tt,
+.d2-2198866824 .md h6 code {
   padding: 0 0.2em;
   font-size: inherit;
 }
 
-.md ul.no-list,
-.md ol.no-list {
+.d2-2198866824 .md ul.no-list,
+.d2-2198866824 .md ol.no-list {
   padding: 0;
   list-style-type: none;
 }
 
-.md ol[type="1"] {
+.d2-2198866824 .md ol[type="1"] {
   list-style-type: decimal;
 }
 
-.md ol[type="a"] {
+.d2-2198866824 .md ol[type="a"] {
   list-style-type: lower-alpha;
 }
 
-.md ol[type="i"] {
+.d2-2198866824 .md ol[type="i"] {
   list-style-type: lower-roman;
 }
 
-.md div > ol:not([type]) {
+.d2-2198866824 .md div > ol:not([type]) {
   list-style-type: decimal;
 }
 
-.md ul ul,
-.md ul ol,
-.md ol ol,
-.md ol ul {
+.d2-2198866824 .md ul ul,
+.d2-2198866824 .md ul ol,
+.d2-2198866824 .md ol ol,
+.d2-2198866824 .md ol ul {
   margin-top: 0;
   margin-bottom: 0;
 }
 
-.md li > p {
+.d2-2198866824 .md li > p {
   margin-top: 16px;
 }
 
-.md li + li {
+.d2-2198866824 .md li + li {
   margin-top: 0.25em;
 }
 
-.md dl {
+.d2-2198866824 .md dl {
   padding: 0;
 }
 
-.md dl dt {
+.d2-2198866824 .md dl dt {
   padding: 0;
   margin-top: 16px;
   font-size: 1em;
@@ -566,48 +566,48 @@
   font-weight: 600;
 }
 
-.md dl dd {
+.d2-2198866824 .md dl dd {
   padding: 0 16px;
   margin-bottom: 16px;
 }
 
-.md table th {
+.d2-2198866824 .md table th {
   font-weight: 600;
 }
 
-.md table th,
-.md table td {
+.d2-2198866824 .md table th,
+.d2-2198866824 .md table td {
   padding: 6px 13px;
   border: 1px solid var(--color-border-default);
 }
 
-.md table tr {
+.d2-2198866824 .md table tr {
   background-color: var(--color-canvas-default);
   border-top: 1px solid var(--color-border-muted);
 }
 
-.md table tr:nth-child(2n) {
+.d2-2198866824 .md table tr:nth-child(2n) {
   background-color: var(--color-canvas-subtle);
 }
 
-.md table img {
+.d2-2198866824 .md table img {
   background-color: transparent;
 }
 
-.md img[align="right"] {
+.d2-2198866824 .md img[align="right"] {
   padding-left: 20px;
 }
 
-.md img[align="left"] {
+.d2-2198866824 .md img[align="left"] {
   padding-right: 20px;
 }
 
-.md span.frame {
+.d2-2198866824 .md span.frame {
   display: block;
   overflow: hidden;
 }
 
-.md span.frame > span {
+.d2-2198866824 .md span.frame > span {
   display: block;
   float: left;
   width: auto;
@@ -617,81 +617,81 @@
   border: 1px solid var(--color-border-default);
 }
 
-.md span.frame span img {
+.d2-2198866824 .md span.frame span img {
   display: block;
   float: left;
 }
 
-.md span.frame span span {
+.d2-2198866824 .md span.frame span span {
   display: block;
   padding: 5px 0 0;
   clear: both;
   color: var(--color-fg-default);
 }
 
-.md span.align-center {
+.d2-2198866824 .md span.align-center {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-center > span {
+.d2-2198866824 .md span.align-center > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: center;
 }
 
-.md span.align-center span img {
+.d2-2198866824 .md span.align-center span img {
   margin: 0 auto;
   text-align: center;
 }
 
-.md span.align-right {
+.d2-2198866824 .md span.align-right {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-right > span {
+.d2-2198866824 .md span.align-right > span {
   display: block;
   margin: 13px 0 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md span.align-right span img {
+.d2-2198866824 .md span.align-right span img {
   margin: 0;
   text-align: right;
 }
 
-.md span.float-left {
+.d2-2198866824 .md span.float-left {
   display: block;
   float: left;
   margin-right: 13px;
   overflow: hidden;
 }
 
-.md span.float-left span {
+.d2-2198866824 .md span.float-left span {
   margin: 13px 0 0;
 }
 
-.md span.float-right {
+.d2-2198866824 .md span.float-right {
   display: block;
   float: right;
   margin-left: 13px;
   overflow: hidden;
 }
 
-.md span.float-right > span {
+.d2-2198866824 .md span.float-right > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md code,
-.md tt {
+.d2-2198866824 .md code,
+.d2-2198866824 .md tt {
   padding: 0.2em 0.4em;
   margin: 0;
   font-size: 85%;
@@ -699,20 +699,20 @@
   border-radius: 6px;
 }
 
-.md code br,
-.md tt br {
+.d2-2198866824 .md code br,
+.d2-2198866824 .md tt br {
   display: none;
 }
 
-.md del code {
+.d2-2198866824 .md del code {
   text-decoration: inherit;
 }
 
-.md pre code {
+.d2-2198866824 .md pre code {
   font-size: 100%;
 }
 
-.md pre > code {
+.d2-2198866824 .md pre > code {
   padding: 0;
   margin: 0;
   word-break: normal;
@@ -721,17 +721,17 @@
   border: 0;
 }
 
-.md .highlight {
+.d2-2198866824 .md .highlight {
   margin-bottom: 16px;
 }
 
-.md .highlight pre {
+.d2-2198866824 .md .highlight pre {
   margin-bottom: 0;
   word-break: normal;
 }
 
-.md .highlight pre,
-.md pre {
+.d2-2198866824 .md .highlight pre,
+.d2-2198866824 .md pre {
   padding: 16px;
   overflow: auto;
   font-size: 85%;
@@ -740,8 +740,8 @@
   border-radius: 6px;
 }
 
-.md pre code,
-.md pre tt {
+.d2-2198866824 .md pre code,
+.d2-2198866824 .md pre tt {
   display: inline;
   max-width: auto;
   padding: 0;
@@ -753,8 +753,8 @@
   border: 0;
 }
 
-.md .csv-data td,
-.md .csv-data th {
+.d2-2198866824 .md .csv-data td,
+.d2-2198866824 .md .csv-data th {
   padding: 5px;
   overflow: hidden;
   font-size: 12px;
@@ -763,38 +763,38 @@
   white-space: nowrap;
 }
 
-.md .csv-data .blob-num {
+.d2-2198866824 .md .csv-data .blob-num {
   padding: 10px 8px 9px;
   text-align: right;
   background: var(--color-canvas-default);
   border: 0;
 }
 
-.md .csv-data tr {
+.d2-2198866824 .md .csv-data tr {
   border-top: 0;
 }
 
-.md .csv-data th {
+.d2-2198866824 .md .csv-data th {
   font-weight: 600;
   background: var(--color-canvas-subtle);
   border-top: 0;
 }
 
-.md .footnotes {
+.d2-2198866824 .md .footnotes {
   font-size: 12px;
   color: var(--color-fg-muted);
   border-top: 1px solid var(--color-border-default);
 }
 
-.md .footnotes ol {
+.d2-2198866824 .md .footnotes ol {
   padding-left: 16px;
 }
 
-.md .footnotes li {
+.d2-2198866824 .md .footnotes li {
   position: relative;
 }
 
-.md .footnotes li:target::before {
+.d2-2198866824 .md .footnotes li:target::before {
   position: absolute;
   top: -8px;
   right: -8px;
@@ -806,36 +806,36 @@
   border-radius: 6px;
 }
 
-.md .footnotes li:target {
+.d2-2198866824 .md .footnotes li:target {
   color: var(--color-fg-default);
 }
 
-.md .task-list-item {
+.d2-2198866824 .md .task-list-item {
   list-style-type: none;
 }
 
-.md .task-list-item label {
+.d2-2198866824 .md .task-list-item label {
   font-weight: 400;
 }
 
-.md .task-list-item.enabled label {
+.d2-2198866824 .md .task-list-item.enabled label {
   cursor: pointer;
 }
 
-.md .task-list-item + .task-list-item {
+.d2-2198866824 .md .task-list-item + .task-list-item {
   margin-top: 3px;
 }
 
-.md .task-list-item .handle {
+.d2-2198866824 .md .task-list-item .handle {
   display: none;
 }
 
-.md .task-list-item-checkbox {
+.d2-2198866824 .md .task-list-item-checkbox {
   margin: 0 0.2em 0.25em -1.6em;
   vertical-align: middle;
 }
 
-.md .contains-task-list:dir(rtl) .task-list-item-checkbox {
+.d2-2198866824 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
 </style><g id="container"><g class="shape" ><rect x="12.000000" y="12.000000" width="312.000000" height="358.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="168.000000" y="45.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">container</text></g><g id="no container"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="109.000000" y="440.000000" width="118" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p>they did it in style</p>
diff --git a/e2etests/testdata/stable/md_2space_newline/dagre/sketch.exp.svg b/e2etests/testdata/stable/md_2space_newline/dagre/sketch.exp.svg
index b55042132..401745bfd 100644
--- a/e2etests/testdata/stable/md_2space_newline/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/md_2space_newline/dagre/sketch.exp.svg
@@ -89,31 +89,31 @@
 		.d2-2196618569 .color-AA4{color:#EDF0FD;}
 		.d2-2196618569 .color-AA5{color:#F7F8FE;}
 		.d2-2196618569 .color-AB4{color:#EDF0FD;}
-		.d2-2196618569 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.md em,
-.md dfn {
+		.d2-2196618569 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.d2-2196618569 .md em,
+.d2-2196618569 .md dfn {
   font-family: "d2-2196618569-font-italic";
 }
 
-.md b,
-.md strong {
+.d2-2196618569 .md b,
+.d2-2196618569 .md strong {
   font-family: "d2-2196618569-font-bold";
 }
 
-.md code,
-.md kbd,
-.md pre,
-.md samp {
+.d2-2196618569 .md code,
+.d2-2196618569 .md kbd,
+.d2-2196618569 .md pre,
+.d2-2196618569 .md samp {
   font-family: "d2-2196618569-font-mono";
   font-size: 1em;
 }
 
-.md {
+.d2-2196618569 .md {
   tab-size: 4;
 }
 
 /* variables are provided in d2renderers/d2svg/d2svg.go */
 
-.md {
+.d2-2196618569 .md {
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
   margin: 0;
@@ -125,41 +125,41 @@
   word-wrap: break-word;
 }
 
-.md details,
-.md figcaption,
-.md figure {
+.d2-2196618569 .md details,
+.d2-2196618569 .md figcaption,
+.d2-2196618569 .md figure {
   display: block;
 }
 
-.md summary {
+.d2-2196618569 .md summary {
   display: list-item;
 }
 
-.md [hidden] {
+.d2-2196618569 .md [hidden] {
   display: none !important;
 }
 
-.md a {
+.d2-2196618569 .md a {
   background-color: transparent;
   color: var(--color-accent-fg);
   text-decoration: none;
 }
 
-.md a:active,
-.md a:hover {
+.d2-2196618569 .md a:active,
+.d2-2196618569 .md a:hover {
   outline-width: 0;
 }
 
-.md abbr[title] {
+.d2-2196618569 .md abbr[title] {
   border-bottom: none;
   text-decoration: underline dotted;
 }
 
-.md dfn {
+.d2-2196618569 .md dfn {
   font-style: italic;
 }
 
-.md h1 {
+.d2-2196618569 .md h1 {
   margin: 0.67em 0;
   font-weight: 600;
   padding-bottom: 0.3em;
@@ -167,43 +167,43 @@
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md mark {
+.d2-2196618569 .md mark {
   background-color: var(--color-attention-subtle);
   color: var(--color-text-primary);
 }
 
-.md small {
+.d2-2196618569 .md small {
   font-size: 90%;
 }
 
-.md sub,
-.md sup {
+.d2-2196618569 .md sub,
+.d2-2196618569 .md sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
 }
 
-.md sub {
+.d2-2196618569 .md sub {
   bottom: -0.25em;
 }
 
-.md sup {
+.d2-2196618569 .md sup {
   top: -0.5em;
 }
 
-.md img {
+.d2-2196618569 .md img {
   border-style: none;
   max-width: 100%;
   box-sizing: content-box;
   background-color: var(--color-canvas-default);
 }
 
-.md figure {
+.d2-2196618569 .md figure {
   margin: 1em 40px;
 }
 
-.md hr {
+.d2-2196618569 .md hr {
   box-sizing: content-box;
   overflow: hidden;
   background: transparent;
@@ -215,7 +215,7 @@
   border: 0;
 }
 
-.md input {
+.d2-2196618569 .md input {
   font: inherit;
   margin: 0;
   overflow: visible;
@@ -224,72 +224,72 @@
   line-height: inherit;
 }
 
-.md [type="button"],
-.md [type="reset"],
-.md [type="submit"] {
+.d2-2196618569 .md [type="button"],
+.d2-2196618569 .md [type="reset"],
+.d2-2196618569 .md [type="submit"] {
   -webkit-appearance: button;
 }
 
-.md [type="button"]::-moz-focus-inner,
-.md [type="reset"]::-moz-focus-inner,
-.md [type="submit"]::-moz-focus-inner {
+.d2-2196618569 .md [type="button"]::-moz-focus-inner,
+.d2-2196618569 .md [type="reset"]::-moz-focus-inner,
+.d2-2196618569 .md [type="submit"]::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.md [type="button"]:-moz-focusring,
-.md [type="reset"]:-moz-focusring,
-.md [type="submit"]:-moz-focusring {
+.d2-2196618569 .md [type="button"]:-moz-focusring,
+.d2-2196618569 .md [type="reset"]:-moz-focusring,
+.d2-2196618569 .md [type="submit"]:-moz-focusring {
   outline: 1px dotted ButtonText;
 }
 
-.md [type="checkbox"],
-.md [type="radio"] {
+.d2-2196618569 .md [type="checkbox"],
+.d2-2196618569 .md [type="radio"] {
   box-sizing: border-box;
   padding: 0;
 }
 
-.md [type="number"]::-webkit-inner-spin-button,
-.md [type="number"]::-webkit-outer-spin-button {
+.d2-2196618569 .md [type="number"]::-webkit-inner-spin-button,
+.d2-2196618569 .md [type="number"]::-webkit-outer-spin-button {
   height: auto;
 }
 
-.md [type="search"] {
+.d2-2196618569 .md [type="search"] {
   -webkit-appearance: textfield;
   outline-offset: -2px;
 }
 
-.md [type="search"]::-webkit-search-cancel-button,
-.md [type="search"]::-webkit-search-decoration {
+.d2-2196618569 .md [type="search"]::-webkit-search-cancel-button,
+.d2-2196618569 .md [type="search"]::-webkit-search-decoration {
   -webkit-appearance: none;
 }
 
-.md ::-webkit-input-placeholder {
+.d2-2196618569 .md ::-webkit-input-placeholder {
   color: inherit;
   opacity: 0.54;
 }
 
-.md ::-webkit-file-upload-button {
+.d2-2196618569 .md ::-webkit-file-upload-button {
   -webkit-appearance: button;
   font: inherit;
 }
 
-.md a:hover {
+.d2-2196618569 .md a:hover {
   text-decoration: underline;
 }
 
-.md hr::before {
+.d2-2196618569 .md hr::before {
   display: table;
   content: "";
 }
 
-.md hr::after {
+.d2-2196618569 .md hr::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md table {
+.d2-2196618569 .md table {
   border-spacing: 0;
   border-collapse: collapse;
   display: block;
@@ -298,20 +298,20 @@
   overflow: auto;
 }
 
-.md td,
-.md th {
+.d2-2196618569 .md td,
+.d2-2196618569 .md th {
   padding: 0;
 }
 
-.md details summary {
+.d2-2196618569 .md details summary {
   cursor: pointer;
 }
 
-.md details:not([open]) > *:not(summary) {
+.d2-2196618569 .md details:not([open]) > *:not(summary) {
   display: none !important;
 }
 
-.md kbd {
+.d2-2196618569 .md kbd {
   display: inline-block;
   padding: 3px 5px;
   color: var(--color-fg-default);
@@ -323,12 +323,12 @@
   box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
 }
 
-.md h1,
-.md h2,
-.md h3,
-.md h4,
-.md h5,
-.md h6 {
+.d2-2196618569 .md h1,
+.d2-2196618569 .md h2,
+.d2-2196618569 .md h3,
+.d2-2196618569 .md h4,
+.d2-2196618569 .md h5,
+.d2-2196618569 .md h6 {
   margin-top: 24px;
   margin-bottom: 16px;
   font-weight: 600;
@@ -336,222 +336,222 @@
   font-family: "d2-2196618569-font-regular";
 }
 
-.md h2 {
+.d2-2196618569 .md h2 {
   font-weight: 600;
   padding-bottom: 0.3em;
   font-size: 1.5em;
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md h3 {
+.d2-2196618569 .md h3 {
   font-weight: 600;
   font-size: 1.25em;
 }
 
-.md h4 {
+.d2-2196618569 .md h4 {
   font-weight: 600;
   font-size: 1em;
 }
 
-.md h5 {
+.d2-2196618569 .md h5 {
   font-weight: 600;
   font-size: 0.875em;
 }
 
-.md h6 {
+.d2-2196618569 .md h6 {
   font-weight: 600;
   font-size: 0.85em;
   color: var(--color-fg-muted);
 }
 
-.md p {
+.d2-2196618569 .md p {
   margin-top: 0;
   margin-bottom: 10px;
 }
 
-.md blockquote {
+.d2-2196618569 .md blockquote {
   margin: 0;
   padding: 0 1em;
   color: var(--color-fg-muted);
   border-left: 0.25em solid var(--color-border-default);
 }
 
-.md ul,
-.md ol {
+.d2-2196618569 .md ul,
+.d2-2196618569 .md ol {
   margin-top: 0;
   margin-bottom: 0;
   padding-left: 2em;
 }
 
-.md ol ol,
-.md ul ol {
+.d2-2196618569 .md ol ol,
+.d2-2196618569 .md ul ol {
   list-style-type: lower-roman;
 }
 
-.md ul ul ol,
-.md ul ol ol,
-.md ol ul ol,
-.md ol ol ol {
+.d2-2196618569 .md ul ul ol,
+.d2-2196618569 .md ul ol ol,
+.d2-2196618569 .md ol ul ol,
+.d2-2196618569 .md ol ol ol {
   list-style-type: lower-alpha;
 }
 
-.md dd {
+.d2-2196618569 .md dd {
   margin-left: 0;
 }
 
-.md pre {
+.d2-2196618569 .md pre {
   margin-top: 0;
   margin-bottom: 0;
   word-wrap: normal;
 }
 
-.md ::placeholder {
+.d2-2196618569 .md ::placeholder {
   color: var(--color-fg-subtle);
   opacity: 1;
 }
 
-.md input::-webkit-outer-spin-button,
-.md input::-webkit-inner-spin-button {
+.d2-2196618569 .md input::-webkit-outer-spin-button,
+.d2-2196618569 .md input::-webkit-inner-spin-button {
   margin: 0;
   -webkit-appearance: none;
   appearance: none;
 }
 
-.md::before {
+.d2-2196618569 .md::before {
   display: table;
   content: "";
 }
 
-.md::after {
+.d2-2196618569 .md::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md > *:first-child {
+.d2-2196618569 .md > *:first-child {
   margin-top: 0 !important;
 }
 
-.md > *:last-child {
+.d2-2196618569 .md > *:last-child {
   margin-bottom: 0 !important;
 }
 
-.md a:not([href]) {
+.d2-2196618569 .md a:not([href]) {
   color: inherit;
   text-decoration: none;
 }
 
-.md .absent {
+.d2-2196618569 .md .absent {
   color: var(--color-danger-fg);
 }
 
-.md .anchor {
+.d2-2196618569 .md .anchor {
   float: left;
   padding-right: 4px;
   margin-left: -20px;
   line-height: 1;
 }
 
-.md .anchor:focus {
+.d2-2196618569 .md .anchor:focus {
   outline: none;
 }
 
-.md p,
-.md blockquote,
-.md ul,
-.md ol,
-.md dl,
-.md table,
-.md pre,
-.md details {
+.d2-2196618569 .md p,
+.d2-2196618569 .md blockquote,
+.d2-2196618569 .md ul,
+.d2-2196618569 .md ol,
+.d2-2196618569 .md dl,
+.d2-2196618569 .md table,
+.d2-2196618569 .md pre,
+.d2-2196618569 .md details {
   margin-top: 0;
   margin-bottom: 16px;
 }
 
-.md blockquote > :first-child {
+.d2-2196618569 .md blockquote > :first-child {
   margin-top: 0;
 }
 
-.md blockquote > :last-child {
+.d2-2196618569 .md blockquote > :last-child {
   margin-bottom: 0;
 }
 
-.md sup > a::before {
+.d2-2196618569 .md sup > a::before {
   content: "[";
 }
 
-.md sup > a::after {
+.d2-2196618569 .md sup > a::after {
   content: "]";
 }
 
-.md h1:hover .anchor,
-.md h2:hover .anchor,
-.md h3:hover .anchor,
-.md h4:hover .anchor,
-.md h5:hover .anchor,
-.md h6:hover .anchor {
+.d2-2196618569 .md h1:hover .anchor,
+.d2-2196618569 .md h2:hover .anchor,
+.d2-2196618569 .md h3:hover .anchor,
+.d2-2196618569 .md h4:hover .anchor,
+.d2-2196618569 .md h5:hover .anchor,
+.d2-2196618569 .md h6:hover .anchor {
   text-decoration: none;
 }
 
-.md h1 tt,
-.md h1 code,
-.md h2 tt,
-.md h2 code,
-.md h3 tt,
-.md h3 code,
-.md h4 tt,
-.md h4 code,
-.md h5 tt,
-.md h5 code,
-.md h6 tt,
-.md h6 code {
+.d2-2196618569 .md h1 tt,
+.d2-2196618569 .md h1 code,
+.d2-2196618569 .md h2 tt,
+.d2-2196618569 .md h2 code,
+.d2-2196618569 .md h3 tt,
+.d2-2196618569 .md h3 code,
+.d2-2196618569 .md h4 tt,
+.d2-2196618569 .md h4 code,
+.d2-2196618569 .md h5 tt,
+.d2-2196618569 .md h5 code,
+.d2-2196618569 .md h6 tt,
+.d2-2196618569 .md h6 code {
   padding: 0 0.2em;
   font-size: inherit;
 }
 
-.md ul.no-list,
-.md ol.no-list {
+.d2-2196618569 .md ul.no-list,
+.d2-2196618569 .md ol.no-list {
   padding: 0;
   list-style-type: none;
 }
 
-.md ol[type="1"] {
+.d2-2196618569 .md ol[type="1"] {
   list-style-type: decimal;
 }
 
-.md ol[type="a"] {
+.d2-2196618569 .md ol[type="a"] {
   list-style-type: lower-alpha;
 }
 
-.md ol[type="i"] {
+.d2-2196618569 .md ol[type="i"] {
   list-style-type: lower-roman;
 }
 
-.md div > ol:not([type]) {
+.d2-2196618569 .md div > ol:not([type]) {
   list-style-type: decimal;
 }
 
-.md ul ul,
-.md ul ol,
-.md ol ol,
-.md ol ul {
+.d2-2196618569 .md ul ul,
+.d2-2196618569 .md ul ol,
+.d2-2196618569 .md ol ol,
+.d2-2196618569 .md ol ul {
   margin-top: 0;
   margin-bottom: 0;
 }
 
-.md li > p {
+.d2-2196618569 .md li > p {
   margin-top: 16px;
 }
 
-.md li + li {
+.d2-2196618569 .md li + li {
   margin-top: 0.25em;
 }
 
-.md dl {
+.d2-2196618569 .md dl {
   padding: 0;
 }
 
-.md dl dt {
+.d2-2196618569 .md dl dt {
   padding: 0;
   margin-top: 16px;
   font-size: 1em;
@@ -559,48 +559,48 @@
   font-weight: 600;
 }
 
-.md dl dd {
+.d2-2196618569 .md dl dd {
   padding: 0 16px;
   margin-bottom: 16px;
 }
 
-.md table th {
+.d2-2196618569 .md table th {
   font-weight: 600;
 }
 
-.md table th,
-.md table td {
+.d2-2196618569 .md table th,
+.d2-2196618569 .md table td {
   padding: 6px 13px;
   border: 1px solid var(--color-border-default);
 }
 
-.md table tr {
+.d2-2196618569 .md table tr {
   background-color: var(--color-canvas-default);
   border-top: 1px solid var(--color-border-muted);
 }
 
-.md table tr:nth-child(2n) {
+.d2-2196618569 .md table tr:nth-child(2n) {
   background-color: var(--color-canvas-subtle);
 }
 
-.md table img {
+.d2-2196618569 .md table img {
   background-color: transparent;
 }
 
-.md img[align="right"] {
+.d2-2196618569 .md img[align="right"] {
   padding-left: 20px;
 }
 
-.md img[align="left"] {
+.d2-2196618569 .md img[align="left"] {
   padding-right: 20px;
 }
 
-.md span.frame {
+.d2-2196618569 .md span.frame {
   display: block;
   overflow: hidden;
 }
 
-.md span.frame > span {
+.d2-2196618569 .md span.frame > span {
   display: block;
   float: left;
   width: auto;
@@ -610,81 +610,81 @@
   border: 1px solid var(--color-border-default);
 }
 
-.md span.frame span img {
+.d2-2196618569 .md span.frame span img {
   display: block;
   float: left;
 }
 
-.md span.frame span span {
+.d2-2196618569 .md span.frame span span {
   display: block;
   padding: 5px 0 0;
   clear: both;
   color: var(--color-fg-default);
 }
 
-.md span.align-center {
+.d2-2196618569 .md span.align-center {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-center > span {
+.d2-2196618569 .md span.align-center > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: center;
 }
 
-.md span.align-center span img {
+.d2-2196618569 .md span.align-center span img {
   margin: 0 auto;
   text-align: center;
 }
 
-.md span.align-right {
+.d2-2196618569 .md span.align-right {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-right > span {
+.d2-2196618569 .md span.align-right > span {
   display: block;
   margin: 13px 0 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md span.align-right span img {
+.d2-2196618569 .md span.align-right span img {
   margin: 0;
   text-align: right;
 }
 
-.md span.float-left {
+.d2-2196618569 .md span.float-left {
   display: block;
   float: left;
   margin-right: 13px;
   overflow: hidden;
 }
 
-.md span.float-left span {
+.d2-2196618569 .md span.float-left span {
   margin: 13px 0 0;
 }
 
-.md span.float-right {
+.d2-2196618569 .md span.float-right {
   display: block;
   float: right;
   margin-left: 13px;
   overflow: hidden;
 }
 
-.md span.float-right > span {
+.d2-2196618569 .md span.float-right > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md code,
-.md tt {
+.d2-2196618569 .md code,
+.d2-2196618569 .md tt {
   padding: 0.2em 0.4em;
   margin: 0;
   font-size: 85%;
@@ -692,20 +692,20 @@
   border-radius: 6px;
 }
 
-.md code br,
-.md tt br {
+.d2-2196618569 .md code br,
+.d2-2196618569 .md tt br {
   display: none;
 }
 
-.md del code {
+.d2-2196618569 .md del code {
   text-decoration: inherit;
 }
 
-.md pre code {
+.d2-2196618569 .md pre code {
   font-size: 100%;
 }
 
-.md pre > code {
+.d2-2196618569 .md pre > code {
   padding: 0;
   margin: 0;
   word-break: normal;
@@ -714,17 +714,17 @@
   border: 0;
 }
 
-.md .highlight {
+.d2-2196618569 .md .highlight {
   margin-bottom: 16px;
 }
 
-.md .highlight pre {
+.d2-2196618569 .md .highlight pre {
   margin-bottom: 0;
   word-break: normal;
 }
 
-.md .highlight pre,
-.md pre {
+.d2-2196618569 .md .highlight pre,
+.d2-2196618569 .md pre {
   padding: 16px;
   overflow: auto;
   font-size: 85%;
@@ -733,8 +733,8 @@
   border-radius: 6px;
 }
 
-.md pre code,
-.md pre tt {
+.d2-2196618569 .md pre code,
+.d2-2196618569 .md pre tt {
   display: inline;
   max-width: auto;
   padding: 0;
@@ -746,8 +746,8 @@
   border: 0;
 }
 
-.md .csv-data td,
-.md .csv-data th {
+.d2-2196618569 .md .csv-data td,
+.d2-2196618569 .md .csv-data th {
   padding: 5px;
   overflow: hidden;
   font-size: 12px;
@@ -756,38 +756,38 @@
   white-space: nowrap;
 }
 
-.md .csv-data .blob-num {
+.d2-2196618569 .md .csv-data .blob-num {
   padding: 10px 8px 9px;
   text-align: right;
   background: var(--color-canvas-default);
   border: 0;
 }
 
-.md .csv-data tr {
+.d2-2196618569 .md .csv-data tr {
   border-top: 0;
 }
 
-.md .csv-data th {
+.d2-2196618569 .md .csv-data th {
   font-weight: 600;
   background: var(--color-canvas-subtle);
   border-top: 0;
 }
 
-.md .footnotes {
+.d2-2196618569 .md .footnotes {
   font-size: 12px;
   color: var(--color-fg-muted);
   border-top: 1px solid var(--color-border-default);
 }
 
-.md .footnotes ol {
+.d2-2196618569 .md .footnotes ol {
   padding-left: 16px;
 }
 
-.md .footnotes li {
+.d2-2196618569 .md .footnotes li {
   position: relative;
 }
 
-.md .footnotes li:target::before {
+.d2-2196618569 .md .footnotes li:target::before {
   position: absolute;
   top: -8px;
   right: -8px;
@@ -799,36 +799,36 @@
   border-radius: 6px;
 }
 
-.md .footnotes li:target {
+.d2-2196618569 .md .footnotes li:target {
   color: var(--color-fg-default);
 }
 
-.md .task-list-item {
+.d2-2196618569 .md .task-list-item {
   list-style-type: none;
 }
 
-.md .task-list-item label {
+.d2-2196618569 .md .task-list-item label {
   font-weight: 400;
 }
 
-.md .task-list-item.enabled label {
+.d2-2196618569 .md .task-list-item.enabled label {
   cursor: pointer;
 }
 
-.md .task-list-item + .task-list-item {
+.d2-2196618569 .md .task-list-item + .task-list-item {
   margin-top: 3px;
 }
 
-.md .task-list-item .handle {
+.d2-2196618569 .md .task-list-item .handle {
   display: none;
 }
 
-.md .task-list-item-checkbox {
+.d2-2196618569 .md .task-list-item-checkbox {
   margin: 0 0.2em 0.25em -1.6em;
   vertical-align: middle;
 }
 
-.md .contains-task-list:dir(rtl) .task-list-item-checkbox {
+.d2-2196618569 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
 </style><g id="markdown"><g class="shape" ><rect x="0.000000" y="41.000000" width="539.000000" height="107.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="269.500000" y="28.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">markdown</text></g><g id="markdown.md"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="40.000000" y="70.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 />
diff --git a/e2etests/testdata/stable/md_2space_newline/elk/sketch.exp.svg b/e2etests/testdata/stable/md_2space_newline/elk/sketch.exp.svg
index f2f388af5..808ad2918 100644
--- a/e2etests/testdata/stable/md_2space_newline/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/md_2space_newline/elk/sketch.exp.svg
@@ -89,31 +89,31 @@
 		.d2-2492575587 .color-AA4{color:#EDF0FD;}
 		.d2-2492575587 .color-AA5{color:#F7F8FE;}
 		.d2-2492575587 .color-AB4{color:#EDF0FD;}
-		.d2-2492575587 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.md em,
-.md dfn {
+		.d2-2492575587 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.d2-2492575587 .md em,
+.d2-2492575587 .md dfn {
   font-family: "d2-2492575587-font-italic";
 }
 
-.md b,
-.md strong {
+.d2-2492575587 .md b,
+.d2-2492575587 .md strong {
   font-family: "d2-2492575587-font-bold";
 }
 
-.md code,
-.md kbd,
-.md pre,
-.md samp {
+.d2-2492575587 .md code,
+.d2-2492575587 .md kbd,
+.d2-2492575587 .md pre,
+.d2-2492575587 .md samp {
   font-family: "d2-2492575587-font-mono";
   font-size: 1em;
 }
 
-.md {
+.d2-2492575587 .md {
   tab-size: 4;
 }
 
 /* variables are provided in d2renderers/d2svg/d2svg.go */
 
-.md {
+.d2-2492575587 .md {
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
   margin: 0;
@@ -125,41 +125,41 @@
   word-wrap: break-word;
 }
 
-.md details,
-.md figcaption,
-.md figure {
+.d2-2492575587 .md details,
+.d2-2492575587 .md figcaption,
+.d2-2492575587 .md figure {
   display: block;
 }
 
-.md summary {
+.d2-2492575587 .md summary {
   display: list-item;
 }
 
-.md [hidden] {
+.d2-2492575587 .md [hidden] {
   display: none !important;
 }
 
-.md a {
+.d2-2492575587 .md a {
   background-color: transparent;
   color: var(--color-accent-fg);
   text-decoration: none;
 }
 
-.md a:active,
-.md a:hover {
+.d2-2492575587 .md a:active,
+.d2-2492575587 .md a:hover {
   outline-width: 0;
 }
 
-.md abbr[title] {
+.d2-2492575587 .md abbr[title] {
   border-bottom: none;
   text-decoration: underline dotted;
 }
 
-.md dfn {
+.d2-2492575587 .md dfn {
   font-style: italic;
 }
 
-.md h1 {
+.d2-2492575587 .md h1 {
   margin: 0.67em 0;
   font-weight: 600;
   padding-bottom: 0.3em;
@@ -167,43 +167,43 @@
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md mark {
+.d2-2492575587 .md mark {
   background-color: var(--color-attention-subtle);
   color: var(--color-text-primary);
 }
 
-.md small {
+.d2-2492575587 .md small {
   font-size: 90%;
 }
 
-.md sub,
-.md sup {
+.d2-2492575587 .md sub,
+.d2-2492575587 .md sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
 }
 
-.md sub {
+.d2-2492575587 .md sub {
   bottom: -0.25em;
 }
 
-.md sup {
+.d2-2492575587 .md sup {
   top: -0.5em;
 }
 
-.md img {
+.d2-2492575587 .md img {
   border-style: none;
   max-width: 100%;
   box-sizing: content-box;
   background-color: var(--color-canvas-default);
 }
 
-.md figure {
+.d2-2492575587 .md figure {
   margin: 1em 40px;
 }
 
-.md hr {
+.d2-2492575587 .md hr {
   box-sizing: content-box;
   overflow: hidden;
   background: transparent;
@@ -215,7 +215,7 @@
   border: 0;
 }
 
-.md input {
+.d2-2492575587 .md input {
   font: inherit;
   margin: 0;
   overflow: visible;
@@ -224,72 +224,72 @@
   line-height: inherit;
 }
 
-.md [type="button"],
-.md [type="reset"],
-.md [type="submit"] {
+.d2-2492575587 .md [type="button"],
+.d2-2492575587 .md [type="reset"],
+.d2-2492575587 .md [type="submit"] {
   -webkit-appearance: button;
 }
 
-.md [type="button"]::-moz-focus-inner,
-.md [type="reset"]::-moz-focus-inner,
-.md [type="submit"]::-moz-focus-inner {
+.d2-2492575587 .md [type="button"]::-moz-focus-inner,
+.d2-2492575587 .md [type="reset"]::-moz-focus-inner,
+.d2-2492575587 .md [type="submit"]::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.md [type="button"]:-moz-focusring,
-.md [type="reset"]:-moz-focusring,
-.md [type="submit"]:-moz-focusring {
+.d2-2492575587 .md [type="button"]:-moz-focusring,
+.d2-2492575587 .md [type="reset"]:-moz-focusring,
+.d2-2492575587 .md [type="submit"]:-moz-focusring {
   outline: 1px dotted ButtonText;
 }
 
-.md [type="checkbox"],
-.md [type="radio"] {
+.d2-2492575587 .md [type="checkbox"],
+.d2-2492575587 .md [type="radio"] {
   box-sizing: border-box;
   padding: 0;
 }
 
-.md [type="number"]::-webkit-inner-spin-button,
-.md [type="number"]::-webkit-outer-spin-button {
+.d2-2492575587 .md [type="number"]::-webkit-inner-spin-button,
+.d2-2492575587 .md [type="number"]::-webkit-outer-spin-button {
   height: auto;
 }
 
-.md [type="search"] {
+.d2-2492575587 .md [type="search"] {
   -webkit-appearance: textfield;
   outline-offset: -2px;
 }
 
-.md [type="search"]::-webkit-search-cancel-button,
-.md [type="search"]::-webkit-search-decoration {
+.d2-2492575587 .md [type="search"]::-webkit-search-cancel-button,
+.d2-2492575587 .md [type="search"]::-webkit-search-decoration {
   -webkit-appearance: none;
 }
 
-.md ::-webkit-input-placeholder {
+.d2-2492575587 .md ::-webkit-input-placeholder {
   color: inherit;
   opacity: 0.54;
 }
 
-.md ::-webkit-file-upload-button {
+.d2-2492575587 .md ::-webkit-file-upload-button {
   -webkit-appearance: button;
   font: inherit;
 }
 
-.md a:hover {
+.d2-2492575587 .md a:hover {
   text-decoration: underline;
 }
 
-.md hr::before {
+.d2-2492575587 .md hr::before {
   display: table;
   content: "";
 }
 
-.md hr::after {
+.d2-2492575587 .md hr::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md table {
+.d2-2492575587 .md table {
   border-spacing: 0;
   border-collapse: collapse;
   display: block;
@@ -298,20 +298,20 @@
   overflow: auto;
 }
 
-.md td,
-.md th {
+.d2-2492575587 .md td,
+.d2-2492575587 .md th {
   padding: 0;
 }
 
-.md details summary {
+.d2-2492575587 .md details summary {
   cursor: pointer;
 }
 
-.md details:not([open]) > *:not(summary) {
+.d2-2492575587 .md details:not([open]) > *:not(summary) {
   display: none !important;
 }
 
-.md kbd {
+.d2-2492575587 .md kbd {
   display: inline-block;
   padding: 3px 5px;
   color: var(--color-fg-default);
@@ -323,12 +323,12 @@
   box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
 }
 
-.md h1,
-.md h2,
-.md h3,
-.md h4,
-.md h5,
-.md h6 {
+.d2-2492575587 .md h1,
+.d2-2492575587 .md h2,
+.d2-2492575587 .md h3,
+.d2-2492575587 .md h4,
+.d2-2492575587 .md h5,
+.d2-2492575587 .md h6 {
   margin-top: 24px;
   margin-bottom: 16px;
   font-weight: 600;
@@ -336,222 +336,222 @@
   font-family: "d2-2492575587-font-regular";
 }
 
-.md h2 {
+.d2-2492575587 .md h2 {
   font-weight: 600;
   padding-bottom: 0.3em;
   font-size: 1.5em;
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md h3 {
+.d2-2492575587 .md h3 {
   font-weight: 600;
   font-size: 1.25em;
 }
 
-.md h4 {
+.d2-2492575587 .md h4 {
   font-weight: 600;
   font-size: 1em;
 }
 
-.md h5 {
+.d2-2492575587 .md h5 {
   font-weight: 600;
   font-size: 0.875em;
 }
 
-.md h6 {
+.d2-2492575587 .md h6 {
   font-weight: 600;
   font-size: 0.85em;
   color: var(--color-fg-muted);
 }
 
-.md p {
+.d2-2492575587 .md p {
   margin-top: 0;
   margin-bottom: 10px;
 }
 
-.md blockquote {
+.d2-2492575587 .md blockquote {
   margin: 0;
   padding: 0 1em;
   color: var(--color-fg-muted);
   border-left: 0.25em solid var(--color-border-default);
 }
 
-.md ul,
-.md ol {
+.d2-2492575587 .md ul,
+.d2-2492575587 .md ol {
   margin-top: 0;
   margin-bottom: 0;
   padding-left: 2em;
 }
 
-.md ol ol,
-.md ul ol {
+.d2-2492575587 .md ol ol,
+.d2-2492575587 .md ul ol {
   list-style-type: lower-roman;
 }
 
-.md ul ul ol,
-.md ul ol ol,
-.md ol ul ol,
-.md ol ol ol {
+.d2-2492575587 .md ul ul ol,
+.d2-2492575587 .md ul ol ol,
+.d2-2492575587 .md ol ul ol,
+.d2-2492575587 .md ol ol ol {
   list-style-type: lower-alpha;
 }
 
-.md dd {
+.d2-2492575587 .md dd {
   margin-left: 0;
 }
 
-.md pre {
+.d2-2492575587 .md pre {
   margin-top: 0;
   margin-bottom: 0;
   word-wrap: normal;
 }
 
-.md ::placeholder {
+.d2-2492575587 .md ::placeholder {
   color: var(--color-fg-subtle);
   opacity: 1;
 }
 
-.md input::-webkit-outer-spin-button,
-.md input::-webkit-inner-spin-button {
+.d2-2492575587 .md input::-webkit-outer-spin-button,
+.d2-2492575587 .md input::-webkit-inner-spin-button {
   margin: 0;
   -webkit-appearance: none;
   appearance: none;
 }
 
-.md::before {
+.d2-2492575587 .md::before {
   display: table;
   content: "";
 }
 
-.md::after {
+.d2-2492575587 .md::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md > *:first-child {
+.d2-2492575587 .md > *:first-child {
   margin-top: 0 !important;
 }
 
-.md > *:last-child {
+.d2-2492575587 .md > *:last-child {
   margin-bottom: 0 !important;
 }
 
-.md a:not([href]) {
+.d2-2492575587 .md a:not([href]) {
   color: inherit;
   text-decoration: none;
 }
 
-.md .absent {
+.d2-2492575587 .md .absent {
   color: var(--color-danger-fg);
 }
 
-.md .anchor {
+.d2-2492575587 .md .anchor {
   float: left;
   padding-right: 4px;
   margin-left: -20px;
   line-height: 1;
 }
 
-.md .anchor:focus {
+.d2-2492575587 .md .anchor:focus {
   outline: none;
 }
 
-.md p,
-.md blockquote,
-.md ul,
-.md ol,
-.md dl,
-.md table,
-.md pre,
-.md details {
+.d2-2492575587 .md p,
+.d2-2492575587 .md blockquote,
+.d2-2492575587 .md ul,
+.d2-2492575587 .md ol,
+.d2-2492575587 .md dl,
+.d2-2492575587 .md table,
+.d2-2492575587 .md pre,
+.d2-2492575587 .md details {
   margin-top: 0;
   margin-bottom: 16px;
 }
 
-.md blockquote > :first-child {
+.d2-2492575587 .md blockquote > :first-child {
   margin-top: 0;
 }
 
-.md blockquote > :last-child {
+.d2-2492575587 .md blockquote > :last-child {
   margin-bottom: 0;
 }
 
-.md sup > a::before {
+.d2-2492575587 .md sup > a::before {
   content: "[";
 }
 
-.md sup > a::after {
+.d2-2492575587 .md sup > a::after {
   content: "]";
 }
 
-.md h1:hover .anchor,
-.md h2:hover .anchor,
-.md h3:hover .anchor,
-.md h4:hover .anchor,
-.md h5:hover .anchor,
-.md h6:hover .anchor {
+.d2-2492575587 .md h1:hover .anchor,
+.d2-2492575587 .md h2:hover .anchor,
+.d2-2492575587 .md h3:hover .anchor,
+.d2-2492575587 .md h4:hover .anchor,
+.d2-2492575587 .md h5:hover .anchor,
+.d2-2492575587 .md h6:hover .anchor {
   text-decoration: none;
 }
 
-.md h1 tt,
-.md h1 code,
-.md h2 tt,
-.md h2 code,
-.md h3 tt,
-.md h3 code,
-.md h4 tt,
-.md h4 code,
-.md h5 tt,
-.md h5 code,
-.md h6 tt,
-.md h6 code {
+.d2-2492575587 .md h1 tt,
+.d2-2492575587 .md h1 code,
+.d2-2492575587 .md h2 tt,
+.d2-2492575587 .md h2 code,
+.d2-2492575587 .md h3 tt,
+.d2-2492575587 .md h3 code,
+.d2-2492575587 .md h4 tt,
+.d2-2492575587 .md h4 code,
+.d2-2492575587 .md h5 tt,
+.d2-2492575587 .md h5 code,
+.d2-2492575587 .md h6 tt,
+.d2-2492575587 .md h6 code {
   padding: 0 0.2em;
   font-size: inherit;
 }
 
-.md ul.no-list,
-.md ol.no-list {
+.d2-2492575587 .md ul.no-list,
+.d2-2492575587 .md ol.no-list {
   padding: 0;
   list-style-type: none;
 }
 
-.md ol[type="1"] {
+.d2-2492575587 .md ol[type="1"] {
   list-style-type: decimal;
 }
 
-.md ol[type="a"] {
+.d2-2492575587 .md ol[type="a"] {
   list-style-type: lower-alpha;
 }
 
-.md ol[type="i"] {
+.d2-2492575587 .md ol[type="i"] {
   list-style-type: lower-roman;
 }
 
-.md div > ol:not([type]) {
+.d2-2492575587 .md div > ol:not([type]) {
   list-style-type: decimal;
 }
 
-.md ul ul,
-.md ul ol,
-.md ol ol,
-.md ol ul {
+.d2-2492575587 .md ul ul,
+.d2-2492575587 .md ul ol,
+.d2-2492575587 .md ol ol,
+.d2-2492575587 .md ol ul {
   margin-top: 0;
   margin-bottom: 0;
 }
 
-.md li > p {
+.d2-2492575587 .md li > p {
   margin-top: 16px;
 }
 
-.md li + li {
+.d2-2492575587 .md li + li {
   margin-top: 0.25em;
 }
 
-.md dl {
+.d2-2492575587 .md dl {
   padding: 0;
 }
 
-.md dl dt {
+.d2-2492575587 .md dl dt {
   padding: 0;
   margin-top: 16px;
   font-size: 1em;
@@ -559,48 +559,48 @@
   font-weight: 600;
 }
 
-.md dl dd {
+.d2-2492575587 .md dl dd {
   padding: 0 16px;
   margin-bottom: 16px;
 }
 
-.md table th {
+.d2-2492575587 .md table th {
   font-weight: 600;
 }
 
-.md table th,
-.md table td {
+.d2-2492575587 .md table th,
+.d2-2492575587 .md table td {
   padding: 6px 13px;
   border: 1px solid var(--color-border-default);
 }
 
-.md table tr {
+.d2-2492575587 .md table tr {
   background-color: var(--color-canvas-default);
   border-top: 1px solid var(--color-border-muted);
 }
 
-.md table tr:nth-child(2n) {
+.d2-2492575587 .md table tr:nth-child(2n) {
   background-color: var(--color-canvas-subtle);
 }
 
-.md table img {
+.d2-2492575587 .md table img {
   background-color: transparent;
 }
 
-.md img[align="right"] {
+.d2-2492575587 .md img[align="right"] {
   padding-left: 20px;
 }
 
-.md img[align="left"] {
+.d2-2492575587 .md img[align="left"] {
   padding-right: 20px;
 }
 
-.md span.frame {
+.d2-2492575587 .md span.frame {
   display: block;
   overflow: hidden;
 }
 
-.md span.frame > span {
+.d2-2492575587 .md span.frame > span {
   display: block;
   float: left;
   width: auto;
@@ -610,81 +610,81 @@
   border: 1px solid var(--color-border-default);
 }
 
-.md span.frame span img {
+.d2-2492575587 .md span.frame span img {
   display: block;
   float: left;
 }
 
-.md span.frame span span {
+.d2-2492575587 .md span.frame span span {
   display: block;
   padding: 5px 0 0;
   clear: both;
   color: var(--color-fg-default);
 }
 
-.md span.align-center {
+.d2-2492575587 .md span.align-center {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-center > span {
+.d2-2492575587 .md span.align-center > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: center;
 }
 
-.md span.align-center span img {
+.d2-2492575587 .md span.align-center span img {
   margin: 0 auto;
   text-align: center;
 }
 
-.md span.align-right {
+.d2-2492575587 .md span.align-right {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-right > span {
+.d2-2492575587 .md span.align-right > span {
   display: block;
   margin: 13px 0 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md span.align-right span img {
+.d2-2492575587 .md span.align-right span img {
   margin: 0;
   text-align: right;
 }
 
-.md span.float-left {
+.d2-2492575587 .md span.float-left {
   display: block;
   float: left;
   margin-right: 13px;
   overflow: hidden;
 }
 
-.md span.float-left span {
+.d2-2492575587 .md span.float-left span {
   margin: 13px 0 0;
 }
 
-.md span.float-right {
+.d2-2492575587 .md span.float-right {
   display: block;
   float: right;
   margin-left: 13px;
   overflow: hidden;
 }
 
-.md span.float-right > span {
+.d2-2492575587 .md span.float-right > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md code,
-.md tt {
+.d2-2492575587 .md code,
+.d2-2492575587 .md tt {
   padding: 0.2em 0.4em;
   margin: 0;
   font-size: 85%;
@@ -692,20 +692,20 @@
   border-radius: 6px;
 }
 
-.md code br,
-.md tt br {
+.d2-2492575587 .md code br,
+.d2-2492575587 .md tt br {
   display: none;
 }
 
-.md del code {
+.d2-2492575587 .md del code {
   text-decoration: inherit;
 }
 
-.md pre code {
+.d2-2492575587 .md pre code {
   font-size: 100%;
 }
 
-.md pre > code {
+.d2-2492575587 .md pre > code {
   padding: 0;
   margin: 0;
   word-break: normal;
@@ -714,17 +714,17 @@
   border: 0;
 }
 
-.md .highlight {
+.d2-2492575587 .md .highlight {
   margin-bottom: 16px;
 }
 
-.md .highlight pre {
+.d2-2492575587 .md .highlight pre {
   margin-bottom: 0;
   word-break: normal;
 }
 
-.md .highlight pre,
-.md pre {
+.d2-2492575587 .md .highlight pre,
+.d2-2492575587 .md pre {
   padding: 16px;
   overflow: auto;
   font-size: 85%;
@@ -733,8 +733,8 @@
   border-radius: 6px;
 }
 
-.md pre code,
-.md pre tt {
+.d2-2492575587 .md pre code,
+.d2-2492575587 .md pre tt {
   display: inline;
   max-width: auto;
   padding: 0;
@@ -746,8 +746,8 @@
   border: 0;
 }
 
-.md .csv-data td,
-.md .csv-data th {
+.d2-2492575587 .md .csv-data td,
+.d2-2492575587 .md .csv-data th {
   padding: 5px;
   overflow: hidden;
   font-size: 12px;
@@ -756,38 +756,38 @@
   white-space: nowrap;
 }
 
-.md .csv-data .blob-num {
+.d2-2492575587 .md .csv-data .blob-num {
   padding: 10px 8px 9px;
   text-align: right;
   background: var(--color-canvas-default);
   border: 0;
 }
 
-.md .csv-data tr {
+.d2-2492575587 .md .csv-data tr {
   border-top: 0;
 }
 
-.md .csv-data th {
+.d2-2492575587 .md .csv-data th {
   font-weight: 600;
   background: var(--color-canvas-subtle);
   border-top: 0;
 }
 
-.md .footnotes {
+.d2-2492575587 .md .footnotes {
   font-size: 12px;
   color: var(--color-fg-muted);
   border-top: 1px solid var(--color-border-default);
 }
 
-.md .footnotes ol {
+.d2-2492575587 .md .footnotes ol {
   padding-left: 16px;
 }
 
-.md .footnotes li {
+.d2-2492575587 .md .footnotes li {
   position: relative;
 }
 
-.md .footnotes li:target::before {
+.d2-2492575587 .md .footnotes li:target::before {
   position: absolute;
   top: -8px;
   right: -8px;
@@ -799,36 +799,36 @@
   border-radius: 6px;
 }
 
-.md .footnotes li:target {
+.d2-2492575587 .md .footnotes li:target {
   color: var(--color-fg-default);
 }
 
-.md .task-list-item {
+.d2-2492575587 .md .task-list-item {
   list-style-type: none;
 }
 
-.md .task-list-item label {
+.d2-2492575587 .md .task-list-item label {
   font-weight: 400;
 }
 
-.md .task-list-item.enabled label {
+.d2-2492575587 .md .task-list-item.enabled label {
   cursor: pointer;
 }
 
-.md .task-list-item + .task-list-item {
+.d2-2492575587 .md .task-list-item + .task-list-item {
   margin-top: 3px;
 }
 
-.md .task-list-item .handle {
+.d2-2492575587 .md .task-list-item .handle {
   display: none;
 }
 
-.md .task-list-item-checkbox {
+.d2-2492575587 .md .task-list-item-checkbox {
   margin: 0 0.2em 0.25em -1.6em;
   vertical-align: middle;
 }
 
-.md .contains-task-list:dir(rtl) .task-list-item-checkbox {
+.d2-2492575587 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
 </style><g id="markdown"><g class="shape" ><rect x="12.000000" y="12.000000" width="559.000000" height="148.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="291.500000" y="45.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">markdown</text></g><g id="markdown.md"><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 />
diff --git a/e2etests/testdata/stable/md_backslash_newline/dagre/sketch.exp.svg b/e2etests/testdata/stable/md_backslash_newline/dagre/sketch.exp.svg
index 337d33624..272484705 100644
--- a/e2etests/testdata/stable/md_backslash_newline/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/md_backslash_newline/dagre/sketch.exp.svg
@@ -89,31 +89,31 @@
 		.d2-2320207089 .color-AA4{color:#EDF0FD;}
 		.d2-2320207089 .color-AA5{color:#F7F8FE;}
 		.d2-2320207089 .color-AB4{color:#EDF0FD;}
-		.d2-2320207089 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.md em,
-.md dfn {
+		.d2-2320207089 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.d2-2320207089 .md em,
+.d2-2320207089 .md dfn {
   font-family: "d2-2320207089-font-italic";
 }
 
-.md b,
-.md strong {
+.d2-2320207089 .md b,
+.d2-2320207089 .md strong {
   font-family: "d2-2320207089-font-bold";
 }
 
-.md code,
-.md kbd,
-.md pre,
-.md samp {
+.d2-2320207089 .md code,
+.d2-2320207089 .md kbd,
+.d2-2320207089 .md pre,
+.d2-2320207089 .md samp {
   font-family: "d2-2320207089-font-mono";
   font-size: 1em;
 }
 
-.md {
+.d2-2320207089 .md {
   tab-size: 4;
 }
 
 /* variables are provided in d2renderers/d2svg/d2svg.go */
 
-.md {
+.d2-2320207089 .md {
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
   margin: 0;
@@ -125,41 +125,41 @@
   word-wrap: break-word;
 }
 
-.md details,
-.md figcaption,
-.md figure {
+.d2-2320207089 .md details,
+.d2-2320207089 .md figcaption,
+.d2-2320207089 .md figure {
   display: block;
 }
 
-.md summary {
+.d2-2320207089 .md summary {
   display: list-item;
 }
 
-.md [hidden] {
+.d2-2320207089 .md [hidden] {
   display: none !important;
 }
 
-.md a {
+.d2-2320207089 .md a {
   background-color: transparent;
   color: var(--color-accent-fg);
   text-decoration: none;
 }
 
-.md a:active,
-.md a:hover {
+.d2-2320207089 .md a:active,
+.d2-2320207089 .md a:hover {
   outline-width: 0;
 }
 
-.md abbr[title] {
+.d2-2320207089 .md abbr[title] {
   border-bottom: none;
   text-decoration: underline dotted;
 }
 
-.md dfn {
+.d2-2320207089 .md dfn {
   font-style: italic;
 }
 
-.md h1 {
+.d2-2320207089 .md h1 {
   margin: 0.67em 0;
   font-weight: 600;
   padding-bottom: 0.3em;
@@ -167,43 +167,43 @@
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md mark {
+.d2-2320207089 .md mark {
   background-color: var(--color-attention-subtle);
   color: var(--color-text-primary);
 }
 
-.md small {
+.d2-2320207089 .md small {
   font-size: 90%;
 }
 
-.md sub,
-.md sup {
+.d2-2320207089 .md sub,
+.d2-2320207089 .md sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
 }
 
-.md sub {
+.d2-2320207089 .md sub {
   bottom: -0.25em;
 }
 
-.md sup {
+.d2-2320207089 .md sup {
   top: -0.5em;
 }
 
-.md img {
+.d2-2320207089 .md img {
   border-style: none;
   max-width: 100%;
   box-sizing: content-box;
   background-color: var(--color-canvas-default);
 }
 
-.md figure {
+.d2-2320207089 .md figure {
   margin: 1em 40px;
 }
 
-.md hr {
+.d2-2320207089 .md hr {
   box-sizing: content-box;
   overflow: hidden;
   background: transparent;
@@ -215,7 +215,7 @@
   border: 0;
 }
 
-.md input {
+.d2-2320207089 .md input {
   font: inherit;
   margin: 0;
   overflow: visible;
@@ -224,72 +224,72 @@
   line-height: inherit;
 }
 
-.md [type="button"],
-.md [type="reset"],
-.md [type="submit"] {
+.d2-2320207089 .md [type="button"],
+.d2-2320207089 .md [type="reset"],
+.d2-2320207089 .md [type="submit"] {
   -webkit-appearance: button;
 }
 
-.md [type="button"]::-moz-focus-inner,
-.md [type="reset"]::-moz-focus-inner,
-.md [type="submit"]::-moz-focus-inner {
+.d2-2320207089 .md [type="button"]::-moz-focus-inner,
+.d2-2320207089 .md [type="reset"]::-moz-focus-inner,
+.d2-2320207089 .md [type="submit"]::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.md [type="button"]:-moz-focusring,
-.md [type="reset"]:-moz-focusring,
-.md [type="submit"]:-moz-focusring {
+.d2-2320207089 .md [type="button"]:-moz-focusring,
+.d2-2320207089 .md [type="reset"]:-moz-focusring,
+.d2-2320207089 .md [type="submit"]:-moz-focusring {
   outline: 1px dotted ButtonText;
 }
 
-.md [type="checkbox"],
-.md [type="radio"] {
+.d2-2320207089 .md [type="checkbox"],
+.d2-2320207089 .md [type="radio"] {
   box-sizing: border-box;
   padding: 0;
 }
 
-.md [type="number"]::-webkit-inner-spin-button,
-.md [type="number"]::-webkit-outer-spin-button {
+.d2-2320207089 .md [type="number"]::-webkit-inner-spin-button,
+.d2-2320207089 .md [type="number"]::-webkit-outer-spin-button {
   height: auto;
 }
 
-.md [type="search"] {
+.d2-2320207089 .md [type="search"] {
   -webkit-appearance: textfield;
   outline-offset: -2px;
 }
 
-.md [type="search"]::-webkit-search-cancel-button,
-.md [type="search"]::-webkit-search-decoration {
+.d2-2320207089 .md [type="search"]::-webkit-search-cancel-button,
+.d2-2320207089 .md [type="search"]::-webkit-search-decoration {
   -webkit-appearance: none;
 }
 
-.md ::-webkit-input-placeholder {
+.d2-2320207089 .md ::-webkit-input-placeholder {
   color: inherit;
   opacity: 0.54;
 }
 
-.md ::-webkit-file-upload-button {
+.d2-2320207089 .md ::-webkit-file-upload-button {
   -webkit-appearance: button;
   font: inherit;
 }
 
-.md a:hover {
+.d2-2320207089 .md a:hover {
   text-decoration: underline;
 }
 
-.md hr::before {
+.d2-2320207089 .md hr::before {
   display: table;
   content: "";
 }
 
-.md hr::after {
+.d2-2320207089 .md hr::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md table {
+.d2-2320207089 .md table {
   border-spacing: 0;
   border-collapse: collapse;
   display: block;
@@ -298,20 +298,20 @@
   overflow: auto;
 }
 
-.md td,
-.md th {
+.d2-2320207089 .md td,
+.d2-2320207089 .md th {
   padding: 0;
 }
 
-.md details summary {
+.d2-2320207089 .md details summary {
   cursor: pointer;
 }
 
-.md details:not([open]) > *:not(summary) {
+.d2-2320207089 .md details:not([open]) > *:not(summary) {
   display: none !important;
 }
 
-.md kbd {
+.d2-2320207089 .md kbd {
   display: inline-block;
   padding: 3px 5px;
   color: var(--color-fg-default);
@@ -323,12 +323,12 @@
   box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
 }
 
-.md h1,
-.md h2,
-.md h3,
-.md h4,
-.md h5,
-.md h6 {
+.d2-2320207089 .md h1,
+.d2-2320207089 .md h2,
+.d2-2320207089 .md h3,
+.d2-2320207089 .md h4,
+.d2-2320207089 .md h5,
+.d2-2320207089 .md h6 {
   margin-top: 24px;
   margin-bottom: 16px;
   font-weight: 600;
@@ -336,222 +336,222 @@
   font-family: "d2-2320207089-font-regular";
 }
 
-.md h2 {
+.d2-2320207089 .md h2 {
   font-weight: 600;
   padding-bottom: 0.3em;
   font-size: 1.5em;
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md h3 {
+.d2-2320207089 .md h3 {
   font-weight: 600;
   font-size: 1.25em;
 }
 
-.md h4 {
+.d2-2320207089 .md h4 {
   font-weight: 600;
   font-size: 1em;
 }
 
-.md h5 {
+.d2-2320207089 .md h5 {
   font-weight: 600;
   font-size: 0.875em;
 }
 
-.md h6 {
+.d2-2320207089 .md h6 {
   font-weight: 600;
   font-size: 0.85em;
   color: var(--color-fg-muted);
 }
 
-.md p {
+.d2-2320207089 .md p {
   margin-top: 0;
   margin-bottom: 10px;
 }
 
-.md blockquote {
+.d2-2320207089 .md blockquote {
   margin: 0;
   padding: 0 1em;
   color: var(--color-fg-muted);
   border-left: 0.25em solid var(--color-border-default);
 }
 
-.md ul,
-.md ol {
+.d2-2320207089 .md ul,
+.d2-2320207089 .md ol {
   margin-top: 0;
   margin-bottom: 0;
   padding-left: 2em;
 }
 
-.md ol ol,
-.md ul ol {
+.d2-2320207089 .md ol ol,
+.d2-2320207089 .md ul ol {
   list-style-type: lower-roman;
 }
 
-.md ul ul ol,
-.md ul ol ol,
-.md ol ul ol,
-.md ol ol ol {
+.d2-2320207089 .md ul ul ol,
+.d2-2320207089 .md ul ol ol,
+.d2-2320207089 .md ol ul ol,
+.d2-2320207089 .md ol ol ol {
   list-style-type: lower-alpha;
 }
 
-.md dd {
+.d2-2320207089 .md dd {
   margin-left: 0;
 }
 
-.md pre {
+.d2-2320207089 .md pre {
   margin-top: 0;
   margin-bottom: 0;
   word-wrap: normal;
 }
 
-.md ::placeholder {
+.d2-2320207089 .md ::placeholder {
   color: var(--color-fg-subtle);
   opacity: 1;
 }
 
-.md input::-webkit-outer-spin-button,
-.md input::-webkit-inner-spin-button {
+.d2-2320207089 .md input::-webkit-outer-spin-button,
+.d2-2320207089 .md input::-webkit-inner-spin-button {
   margin: 0;
   -webkit-appearance: none;
   appearance: none;
 }
 
-.md::before {
+.d2-2320207089 .md::before {
   display: table;
   content: "";
 }
 
-.md::after {
+.d2-2320207089 .md::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md > *:first-child {
+.d2-2320207089 .md > *:first-child {
   margin-top: 0 !important;
 }
 
-.md > *:last-child {
+.d2-2320207089 .md > *:last-child {
   margin-bottom: 0 !important;
 }
 
-.md a:not([href]) {
+.d2-2320207089 .md a:not([href]) {
   color: inherit;
   text-decoration: none;
 }
 
-.md .absent {
+.d2-2320207089 .md .absent {
   color: var(--color-danger-fg);
 }
 
-.md .anchor {
+.d2-2320207089 .md .anchor {
   float: left;
   padding-right: 4px;
   margin-left: -20px;
   line-height: 1;
 }
 
-.md .anchor:focus {
+.d2-2320207089 .md .anchor:focus {
   outline: none;
 }
 
-.md p,
-.md blockquote,
-.md ul,
-.md ol,
-.md dl,
-.md table,
-.md pre,
-.md details {
+.d2-2320207089 .md p,
+.d2-2320207089 .md blockquote,
+.d2-2320207089 .md ul,
+.d2-2320207089 .md ol,
+.d2-2320207089 .md dl,
+.d2-2320207089 .md table,
+.d2-2320207089 .md pre,
+.d2-2320207089 .md details {
   margin-top: 0;
   margin-bottom: 16px;
 }
 
-.md blockquote > :first-child {
+.d2-2320207089 .md blockquote > :first-child {
   margin-top: 0;
 }
 
-.md blockquote > :last-child {
+.d2-2320207089 .md blockquote > :last-child {
   margin-bottom: 0;
 }
 
-.md sup > a::before {
+.d2-2320207089 .md sup > a::before {
   content: "[";
 }
 
-.md sup > a::after {
+.d2-2320207089 .md sup > a::after {
   content: "]";
 }
 
-.md h1:hover .anchor,
-.md h2:hover .anchor,
-.md h3:hover .anchor,
-.md h4:hover .anchor,
-.md h5:hover .anchor,
-.md h6:hover .anchor {
+.d2-2320207089 .md h1:hover .anchor,
+.d2-2320207089 .md h2:hover .anchor,
+.d2-2320207089 .md h3:hover .anchor,
+.d2-2320207089 .md h4:hover .anchor,
+.d2-2320207089 .md h5:hover .anchor,
+.d2-2320207089 .md h6:hover .anchor {
   text-decoration: none;
 }
 
-.md h1 tt,
-.md h1 code,
-.md h2 tt,
-.md h2 code,
-.md h3 tt,
-.md h3 code,
-.md h4 tt,
-.md h4 code,
-.md h5 tt,
-.md h5 code,
-.md h6 tt,
-.md h6 code {
+.d2-2320207089 .md h1 tt,
+.d2-2320207089 .md h1 code,
+.d2-2320207089 .md h2 tt,
+.d2-2320207089 .md h2 code,
+.d2-2320207089 .md h3 tt,
+.d2-2320207089 .md h3 code,
+.d2-2320207089 .md h4 tt,
+.d2-2320207089 .md h4 code,
+.d2-2320207089 .md h5 tt,
+.d2-2320207089 .md h5 code,
+.d2-2320207089 .md h6 tt,
+.d2-2320207089 .md h6 code {
   padding: 0 0.2em;
   font-size: inherit;
 }
 
-.md ul.no-list,
-.md ol.no-list {
+.d2-2320207089 .md ul.no-list,
+.d2-2320207089 .md ol.no-list {
   padding: 0;
   list-style-type: none;
 }
 
-.md ol[type="1"] {
+.d2-2320207089 .md ol[type="1"] {
   list-style-type: decimal;
 }
 
-.md ol[type="a"] {
+.d2-2320207089 .md ol[type="a"] {
   list-style-type: lower-alpha;
 }
 
-.md ol[type="i"] {
+.d2-2320207089 .md ol[type="i"] {
   list-style-type: lower-roman;
 }
 
-.md div > ol:not([type]) {
+.d2-2320207089 .md div > ol:not([type]) {
   list-style-type: decimal;
 }
 
-.md ul ul,
-.md ul ol,
-.md ol ol,
-.md ol ul {
+.d2-2320207089 .md ul ul,
+.d2-2320207089 .md ul ol,
+.d2-2320207089 .md ol ol,
+.d2-2320207089 .md ol ul {
   margin-top: 0;
   margin-bottom: 0;
 }
 
-.md li > p {
+.d2-2320207089 .md li > p {
   margin-top: 16px;
 }
 
-.md li + li {
+.d2-2320207089 .md li + li {
   margin-top: 0.25em;
 }
 
-.md dl {
+.d2-2320207089 .md dl {
   padding: 0;
 }
 
-.md dl dt {
+.d2-2320207089 .md dl dt {
   padding: 0;
   margin-top: 16px;
   font-size: 1em;
@@ -559,48 +559,48 @@
   font-weight: 600;
 }
 
-.md dl dd {
+.d2-2320207089 .md dl dd {
   padding: 0 16px;
   margin-bottom: 16px;
 }
 
-.md table th {
+.d2-2320207089 .md table th {
   font-weight: 600;
 }
 
-.md table th,
-.md table td {
+.d2-2320207089 .md table th,
+.d2-2320207089 .md table td {
   padding: 6px 13px;
   border: 1px solid var(--color-border-default);
 }
 
-.md table tr {
+.d2-2320207089 .md table tr {
   background-color: var(--color-canvas-default);
   border-top: 1px solid var(--color-border-muted);
 }
 
-.md table tr:nth-child(2n) {
+.d2-2320207089 .md table tr:nth-child(2n) {
   background-color: var(--color-canvas-subtle);
 }
 
-.md table img {
+.d2-2320207089 .md table img {
   background-color: transparent;
 }
 
-.md img[align="right"] {
+.d2-2320207089 .md img[align="right"] {
   padding-left: 20px;
 }
 
-.md img[align="left"] {
+.d2-2320207089 .md img[align="left"] {
   padding-right: 20px;
 }
 
-.md span.frame {
+.d2-2320207089 .md span.frame {
   display: block;
   overflow: hidden;
 }
 
-.md span.frame > span {
+.d2-2320207089 .md span.frame > span {
   display: block;
   float: left;
   width: auto;
@@ -610,81 +610,81 @@
   border: 1px solid var(--color-border-default);
 }
 
-.md span.frame span img {
+.d2-2320207089 .md span.frame span img {
   display: block;
   float: left;
 }
 
-.md span.frame span span {
+.d2-2320207089 .md span.frame span span {
   display: block;
   padding: 5px 0 0;
   clear: both;
   color: var(--color-fg-default);
 }
 
-.md span.align-center {
+.d2-2320207089 .md span.align-center {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-center > span {
+.d2-2320207089 .md span.align-center > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: center;
 }
 
-.md span.align-center span img {
+.d2-2320207089 .md span.align-center span img {
   margin: 0 auto;
   text-align: center;
 }
 
-.md span.align-right {
+.d2-2320207089 .md span.align-right {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-right > span {
+.d2-2320207089 .md span.align-right > span {
   display: block;
   margin: 13px 0 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md span.align-right span img {
+.d2-2320207089 .md span.align-right span img {
   margin: 0;
   text-align: right;
 }
 
-.md span.float-left {
+.d2-2320207089 .md span.float-left {
   display: block;
   float: left;
   margin-right: 13px;
   overflow: hidden;
 }
 
-.md span.float-left span {
+.d2-2320207089 .md span.float-left span {
   margin: 13px 0 0;
 }
 
-.md span.float-right {
+.d2-2320207089 .md span.float-right {
   display: block;
   float: right;
   margin-left: 13px;
   overflow: hidden;
 }
 
-.md span.float-right > span {
+.d2-2320207089 .md span.float-right > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md code,
-.md tt {
+.d2-2320207089 .md code,
+.d2-2320207089 .md tt {
   padding: 0.2em 0.4em;
   margin: 0;
   font-size: 85%;
@@ -692,20 +692,20 @@
   border-radius: 6px;
 }
 
-.md code br,
-.md tt br {
+.d2-2320207089 .md code br,
+.d2-2320207089 .md tt br {
   display: none;
 }
 
-.md del code {
+.d2-2320207089 .md del code {
   text-decoration: inherit;
 }
 
-.md pre code {
+.d2-2320207089 .md pre code {
   font-size: 100%;
 }
 
-.md pre > code {
+.d2-2320207089 .md pre > code {
   padding: 0;
   margin: 0;
   word-break: normal;
@@ -714,17 +714,17 @@
   border: 0;
 }
 
-.md .highlight {
+.d2-2320207089 .md .highlight {
   margin-bottom: 16px;
 }
 
-.md .highlight pre {
+.d2-2320207089 .md .highlight pre {
   margin-bottom: 0;
   word-break: normal;
 }
 
-.md .highlight pre,
-.md pre {
+.d2-2320207089 .md .highlight pre,
+.d2-2320207089 .md pre {
   padding: 16px;
   overflow: auto;
   font-size: 85%;
@@ -733,8 +733,8 @@
   border-radius: 6px;
 }
 
-.md pre code,
-.md pre tt {
+.d2-2320207089 .md pre code,
+.d2-2320207089 .md pre tt {
   display: inline;
   max-width: auto;
   padding: 0;
@@ -746,8 +746,8 @@
   border: 0;
 }
 
-.md .csv-data td,
-.md .csv-data th {
+.d2-2320207089 .md .csv-data td,
+.d2-2320207089 .md .csv-data th {
   padding: 5px;
   overflow: hidden;
   font-size: 12px;
@@ -756,38 +756,38 @@
   white-space: nowrap;
 }
 
-.md .csv-data .blob-num {
+.d2-2320207089 .md .csv-data .blob-num {
   padding: 10px 8px 9px;
   text-align: right;
   background: var(--color-canvas-default);
   border: 0;
 }
 
-.md .csv-data tr {
+.d2-2320207089 .md .csv-data tr {
   border-top: 0;
 }
 
-.md .csv-data th {
+.d2-2320207089 .md .csv-data th {
   font-weight: 600;
   background: var(--color-canvas-subtle);
   border-top: 0;
 }
 
-.md .footnotes {
+.d2-2320207089 .md .footnotes {
   font-size: 12px;
   color: var(--color-fg-muted);
   border-top: 1px solid var(--color-border-default);
 }
 
-.md .footnotes ol {
+.d2-2320207089 .md .footnotes ol {
   padding-left: 16px;
 }
 
-.md .footnotes li {
+.d2-2320207089 .md .footnotes li {
   position: relative;
 }
 
-.md .footnotes li:target::before {
+.d2-2320207089 .md .footnotes li:target::before {
   position: absolute;
   top: -8px;
   right: -8px;
@@ -799,36 +799,36 @@
   border-radius: 6px;
 }
 
-.md .footnotes li:target {
+.d2-2320207089 .md .footnotes li:target {
   color: var(--color-fg-default);
 }
 
-.md .task-list-item {
+.d2-2320207089 .md .task-list-item {
   list-style-type: none;
 }
 
-.md .task-list-item label {
+.d2-2320207089 .md .task-list-item label {
   font-weight: 400;
 }
 
-.md .task-list-item.enabled label {
+.d2-2320207089 .md .task-list-item.enabled label {
   cursor: pointer;
 }
 
-.md .task-list-item + .task-list-item {
+.d2-2320207089 .md .task-list-item + .task-list-item {
   margin-top: 3px;
 }
 
-.md .task-list-item .handle {
+.d2-2320207089 .md .task-list-item .handle {
   display: none;
 }
 
-.md .task-list-item-checkbox {
+.d2-2320207089 .md .task-list-item-checkbox {
   margin: 0 0.2em 0.25em -1.6em;
   vertical-align: middle;
 }
 
-.md .contains-task-list:dir(rtl) .task-list-item-checkbox {
+.d2-2320207089 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
 </style><g id="markdown"><g class="shape" ><rect x="0.000000" y="41.000000" width="539.000000" height="107.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="269.500000" y="28.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">markdown</text></g><g id="markdown.md"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="40.000000" y="70.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 />
diff --git a/e2etests/testdata/stable/md_backslash_newline/elk/sketch.exp.svg b/e2etests/testdata/stable/md_backslash_newline/elk/sketch.exp.svg
index 6efc71108..a4a3e9acc 100644
--- a/e2etests/testdata/stable/md_backslash_newline/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/md_backslash_newline/elk/sketch.exp.svg
@@ -89,31 +89,31 @@
 		.d2-116836707 .color-AA4{color:#EDF0FD;}
 		.d2-116836707 .color-AA5{color:#F7F8FE;}
 		.d2-116836707 .color-AB4{color:#EDF0FD;}
-		.d2-116836707 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.md em,
-.md dfn {
+		.d2-116836707 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.d2-116836707 .md em,
+.d2-116836707 .md dfn {
   font-family: "d2-116836707-font-italic";
 }
 
-.md b,
-.md strong {
+.d2-116836707 .md b,
+.d2-116836707 .md strong {
   font-family: "d2-116836707-font-bold";
 }
 
-.md code,
-.md kbd,
-.md pre,
-.md samp {
+.d2-116836707 .md code,
+.d2-116836707 .md kbd,
+.d2-116836707 .md pre,
+.d2-116836707 .md samp {
   font-family: "d2-116836707-font-mono";
   font-size: 1em;
 }
 
-.md {
+.d2-116836707 .md {
   tab-size: 4;
 }
 
 /* variables are provided in d2renderers/d2svg/d2svg.go */
 
-.md {
+.d2-116836707 .md {
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
   margin: 0;
@@ -125,41 +125,41 @@
   word-wrap: break-word;
 }
 
-.md details,
-.md figcaption,
-.md figure {
+.d2-116836707 .md details,
+.d2-116836707 .md figcaption,
+.d2-116836707 .md figure {
   display: block;
 }
 
-.md summary {
+.d2-116836707 .md summary {
   display: list-item;
 }
 
-.md [hidden] {
+.d2-116836707 .md [hidden] {
   display: none !important;
 }
 
-.md a {
+.d2-116836707 .md a {
   background-color: transparent;
   color: var(--color-accent-fg);
   text-decoration: none;
 }
 
-.md a:active,
-.md a:hover {
+.d2-116836707 .md a:active,
+.d2-116836707 .md a:hover {
   outline-width: 0;
 }
 
-.md abbr[title] {
+.d2-116836707 .md abbr[title] {
   border-bottom: none;
   text-decoration: underline dotted;
 }
 
-.md dfn {
+.d2-116836707 .md dfn {
   font-style: italic;
 }
 
-.md h1 {
+.d2-116836707 .md h1 {
   margin: 0.67em 0;
   font-weight: 600;
   padding-bottom: 0.3em;
@@ -167,43 +167,43 @@
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md mark {
+.d2-116836707 .md mark {
   background-color: var(--color-attention-subtle);
   color: var(--color-text-primary);
 }
 
-.md small {
+.d2-116836707 .md small {
   font-size: 90%;
 }
 
-.md sub,
-.md sup {
+.d2-116836707 .md sub,
+.d2-116836707 .md sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
 }
 
-.md sub {
+.d2-116836707 .md sub {
   bottom: -0.25em;
 }
 
-.md sup {
+.d2-116836707 .md sup {
   top: -0.5em;
 }
 
-.md img {
+.d2-116836707 .md img {
   border-style: none;
   max-width: 100%;
   box-sizing: content-box;
   background-color: var(--color-canvas-default);
 }
 
-.md figure {
+.d2-116836707 .md figure {
   margin: 1em 40px;
 }
 
-.md hr {
+.d2-116836707 .md hr {
   box-sizing: content-box;
   overflow: hidden;
   background: transparent;
@@ -215,7 +215,7 @@
   border: 0;
 }
 
-.md input {
+.d2-116836707 .md input {
   font: inherit;
   margin: 0;
   overflow: visible;
@@ -224,72 +224,72 @@
   line-height: inherit;
 }
 
-.md [type="button"],
-.md [type="reset"],
-.md [type="submit"] {
+.d2-116836707 .md [type="button"],
+.d2-116836707 .md [type="reset"],
+.d2-116836707 .md [type="submit"] {
   -webkit-appearance: button;
 }
 
-.md [type="button"]::-moz-focus-inner,
-.md [type="reset"]::-moz-focus-inner,
-.md [type="submit"]::-moz-focus-inner {
+.d2-116836707 .md [type="button"]::-moz-focus-inner,
+.d2-116836707 .md [type="reset"]::-moz-focus-inner,
+.d2-116836707 .md [type="submit"]::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.md [type="button"]:-moz-focusring,
-.md [type="reset"]:-moz-focusring,
-.md [type="submit"]:-moz-focusring {
+.d2-116836707 .md [type="button"]:-moz-focusring,
+.d2-116836707 .md [type="reset"]:-moz-focusring,
+.d2-116836707 .md [type="submit"]:-moz-focusring {
   outline: 1px dotted ButtonText;
 }
 
-.md [type="checkbox"],
-.md [type="radio"] {
+.d2-116836707 .md [type="checkbox"],
+.d2-116836707 .md [type="radio"] {
   box-sizing: border-box;
   padding: 0;
 }
 
-.md [type="number"]::-webkit-inner-spin-button,
-.md [type="number"]::-webkit-outer-spin-button {
+.d2-116836707 .md [type="number"]::-webkit-inner-spin-button,
+.d2-116836707 .md [type="number"]::-webkit-outer-spin-button {
   height: auto;
 }
 
-.md [type="search"] {
+.d2-116836707 .md [type="search"] {
   -webkit-appearance: textfield;
   outline-offset: -2px;
 }
 
-.md [type="search"]::-webkit-search-cancel-button,
-.md [type="search"]::-webkit-search-decoration {
+.d2-116836707 .md [type="search"]::-webkit-search-cancel-button,
+.d2-116836707 .md [type="search"]::-webkit-search-decoration {
   -webkit-appearance: none;
 }
 
-.md ::-webkit-input-placeholder {
+.d2-116836707 .md ::-webkit-input-placeholder {
   color: inherit;
   opacity: 0.54;
 }
 
-.md ::-webkit-file-upload-button {
+.d2-116836707 .md ::-webkit-file-upload-button {
   -webkit-appearance: button;
   font: inherit;
 }
 
-.md a:hover {
+.d2-116836707 .md a:hover {
   text-decoration: underline;
 }
 
-.md hr::before {
+.d2-116836707 .md hr::before {
   display: table;
   content: "";
 }
 
-.md hr::after {
+.d2-116836707 .md hr::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md table {
+.d2-116836707 .md table {
   border-spacing: 0;
   border-collapse: collapse;
   display: block;
@@ -298,20 +298,20 @@
   overflow: auto;
 }
 
-.md td,
-.md th {
+.d2-116836707 .md td,
+.d2-116836707 .md th {
   padding: 0;
 }
 
-.md details summary {
+.d2-116836707 .md details summary {
   cursor: pointer;
 }
 
-.md details:not([open]) > *:not(summary) {
+.d2-116836707 .md details:not([open]) > *:not(summary) {
   display: none !important;
 }
 
-.md kbd {
+.d2-116836707 .md kbd {
   display: inline-block;
   padding: 3px 5px;
   color: var(--color-fg-default);
@@ -323,12 +323,12 @@
   box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
 }
 
-.md h1,
-.md h2,
-.md h3,
-.md h4,
-.md h5,
-.md h6 {
+.d2-116836707 .md h1,
+.d2-116836707 .md h2,
+.d2-116836707 .md h3,
+.d2-116836707 .md h4,
+.d2-116836707 .md h5,
+.d2-116836707 .md h6 {
   margin-top: 24px;
   margin-bottom: 16px;
   font-weight: 600;
@@ -336,222 +336,222 @@
   font-family: "d2-116836707-font-regular";
 }
 
-.md h2 {
+.d2-116836707 .md h2 {
   font-weight: 600;
   padding-bottom: 0.3em;
   font-size: 1.5em;
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md h3 {
+.d2-116836707 .md h3 {
   font-weight: 600;
   font-size: 1.25em;
 }
 
-.md h4 {
+.d2-116836707 .md h4 {
   font-weight: 600;
   font-size: 1em;
 }
 
-.md h5 {
+.d2-116836707 .md h5 {
   font-weight: 600;
   font-size: 0.875em;
 }
 
-.md h6 {
+.d2-116836707 .md h6 {
   font-weight: 600;
   font-size: 0.85em;
   color: var(--color-fg-muted);
 }
 
-.md p {
+.d2-116836707 .md p {
   margin-top: 0;
   margin-bottom: 10px;
 }
 
-.md blockquote {
+.d2-116836707 .md blockquote {
   margin: 0;
   padding: 0 1em;
   color: var(--color-fg-muted);
   border-left: 0.25em solid var(--color-border-default);
 }
 
-.md ul,
-.md ol {
+.d2-116836707 .md ul,
+.d2-116836707 .md ol {
   margin-top: 0;
   margin-bottom: 0;
   padding-left: 2em;
 }
 
-.md ol ol,
-.md ul ol {
+.d2-116836707 .md ol ol,
+.d2-116836707 .md ul ol {
   list-style-type: lower-roman;
 }
 
-.md ul ul ol,
-.md ul ol ol,
-.md ol ul ol,
-.md ol ol ol {
+.d2-116836707 .md ul ul ol,
+.d2-116836707 .md ul ol ol,
+.d2-116836707 .md ol ul ol,
+.d2-116836707 .md ol ol ol {
   list-style-type: lower-alpha;
 }
 
-.md dd {
+.d2-116836707 .md dd {
   margin-left: 0;
 }
 
-.md pre {
+.d2-116836707 .md pre {
   margin-top: 0;
   margin-bottom: 0;
   word-wrap: normal;
 }
 
-.md ::placeholder {
+.d2-116836707 .md ::placeholder {
   color: var(--color-fg-subtle);
   opacity: 1;
 }
 
-.md input::-webkit-outer-spin-button,
-.md input::-webkit-inner-spin-button {
+.d2-116836707 .md input::-webkit-outer-spin-button,
+.d2-116836707 .md input::-webkit-inner-spin-button {
   margin: 0;
   -webkit-appearance: none;
   appearance: none;
 }
 
-.md::before {
+.d2-116836707 .md::before {
   display: table;
   content: "";
 }
 
-.md::after {
+.d2-116836707 .md::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md > *:first-child {
+.d2-116836707 .md > *:first-child {
   margin-top: 0 !important;
 }
 
-.md > *:last-child {
+.d2-116836707 .md > *:last-child {
   margin-bottom: 0 !important;
 }
 
-.md a:not([href]) {
+.d2-116836707 .md a:not([href]) {
   color: inherit;
   text-decoration: none;
 }
 
-.md .absent {
+.d2-116836707 .md .absent {
   color: var(--color-danger-fg);
 }
 
-.md .anchor {
+.d2-116836707 .md .anchor {
   float: left;
   padding-right: 4px;
   margin-left: -20px;
   line-height: 1;
 }
 
-.md .anchor:focus {
+.d2-116836707 .md .anchor:focus {
   outline: none;
 }
 
-.md p,
-.md blockquote,
-.md ul,
-.md ol,
-.md dl,
-.md table,
-.md pre,
-.md details {
+.d2-116836707 .md p,
+.d2-116836707 .md blockquote,
+.d2-116836707 .md ul,
+.d2-116836707 .md ol,
+.d2-116836707 .md dl,
+.d2-116836707 .md table,
+.d2-116836707 .md pre,
+.d2-116836707 .md details {
   margin-top: 0;
   margin-bottom: 16px;
 }
 
-.md blockquote > :first-child {
+.d2-116836707 .md blockquote > :first-child {
   margin-top: 0;
 }
 
-.md blockquote > :last-child {
+.d2-116836707 .md blockquote > :last-child {
   margin-bottom: 0;
 }
 
-.md sup > a::before {
+.d2-116836707 .md sup > a::before {
   content: "[";
 }
 
-.md sup > a::after {
+.d2-116836707 .md sup > a::after {
   content: "]";
 }
 
-.md h1:hover .anchor,
-.md h2:hover .anchor,
-.md h3:hover .anchor,
-.md h4:hover .anchor,
-.md h5:hover .anchor,
-.md h6:hover .anchor {
+.d2-116836707 .md h1:hover .anchor,
+.d2-116836707 .md h2:hover .anchor,
+.d2-116836707 .md h3:hover .anchor,
+.d2-116836707 .md h4:hover .anchor,
+.d2-116836707 .md h5:hover .anchor,
+.d2-116836707 .md h6:hover .anchor {
   text-decoration: none;
 }
 
-.md h1 tt,
-.md h1 code,
-.md h2 tt,
-.md h2 code,
-.md h3 tt,
-.md h3 code,
-.md h4 tt,
-.md h4 code,
-.md h5 tt,
-.md h5 code,
-.md h6 tt,
-.md h6 code {
+.d2-116836707 .md h1 tt,
+.d2-116836707 .md h1 code,
+.d2-116836707 .md h2 tt,
+.d2-116836707 .md h2 code,
+.d2-116836707 .md h3 tt,
+.d2-116836707 .md h3 code,
+.d2-116836707 .md h4 tt,
+.d2-116836707 .md h4 code,
+.d2-116836707 .md h5 tt,
+.d2-116836707 .md h5 code,
+.d2-116836707 .md h6 tt,
+.d2-116836707 .md h6 code {
   padding: 0 0.2em;
   font-size: inherit;
 }
 
-.md ul.no-list,
-.md ol.no-list {
+.d2-116836707 .md ul.no-list,
+.d2-116836707 .md ol.no-list {
   padding: 0;
   list-style-type: none;
 }
 
-.md ol[type="1"] {
+.d2-116836707 .md ol[type="1"] {
   list-style-type: decimal;
 }
 
-.md ol[type="a"] {
+.d2-116836707 .md ol[type="a"] {
   list-style-type: lower-alpha;
 }
 
-.md ol[type="i"] {
+.d2-116836707 .md ol[type="i"] {
   list-style-type: lower-roman;
 }
 
-.md div > ol:not([type]) {
+.d2-116836707 .md div > ol:not([type]) {
   list-style-type: decimal;
 }
 
-.md ul ul,
-.md ul ol,
-.md ol ol,
-.md ol ul {
+.d2-116836707 .md ul ul,
+.d2-116836707 .md ul ol,
+.d2-116836707 .md ol ol,
+.d2-116836707 .md ol ul {
   margin-top: 0;
   margin-bottom: 0;
 }
 
-.md li > p {
+.d2-116836707 .md li > p {
   margin-top: 16px;
 }
 
-.md li + li {
+.d2-116836707 .md li + li {
   margin-top: 0.25em;
 }
 
-.md dl {
+.d2-116836707 .md dl {
   padding: 0;
 }
 
-.md dl dt {
+.d2-116836707 .md dl dt {
   padding: 0;
   margin-top: 16px;
   font-size: 1em;
@@ -559,48 +559,48 @@
   font-weight: 600;
 }
 
-.md dl dd {
+.d2-116836707 .md dl dd {
   padding: 0 16px;
   margin-bottom: 16px;
 }
 
-.md table th {
+.d2-116836707 .md table th {
   font-weight: 600;
 }
 
-.md table th,
-.md table td {
+.d2-116836707 .md table th,
+.d2-116836707 .md table td {
   padding: 6px 13px;
   border: 1px solid var(--color-border-default);
 }
 
-.md table tr {
+.d2-116836707 .md table tr {
   background-color: var(--color-canvas-default);
   border-top: 1px solid var(--color-border-muted);
 }
 
-.md table tr:nth-child(2n) {
+.d2-116836707 .md table tr:nth-child(2n) {
   background-color: var(--color-canvas-subtle);
 }
 
-.md table img {
+.d2-116836707 .md table img {
   background-color: transparent;
 }
 
-.md img[align="right"] {
+.d2-116836707 .md img[align="right"] {
   padding-left: 20px;
 }
 
-.md img[align="left"] {
+.d2-116836707 .md img[align="left"] {
   padding-right: 20px;
 }
 
-.md span.frame {
+.d2-116836707 .md span.frame {
   display: block;
   overflow: hidden;
 }
 
-.md span.frame > span {
+.d2-116836707 .md span.frame > span {
   display: block;
   float: left;
   width: auto;
@@ -610,81 +610,81 @@
   border: 1px solid var(--color-border-default);
 }
 
-.md span.frame span img {
+.d2-116836707 .md span.frame span img {
   display: block;
   float: left;
 }
 
-.md span.frame span span {
+.d2-116836707 .md span.frame span span {
   display: block;
   padding: 5px 0 0;
   clear: both;
   color: var(--color-fg-default);
 }
 
-.md span.align-center {
+.d2-116836707 .md span.align-center {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-center > span {
+.d2-116836707 .md span.align-center > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: center;
 }
 
-.md span.align-center span img {
+.d2-116836707 .md span.align-center span img {
   margin: 0 auto;
   text-align: center;
 }
 
-.md span.align-right {
+.d2-116836707 .md span.align-right {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-right > span {
+.d2-116836707 .md span.align-right > span {
   display: block;
   margin: 13px 0 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md span.align-right span img {
+.d2-116836707 .md span.align-right span img {
   margin: 0;
   text-align: right;
 }
 
-.md span.float-left {
+.d2-116836707 .md span.float-left {
   display: block;
   float: left;
   margin-right: 13px;
   overflow: hidden;
 }
 
-.md span.float-left span {
+.d2-116836707 .md span.float-left span {
   margin: 13px 0 0;
 }
 
-.md span.float-right {
+.d2-116836707 .md span.float-right {
   display: block;
   float: right;
   margin-left: 13px;
   overflow: hidden;
 }
 
-.md span.float-right > span {
+.d2-116836707 .md span.float-right > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md code,
-.md tt {
+.d2-116836707 .md code,
+.d2-116836707 .md tt {
   padding: 0.2em 0.4em;
   margin: 0;
   font-size: 85%;
@@ -692,20 +692,20 @@
   border-radius: 6px;
 }
 
-.md code br,
-.md tt br {
+.d2-116836707 .md code br,
+.d2-116836707 .md tt br {
   display: none;
 }
 
-.md del code {
+.d2-116836707 .md del code {
   text-decoration: inherit;
 }
 
-.md pre code {
+.d2-116836707 .md pre code {
   font-size: 100%;
 }
 
-.md pre > code {
+.d2-116836707 .md pre > code {
   padding: 0;
   margin: 0;
   word-break: normal;
@@ -714,17 +714,17 @@
   border: 0;
 }
 
-.md .highlight {
+.d2-116836707 .md .highlight {
   margin-bottom: 16px;
 }
 
-.md .highlight pre {
+.d2-116836707 .md .highlight pre {
   margin-bottom: 0;
   word-break: normal;
 }
 
-.md .highlight pre,
-.md pre {
+.d2-116836707 .md .highlight pre,
+.d2-116836707 .md pre {
   padding: 16px;
   overflow: auto;
   font-size: 85%;
@@ -733,8 +733,8 @@
   border-radius: 6px;
 }
 
-.md pre code,
-.md pre tt {
+.d2-116836707 .md pre code,
+.d2-116836707 .md pre tt {
   display: inline;
   max-width: auto;
   padding: 0;
@@ -746,8 +746,8 @@
   border: 0;
 }
 
-.md .csv-data td,
-.md .csv-data th {
+.d2-116836707 .md .csv-data td,
+.d2-116836707 .md .csv-data th {
   padding: 5px;
   overflow: hidden;
   font-size: 12px;
@@ -756,38 +756,38 @@
   white-space: nowrap;
 }
 
-.md .csv-data .blob-num {
+.d2-116836707 .md .csv-data .blob-num {
   padding: 10px 8px 9px;
   text-align: right;
   background: var(--color-canvas-default);
   border: 0;
 }
 
-.md .csv-data tr {
+.d2-116836707 .md .csv-data tr {
   border-top: 0;
 }
 
-.md .csv-data th {
+.d2-116836707 .md .csv-data th {
   font-weight: 600;
   background: var(--color-canvas-subtle);
   border-top: 0;
 }
 
-.md .footnotes {
+.d2-116836707 .md .footnotes {
   font-size: 12px;
   color: var(--color-fg-muted);
   border-top: 1px solid var(--color-border-default);
 }
 
-.md .footnotes ol {
+.d2-116836707 .md .footnotes ol {
   padding-left: 16px;
 }
 
-.md .footnotes li {
+.d2-116836707 .md .footnotes li {
   position: relative;
 }
 
-.md .footnotes li:target::before {
+.d2-116836707 .md .footnotes li:target::before {
   position: absolute;
   top: -8px;
   right: -8px;
@@ -799,36 +799,36 @@
   border-radius: 6px;
 }
 
-.md .footnotes li:target {
+.d2-116836707 .md .footnotes li:target {
   color: var(--color-fg-default);
 }
 
-.md .task-list-item {
+.d2-116836707 .md .task-list-item {
   list-style-type: none;
 }
 
-.md .task-list-item label {
+.d2-116836707 .md .task-list-item label {
   font-weight: 400;
 }
 
-.md .task-list-item.enabled label {
+.d2-116836707 .md .task-list-item.enabled label {
   cursor: pointer;
 }
 
-.md .task-list-item + .task-list-item {
+.d2-116836707 .md .task-list-item + .task-list-item {
   margin-top: 3px;
 }
 
-.md .task-list-item .handle {
+.d2-116836707 .md .task-list-item .handle {
   display: none;
 }
 
-.md .task-list-item-checkbox {
+.d2-116836707 .md .task-list-item-checkbox {
   margin: 0 0.2em 0.25em -1.6em;
   vertical-align: middle;
 }
 
-.md .contains-task-list:dir(rtl) .task-list-item-checkbox {
+.d2-116836707 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
 </style><g id="markdown"><g class="shape" ><rect x="12.000000" y="12.000000" width="559.000000" height="148.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="291.500000" y="45.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">markdown</text></g><g id="markdown.md"><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 />
diff --git a/e2etests/testdata/stable/md_code_block_fenced/dagre/sketch.exp.svg b/e2etests/testdata/stable/md_code_block_fenced/dagre/sketch.exp.svg
index 48e902f8b..cb82d1fcd 100644
--- a/e2etests/testdata/stable/md_code_block_fenced/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/md_code_block_fenced/dagre/sketch.exp.svg
@@ -103,31 +103,31 @@
 		.d2-3384886150 .color-AA4{color:#EDF0FD;}
 		.d2-3384886150 .color-AA5{color:#F7F8FE;}
 		.d2-3384886150 .color-AB4{color:#EDF0FD;}
-		.d2-3384886150 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.md em,
-.md dfn {
+		.d2-3384886150 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.d2-3384886150 .md em,
+.d2-3384886150 .md dfn {
   font-family: "d2-3384886150-font-italic";
 }
 
-.md b,
-.md strong {
+.d2-3384886150 .md b,
+.d2-3384886150 .md strong {
   font-family: "d2-3384886150-font-bold";
 }
 
-.md code,
-.md kbd,
-.md pre,
-.md samp {
+.d2-3384886150 .md code,
+.d2-3384886150 .md kbd,
+.d2-3384886150 .md pre,
+.d2-3384886150 .md samp {
   font-family: "d2-3384886150-font-mono";
   font-size: 1em;
 }
 
-.md {
+.d2-3384886150 .md {
   tab-size: 4;
 }
 
 /* variables are provided in d2renderers/d2svg/d2svg.go */
 
-.md {
+.d2-3384886150 .md {
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
   margin: 0;
@@ -139,41 +139,41 @@
   word-wrap: break-word;
 }
 
-.md details,
-.md figcaption,
-.md figure {
+.d2-3384886150 .md details,
+.d2-3384886150 .md figcaption,
+.d2-3384886150 .md figure {
   display: block;
 }
 
-.md summary {
+.d2-3384886150 .md summary {
   display: list-item;
 }
 
-.md [hidden] {
+.d2-3384886150 .md [hidden] {
   display: none !important;
 }
 
-.md a {
+.d2-3384886150 .md a {
   background-color: transparent;
   color: var(--color-accent-fg);
   text-decoration: none;
 }
 
-.md a:active,
-.md a:hover {
+.d2-3384886150 .md a:active,
+.d2-3384886150 .md a:hover {
   outline-width: 0;
 }
 
-.md abbr[title] {
+.d2-3384886150 .md abbr[title] {
   border-bottom: none;
   text-decoration: underline dotted;
 }
 
-.md dfn {
+.d2-3384886150 .md dfn {
   font-style: italic;
 }
 
-.md h1 {
+.d2-3384886150 .md h1 {
   margin: 0.67em 0;
   font-weight: 600;
   padding-bottom: 0.3em;
@@ -181,43 +181,43 @@
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md mark {
+.d2-3384886150 .md mark {
   background-color: var(--color-attention-subtle);
   color: var(--color-text-primary);
 }
 
-.md small {
+.d2-3384886150 .md small {
   font-size: 90%;
 }
 
-.md sub,
-.md sup {
+.d2-3384886150 .md sub,
+.d2-3384886150 .md sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
 }
 
-.md sub {
+.d2-3384886150 .md sub {
   bottom: -0.25em;
 }
 
-.md sup {
+.d2-3384886150 .md sup {
   top: -0.5em;
 }
 
-.md img {
+.d2-3384886150 .md img {
   border-style: none;
   max-width: 100%;
   box-sizing: content-box;
   background-color: var(--color-canvas-default);
 }
 
-.md figure {
+.d2-3384886150 .md figure {
   margin: 1em 40px;
 }
 
-.md hr {
+.d2-3384886150 .md hr {
   box-sizing: content-box;
   overflow: hidden;
   background: transparent;
@@ -229,7 +229,7 @@
   border: 0;
 }
 
-.md input {
+.d2-3384886150 .md input {
   font: inherit;
   margin: 0;
   overflow: visible;
@@ -238,72 +238,72 @@
   line-height: inherit;
 }
 
-.md [type="button"],
-.md [type="reset"],
-.md [type="submit"] {
+.d2-3384886150 .md [type="button"],
+.d2-3384886150 .md [type="reset"],
+.d2-3384886150 .md [type="submit"] {
   -webkit-appearance: button;
 }
 
-.md [type="button"]::-moz-focus-inner,
-.md [type="reset"]::-moz-focus-inner,
-.md [type="submit"]::-moz-focus-inner {
+.d2-3384886150 .md [type="button"]::-moz-focus-inner,
+.d2-3384886150 .md [type="reset"]::-moz-focus-inner,
+.d2-3384886150 .md [type="submit"]::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.md [type="button"]:-moz-focusring,
-.md [type="reset"]:-moz-focusring,
-.md [type="submit"]:-moz-focusring {
+.d2-3384886150 .md [type="button"]:-moz-focusring,
+.d2-3384886150 .md [type="reset"]:-moz-focusring,
+.d2-3384886150 .md [type="submit"]:-moz-focusring {
   outline: 1px dotted ButtonText;
 }
 
-.md [type="checkbox"],
-.md [type="radio"] {
+.d2-3384886150 .md [type="checkbox"],
+.d2-3384886150 .md [type="radio"] {
   box-sizing: border-box;
   padding: 0;
 }
 
-.md [type="number"]::-webkit-inner-spin-button,
-.md [type="number"]::-webkit-outer-spin-button {
+.d2-3384886150 .md [type="number"]::-webkit-inner-spin-button,
+.d2-3384886150 .md [type="number"]::-webkit-outer-spin-button {
   height: auto;
 }
 
-.md [type="search"] {
+.d2-3384886150 .md [type="search"] {
   -webkit-appearance: textfield;
   outline-offset: -2px;
 }
 
-.md [type="search"]::-webkit-search-cancel-button,
-.md [type="search"]::-webkit-search-decoration {
+.d2-3384886150 .md [type="search"]::-webkit-search-cancel-button,
+.d2-3384886150 .md [type="search"]::-webkit-search-decoration {
   -webkit-appearance: none;
 }
 
-.md ::-webkit-input-placeholder {
+.d2-3384886150 .md ::-webkit-input-placeholder {
   color: inherit;
   opacity: 0.54;
 }
 
-.md ::-webkit-file-upload-button {
+.d2-3384886150 .md ::-webkit-file-upload-button {
   -webkit-appearance: button;
   font: inherit;
 }
 
-.md a:hover {
+.d2-3384886150 .md a:hover {
   text-decoration: underline;
 }
 
-.md hr::before {
+.d2-3384886150 .md hr::before {
   display: table;
   content: "";
 }
 
-.md hr::after {
+.d2-3384886150 .md hr::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md table {
+.d2-3384886150 .md table {
   border-spacing: 0;
   border-collapse: collapse;
   display: block;
@@ -312,20 +312,20 @@
   overflow: auto;
 }
 
-.md td,
-.md th {
+.d2-3384886150 .md td,
+.d2-3384886150 .md th {
   padding: 0;
 }
 
-.md details summary {
+.d2-3384886150 .md details summary {
   cursor: pointer;
 }
 
-.md details:not([open]) > *:not(summary) {
+.d2-3384886150 .md details:not([open]) > *:not(summary) {
   display: none !important;
 }
 
-.md kbd {
+.d2-3384886150 .md kbd {
   display: inline-block;
   padding: 3px 5px;
   color: var(--color-fg-default);
@@ -337,12 +337,12 @@
   box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
 }
 
-.md h1,
-.md h2,
-.md h3,
-.md h4,
-.md h5,
-.md h6 {
+.d2-3384886150 .md h1,
+.d2-3384886150 .md h2,
+.d2-3384886150 .md h3,
+.d2-3384886150 .md h4,
+.d2-3384886150 .md h5,
+.d2-3384886150 .md h6 {
   margin-top: 24px;
   margin-bottom: 16px;
   font-weight: 600;
@@ -350,222 +350,222 @@
   font-family: "d2-3384886150-font-regular";
 }
 
-.md h2 {
+.d2-3384886150 .md h2 {
   font-weight: 600;
   padding-bottom: 0.3em;
   font-size: 1.5em;
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md h3 {
+.d2-3384886150 .md h3 {
   font-weight: 600;
   font-size: 1.25em;
 }
 
-.md h4 {
+.d2-3384886150 .md h4 {
   font-weight: 600;
   font-size: 1em;
 }
 
-.md h5 {
+.d2-3384886150 .md h5 {
   font-weight: 600;
   font-size: 0.875em;
 }
 
-.md h6 {
+.d2-3384886150 .md h6 {
   font-weight: 600;
   font-size: 0.85em;
   color: var(--color-fg-muted);
 }
 
-.md p {
+.d2-3384886150 .md p {
   margin-top: 0;
   margin-bottom: 10px;
 }
 
-.md blockquote {
+.d2-3384886150 .md blockquote {
   margin: 0;
   padding: 0 1em;
   color: var(--color-fg-muted);
   border-left: 0.25em solid var(--color-border-default);
 }
 
-.md ul,
-.md ol {
+.d2-3384886150 .md ul,
+.d2-3384886150 .md ol {
   margin-top: 0;
   margin-bottom: 0;
   padding-left: 2em;
 }
 
-.md ol ol,
-.md ul ol {
+.d2-3384886150 .md ol ol,
+.d2-3384886150 .md ul ol {
   list-style-type: lower-roman;
 }
 
-.md ul ul ol,
-.md ul ol ol,
-.md ol ul ol,
-.md ol ol ol {
+.d2-3384886150 .md ul ul ol,
+.d2-3384886150 .md ul ol ol,
+.d2-3384886150 .md ol ul ol,
+.d2-3384886150 .md ol ol ol {
   list-style-type: lower-alpha;
 }
 
-.md dd {
+.d2-3384886150 .md dd {
   margin-left: 0;
 }
 
-.md pre {
+.d2-3384886150 .md pre {
   margin-top: 0;
   margin-bottom: 0;
   word-wrap: normal;
 }
 
-.md ::placeholder {
+.d2-3384886150 .md ::placeholder {
   color: var(--color-fg-subtle);
   opacity: 1;
 }
 
-.md input::-webkit-outer-spin-button,
-.md input::-webkit-inner-spin-button {
+.d2-3384886150 .md input::-webkit-outer-spin-button,
+.d2-3384886150 .md input::-webkit-inner-spin-button {
   margin: 0;
   -webkit-appearance: none;
   appearance: none;
 }
 
-.md::before {
+.d2-3384886150 .md::before {
   display: table;
   content: "";
 }
 
-.md::after {
+.d2-3384886150 .md::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md > *:first-child {
+.d2-3384886150 .md > *:first-child {
   margin-top: 0 !important;
 }
 
-.md > *:last-child {
+.d2-3384886150 .md > *:last-child {
   margin-bottom: 0 !important;
 }
 
-.md a:not([href]) {
+.d2-3384886150 .md a:not([href]) {
   color: inherit;
   text-decoration: none;
 }
 
-.md .absent {
+.d2-3384886150 .md .absent {
   color: var(--color-danger-fg);
 }
 
-.md .anchor {
+.d2-3384886150 .md .anchor {
   float: left;
   padding-right: 4px;
   margin-left: -20px;
   line-height: 1;
 }
 
-.md .anchor:focus {
+.d2-3384886150 .md .anchor:focus {
   outline: none;
 }
 
-.md p,
-.md blockquote,
-.md ul,
-.md ol,
-.md dl,
-.md table,
-.md pre,
-.md details {
+.d2-3384886150 .md p,
+.d2-3384886150 .md blockquote,
+.d2-3384886150 .md ul,
+.d2-3384886150 .md ol,
+.d2-3384886150 .md dl,
+.d2-3384886150 .md table,
+.d2-3384886150 .md pre,
+.d2-3384886150 .md details {
   margin-top: 0;
   margin-bottom: 16px;
 }
 
-.md blockquote > :first-child {
+.d2-3384886150 .md blockquote > :first-child {
   margin-top: 0;
 }
 
-.md blockquote > :last-child {
+.d2-3384886150 .md blockquote > :last-child {
   margin-bottom: 0;
 }
 
-.md sup > a::before {
+.d2-3384886150 .md sup > a::before {
   content: "[";
 }
 
-.md sup > a::after {
+.d2-3384886150 .md sup > a::after {
   content: "]";
 }
 
-.md h1:hover .anchor,
-.md h2:hover .anchor,
-.md h3:hover .anchor,
-.md h4:hover .anchor,
-.md h5:hover .anchor,
-.md h6:hover .anchor {
+.d2-3384886150 .md h1:hover .anchor,
+.d2-3384886150 .md h2:hover .anchor,
+.d2-3384886150 .md h3:hover .anchor,
+.d2-3384886150 .md h4:hover .anchor,
+.d2-3384886150 .md h5:hover .anchor,
+.d2-3384886150 .md h6:hover .anchor {
   text-decoration: none;
 }
 
-.md h1 tt,
-.md h1 code,
-.md h2 tt,
-.md h2 code,
-.md h3 tt,
-.md h3 code,
-.md h4 tt,
-.md h4 code,
-.md h5 tt,
-.md h5 code,
-.md h6 tt,
-.md h6 code {
+.d2-3384886150 .md h1 tt,
+.d2-3384886150 .md h1 code,
+.d2-3384886150 .md h2 tt,
+.d2-3384886150 .md h2 code,
+.d2-3384886150 .md h3 tt,
+.d2-3384886150 .md h3 code,
+.d2-3384886150 .md h4 tt,
+.d2-3384886150 .md h4 code,
+.d2-3384886150 .md h5 tt,
+.d2-3384886150 .md h5 code,
+.d2-3384886150 .md h6 tt,
+.d2-3384886150 .md h6 code {
   padding: 0 0.2em;
   font-size: inherit;
 }
 
-.md ul.no-list,
-.md ol.no-list {
+.d2-3384886150 .md ul.no-list,
+.d2-3384886150 .md ol.no-list {
   padding: 0;
   list-style-type: none;
 }
 
-.md ol[type="1"] {
+.d2-3384886150 .md ol[type="1"] {
   list-style-type: decimal;
 }
 
-.md ol[type="a"] {
+.d2-3384886150 .md ol[type="a"] {
   list-style-type: lower-alpha;
 }
 
-.md ol[type="i"] {
+.d2-3384886150 .md ol[type="i"] {
   list-style-type: lower-roman;
 }
 
-.md div > ol:not([type]) {
+.d2-3384886150 .md div > ol:not([type]) {
   list-style-type: decimal;
 }
 
-.md ul ul,
-.md ul ol,
-.md ol ol,
-.md ol ul {
+.d2-3384886150 .md ul ul,
+.d2-3384886150 .md ul ol,
+.d2-3384886150 .md ol ol,
+.d2-3384886150 .md ol ul {
   margin-top: 0;
   margin-bottom: 0;
 }
 
-.md li > p {
+.d2-3384886150 .md li > p {
   margin-top: 16px;
 }
 
-.md li + li {
+.d2-3384886150 .md li + li {
   margin-top: 0.25em;
 }
 
-.md dl {
+.d2-3384886150 .md dl {
   padding: 0;
 }
 
-.md dl dt {
+.d2-3384886150 .md dl dt {
   padding: 0;
   margin-top: 16px;
   font-size: 1em;
@@ -573,48 +573,48 @@
   font-weight: 600;
 }
 
-.md dl dd {
+.d2-3384886150 .md dl dd {
   padding: 0 16px;
   margin-bottom: 16px;
 }
 
-.md table th {
+.d2-3384886150 .md table th {
   font-weight: 600;
 }
 
-.md table th,
-.md table td {
+.d2-3384886150 .md table th,
+.d2-3384886150 .md table td {
   padding: 6px 13px;
   border: 1px solid var(--color-border-default);
 }
 
-.md table tr {
+.d2-3384886150 .md table tr {
   background-color: var(--color-canvas-default);
   border-top: 1px solid var(--color-border-muted);
 }
 
-.md table tr:nth-child(2n) {
+.d2-3384886150 .md table tr:nth-child(2n) {
   background-color: var(--color-canvas-subtle);
 }
 
-.md table img {
+.d2-3384886150 .md table img {
   background-color: transparent;
 }
 
-.md img[align="right"] {
+.d2-3384886150 .md img[align="right"] {
   padding-left: 20px;
 }
 
-.md img[align="left"] {
+.d2-3384886150 .md img[align="left"] {
   padding-right: 20px;
 }
 
-.md span.frame {
+.d2-3384886150 .md span.frame {
   display: block;
   overflow: hidden;
 }
 
-.md span.frame > span {
+.d2-3384886150 .md span.frame > span {
   display: block;
   float: left;
   width: auto;
@@ -624,81 +624,81 @@
   border: 1px solid var(--color-border-default);
 }
 
-.md span.frame span img {
+.d2-3384886150 .md span.frame span img {
   display: block;
   float: left;
 }
 
-.md span.frame span span {
+.d2-3384886150 .md span.frame span span {
   display: block;
   padding: 5px 0 0;
   clear: both;
   color: var(--color-fg-default);
 }
 
-.md span.align-center {
+.d2-3384886150 .md span.align-center {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-center > span {
+.d2-3384886150 .md span.align-center > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: center;
 }
 
-.md span.align-center span img {
+.d2-3384886150 .md span.align-center span img {
   margin: 0 auto;
   text-align: center;
 }
 
-.md span.align-right {
+.d2-3384886150 .md span.align-right {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-right > span {
+.d2-3384886150 .md span.align-right > span {
   display: block;
   margin: 13px 0 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md span.align-right span img {
+.d2-3384886150 .md span.align-right span img {
   margin: 0;
   text-align: right;
 }
 
-.md span.float-left {
+.d2-3384886150 .md span.float-left {
   display: block;
   float: left;
   margin-right: 13px;
   overflow: hidden;
 }
 
-.md span.float-left span {
+.d2-3384886150 .md span.float-left span {
   margin: 13px 0 0;
 }
 
-.md span.float-right {
+.d2-3384886150 .md span.float-right {
   display: block;
   float: right;
   margin-left: 13px;
   overflow: hidden;
 }
 
-.md span.float-right > span {
+.d2-3384886150 .md span.float-right > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md code,
-.md tt {
+.d2-3384886150 .md code,
+.d2-3384886150 .md tt {
   padding: 0.2em 0.4em;
   margin: 0;
   font-size: 85%;
@@ -706,20 +706,20 @@
   border-radius: 6px;
 }
 
-.md code br,
-.md tt br {
+.d2-3384886150 .md code br,
+.d2-3384886150 .md tt br {
   display: none;
 }
 
-.md del code {
+.d2-3384886150 .md del code {
   text-decoration: inherit;
 }
 
-.md pre code {
+.d2-3384886150 .md pre code {
   font-size: 100%;
 }
 
-.md pre > code {
+.d2-3384886150 .md pre > code {
   padding: 0;
   margin: 0;
   word-break: normal;
@@ -728,17 +728,17 @@
   border: 0;
 }
 
-.md .highlight {
+.d2-3384886150 .md .highlight {
   margin-bottom: 16px;
 }
 
-.md .highlight pre {
+.d2-3384886150 .md .highlight pre {
   margin-bottom: 0;
   word-break: normal;
 }
 
-.md .highlight pre,
-.md pre {
+.d2-3384886150 .md .highlight pre,
+.d2-3384886150 .md pre {
   padding: 16px;
   overflow: auto;
   font-size: 85%;
@@ -747,8 +747,8 @@
   border-radius: 6px;
 }
 
-.md pre code,
-.md pre tt {
+.d2-3384886150 .md pre code,
+.d2-3384886150 .md pre tt {
   display: inline;
   max-width: auto;
   padding: 0;
@@ -760,8 +760,8 @@
   border: 0;
 }
 
-.md .csv-data td,
-.md .csv-data th {
+.d2-3384886150 .md .csv-data td,
+.d2-3384886150 .md .csv-data th {
   padding: 5px;
   overflow: hidden;
   font-size: 12px;
@@ -770,38 +770,38 @@
   white-space: nowrap;
 }
 
-.md .csv-data .blob-num {
+.d2-3384886150 .md .csv-data .blob-num {
   padding: 10px 8px 9px;
   text-align: right;
   background: var(--color-canvas-default);
   border: 0;
 }
 
-.md .csv-data tr {
+.d2-3384886150 .md .csv-data tr {
   border-top: 0;
 }
 
-.md .csv-data th {
+.d2-3384886150 .md .csv-data th {
   font-weight: 600;
   background: var(--color-canvas-subtle);
   border-top: 0;
 }
 
-.md .footnotes {
+.d2-3384886150 .md .footnotes {
   font-size: 12px;
   color: var(--color-fg-muted);
   border-top: 1px solid var(--color-border-default);
 }
 
-.md .footnotes ol {
+.d2-3384886150 .md .footnotes ol {
   padding-left: 16px;
 }
 
-.md .footnotes li {
+.d2-3384886150 .md .footnotes li {
   position: relative;
 }
 
-.md .footnotes li:target::before {
+.d2-3384886150 .md .footnotes li:target::before {
   position: absolute;
   top: -8px;
   right: -8px;
@@ -813,36 +813,36 @@
   border-radius: 6px;
 }
 
-.md .footnotes li:target {
+.d2-3384886150 .md .footnotes li:target {
   color: var(--color-fg-default);
 }
 
-.md .task-list-item {
+.d2-3384886150 .md .task-list-item {
   list-style-type: none;
 }
 
-.md .task-list-item label {
+.d2-3384886150 .md .task-list-item label {
   font-weight: 400;
 }
 
-.md .task-list-item.enabled label {
+.d2-3384886150 .md .task-list-item.enabled label {
   cursor: pointer;
 }
 
-.md .task-list-item + .task-list-item {
+.d2-3384886150 .md .task-list-item + .task-list-item {
   margin-top: 3px;
 }
 
-.md .task-list-item .handle {
+.d2-3384886150 .md .task-list-item .handle {
   display: none;
 }
 
-.md .task-list-item-checkbox {
+.d2-3384886150 .md .task-list-item-checkbox {
   margin: 0 0.2em 0.25em -1.6em;
   vertical-align: middle;
 }
 
-.md .contains-task-list:dir(rtl) .task-list-item-checkbox {
+.d2-3384886150 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
 </style><g id="md"><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>{
diff --git a/e2etests/testdata/stable/md_code_block_fenced/elk/sketch.exp.svg b/e2etests/testdata/stable/md_code_block_fenced/elk/sketch.exp.svg
index a002873ce..47e249ac5 100644
--- a/e2etests/testdata/stable/md_code_block_fenced/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/md_code_block_fenced/elk/sketch.exp.svg
@@ -103,31 +103,31 @@
 		.d2-1893882329 .color-AA4{color:#EDF0FD;}
 		.d2-1893882329 .color-AA5{color:#F7F8FE;}
 		.d2-1893882329 .color-AB4{color:#EDF0FD;}
-		.d2-1893882329 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.md em,
-.md dfn {
+		.d2-1893882329 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.d2-1893882329 .md em,
+.d2-1893882329 .md dfn {
   font-family: "d2-1893882329-font-italic";
 }
 
-.md b,
-.md strong {
+.d2-1893882329 .md b,
+.d2-1893882329 .md strong {
   font-family: "d2-1893882329-font-bold";
 }
 
-.md code,
-.md kbd,
-.md pre,
-.md samp {
+.d2-1893882329 .md code,
+.d2-1893882329 .md kbd,
+.d2-1893882329 .md pre,
+.d2-1893882329 .md samp {
   font-family: "d2-1893882329-font-mono";
   font-size: 1em;
 }
 
-.md {
+.d2-1893882329 .md {
   tab-size: 4;
 }
 
 /* variables are provided in d2renderers/d2svg/d2svg.go */
 
-.md {
+.d2-1893882329 .md {
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
   margin: 0;
@@ -139,41 +139,41 @@
   word-wrap: break-word;
 }
 
-.md details,
-.md figcaption,
-.md figure {
+.d2-1893882329 .md details,
+.d2-1893882329 .md figcaption,
+.d2-1893882329 .md figure {
   display: block;
 }
 
-.md summary {
+.d2-1893882329 .md summary {
   display: list-item;
 }
 
-.md [hidden] {
+.d2-1893882329 .md [hidden] {
   display: none !important;
 }
 
-.md a {
+.d2-1893882329 .md a {
   background-color: transparent;
   color: var(--color-accent-fg);
   text-decoration: none;
 }
 
-.md a:active,
-.md a:hover {
+.d2-1893882329 .md a:active,
+.d2-1893882329 .md a:hover {
   outline-width: 0;
 }
 
-.md abbr[title] {
+.d2-1893882329 .md abbr[title] {
   border-bottom: none;
   text-decoration: underline dotted;
 }
 
-.md dfn {
+.d2-1893882329 .md dfn {
   font-style: italic;
 }
 
-.md h1 {
+.d2-1893882329 .md h1 {
   margin: 0.67em 0;
   font-weight: 600;
   padding-bottom: 0.3em;
@@ -181,43 +181,43 @@
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md mark {
+.d2-1893882329 .md mark {
   background-color: var(--color-attention-subtle);
   color: var(--color-text-primary);
 }
 
-.md small {
+.d2-1893882329 .md small {
   font-size: 90%;
 }
 
-.md sub,
-.md sup {
+.d2-1893882329 .md sub,
+.d2-1893882329 .md sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
 }
 
-.md sub {
+.d2-1893882329 .md sub {
   bottom: -0.25em;
 }
 
-.md sup {
+.d2-1893882329 .md sup {
   top: -0.5em;
 }
 
-.md img {
+.d2-1893882329 .md img {
   border-style: none;
   max-width: 100%;
   box-sizing: content-box;
   background-color: var(--color-canvas-default);
 }
 
-.md figure {
+.d2-1893882329 .md figure {
   margin: 1em 40px;
 }
 
-.md hr {
+.d2-1893882329 .md hr {
   box-sizing: content-box;
   overflow: hidden;
   background: transparent;
@@ -229,7 +229,7 @@
   border: 0;
 }
 
-.md input {
+.d2-1893882329 .md input {
   font: inherit;
   margin: 0;
   overflow: visible;
@@ -238,72 +238,72 @@
   line-height: inherit;
 }
 
-.md [type="button"],
-.md [type="reset"],
-.md [type="submit"] {
+.d2-1893882329 .md [type="button"],
+.d2-1893882329 .md [type="reset"],
+.d2-1893882329 .md [type="submit"] {
   -webkit-appearance: button;
 }
 
-.md [type="button"]::-moz-focus-inner,
-.md [type="reset"]::-moz-focus-inner,
-.md [type="submit"]::-moz-focus-inner {
+.d2-1893882329 .md [type="button"]::-moz-focus-inner,
+.d2-1893882329 .md [type="reset"]::-moz-focus-inner,
+.d2-1893882329 .md [type="submit"]::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.md [type="button"]:-moz-focusring,
-.md [type="reset"]:-moz-focusring,
-.md [type="submit"]:-moz-focusring {
+.d2-1893882329 .md [type="button"]:-moz-focusring,
+.d2-1893882329 .md [type="reset"]:-moz-focusring,
+.d2-1893882329 .md [type="submit"]:-moz-focusring {
   outline: 1px dotted ButtonText;
 }
 
-.md [type="checkbox"],
-.md [type="radio"] {
+.d2-1893882329 .md [type="checkbox"],
+.d2-1893882329 .md [type="radio"] {
   box-sizing: border-box;
   padding: 0;
 }
 
-.md [type="number"]::-webkit-inner-spin-button,
-.md [type="number"]::-webkit-outer-spin-button {
+.d2-1893882329 .md [type="number"]::-webkit-inner-spin-button,
+.d2-1893882329 .md [type="number"]::-webkit-outer-spin-button {
   height: auto;
 }
 
-.md [type="search"] {
+.d2-1893882329 .md [type="search"] {
   -webkit-appearance: textfield;
   outline-offset: -2px;
 }
 
-.md [type="search"]::-webkit-search-cancel-button,
-.md [type="search"]::-webkit-search-decoration {
+.d2-1893882329 .md [type="search"]::-webkit-search-cancel-button,
+.d2-1893882329 .md [type="search"]::-webkit-search-decoration {
   -webkit-appearance: none;
 }
 
-.md ::-webkit-input-placeholder {
+.d2-1893882329 .md ::-webkit-input-placeholder {
   color: inherit;
   opacity: 0.54;
 }
 
-.md ::-webkit-file-upload-button {
+.d2-1893882329 .md ::-webkit-file-upload-button {
   -webkit-appearance: button;
   font: inherit;
 }
 
-.md a:hover {
+.d2-1893882329 .md a:hover {
   text-decoration: underline;
 }
 
-.md hr::before {
+.d2-1893882329 .md hr::before {
   display: table;
   content: "";
 }
 
-.md hr::after {
+.d2-1893882329 .md hr::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md table {
+.d2-1893882329 .md table {
   border-spacing: 0;
   border-collapse: collapse;
   display: block;
@@ -312,20 +312,20 @@
   overflow: auto;
 }
 
-.md td,
-.md th {
+.d2-1893882329 .md td,
+.d2-1893882329 .md th {
   padding: 0;
 }
 
-.md details summary {
+.d2-1893882329 .md details summary {
   cursor: pointer;
 }
 
-.md details:not([open]) > *:not(summary) {
+.d2-1893882329 .md details:not([open]) > *:not(summary) {
   display: none !important;
 }
 
-.md kbd {
+.d2-1893882329 .md kbd {
   display: inline-block;
   padding: 3px 5px;
   color: var(--color-fg-default);
@@ -337,12 +337,12 @@
   box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
 }
 
-.md h1,
-.md h2,
-.md h3,
-.md h4,
-.md h5,
-.md h6 {
+.d2-1893882329 .md h1,
+.d2-1893882329 .md h2,
+.d2-1893882329 .md h3,
+.d2-1893882329 .md h4,
+.d2-1893882329 .md h5,
+.d2-1893882329 .md h6 {
   margin-top: 24px;
   margin-bottom: 16px;
   font-weight: 600;
@@ -350,222 +350,222 @@
   font-family: "d2-1893882329-font-regular";
 }
 
-.md h2 {
+.d2-1893882329 .md h2 {
   font-weight: 600;
   padding-bottom: 0.3em;
   font-size: 1.5em;
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md h3 {
+.d2-1893882329 .md h3 {
   font-weight: 600;
   font-size: 1.25em;
 }
 
-.md h4 {
+.d2-1893882329 .md h4 {
   font-weight: 600;
   font-size: 1em;
 }
 
-.md h5 {
+.d2-1893882329 .md h5 {
   font-weight: 600;
   font-size: 0.875em;
 }
 
-.md h6 {
+.d2-1893882329 .md h6 {
   font-weight: 600;
   font-size: 0.85em;
   color: var(--color-fg-muted);
 }
 
-.md p {
+.d2-1893882329 .md p {
   margin-top: 0;
   margin-bottom: 10px;
 }
 
-.md blockquote {
+.d2-1893882329 .md blockquote {
   margin: 0;
   padding: 0 1em;
   color: var(--color-fg-muted);
   border-left: 0.25em solid var(--color-border-default);
 }
 
-.md ul,
-.md ol {
+.d2-1893882329 .md ul,
+.d2-1893882329 .md ol {
   margin-top: 0;
   margin-bottom: 0;
   padding-left: 2em;
 }
 
-.md ol ol,
-.md ul ol {
+.d2-1893882329 .md ol ol,
+.d2-1893882329 .md ul ol {
   list-style-type: lower-roman;
 }
 
-.md ul ul ol,
-.md ul ol ol,
-.md ol ul ol,
-.md ol ol ol {
+.d2-1893882329 .md ul ul ol,
+.d2-1893882329 .md ul ol ol,
+.d2-1893882329 .md ol ul ol,
+.d2-1893882329 .md ol ol ol {
   list-style-type: lower-alpha;
 }
 
-.md dd {
+.d2-1893882329 .md dd {
   margin-left: 0;
 }
 
-.md pre {
+.d2-1893882329 .md pre {
   margin-top: 0;
   margin-bottom: 0;
   word-wrap: normal;
 }
 
-.md ::placeholder {
+.d2-1893882329 .md ::placeholder {
   color: var(--color-fg-subtle);
   opacity: 1;
 }
 
-.md input::-webkit-outer-spin-button,
-.md input::-webkit-inner-spin-button {
+.d2-1893882329 .md input::-webkit-outer-spin-button,
+.d2-1893882329 .md input::-webkit-inner-spin-button {
   margin: 0;
   -webkit-appearance: none;
   appearance: none;
 }
 
-.md::before {
+.d2-1893882329 .md::before {
   display: table;
   content: "";
 }
 
-.md::after {
+.d2-1893882329 .md::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md > *:first-child {
+.d2-1893882329 .md > *:first-child {
   margin-top: 0 !important;
 }
 
-.md > *:last-child {
+.d2-1893882329 .md > *:last-child {
   margin-bottom: 0 !important;
 }
 
-.md a:not([href]) {
+.d2-1893882329 .md a:not([href]) {
   color: inherit;
   text-decoration: none;
 }
 
-.md .absent {
+.d2-1893882329 .md .absent {
   color: var(--color-danger-fg);
 }
 
-.md .anchor {
+.d2-1893882329 .md .anchor {
   float: left;
   padding-right: 4px;
   margin-left: -20px;
   line-height: 1;
 }
 
-.md .anchor:focus {
+.d2-1893882329 .md .anchor:focus {
   outline: none;
 }
 
-.md p,
-.md blockquote,
-.md ul,
-.md ol,
-.md dl,
-.md table,
-.md pre,
-.md details {
+.d2-1893882329 .md p,
+.d2-1893882329 .md blockquote,
+.d2-1893882329 .md ul,
+.d2-1893882329 .md ol,
+.d2-1893882329 .md dl,
+.d2-1893882329 .md table,
+.d2-1893882329 .md pre,
+.d2-1893882329 .md details {
   margin-top: 0;
   margin-bottom: 16px;
 }
 
-.md blockquote > :first-child {
+.d2-1893882329 .md blockquote > :first-child {
   margin-top: 0;
 }
 
-.md blockquote > :last-child {
+.d2-1893882329 .md blockquote > :last-child {
   margin-bottom: 0;
 }
 
-.md sup > a::before {
+.d2-1893882329 .md sup > a::before {
   content: "[";
 }
 
-.md sup > a::after {
+.d2-1893882329 .md sup > a::after {
   content: "]";
 }
 
-.md h1:hover .anchor,
-.md h2:hover .anchor,
-.md h3:hover .anchor,
-.md h4:hover .anchor,
-.md h5:hover .anchor,
-.md h6:hover .anchor {
+.d2-1893882329 .md h1:hover .anchor,
+.d2-1893882329 .md h2:hover .anchor,
+.d2-1893882329 .md h3:hover .anchor,
+.d2-1893882329 .md h4:hover .anchor,
+.d2-1893882329 .md h5:hover .anchor,
+.d2-1893882329 .md h6:hover .anchor {
   text-decoration: none;
 }
 
-.md h1 tt,
-.md h1 code,
-.md h2 tt,
-.md h2 code,
-.md h3 tt,
-.md h3 code,
-.md h4 tt,
-.md h4 code,
-.md h5 tt,
-.md h5 code,
-.md h6 tt,
-.md h6 code {
+.d2-1893882329 .md h1 tt,
+.d2-1893882329 .md h1 code,
+.d2-1893882329 .md h2 tt,
+.d2-1893882329 .md h2 code,
+.d2-1893882329 .md h3 tt,
+.d2-1893882329 .md h3 code,
+.d2-1893882329 .md h4 tt,
+.d2-1893882329 .md h4 code,
+.d2-1893882329 .md h5 tt,
+.d2-1893882329 .md h5 code,
+.d2-1893882329 .md h6 tt,
+.d2-1893882329 .md h6 code {
   padding: 0 0.2em;
   font-size: inherit;
 }
 
-.md ul.no-list,
-.md ol.no-list {
+.d2-1893882329 .md ul.no-list,
+.d2-1893882329 .md ol.no-list {
   padding: 0;
   list-style-type: none;
 }
 
-.md ol[type="1"] {
+.d2-1893882329 .md ol[type="1"] {
   list-style-type: decimal;
 }
 
-.md ol[type="a"] {
+.d2-1893882329 .md ol[type="a"] {
   list-style-type: lower-alpha;
 }
 
-.md ol[type="i"] {
+.d2-1893882329 .md ol[type="i"] {
   list-style-type: lower-roman;
 }
 
-.md div > ol:not([type]) {
+.d2-1893882329 .md div > ol:not([type]) {
   list-style-type: decimal;
 }
 
-.md ul ul,
-.md ul ol,
-.md ol ol,
-.md ol ul {
+.d2-1893882329 .md ul ul,
+.d2-1893882329 .md ul ol,
+.d2-1893882329 .md ol ol,
+.d2-1893882329 .md ol ul {
   margin-top: 0;
   margin-bottom: 0;
 }
 
-.md li > p {
+.d2-1893882329 .md li > p {
   margin-top: 16px;
 }
 
-.md li + li {
+.d2-1893882329 .md li + li {
   margin-top: 0.25em;
 }
 
-.md dl {
+.d2-1893882329 .md dl {
   padding: 0;
 }
 
-.md dl dt {
+.d2-1893882329 .md dl dt {
   padding: 0;
   margin-top: 16px;
   font-size: 1em;
@@ -573,48 +573,48 @@
   font-weight: 600;
 }
 
-.md dl dd {
+.d2-1893882329 .md dl dd {
   padding: 0 16px;
   margin-bottom: 16px;
 }
 
-.md table th {
+.d2-1893882329 .md table th {
   font-weight: 600;
 }
 
-.md table th,
-.md table td {
+.d2-1893882329 .md table th,
+.d2-1893882329 .md table td {
   padding: 6px 13px;
   border: 1px solid var(--color-border-default);
 }
 
-.md table tr {
+.d2-1893882329 .md table tr {
   background-color: var(--color-canvas-default);
   border-top: 1px solid var(--color-border-muted);
 }
 
-.md table tr:nth-child(2n) {
+.d2-1893882329 .md table tr:nth-child(2n) {
   background-color: var(--color-canvas-subtle);
 }
 
-.md table img {
+.d2-1893882329 .md table img {
   background-color: transparent;
 }
 
-.md img[align="right"] {
+.d2-1893882329 .md img[align="right"] {
   padding-left: 20px;
 }
 
-.md img[align="left"] {
+.d2-1893882329 .md img[align="left"] {
   padding-right: 20px;
 }
 
-.md span.frame {
+.d2-1893882329 .md span.frame {
   display: block;
   overflow: hidden;
 }
 
-.md span.frame > span {
+.d2-1893882329 .md span.frame > span {
   display: block;
   float: left;
   width: auto;
@@ -624,81 +624,81 @@
   border: 1px solid var(--color-border-default);
 }
 
-.md span.frame span img {
+.d2-1893882329 .md span.frame span img {
   display: block;
   float: left;
 }
 
-.md span.frame span span {
+.d2-1893882329 .md span.frame span span {
   display: block;
   padding: 5px 0 0;
   clear: both;
   color: var(--color-fg-default);
 }
 
-.md span.align-center {
+.d2-1893882329 .md span.align-center {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-center > span {
+.d2-1893882329 .md span.align-center > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: center;
 }
 
-.md span.align-center span img {
+.d2-1893882329 .md span.align-center span img {
   margin: 0 auto;
   text-align: center;
 }
 
-.md span.align-right {
+.d2-1893882329 .md span.align-right {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-right > span {
+.d2-1893882329 .md span.align-right > span {
   display: block;
   margin: 13px 0 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md span.align-right span img {
+.d2-1893882329 .md span.align-right span img {
   margin: 0;
   text-align: right;
 }
 
-.md span.float-left {
+.d2-1893882329 .md span.float-left {
   display: block;
   float: left;
   margin-right: 13px;
   overflow: hidden;
 }
 
-.md span.float-left span {
+.d2-1893882329 .md span.float-left span {
   margin: 13px 0 0;
 }
 
-.md span.float-right {
+.d2-1893882329 .md span.float-right {
   display: block;
   float: right;
   margin-left: 13px;
   overflow: hidden;
 }
 
-.md span.float-right > span {
+.d2-1893882329 .md span.float-right > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md code,
-.md tt {
+.d2-1893882329 .md code,
+.d2-1893882329 .md tt {
   padding: 0.2em 0.4em;
   margin: 0;
   font-size: 85%;
@@ -706,20 +706,20 @@
   border-radius: 6px;
 }
 
-.md code br,
-.md tt br {
+.d2-1893882329 .md code br,
+.d2-1893882329 .md tt br {
   display: none;
 }
 
-.md del code {
+.d2-1893882329 .md del code {
   text-decoration: inherit;
 }
 
-.md pre code {
+.d2-1893882329 .md pre code {
   font-size: 100%;
 }
 
-.md pre > code {
+.d2-1893882329 .md pre > code {
   padding: 0;
   margin: 0;
   word-break: normal;
@@ -728,17 +728,17 @@
   border: 0;
 }
 
-.md .highlight {
+.d2-1893882329 .md .highlight {
   margin-bottom: 16px;
 }
 
-.md .highlight pre {
+.d2-1893882329 .md .highlight pre {
   margin-bottom: 0;
   word-break: normal;
 }
 
-.md .highlight pre,
-.md pre {
+.d2-1893882329 .md .highlight pre,
+.d2-1893882329 .md pre {
   padding: 16px;
   overflow: auto;
   font-size: 85%;
@@ -747,8 +747,8 @@
   border-radius: 6px;
 }
 
-.md pre code,
-.md pre tt {
+.d2-1893882329 .md pre code,
+.d2-1893882329 .md pre tt {
   display: inline;
   max-width: auto;
   padding: 0;
@@ -760,8 +760,8 @@
   border: 0;
 }
 
-.md .csv-data td,
-.md .csv-data th {
+.d2-1893882329 .md .csv-data td,
+.d2-1893882329 .md .csv-data th {
   padding: 5px;
   overflow: hidden;
   font-size: 12px;
@@ -770,38 +770,38 @@
   white-space: nowrap;
 }
 
-.md .csv-data .blob-num {
+.d2-1893882329 .md .csv-data .blob-num {
   padding: 10px 8px 9px;
   text-align: right;
   background: var(--color-canvas-default);
   border: 0;
 }
 
-.md .csv-data tr {
+.d2-1893882329 .md .csv-data tr {
   border-top: 0;
 }
 
-.md .csv-data th {
+.d2-1893882329 .md .csv-data th {
   font-weight: 600;
   background: var(--color-canvas-subtle);
   border-top: 0;
 }
 
-.md .footnotes {
+.d2-1893882329 .md .footnotes {
   font-size: 12px;
   color: var(--color-fg-muted);
   border-top: 1px solid var(--color-border-default);
 }
 
-.md .footnotes ol {
+.d2-1893882329 .md .footnotes ol {
   padding-left: 16px;
 }
 
-.md .footnotes li {
+.d2-1893882329 .md .footnotes li {
   position: relative;
 }
 
-.md .footnotes li:target::before {
+.d2-1893882329 .md .footnotes li:target::before {
   position: absolute;
   top: -8px;
   right: -8px;
@@ -813,36 +813,36 @@
   border-radius: 6px;
 }
 
-.md .footnotes li:target {
+.d2-1893882329 .md .footnotes li:target {
   color: var(--color-fg-default);
 }
 
-.md .task-list-item {
+.d2-1893882329 .md .task-list-item {
   list-style-type: none;
 }
 
-.md .task-list-item label {
+.d2-1893882329 .md .task-list-item label {
   font-weight: 400;
 }
 
-.md .task-list-item.enabled label {
+.d2-1893882329 .md .task-list-item.enabled label {
   cursor: pointer;
 }
 
-.md .task-list-item + .task-list-item {
+.d2-1893882329 .md .task-list-item + .task-list-item {
   margin-top: 3px;
 }
 
-.md .task-list-item .handle {
+.d2-1893882329 .md .task-list-item .handle {
   display: none;
 }
 
-.md .task-list-item-checkbox {
+.d2-1893882329 .md .task-list-item-checkbox {
   margin: 0 0.2em 0.25em -1.6em;
   vertical-align: middle;
 }
 
-.md .contains-task-list:dir(rtl) .task-list-item-checkbox {
+.d2-1893882329 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
 </style><g id="md"><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>{
diff --git a/e2etests/testdata/stable/md_code_block_indented/dagre/sketch.exp.svg b/e2etests/testdata/stable/md_code_block_indented/dagre/sketch.exp.svg
index af992b0e0..54765ae47 100644
--- a/e2etests/testdata/stable/md_code_block_indented/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/md_code_block_indented/dagre/sketch.exp.svg
@@ -103,31 +103,31 @@
 		.d2-1431208640 .color-AA4{color:#EDF0FD;}
 		.d2-1431208640 .color-AA5{color:#F7F8FE;}
 		.d2-1431208640 .color-AB4{color:#EDF0FD;}
-		.d2-1431208640 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.md em,
-.md dfn {
+		.d2-1431208640 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.d2-1431208640 .md em,
+.d2-1431208640 .md dfn {
   font-family: "d2-1431208640-font-italic";
 }
 
-.md b,
-.md strong {
+.d2-1431208640 .md b,
+.d2-1431208640 .md strong {
   font-family: "d2-1431208640-font-bold";
 }
 
-.md code,
-.md kbd,
-.md pre,
-.md samp {
+.d2-1431208640 .md code,
+.d2-1431208640 .md kbd,
+.d2-1431208640 .md pre,
+.d2-1431208640 .md samp {
   font-family: "d2-1431208640-font-mono";
   font-size: 1em;
 }
 
-.md {
+.d2-1431208640 .md {
   tab-size: 4;
 }
 
 /* variables are provided in d2renderers/d2svg/d2svg.go */
 
-.md {
+.d2-1431208640 .md {
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
   margin: 0;
@@ -139,41 +139,41 @@
   word-wrap: break-word;
 }
 
-.md details,
-.md figcaption,
-.md figure {
+.d2-1431208640 .md details,
+.d2-1431208640 .md figcaption,
+.d2-1431208640 .md figure {
   display: block;
 }
 
-.md summary {
+.d2-1431208640 .md summary {
   display: list-item;
 }
 
-.md [hidden] {
+.d2-1431208640 .md [hidden] {
   display: none !important;
 }
 
-.md a {
+.d2-1431208640 .md a {
   background-color: transparent;
   color: var(--color-accent-fg);
   text-decoration: none;
 }
 
-.md a:active,
-.md a:hover {
+.d2-1431208640 .md a:active,
+.d2-1431208640 .md a:hover {
   outline-width: 0;
 }
 
-.md abbr[title] {
+.d2-1431208640 .md abbr[title] {
   border-bottom: none;
   text-decoration: underline dotted;
 }
 
-.md dfn {
+.d2-1431208640 .md dfn {
   font-style: italic;
 }
 
-.md h1 {
+.d2-1431208640 .md h1 {
   margin: 0.67em 0;
   font-weight: 600;
   padding-bottom: 0.3em;
@@ -181,43 +181,43 @@
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md mark {
+.d2-1431208640 .md mark {
   background-color: var(--color-attention-subtle);
   color: var(--color-text-primary);
 }
 
-.md small {
+.d2-1431208640 .md small {
   font-size: 90%;
 }
 
-.md sub,
-.md sup {
+.d2-1431208640 .md sub,
+.d2-1431208640 .md sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
 }
 
-.md sub {
+.d2-1431208640 .md sub {
   bottom: -0.25em;
 }
 
-.md sup {
+.d2-1431208640 .md sup {
   top: -0.5em;
 }
 
-.md img {
+.d2-1431208640 .md img {
   border-style: none;
   max-width: 100%;
   box-sizing: content-box;
   background-color: var(--color-canvas-default);
 }
 
-.md figure {
+.d2-1431208640 .md figure {
   margin: 1em 40px;
 }
 
-.md hr {
+.d2-1431208640 .md hr {
   box-sizing: content-box;
   overflow: hidden;
   background: transparent;
@@ -229,7 +229,7 @@
   border: 0;
 }
 
-.md input {
+.d2-1431208640 .md input {
   font: inherit;
   margin: 0;
   overflow: visible;
@@ -238,72 +238,72 @@
   line-height: inherit;
 }
 
-.md [type="button"],
-.md [type="reset"],
-.md [type="submit"] {
+.d2-1431208640 .md [type="button"],
+.d2-1431208640 .md [type="reset"],
+.d2-1431208640 .md [type="submit"] {
   -webkit-appearance: button;
 }
 
-.md [type="button"]::-moz-focus-inner,
-.md [type="reset"]::-moz-focus-inner,
-.md [type="submit"]::-moz-focus-inner {
+.d2-1431208640 .md [type="button"]::-moz-focus-inner,
+.d2-1431208640 .md [type="reset"]::-moz-focus-inner,
+.d2-1431208640 .md [type="submit"]::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.md [type="button"]:-moz-focusring,
-.md [type="reset"]:-moz-focusring,
-.md [type="submit"]:-moz-focusring {
+.d2-1431208640 .md [type="button"]:-moz-focusring,
+.d2-1431208640 .md [type="reset"]:-moz-focusring,
+.d2-1431208640 .md [type="submit"]:-moz-focusring {
   outline: 1px dotted ButtonText;
 }
 
-.md [type="checkbox"],
-.md [type="radio"] {
+.d2-1431208640 .md [type="checkbox"],
+.d2-1431208640 .md [type="radio"] {
   box-sizing: border-box;
   padding: 0;
 }
 
-.md [type="number"]::-webkit-inner-spin-button,
-.md [type="number"]::-webkit-outer-spin-button {
+.d2-1431208640 .md [type="number"]::-webkit-inner-spin-button,
+.d2-1431208640 .md [type="number"]::-webkit-outer-spin-button {
   height: auto;
 }
 
-.md [type="search"] {
+.d2-1431208640 .md [type="search"] {
   -webkit-appearance: textfield;
   outline-offset: -2px;
 }
 
-.md [type="search"]::-webkit-search-cancel-button,
-.md [type="search"]::-webkit-search-decoration {
+.d2-1431208640 .md [type="search"]::-webkit-search-cancel-button,
+.d2-1431208640 .md [type="search"]::-webkit-search-decoration {
   -webkit-appearance: none;
 }
 
-.md ::-webkit-input-placeholder {
+.d2-1431208640 .md ::-webkit-input-placeholder {
   color: inherit;
   opacity: 0.54;
 }
 
-.md ::-webkit-file-upload-button {
+.d2-1431208640 .md ::-webkit-file-upload-button {
   -webkit-appearance: button;
   font: inherit;
 }
 
-.md a:hover {
+.d2-1431208640 .md a:hover {
   text-decoration: underline;
 }
 
-.md hr::before {
+.d2-1431208640 .md hr::before {
   display: table;
   content: "";
 }
 
-.md hr::after {
+.d2-1431208640 .md hr::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md table {
+.d2-1431208640 .md table {
   border-spacing: 0;
   border-collapse: collapse;
   display: block;
@@ -312,20 +312,20 @@
   overflow: auto;
 }
 
-.md td,
-.md th {
+.d2-1431208640 .md td,
+.d2-1431208640 .md th {
   padding: 0;
 }
 
-.md details summary {
+.d2-1431208640 .md details summary {
   cursor: pointer;
 }
 
-.md details:not([open]) > *:not(summary) {
+.d2-1431208640 .md details:not([open]) > *:not(summary) {
   display: none !important;
 }
 
-.md kbd {
+.d2-1431208640 .md kbd {
   display: inline-block;
   padding: 3px 5px;
   color: var(--color-fg-default);
@@ -337,12 +337,12 @@
   box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
 }
 
-.md h1,
-.md h2,
-.md h3,
-.md h4,
-.md h5,
-.md h6 {
+.d2-1431208640 .md h1,
+.d2-1431208640 .md h2,
+.d2-1431208640 .md h3,
+.d2-1431208640 .md h4,
+.d2-1431208640 .md h5,
+.d2-1431208640 .md h6 {
   margin-top: 24px;
   margin-bottom: 16px;
   font-weight: 600;
@@ -350,222 +350,222 @@
   font-family: "d2-1431208640-font-regular";
 }
 
-.md h2 {
+.d2-1431208640 .md h2 {
   font-weight: 600;
   padding-bottom: 0.3em;
   font-size: 1.5em;
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md h3 {
+.d2-1431208640 .md h3 {
   font-weight: 600;
   font-size: 1.25em;
 }
 
-.md h4 {
+.d2-1431208640 .md h4 {
   font-weight: 600;
   font-size: 1em;
 }
 
-.md h5 {
+.d2-1431208640 .md h5 {
   font-weight: 600;
   font-size: 0.875em;
 }
 
-.md h6 {
+.d2-1431208640 .md h6 {
   font-weight: 600;
   font-size: 0.85em;
   color: var(--color-fg-muted);
 }
 
-.md p {
+.d2-1431208640 .md p {
   margin-top: 0;
   margin-bottom: 10px;
 }
 
-.md blockquote {
+.d2-1431208640 .md blockquote {
   margin: 0;
   padding: 0 1em;
   color: var(--color-fg-muted);
   border-left: 0.25em solid var(--color-border-default);
 }
 
-.md ul,
-.md ol {
+.d2-1431208640 .md ul,
+.d2-1431208640 .md ol {
   margin-top: 0;
   margin-bottom: 0;
   padding-left: 2em;
 }
 
-.md ol ol,
-.md ul ol {
+.d2-1431208640 .md ol ol,
+.d2-1431208640 .md ul ol {
   list-style-type: lower-roman;
 }
 
-.md ul ul ol,
-.md ul ol ol,
-.md ol ul ol,
-.md ol ol ol {
+.d2-1431208640 .md ul ul ol,
+.d2-1431208640 .md ul ol ol,
+.d2-1431208640 .md ol ul ol,
+.d2-1431208640 .md ol ol ol {
   list-style-type: lower-alpha;
 }
 
-.md dd {
+.d2-1431208640 .md dd {
   margin-left: 0;
 }
 
-.md pre {
+.d2-1431208640 .md pre {
   margin-top: 0;
   margin-bottom: 0;
   word-wrap: normal;
 }
 
-.md ::placeholder {
+.d2-1431208640 .md ::placeholder {
   color: var(--color-fg-subtle);
   opacity: 1;
 }
 
-.md input::-webkit-outer-spin-button,
-.md input::-webkit-inner-spin-button {
+.d2-1431208640 .md input::-webkit-outer-spin-button,
+.d2-1431208640 .md input::-webkit-inner-spin-button {
   margin: 0;
   -webkit-appearance: none;
   appearance: none;
 }
 
-.md::before {
+.d2-1431208640 .md::before {
   display: table;
   content: "";
 }
 
-.md::after {
+.d2-1431208640 .md::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md > *:first-child {
+.d2-1431208640 .md > *:first-child {
   margin-top: 0 !important;
 }
 
-.md > *:last-child {
+.d2-1431208640 .md > *:last-child {
   margin-bottom: 0 !important;
 }
 
-.md a:not([href]) {
+.d2-1431208640 .md a:not([href]) {
   color: inherit;
   text-decoration: none;
 }
 
-.md .absent {
+.d2-1431208640 .md .absent {
   color: var(--color-danger-fg);
 }
 
-.md .anchor {
+.d2-1431208640 .md .anchor {
   float: left;
   padding-right: 4px;
   margin-left: -20px;
   line-height: 1;
 }
 
-.md .anchor:focus {
+.d2-1431208640 .md .anchor:focus {
   outline: none;
 }
 
-.md p,
-.md blockquote,
-.md ul,
-.md ol,
-.md dl,
-.md table,
-.md pre,
-.md details {
+.d2-1431208640 .md p,
+.d2-1431208640 .md blockquote,
+.d2-1431208640 .md ul,
+.d2-1431208640 .md ol,
+.d2-1431208640 .md dl,
+.d2-1431208640 .md table,
+.d2-1431208640 .md pre,
+.d2-1431208640 .md details {
   margin-top: 0;
   margin-bottom: 16px;
 }
 
-.md blockquote > :first-child {
+.d2-1431208640 .md blockquote > :first-child {
   margin-top: 0;
 }
 
-.md blockquote > :last-child {
+.d2-1431208640 .md blockquote > :last-child {
   margin-bottom: 0;
 }
 
-.md sup > a::before {
+.d2-1431208640 .md sup > a::before {
   content: "[";
 }
 
-.md sup > a::after {
+.d2-1431208640 .md sup > a::after {
   content: "]";
 }
 
-.md h1:hover .anchor,
-.md h2:hover .anchor,
-.md h3:hover .anchor,
-.md h4:hover .anchor,
-.md h5:hover .anchor,
-.md h6:hover .anchor {
+.d2-1431208640 .md h1:hover .anchor,
+.d2-1431208640 .md h2:hover .anchor,
+.d2-1431208640 .md h3:hover .anchor,
+.d2-1431208640 .md h4:hover .anchor,
+.d2-1431208640 .md h5:hover .anchor,
+.d2-1431208640 .md h6:hover .anchor {
   text-decoration: none;
 }
 
-.md h1 tt,
-.md h1 code,
-.md h2 tt,
-.md h2 code,
-.md h3 tt,
-.md h3 code,
-.md h4 tt,
-.md h4 code,
-.md h5 tt,
-.md h5 code,
-.md h6 tt,
-.md h6 code {
+.d2-1431208640 .md h1 tt,
+.d2-1431208640 .md h1 code,
+.d2-1431208640 .md h2 tt,
+.d2-1431208640 .md h2 code,
+.d2-1431208640 .md h3 tt,
+.d2-1431208640 .md h3 code,
+.d2-1431208640 .md h4 tt,
+.d2-1431208640 .md h4 code,
+.d2-1431208640 .md h5 tt,
+.d2-1431208640 .md h5 code,
+.d2-1431208640 .md h6 tt,
+.d2-1431208640 .md h6 code {
   padding: 0 0.2em;
   font-size: inherit;
 }
 
-.md ul.no-list,
-.md ol.no-list {
+.d2-1431208640 .md ul.no-list,
+.d2-1431208640 .md ol.no-list {
   padding: 0;
   list-style-type: none;
 }
 
-.md ol[type="1"] {
+.d2-1431208640 .md ol[type="1"] {
   list-style-type: decimal;
 }
 
-.md ol[type="a"] {
+.d2-1431208640 .md ol[type="a"] {
   list-style-type: lower-alpha;
 }
 
-.md ol[type="i"] {
+.d2-1431208640 .md ol[type="i"] {
   list-style-type: lower-roman;
 }
 
-.md div > ol:not([type]) {
+.d2-1431208640 .md div > ol:not([type]) {
   list-style-type: decimal;
 }
 
-.md ul ul,
-.md ul ol,
-.md ol ol,
-.md ol ul {
+.d2-1431208640 .md ul ul,
+.d2-1431208640 .md ul ol,
+.d2-1431208640 .md ol ol,
+.d2-1431208640 .md ol ul {
   margin-top: 0;
   margin-bottom: 0;
 }
 
-.md li > p {
+.d2-1431208640 .md li > p {
   margin-top: 16px;
 }
 
-.md li + li {
+.d2-1431208640 .md li + li {
   margin-top: 0.25em;
 }
 
-.md dl {
+.d2-1431208640 .md dl {
   padding: 0;
 }
 
-.md dl dt {
+.d2-1431208640 .md dl dt {
   padding: 0;
   margin-top: 16px;
   font-size: 1em;
@@ -573,48 +573,48 @@
   font-weight: 600;
 }
 
-.md dl dd {
+.d2-1431208640 .md dl dd {
   padding: 0 16px;
   margin-bottom: 16px;
 }
 
-.md table th {
+.d2-1431208640 .md table th {
   font-weight: 600;
 }
 
-.md table th,
-.md table td {
+.d2-1431208640 .md table th,
+.d2-1431208640 .md table td {
   padding: 6px 13px;
   border: 1px solid var(--color-border-default);
 }
 
-.md table tr {
+.d2-1431208640 .md table tr {
   background-color: var(--color-canvas-default);
   border-top: 1px solid var(--color-border-muted);
 }
 
-.md table tr:nth-child(2n) {
+.d2-1431208640 .md table tr:nth-child(2n) {
   background-color: var(--color-canvas-subtle);
 }
 
-.md table img {
+.d2-1431208640 .md table img {
   background-color: transparent;
 }
 
-.md img[align="right"] {
+.d2-1431208640 .md img[align="right"] {
   padding-left: 20px;
 }
 
-.md img[align="left"] {
+.d2-1431208640 .md img[align="left"] {
   padding-right: 20px;
 }
 
-.md span.frame {
+.d2-1431208640 .md span.frame {
   display: block;
   overflow: hidden;
 }
 
-.md span.frame > span {
+.d2-1431208640 .md span.frame > span {
   display: block;
   float: left;
   width: auto;
@@ -624,81 +624,81 @@
   border: 1px solid var(--color-border-default);
 }
 
-.md span.frame span img {
+.d2-1431208640 .md span.frame span img {
   display: block;
   float: left;
 }
 
-.md span.frame span span {
+.d2-1431208640 .md span.frame span span {
   display: block;
   padding: 5px 0 0;
   clear: both;
   color: var(--color-fg-default);
 }
 
-.md span.align-center {
+.d2-1431208640 .md span.align-center {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-center > span {
+.d2-1431208640 .md span.align-center > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: center;
 }
 
-.md span.align-center span img {
+.d2-1431208640 .md span.align-center span img {
   margin: 0 auto;
   text-align: center;
 }
 
-.md span.align-right {
+.d2-1431208640 .md span.align-right {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-right > span {
+.d2-1431208640 .md span.align-right > span {
   display: block;
   margin: 13px 0 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md span.align-right span img {
+.d2-1431208640 .md span.align-right span img {
   margin: 0;
   text-align: right;
 }
 
-.md span.float-left {
+.d2-1431208640 .md span.float-left {
   display: block;
   float: left;
   margin-right: 13px;
   overflow: hidden;
 }
 
-.md span.float-left span {
+.d2-1431208640 .md span.float-left span {
   margin: 13px 0 0;
 }
 
-.md span.float-right {
+.d2-1431208640 .md span.float-right {
   display: block;
   float: right;
   margin-left: 13px;
   overflow: hidden;
 }
 
-.md span.float-right > span {
+.d2-1431208640 .md span.float-right > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md code,
-.md tt {
+.d2-1431208640 .md code,
+.d2-1431208640 .md tt {
   padding: 0.2em 0.4em;
   margin: 0;
   font-size: 85%;
@@ -706,20 +706,20 @@
   border-radius: 6px;
 }
 
-.md code br,
-.md tt br {
+.d2-1431208640 .md code br,
+.d2-1431208640 .md tt br {
   display: none;
 }
 
-.md del code {
+.d2-1431208640 .md del code {
   text-decoration: inherit;
 }
 
-.md pre code {
+.d2-1431208640 .md pre code {
   font-size: 100%;
 }
 
-.md pre > code {
+.d2-1431208640 .md pre > code {
   padding: 0;
   margin: 0;
   word-break: normal;
@@ -728,17 +728,17 @@
   border: 0;
 }
 
-.md .highlight {
+.d2-1431208640 .md .highlight {
   margin-bottom: 16px;
 }
 
-.md .highlight pre {
+.d2-1431208640 .md .highlight pre {
   margin-bottom: 0;
   word-break: normal;
 }
 
-.md .highlight pre,
-.md pre {
+.d2-1431208640 .md .highlight pre,
+.d2-1431208640 .md pre {
   padding: 16px;
   overflow: auto;
   font-size: 85%;
@@ -747,8 +747,8 @@
   border-radius: 6px;
 }
 
-.md pre code,
-.md pre tt {
+.d2-1431208640 .md pre code,
+.d2-1431208640 .md pre tt {
   display: inline;
   max-width: auto;
   padding: 0;
@@ -760,8 +760,8 @@
   border: 0;
 }
 
-.md .csv-data td,
-.md .csv-data th {
+.d2-1431208640 .md .csv-data td,
+.d2-1431208640 .md .csv-data th {
   padding: 5px;
   overflow: hidden;
   font-size: 12px;
@@ -770,38 +770,38 @@
   white-space: nowrap;
 }
 
-.md .csv-data .blob-num {
+.d2-1431208640 .md .csv-data .blob-num {
   padding: 10px 8px 9px;
   text-align: right;
   background: var(--color-canvas-default);
   border: 0;
 }
 
-.md .csv-data tr {
+.d2-1431208640 .md .csv-data tr {
   border-top: 0;
 }
 
-.md .csv-data th {
+.d2-1431208640 .md .csv-data th {
   font-weight: 600;
   background: var(--color-canvas-subtle);
   border-top: 0;
 }
 
-.md .footnotes {
+.d2-1431208640 .md .footnotes {
   font-size: 12px;
   color: var(--color-fg-muted);
   border-top: 1px solid var(--color-border-default);
 }
 
-.md .footnotes ol {
+.d2-1431208640 .md .footnotes ol {
   padding-left: 16px;
 }
 
-.md .footnotes li {
+.d2-1431208640 .md .footnotes li {
   position: relative;
 }
 
-.md .footnotes li:target::before {
+.d2-1431208640 .md .footnotes li:target::before {
   position: absolute;
   top: -8px;
   right: -8px;
@@ -813,36 +813,36 @@
   border-radius: 6px;
 }
 
-.md .footnotes li:target {
+.d2-1431208640 .md .footnotes li:target {
   color: var(--color-fg-default);
 }
 
-.md .task-list-item {
+.d2-1431208640 .md .task-list-item {
   list-style-type: none;
 }
 
-.md .task-list-item label {
+.d2-1431208640 .md .task-list-item label {
   font-weight: 400;
 }
 
-.md .task-list-item.enabled label {
+.d2-1431208640 .md .task-list-item.enabled label {
   cursor: pointer;
 }
 
-.md .task-list-item + .task-list-item {
+.d2-1431208640 .md .task-list-item + .task-list-item {
   margin-top: 3px;
 }
 
-.md .task-list-item .handle {
+.d2-1431208640 .md .task-list-item .handle {
   display: none;
 }
 
-.md .task-list-item-checkbox {
+.d2-1431208640 .md .task-list-item-checkbox {
   margin: 0 0.2em 0.25em -1.6em;
   vertical-align: middle;
 }
 
-.md .contains-task-list:dir(rtl) .task-list-item-checkbox {
+.d2-1431208640 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
 </style><g id="md"><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>
diff --git a/e2etests/testdata/stable/md_code_block_indented/elk/sketch.exp.svg b/e2etests/testdata/stable/md_code_block_indented/elk/sketch.exp.svg
index 7c41c215f..1f9a147cd 100644
--- a/e2etests/testdata/stable/md_code_block_indented/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/md_code_block_indented/elk/sketch.exp.svg
@@ -103,31 +103,31 @@
 		.d2-1954165990 .color-AA4{color:#EDF0FD;}
 		.d2-1954165990 .color-AA5{color:#F7F8FE;}
 		.d2-1954165990 .color-AB4{color:#EDF0FD;}
-		.d2-1954165990 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.md em,
-.md dfn {
+		.d2-1954165990 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.d2-1954165990 .md em,
+.d2-1954165990 .md dfn {
   font-family: "d2-1954165990-font-italic";
 }
 
-.md b,
-.md strong {
+.d2-1954165990 .md b,
+.d2-1954165990 .md strong {
   font-family: "d2-1954165990-font-bold";
 }
 
-.md code,
-.md kbd,
-.md pre,
-.md samp {
+.d2-1954165990 .md code,
+.d2-1954165990 .md kbd,
+.d2-1954165990 .md pre,
+.d2-1954165990 .md samp {
   font-family: "d2-1954165990-font-mono";
   font-size: 1em;
 }
 
-.md {
+.d2-1954165990 .md {
   tab-size: 4;
 }
 
 /* variables are provided in d2renderers/d2svg/d2svg.go */
 
-.md {
+.d2-1954165990 .md {
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
   margin: 0;
@@ -139,41 +139,41 @@
   word-wrap: break-word;
 }
 
-.md details,
-.md figcaption,
-.md figure {
+.d2-1954165990 .md details,
+.d2-1954165990 .md figcaption,
+.d2-1954165990 .md figure {
   display: block;
 }
 
-.md summary {
+.d2-1954165990 .md summary {
   display: list-item;
 }
 
-.md [hidden] {
+.d2-1954165990 .md [hidden] {
   display: none !important;
 }
 
-.md a {
+.d2-1954165990 .md a {
   background-color: transparent;
   color: var(--color-accent-fg);
   text-decoration: none;
 }
 
-.md a:active,
-.md a:hover {
+.d2-1954165990 .md a:active,
+.d2-1954165990 .md a:hover {
   outline-width: 0;
 }
 
-.md abbr[title] {
+.d2-1954165990 .md abbr[title] {
   border-bottom: none;
   text-decoration: underline dotted;
 }
 
-.md dfn {
+.d2-1954165990 .md dfn {
   font-style: italic;
 }
 
-.md h1 {
+.d2-1954165990 .md h1 {
   margin: 0.67em 0;
   font-weight: 600;
   padding-bottom: 0.3em;
@@ -181,43 +181,43 @@
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md mark {
+.d2-1954165990 .md mark {
   background-color: var(--color-attention-subtle);
   color: var(--color-text-primary);
 }
 
-.md small {
+.d2-1954165990 .md small {
   font-size: 90%;
 }
 
-.md sub,
-.md sup {
+.d2-1954165990 .md sub,
+.d2-1954165990 .md sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
 }
 
-.md sub {
+.d2-1954165990 .md sub {
   bottom: -0.25em;
 }
 
-.md sup {
+.d2-1954165990 .md sup {
   top: -0.5em;
 }
 
-.md img {
+.d2-1954165990 .md img {
   border-style: none;
   max-width: 100%;
   box-sizing: content-box;
   background-color: var(--color-canvas-default);
 }
 
-.md figure {
+.d2-1954165990 .md figure {
   margin: 1em 40px;
 }
 
-.md hr {
+.d2-1954165990 .md hr {
   box-sizing: content-box;
   overflow: hidden;
   background: transparent;
@@ -229,7 +229,7 @@
   border: 0;
 }
 
-.md input {
+.d2-1954165990 .md input {
   font: inherit;
   margin: 0;
   overflow: visible;
@@ -238,72 +238,72 @@
   line-height: inherit;
 }
 
-.md [type="button"],
-.md [type="reset"],
-.md [type="submit"] {
+.d2-1954165990 .md [type="button"],
+.d2-1954165990 .md [type="reset"],
+.d2-1954165990 .md [type="submit"] {
   -webkit-appearance: button;
 }
 
-.md [type="button"]::-moz-focus-inner,
-.md [type="reset"]::-moz-focus-inner,
-.md [type="submit"]::-moz-focus-inner {
+.d2-1954165990 .md [type="button"]::-moz-focus-inner,
+.d2-1954165990 .md [type="reset"]::-moz-focus-inner,
+.d2-1954165990 .md [type="submit"]::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.md [type="button"]:-moz-focusring,
-.md [type="reset"]:-moz-focusring,
-.md [type="submit"]:-moz-focusring {
+.d2-1954165990 .md [type="button"]:-moz-focusring,
+.d2-1954165990 .md [type="reset"]:-moz-focusring,
+.d2-1954165990 .md [type="submit"]:-moz-focusring {
   outline: 1px dotted ButtonText;
 }
 
-.md [type="checkbox"],
-.md [type="radio"] {
+.d2-1954165990 .md [type="checkbox"],
+.d2-1954165990 .md [type="radio"] {
   box-sizing: border-box;
   padding: 0;
 }
 
-.md [type="number"]::-webkit-inner-spin-button,
-.md [type="number"]::-webkit-outer-spin-button {
+.d2-1954165990 .md [type="number"]::-webkit-inner-spin-button,
+.d2-1954165990 .md [type="number"]::-webkit-outer-spin-button {
   height: auto;
 }
 
-.md [type="search"] {
+.d2-1954165990 .md [type="search"] {
   -webkit-appearance: textfield;
   outline-offset: -2px;
 }
 
-.md [type="search"]::-webkit-search-cancel-button,
-.md [type="search"]::-webkit-search-decoration {
+.d2-1954165990 .md [type="search"]::-webkit-search-cancel-button,
+.d2-1954165990 .md [type="search"]::-webkit-search-decoration {
   -webkit-appearance: none;
 }
 
-.md ::-webkit-input-placeholder {
+.d2-1954165990 .md ::-webkit-input-placeholder {
   color: inherit;
   opacity: 0.54;
 }
 
-.md ::-webkit-file-upload-button {
+.d2-1954165990 .md ::-webkit-file-upload-button {
   -webkit-appearance: button;
   font: inherit;
 }
 
-.md a:hover {
+.d2-1954165990 .md a:hover {
   text-decoration: underline;
 }
 
-.md hr::before {
+.d2-1954165990 .md hr::before {
   display: table;
   content: "";
 }
 
-.md hr::after {
+.d2-1954165990 .md hr::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md table {
+.d2-1954165990 .md table {
   border-spacing: 0;
   border-collapse: collapse;
   display: block;
@@ -312,20 +312,20 @@
   overflow: auto;
 }
 
-.md td,
-.md th {
+.d2-1954165990 .md td,
+.d2-1954165990 .md th {
   padding: 0;
 }
 
-.md details summary {
+.d2-1954165990 .md details summary {
   cursor: pointer;
 }
 
-.md details:not([open]) > *:not(summary) {
+.d2-1954165990 .md details:not([open]) > *:not(summary) {
   display: none !important;
 }
 
-.md kbd {
+.d2-1954165990 .md kbd {
   display: inline-block;
   padding: 3px 5px;
   color: var(--color-fg-default);
@@ -337,12 +337,12 @@
   box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
 }
 
-.md h1,
-.md h2,
-.md h3,
-.md h4,
-.md h5,
-.md h6 {
+.d2-1954165990 .md h1,
+.d2-1954165990 .md h2,
+.d2-1954165990 .md h3,
+.d2-1954165990 .md h4,
+.d2-1954165990 .md h5,
+.d2-1954165990 .md h6 {
   margin-top: 24px;
   margin-bottom: 16px;
   font-weight: 600;
@@ -350,222 +350,222 @@
   font-family: "d2-1954165990-font-regular";
 }
 
-.md h2 {
+.d2-1954165990 .md h2 {
   font-weight: 600;
   padding-bottom: 0.3em;
   font-size: 1.5em;
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md h3 {
+.d2-1954165990 .md h3 {
   font-weight: 600;
   font-size: 1.25em;
 }
 
-.md h4 {
+.d2-1954165990 .md h4 {
   font-weight: 600;
   font-size: 1em;
 }
 
-.md h5 {
+.d2-1954165990 .md h5 {
   font-weight: 600;
   font-size: 0.875em;
 }
 
-.md h6 {
+.d2-1954165990 .md h6 {
   font-weight: 600;
   font-size: 0.85em;
   color: var(--color-fg-muted);
 }
 
-.md p {
+.d2-1954165990 .md p {
   margin-top: 0;
   margin-bottom: 10px;
 }
 
-.md blockquote {
+.d2-1954165990 .md blockquote {
   margin: 0;
   padding: 0 1em;
   color: var(--color-fg-muted);
   border-left: 0.25em solid var(--color-border-default);
 }
 
-.md ul,
-.md ol {
+.d2-1954165990 .md ul,
+.d2-1954165990 .md ol {
   margin-top: 0;
   margin-bottom: 0;
   padding-left: 2em;
 }
 
-.md ol ol,
-.md ul ol {
+.d2-1954165990 .md ol ol,
+.d2-1954165990 .md ul ol {
   list-style-type: lower-roman;
 }
 
-.md ul ul ol,
-.md ul ol ol,
-.md ol ul ol,
-.md ol ol ol {
+.d2-1954165990 .md ul ul ol,
+.d2-1954165990 .md ul ol ol,
+.d2-1954165990 .md ol ul ol,
+.d2-1954165990 .md ol ol ol {
   list-style-type: lower-alpha;
 }
 
-.md dd {
+.d2-1954165990 .md dd {
   margin-left: 0;
 }
 
-.md pre {
+.d2-1954165990 .md pre {
   margin-top: 0;
   margin-bottom: 0;
   word-wrap: normal;
 }
 
-.md ::placeholder {
+.d2-1954165990 .md ::placeholder {
   color: var(--color-fg-subtle);
   opacity: 1;
 }
 
-.md input::-webkit-outer-spin-button,
-.md input::-webkit-inner-spin-button {
+.d2-1954165990 .md input::-webkit-outer-spin-button,
+.d2-1954165990 .md input::-webkit-inner-spin-button {
   margin: 0;
   -webkit-appearance: none;
   appearance: none;
 }
 
-.md::before {
+.d2-1954165990 .md::before {
   display: table;
   content: "";
 }
 
-.md::after {
+.d2-1954165990 .md::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md > *:first-child {
+.d2-1954165990 .md > *:first-child {
   margin-top: 0 !important;
 }
 
-.md > *:last-child {
+.d2-1954165990 .md > *:last-child {
   margin-bottom: 0 !important;
 }
 
-.md a:not([href]) {
+.d2-1954165990 .md a:not([href]) {
   color: inherit;
   text-decoration: none;
 }
 
-.md .absent {
+.d2-1954165990 .md .absent {
   color: var(--color-danger-fg);
 }
 
-.md .anchor {
+.d2-1954165990 .md .anchor {
   float: left;
   padding-right: 4px;
   margin-left: -20px;
   line-height: 1;
 }
 
-.md .anchor:focus {
+.d2-1954165990 .md .anchor:focus {
   outline: none;
 }
 
-.md p,
-.md blockquote,
-.md ul,
-.md ol,
-.md dl,
-.md table,
-.md pre,
-.md details {
+.d2-1954165990 .md p,
+.d2-1954165990 .md blockquote,
+.d2-1954165990 .md ul,
+.d2-1954165990 .md ol,
+.d2-1954165990 .md dl,
+.d2-1954165990 .md table,
+.d2-1954165990 .md pre,
+.d2-1954165990 .md details {
   margin-top: 0;
   margin-bottom: 16px;
 }
 
-.md blockquote > :first-child {
+.d2-1954165990 .md blockquote > :first-child {
   margin-top: 0;
 }
 
-.md blockquote > :last-child {
+.d2-1954165990 .md blockquote > :last-child {
   margin-bottom: 0;
 }
 
-.md sup > a::before {
+.d2-1954165990 .md sup > a::before {
   content: "[";
 }
 
-.md sup > a::after {
+.d2-1954165990 .md sup > a::after {
   content: "]";
 }
 
-.md h1:hover .anchor,
-.md h2:hover .anchor,
-.md h3:hover .anchor,
-.md h4:hover .anchor,
-.md h5:hover .anchor,
-.md h6:hover .anchor {
+.d2-1954165990 .md h1:hover .anchor,
+.d2-1954165990 .md h2:hover .anchor,
+.d2-1954165990 .md h3:hover .anchor,
+.d2-1954165990 .md h4:hover .anchor,
+.d2-1954165990 .md h5:hover .anchor,
+.d2-1954165990 .md h6:hover .anchor {
   text-decoration: none;
 }
 
-.md h1 tt,
-.md h1 code,
-.md h2 tt,
-.md h2 code,
-.md h3 tt,
-.md h3 code,
-.md h4 tt,
-.md h4 code,
-.md h5 tt,
-.md h5 code,
-.md h6 tt,
-.md h6 code {
+.d2-1954165990 .md h1 tt,
+.d2-1954165990 .md h1 code,
+.d2-1954165990 .md h2 tt,
+.d2-1954165990 .md h2 code,
+.d2-1954165990 .md h3 tt,
+.d2-1954165990 .md h3 code,
+.d2-1954165990 .md h4 tt,
+.d2-1954165990 .md h4 code,
+.d2-1954165990 .md h5 tt,
+.d2-1954165990 .md h5 code,
+.d2-1954165990 .md h6 tt,
+.d2-1954165990 .md h6 code {
   padding: 0 0.2em;
   font-size: inherit;
 }
 
-.md ul.no-list,
-.md ol.no-list {
+.d2-1954165990 .md ul.no-list,
+.d2-1954165990 .md ol.no-list {
   padding: 0;
   list-style-type: none;
 }
 
-.md ol[type="1"] {
+.d2-1954165990 .md ol[type="1"] {
   list-style-type: decimal;
 }
 
-.md ol[type="a"] {
+.d2-1954165990 .md ol[type="a"] {
   list-style-type: lower-alpha;
 }
 
-.md ol[type="i"] {
+.d2-1954165990 .md ol[type="i"] {
   list-style-type: lower-roman;
 }
 
-.md div > ol:not([type]) {
+.d2-1954165990 .md div > ol:not([type]) {
   list-style-type: decimal;
 }
 
-.md ul ul,
-.md ul ol,
-.md ol ol,
-.md ol ul {
+.d2-1954165990 .md ul ul,
+.d2-1954165990 .md ul ol,
+.d2-1954165990 .md ol ol,
+.d2-1954165990 .md ol ul {
   margin-top: 0;
   margin-bottom: 0;
 }
 
-.md li > p {
+.d2-1954165990 .md li > p {
   margin-top: 16px;
 }
 
-.md li + li {
+.d2-1954165990 .md li + li {
   margin-top: 0.25em;
 }
 
-.md dl {
+.d2-1954165990 .md dl {
   padding: 0;
 }
 
-.md dl dt {
+.d2-1954165990 .md dl dt {
   padding: 0;
   margin-top: 16px;
   font-size: 1em;
@@ -573,48 +573,48 @@
   font-weight: 600;
 }
 
-.md dl dd {
+.d2-1954165990 .md dl dd {
   padding: 0 16px;
   margin-bottom: 16px;
 }
 
-.md table th {
+.d2-1954165990 .md table th {
   font-weight: 600;
 }
 
-.md table th,
-.md table td {
+.d2-1954165990 .md table th,
+.d2-1954165990 .md table td {
   padding: 6px 13px;
   border: 1px solid var(--color-border-default);
 }
 
-.md table tr {
+.d2-1954165990 .md table tr {
   background-color: var(--color-canvas-default);
   border-top: 1px solid var(--color-border-muted);
 }
 
-.md table tr:nth-child(2n) {
+.d2-1954165990 .md table tr:nth-child(2n) {
   background-color: var(--color-canvas-subtle);
 }
 
-.md table img {
+.d2-1954165990 .md table img {
   background-color: transparent;
 }
 
-.md img[align="right"] {
+.d2-1954165990 .md img[align="right"] {
   padding-left: 20px;
 }
 
-.md img[align="left"] {
+.d2-1954165990 .md img[align="left"] {
   padding-right: 20px;
 }
 
-.md span.frame {
+.d2-1954165990 .md span.frame {
   display: block;
   overflow: hidden;
 }
 
-.md span.frame > span {
+.d2-1954165990 .md span.frame > span {
   display: block;
   float: left;
   width: auto;
@@ -624,81 +624,81 @@
   border: 1px solid var(--color-border-default);
 }
 
-.md span.frame span img {
+.d2-1954165990 .md span.frame span img {
   display: block;
   float: left;
 }
 
-.md span.frame span span {
+.d2-1954165990 .md span.frame span span {
   display: block;
   padding: 5px 0 0;
   clear: both;
   color: var(--color-fg-default);
 }
 
-.md span.align-center {
+.d2-1954165990 .md span.align-center {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-center > span {
+.d2-1954165990 .md span.align-center > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: center;
 }
 
-.md span.align-center span img {
+.d2-1954165990 .md span.align-center span img {
   margin: 0 auto;
   text-align: center;
 }
 
-.md span.align-right {
+.d2-1954165990 .md span.align-right {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-right > span {
+.d2-1954165990 .md span.align-right > span {
   display: block;
   margin: 13px 0 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md span.align-right span img {
+.d2-1954165990 .md span.align-right span img {
   margin: 0;
   text-align: right;
 }
 
-.md span.float-left {
+.d2-1954165990 .md span.float-left {
   display: block;
   float: left;
   margin-right: 13px;
   overflow: hidden;
 }
 
-.md span.float-left span {
+.d2-1954165990 .md span.float-left span {
   margin: 13px 0 0;
 }
 
-.md span.float-right {
+.d2-1954165990 .md span.float-right {
   display: block;
   float: right;
   margin-left: 13px;
   overflow: hidden;
 }
 
-.md span.float-right > span {
+.d2-1954165990 .md span.float-right > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md code,
-.md tt {
+.d2-1954165990 .md code,
+.d2-1954165990 .md tt {
   padding: 0.2em 0.4em;
   margin: 0;
   font-size: 85%;
@@ -706,20 +706,20 @@
   border-radius: 6px;
 }
 
-.md code br,
-.md tt br {
+.d2-1954165990 .md code br,
+.d2-1954165990 .md tt br {
   display: none;
 }
 
-.md del code {
+.d2-1954165990 .md del code {
   text-decoration: inherit;
 }
 
-.md pre code {
+.d2-1954165990 .md pre code {
   font-size: 100%;
 }
 
-.md pre > code {
+.d2-1954165990 .md pre > code {
   padding: 0;
   margin: 0;
   word-break: normal;
@@ -728,17 +728,17 @@
   border: 0;
 }
 
-.md .highlight {
+.d2-1954165990 .md .highlight {
   margin-bottom: 16px;
 }
 
-.md .highlight pre {
+.d2-1954165990 .md .highlight pre {
   margin-bottom: 0;
   word-break: normal;
 }
 
-.md .highlight pre,
-.md pre {
+.d2-1954165990 .md .highlight pre,
+.d2-1954165990 .md pre {
   padding: 16px;
   overflow: auto;
   font-size: 85%;
@@ -747,8 +747,8 @@
   border-radius: 6px;
 }
 
-.md pre code,
-.md pre tt {
+.d2-1954165990 .md pre code,
+.d2-1954165990 .md pre tt {
   display: inline;
   max-width: auto;
   padding: 0;
@@ -760,8 +760,8 @@
   border: 0;
 }
 
-.md .csv-data td,
-.md .csv-data th {
+.d2-1954165990 .md .csv-data td,
+.d2-1954165990 .md .csv-data th {
   padding: 5px;
   overflow: hidden;
   font-size: 12px;
@@ -770,38 +770,38 @@
   white-space: nowrap;
 }
 
-.md .csv-data .blob-num {
+.d2-1954165990 .md .csv-data .blob-num {
   padding: 10px 8px 9px;
   text-align: right;
   background: var(--color-canvas-default);
   border: 0;
 }
 
-.md .csv-data tr {
+.d2-1954165990 .md .csv-data tr {
   border-top: 0;
 }
 
-.md .csv-data th {
+.d2-1954165990 .md .csv-data th {
   font-weight: 600;
   background: var(--color-canvas-subtle);
   border-top: 0;
 }
 
-.md .footnotes {
+.d2-1954165990 .md .footnotes {
   font-size: 12px;
   color: var(--color-fg-muted);
   border-top: 1px solid var(--color-border-default);
 }
 
-.md .footnotes ol {
+.d2-1954165990 .md .footnotes ol {
   padding-left: 16px;
 }
 
-.md .footnotes li {
+.d2-1954165990 .md .footnotes li {
   position: relative;
 }
 
-.md .footnotes li:target::before {
+.d2-1954165990 .md .footnotes li:target::before {
   position: absolute;
   top: -8px;
   right: -8px;
@@ -813,36 +813,36 @@
   border-radius: 6px;
 }
 
-.md .footnotes li:target {
+.d2-1954165990 .md .footnotes li:target {
   color: var(--color-fg-default);
 }
 
-.md .task-list-item {
+.d2-1954165990 .md .task-list-item {
   list-style-type: none;
 }
 
-.md .task-list-item label {
+.d2-1954165990 .md .task-list-item label {
   font-weight: 400;
 }
 
-.md .task-list-item.enabled label {
+.d2-1954165990 .md .task-list-item.enabled label {
   cursor: pointer;
 }
 
-.md .task-list-item + .task-list-item {
+.d2-1954165990 .md .task-list-item + .task-list-item {
   margin-top: 3px;
 }
 
-.md .task-list-item .handle {
+.d2-1954165990 .md .task-list-item .handle {
   display: none;
 }
 
-.md .task-list-item-checkbox {
+.d2-1954165990 .md .task-list-item-checkbox {
   margin: 0 0.2em 0.25em -1.6em;
   vertical-align: middle;
 }
 
-.md .contains-task-list:dir(rtl) .task-list-item-checkbox {
+.d2-1954165990 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
 </style><g id="md"><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>
diff --git a/e2etests/testdata/stable/md_code_inline/dagre/sketch.exp.svg b/e2etests/testdata/stable/md_code_inline/dagre/sketch.exp.svg
index 9979845fe..14363ce01 100644
--- a/e2etests/testdata/stable/md_code_inline/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/md_code_inline/dagre/sketch.exp.svg
@@ -103,31 +103,31 @@
 		.d2-798449560 .color-AA4{color:#EDF0FD;}
 		.d2-798449560 .color-AA5{color:#F7F8FE;}
 		.d2-798449560 .color-AB4{color:#EDF0FD;}
-		.d2-798449560 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.md em,
-.md dfn {
+		.d2-798449560 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.d2-798449560 .md em,
+.d2-798449560 .md dfn {
   font-family: "d2-798449560-font-italic";
 }
 
-.md b,
-.md strong {
+.d2-798449560 .md b,
+.d2-798449560 .md strong {
   font-family: "d2-798449560-font-bold";
 }
 
-.md code,
-.md kbd,
-.md pre,
-.md samp {
+.d2-798449560 .md code,
+.d2-798449560 .md kbd,
+.d2-798449560 .md pre,
+.d2-798449560 .md samp {
   font-family: "d2-798449560-font-mono";
   font-size: 1em;
 }
 
-.md {
+.d2-798449560 .md {
   tab-size: 4;
 }
 
 /* variables are provided in d2renderers/d2svg/d2svg.go */
 
-.md {
+.d2-798449560 .md {
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
   margin: 0;
@@ -139,41 +139,41 @@
   word-wrap: break-word;
 }
 
-.md details,
-.md figcaption,
-.md figure {
+.d2-798449560 .md details,
+.d2-798449560 .md figcaption,
+.d2-798449560 .md figure {
   display: block;
 }
 
-.md summary {
+.d2-798449560 .md summary {
   display: list-item;
 }
 
-.md [hidden] {
+.d2-798449560 .md [hidden] {
   display: none !important;
 }
 
-.md a {
+.d2-798449560 .md a {
   background-color: transparent;
   color: var(--color-accent-fg);
   text-decoration: none;
 }
 
-.md a:active,
-.md a:hover {
+.d2-798449560 .md a:active,
+.d2-798449560 .md a:hover {
   outline-width: 0;
 }
 
-.md abbr[title] {
+.d2-798449560 .md abbr[title] {
   border-bottom: none;
   text-decoration: underline dotted;
 }
 
-.md dfn {
+.d2-798449560 .md dfn {
   font-style: italic;
 }
 
-.md h1 {
+.d2-798449560 .md h1 {
   margin: 0.67em 0;
   font-weight: 600;
   padding-bottom: 0.3em;
@@ -181,43 +181,43 @@
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md mark {
+.d2-798449560 .md mark {
   background-color: var(--color-attention-subtle);
   color: var(--color-text-primary);
 }
 
-.md small {
+.d2-798449560 .md small {
   font-size: 90%;
 }
 
-.md sub,
-.md sup {
+.d2-798449560 .md sub,
+.d2-798449560 .md sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
 }
 
-.md sub {
+.d2-798449560 .md sub {
   bottom: -0.25em;
 }
 
-.md sup {
+.d2-798449560 .md sup {
   top: -0.5em;
 }
 
-.md img {
+.d2-798449560 .md img {
   border-style: none;
   max-width: 100%;
   box-sizing: content-box;
   background-color: var(--color-canvas-default);
 }
 
-.md figure {
+.d2-798449560 .md figure {
   margin: 1em 40px;
 }
 
-.md hr {
+.d2-798449560 .md hr {
   box-sizing: content-box;
   overflow: hidden;
   background: transparent;
@@ -229,7 +229,7 @@
   border: 0;
 }
 
-.md input {
+.d2-798449560 .md input {
   font: inherit;
   margin: 0;
   overflow: visible;
@@ -238,72 +238,72 @@
   line-height: inherit;
 }
 
-.md [type="button"],
-.md [type="reset"],
-.md [type="submit"] {
+.d2-798449560 .md [type="button"],
+.d2-798449560 .md [type="reset"],
+.d2-798449560 .md [type="submit"] {
   -webkit-appearance: button;
 }
 
-.md [type="button"]::-moz-focus-inner,
-.md [type="reset"]::-moz-focus-inner,
-.md [type="submit"]::-moz-focus-inner {
+.d2-798449560 .md [type="button"]::-moz-focus-inner,
+.d2-798449560 .md [type="reset"]::-moz-focus-inner,
+.d2-798449560 .md [type="submit"]::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.md [type="button"]:-moz-focusring,
-.md [type="reset"]:-moz-focusring,
-.md [type="submit"]:-moz-focusring {
+.d2-798449560 .md [type="button"]:-moz-focusring,
+.d2-798449560 .md [type="reset"]:-moz-focusring,
+.d2-798449560 .md [type="submit"]:-moz-focusring {
   outline: 1px dotted ButtonText;
 }
 
-.md [type="checkbox"],
-.md [type="radio"] {
+.d2-798449560 .md [type="checkbox"],
+.d2-798449560 .md [type="radio"] {
   box-sizing: border-box;
   padding: 0;
 }
 
-.md [type="number"]::-webkit-inner-spin-button,
-.md [type="number"]::-webkit-outer-spin-button {
+.d2-798449560 .md [type="number"]::-webkit-inner-spin-button,
+.d2-798449560 .md [type="number"]::-webkit-outer-spin-button {
   height: auto;
 }
 
-.md [type="search"] {
+.d2-798449560 .md [type="search"] {
   -webkit-appearance: textfield;
   outline-offset: -2px;
 }
 
-.md [type="search"]::-webkit-search-cancel-button,
-.md [type="search"]::-webkit-search-decoration {
+.d2-798449560 .md [type="search"]::-webkit-search-cancel-button,
+.d2-798449560 .md [type="search"]::-webkit-search-decoration {
   -webkit-appearance: none;
 }
 
-.md ::-webkit-input-placeholder {
+.d2-798449560 .md ::-webkit-input-placeholder {
   color: inherit;
   opacity: 0.54;
 }
 
-.md ::-webkit-file-upload-button {
+.d2-798449560 .md ::-webkit-file-upload-button {
   -webkit-appearance: button;
   font: inherit;
 }
 
-.md a:hover {
+.d2-798449560 .md a:hover {
   text-decoration: underline;
 }
 
-.md hr::before {
+.d2-798449560 .md hr::before {
   display: table;
   content: "";
 }
 
-.md hr::after {
+.d2-798449560 .md hr::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md table {
+.d2-798449560 .md table {
   border-spacing: 0;
   border-collapse: collapse;
   display: block;
@@ -312,20 +312,20 @@
   overflow: auto;
 }
 
-.md td,
-.md th {
+.d2-798449560 .md td,
+.d2-798449560 .md th {
   padding: 0;
 }
 
-.md details summary {
+.d2-798449560 .md details summary {
   cursor: pointer;
 }
 
-.md details:not([open]) > *:not(summary) {
+.d2-798449560 .md details:not([open]) > *:not(summary) {
   display: none !important;
 }
 
-.md kbd {
+.d2-798449560 .md kbd {
   display: inline-block;
   padding: 3px 5px;
   color: var(--color-fg-default);
@@ -337,12 +337,12 @@
   box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
 }
 
-.md h1,
-.md h2,
-.md h3,
-.md h4,
-.md h5,
-.md h6 {
+.d2-798449560 .md h1,
+.d2-798449560 .md h2,
+.d2-798449560 .md h3,
+.d2-798449560 .md h4,
+.d2-798449560 .md h5,
+.d2-798449560 .md h6 {
   margin-top: 24px;
   margin-bottom: 16px;
   font-weight: 600;
@@ -350,222 +350,222 @@
   font-family: "d2-798449560-font-regular";
 }
 
-.md h2 {
+.d2-798449560 .md h2 {
   font-weight: 600;
   padding-bottom: 0.3em;
   font-size: 1.5em;
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md h3 {
+.d2-798449560 .md h3 {
   font-weight: 600;
   font-size: 1.25em;
 }
 
-.md h4 {
+.d2-798449560 .md h4 {
   font-weight: 600;
   font-size: 1em;
 }
 
-.md h5 {
+.d2-798449560 .md h5 {
   font-weight: 600;
   font-size: 0.875em;
 }
 
-.md h6 {
+.d2-798449560 .md h6 {
   font-weight: 600;
   font-size: 0.85em;
   color: var(--color-fg-muted);
 }
 
-.md p {
+.d2-798449560 .md p {
   margin-top: 0;
   margin-bottom: 10px;
 }
 
-.md blockquote {
+.d2-798449560 .md blockquote {
   margin: 0;
   padding: 0 1em;
   color: var(--color-fg-muted);
   border-left: 0.25em solid var(--color-border-default);
 }
 
-.md ul,
-.md ol {
+.d2-798449560 .md ul,
+.d2-798449560 .md ol {
   margin-top: 0;
   margin-bottom: 0;
   padding-left: 2em;
 }
 
-.md ol ol,
-.md ul ol {
+.d2-798449560 .md ol ol,
+.d2-798449560 .md ul ol {
   list-style-type: lower-roman;
 }
 
-.md ul ul ol,
-.md ul ol ol,
-.md ol ul ol,
-.md ol ol ol {
+.d2-798449560 .md ul ul ol,
+.d2-798449560 .md ul ol ol,
+.d2-798449560 .md ol ul ol,
+.d2-798449560 .md ol ol ol {
   list-style-type: lower-alpha;
 }
 
-.md dd {
+.d2-798449560 .md dd {
   margin-left: 0;
 }
 
-.md pre {
+.d2-798449560 .md pre {
   margin-top: 0;
   margin-bottom: 0;
   word-wrap: normal;
 }
 
-.md ::placeholder {
+.d2-798449560 .md ::placeholder {
   color: var(--color-fg-subtle);
   opacity: 1;
 }
 
-.md input::-webkit-outer-spin-button,
-.md input::-webkit-inner-spin-button {
+.d2-798449560 .md input::-webkit-outer-spin-button,
+.d2-798449560 .md input::-webkit-inner-spin-button {
   margin: 0;
   -webkit-appearance: none;
   appearance: none;
 }
 
-.md::before {
+.d2-798449560 .md::before {
   display: table;
   content: "";
 }
 
-.md::after {
+.d2-798449560 .md::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md > *:first-child {
+.d2-798449560 .md > *:first-child {
   margin-top: 0 !important;
 }
 
-.md > *:last-child {
+.d2-798449560 .md > *:last-child {
   margin-bottom: 0 !important;
 }
 
-.md a:not([href]) {
+.d2-798449560 .md a:not([href]) {
   color: inherit;
   text-decoration: none;
 }
 
-.md .absent {
+.d2-798449560 .md .absent {
   color: var(--color-danger-fg);
 }
 
-.md .anchor {
+.d2-798449560 .md .anchor {
   float: left;
   padding-right: 4px;
   margin-left: -20px;
   line-height: 1;
 }
 
-.md .anchor:focus {
+.d2-798449560 .md .anchor:focus {
   outline: none;
 }
 
-.md p,
-.md blockquote,
-.md ul,
-.md ol,
-.md dl,
-.md table,
-.md pre,
-.md details {
+.d2-798449560 .md p,
+.d2-798449560 .md blockquote,
+.d2-798449560 .md ul,
+.d2-798449560 .md ol,
+.d2-798449560 .md dl,
+.d2-798449560 .md table,
+.d2-798449560 .md pre,
+.d2-798449560 .md details {
   margin-top: 0;
   margin-bottom: 16px;
 }
 
-.md blockquote > :first-child {
+.d2-798449560 .md blockquote > :first-child {
   margin-top: 0;
 }
 
-.md blockquote > :last-child {
+.d2-798449560 .md blockquote > :last-child {
   margin-bottom: 0;
 }
 
-.md sup > a::before {
+.d2-798449560 .md sup > a::before {
   content: "[";
 }
 
-.md sup > a::after {
+.d2-798449560 .md sup > a::after {
   content: "]";
 }
 
-.md h1:hover .anchor,
-.md h2:hover .anchor,
-.md h3:hover .anchor,
-.md h4:hover .anchor,
-.md h5:hover .anchor,
-.md h6:hover .anchor {
+.d2-798449560 .md h1:hover .anchor,
+.d2-798449560 .md h2:hover .anchor,
+.d2-798449560 .md h3:hover .anchor,
+.d2-798449560 .md h4:hover .anchor,
+.d2-798449560 .md h5:hover .anchor,
+.d2-798449560 .md h6:hover .anchor {
   text-decoration: none;
 }
 
-.md h1 tt,
-.md h1 code,
-.md h2 tt,
-.md h2 code,
-.md h3 tt,
-.md h3 code,
-.md h4 tt,
-.md h4 code,
-.md h5 tt,
-.md h5 code,
-.md h6 tt,
-.md h6 code {
+.d2-798449560 .md h1 tt,
+.d2-798449560 .md h1 code,
+.d2-798449560 .md h2 tt,
+.d2-798449560 .md h2 code,
+.d2-798449560 .md h3 tt,
+.d2-798449560 .md h3 code,
+.d2-798449560 .md h4 tt,
+.d2-798449560 .md h4 code,
+.d2-798449560 .md h5 tt,
+.d2-798449560 .md h5 code,
+.d2-798449560 .md h6 tt,
+.d2-798449560 .md h6 code {
   padding: 0 0.2em;
   font-size: inherit;
 }
 
-.md ul.no-list,
-.md ol.no-list {
+.d2-798449560 .md ul.no-list,
+.d2-798449560 .md ol.no-list {
   padding: 0;
   list-style-type: none;
 }
 
-.md ol[type="1"] {
+.d2-798449560 .md ol[type="1"] {
   list-style-type: decimal;
 }
 
-.md ol[type="a"] {
+.d2-798449560 .md ol[type="a"] {
   list-style-type: lower-alpha;
 }
 
-.md ol[type="i"] {
+.d2-798449560 .md ol[type="i"] {
   list-style-type: lower-roman;
 }
 
-.md div > ol:not([type]) {
+.d2-798449560 .md div > ol:not([type]) {
   list-style-type: decimal;
 }
 
-.md ul ul,
-.md ul ol,
-.md ol ol,
-.md ol ul {
+.d2-798449560 .md ul ul,
+.d2-798449560 .md ul ol,
+.d2-798449560 .md ol ol,
+.d2-798449560 .md ol ul {
   margin-top: 0;
   margin-bottom: 0;
 }
 
-.md li > p {
+.d2-798449560 .md li > p {
   margin-top: 16px;
 }
 
-.md li + li {
+.d2-798449560 .md li + li {
   margin-top: 0.25em;
 }
 
-.md dl {
+.d2-798449560 .md dl {
   padding: 0;
 }
 
-.md dl dt {
+.d2-798449560 .md dl dt {
   padding: 0;
   margin-top: 16px;
   font-size: 1em;
@@ -573,48 +573,48 @@
   font-weight: 600;
 }
 
-.md dl dd {
+.d2-798449560 .md dl dd {
   padding: 0 16px;
   margin-bottom: 16px;
 }
 
-.md table th {
+.d2-798449560 .md table th {
   font-weight: 600;
 }
 
-.md table th,
-.md table td {
+.d2-798449560 .md table th,
+.d2-798449560 .md table td {
   padding: 6px 13px;
   border: 1px solid var(--color-border-default);
 }
 
-.md table tr {
+.d2-798449560 .md table tr {
   background-color: var(--color-canvas-default);
   border-top: 1px solid var(--color-border-muted);
 }
 
-.md table tr:nth-child(2n) {
+.d2-798449560 .md table tr:nth-child(2n) {
   background-color: var(--color-canvas-subtle);
 }
 
-.md table img {
+.d2-798449560 .md table img {
   background-color: transparent;
 }
 
-.md img[align="right"] {
+.d2-798449560 .md img[align="right"] {
   padding-left: 20px;
 }
 
-.md img[align="left"] {
+.d2-798449560 .md img[align="left"] {
   padding-right: 20px;
 }
 
-.md span.frame {
+.d2-798449560 .md span.frame {
   display: block;
   overflow: hidden;
 }
 
-.md span.frame > span {
+.d2-798449560 .md span.frame > span {
   display: block;
   float: left;
   width: auto;
@@ -624,81 +624,81 @@
   border: 1px solid var(--color-border-default);
 }
 
-.md span.frame span img {
+.d2-798449560 .md span.frame span img {
   display: block;
   float: left;
 }
 
-.md span.frame span span {
+.d2-798449560 .md span.frame span span {
   display: block;
   padding: 5px 0 0;
   clear: both;
   color: var(--color-fg-default);
 }
 
-.md span.align-center {
+.d2-798449560 .md span.align-center {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-center > span {
+.d2-798449560 .md span.align-center > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: center;
 }
 
-.md span.align-center span img {
+.d2-798449560 .md span.align-center span img {
   margin: 0 auto;
   text-align: center;
 }
 
-.md span.align-right {
+.d2-798449560 .md span.align-right {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-right > span {
+.d2-798449560 .md span.align-right > span {
   display: block;
   margin: 13px 0 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md span.align-right span img {
+.d2-798449560 .md span.align-right span img {
   margin: 0;
   text-align: right;
 }
 
-.md span.float-left {
+.d2-798449560 .md span.float-left {
   display: block;
   float: left;
   margin-right: 13px;
   overflow: hidden;
 }
 
-.md span.float-left span {
+.d2-798449560 .md span.float-left span {
   margin: 13px 0 0;
 }
 
-.md span.float-right {
+.d2-798449560 .md span.float-right {
   display: block;
   float: right;
   margin-left: 13px;
   overflow: hidden;
 }
 
-.md span.float-right > span {
+.d2-798449560 .md span.float-right > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md code,
-.md tt {
+.d2-798449560 .md code,
+.d2-798449560 .md tt {
   padding: 0.2em 0.4em;
   margin: 0;
   font-size: 85%;
@@ -706,20 +706,20 @@
   border-radius: 6px;
 }
 
-.md code br,
-.md tt br {
+.d2-798449560 .md code br,
+.d2-798449560 .md tt br {
   display: none;
 }
 
-.md del code {
+.d2-798449560 .md del code {
   text-decoration: inherit;
 }
 
-.md pre code {
+.d2-798449560 .md pre code {
   font-size: 100%;
 }
 
-.md pre > code {
+.d2-798449560 .md pre > code {
   padding: 0;
   margin: 0;
   word-break: normal;
@@ -728,17 +728,17 @@
   border: 0;
 }
 
-.md .highlight {
+.d2-798449560 .md .highlight {
   margin-bottom: 16px;
 }
 
-.md .highlight pre {
+.d2-798449560 .md .highlight pre {
   margin-bottom: 0;
   word-break: normal;
 }
 
-.md .highlight pre,
-.md pre {
+.d2-798449560 .md .highlight pre,
+.d2-798449560 .md pre {
   padding: 16px;
   overflow: auto;
   font-size: 85%;
@@ -747,8 +747,8 @@
   border-radius: 6px;
 }
 
-.md pre code,
-.md pre tt {
+.d2-798449560 .md pre code,
+.d2-798449560 .md pre tt {
   display: inline;
   max-width: auto;
   padding: 0;
@@ -760,8 +760,8 @@
   border: 0;
 }
 
-.md .csv-data td,
-.md .csv-data th {
+.d2-798449560 .md .csv-data td,
+.d2-798449560 .md .csv-data th {
   padding: 5px;
   overflow: hidden;
   font-size: 12px;
@@ -770,38 +770,38 @@
   white-space: nowrap;
 }
 
-.md .csv-data .blob-num {
+.d2-798449560 .md .csv-data .blob-num {
   padding: 10px 8px 9px;
   text-align: right;
   background: var(--color-canvas-default);
   border: 0;
 }
 
-.md .csv-data tr {
+.d2-798449560 .md .csv-data tr {
   border-top: 0;
 }
 
-.md .csv-data th {
+.d2-798449560 .md .csv-data th {
   font-weight: 600;
   background: var(--color-canvas-subtle);
   border-top: 0;
 }
 
-.md .footnotes {
+.d2-798449560 .md .footnotes {
   font-size: 12px;
   color: var(--color-fg-muted);
   border-top: 1px solid var(--color-border-default);
 }
 
-.md .footnotes ol {
+.d2-798449560 .md .footnotes ol {
   padding-left: 16px;
 }
 
-.md .footnotes li {
+.d2-798449560 .md .footnotes li {
   position: relative;
 }
 
-.md .footnotes li:target::before {
+.d2-798449560 .md .footnotes li:target::before {
   position: absolute;
   top: -8px;
   right: -8px;
@@ -813,36 +813,36 @@
   border-radius: 6px;
 }
 
-.md .footnotes li:target {
+.d2-798449560 .md .footnotes li:target {
   color: var(--color-fg-default);
 }
 
-.md .task-list-item {
+.d2-798449560 .md .task-list-item {
   list-style-type: none;
 }
 
-.md .task-list-item label {
+.d2-798449560 .md .task-list-item label {
   font-weight: 400;
 }
 
-.md .task-list-item.enabled label {
+.d2-798449560 .md .task-list-item.enabled label {
   cursor: pointer;
 }
 
-.md .task-list-item + .task-list-item {
+.d2-798449560 .md .task-list-item + .task-list-item {
   margin-top: 3px;
 }
 
-.md .task-list-item .handle {
+.d2-798449560 .md .task-list-item .handle {
   display: none;
 }
 
-.md .task-list-item-checkbox {
+.d2-798449560 .md .task-list-item-checkbox {
   margin: 0 0.2em 0.25em -1.6em;
   vertical-align: middle;
 }
 
-.md .contains-task-list:dir(rtl) .task-list-item-checkbox {
+.d2-798449560 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
 </style><g id="md"><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>
diff --git a/e2etests/testdata/stable/md_code_inline/elk/sketch.exp.svg b/e2etests/testdata/stable/md_code_inline/elk/sketch.exp.svg
index 2ed95c509..9fceadef8 100644
--- a/e2etests/testdata/stable/md_code_inline/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/md_code_inline/elk/sketch.exp.svg
@@ -103,31 +103,31 @@
 		.d2-1989507874 .color-AA4{color:#EDF0FD;}
 		.d2-1989507874 .color-AA5{color:#F7F8FE;}
 		.d2-1989507874 .color-AB4{color:#EDF0FD;}
-		.d2-1989507874 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.md em,
-.md dfn {
+		.d2-1989507874 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.d2-1989507874 .md em,
+.d2-1989507874 .md dfn {
   font-family: "d2-1989507874-font-italic";
 }
 
-.md b,
-.md strong {
+.d2-1989507874 .md b,
+.d2-1989507874 .md strong {
   font-family: "d2-1989507874-font-bold";
 }
 
-.md code,
-.md kbd,
-.md pre,
-.md samp {
+.d2-1989507874 .md code,
+.d2-1989507874 .md kbd,
+.d2-1989507874 .md pre,
+.d2-1989507874 .md samp {
   font-family: "d2-1989507874-font-mono";
   font-size: 1em;
 }
 
-.md {
+.d2-1989507874 .md {
   tab-size: 4;
 }
 
 /* variables are provided in d2renderers/d2svg/d2svg.go */
 
-.md {
+.d2-1989507874 .md {
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
   margin: 0;
@@ -139,41 +139,41 @@
   word-wrap: break-word;
 }
 
-.md details,
-.md figcaption,
-.md figure {
+.d2-1989507874 .md details,
+.d2-1989507874 .md figcaption,
+.d2-1989507874 .md figure {
   display: block;
 }
 
-.md summary {
+.d2-1989507874 .md summary {
   display: list-item;
 }
 
-.md [hidden] {
+.d2-1989507874 .md [hidden] {
   display: none !important;
 }
 
-.md a {
+.d2-1989507874 .md a {
   background-color: transparent;
   color: var(--color-accent-fg);
   text-decoration: none;
 }
 
-.md a:active,
-.md a:hover {
+.d2-1989507874 .md a:active,
+.d2-1989507874 .md a:hover {
   outline-width: 0;
 }
 
-.md abbr[title] {
+.d2-1989507874 .md abbr[title] {
   border-bottom: none;
   text-decoration: underline dotted;
 }
 
-.md dfn {
+.d2-1989507874 .md dfn {
   font-style: italic;
 }
 
-.md h1 {
+.d2-1989507874 .md h1 {
   margin: 0.67em 0;
   font-weight: 600;
   padding-bottom: 0.3em;
@@ -181,43 +181,43 @@
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md mark {
+.d2-1989507874 .md mark {
   background-color: var(--color-attention-subtle);
   color: var(--color-text-primary);
 }
 
-.md small {
+.d2-1989507874 .md small {
   font-size: 90%;
 }
 
-.md sub,
-.md sup {
+.d2-1989507874 .md sub,
+.d2-1989507874 .md sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
 }
 
-.md sub {
+.d2-1989507874 .md sub {
   bottom: -0.25em;
 }
 
-.md sup {
+.d2-1989507874 .md sup {
   top: -0.5em;
 }
 
-.md img {
+.d2-1989507874 .md img {
   border-style: none;
   max-width: 100%;
   box-sizing: content-box;
   background-color: var(--color-canvas-default);
 }
 
-.md figure {
+.d2-1989507874 .md figure {
   margin: 1em 40px;
 }
 
-.md hr {
+.d2-1989507874 .md hr {
   box-sizing: content-box;
   overflow: hidden;
   background: transparent;
@@ -229,7 +229,7 @@
   border: 0;
 }
 
-.md input {
+.d2-1989507874 .md input {
   font: inherit;
   margin: 0;
   overflow: visible;
@@ -238,72 +238,72 @@
   line-height: inherit;
 }
 
-.md [type="button"],
-.md [type="reset"],
-.md [type="submit"] {
+.d2-1989507874 .md [type="button"],
+.d2-1989507874 .md [type="reset"],
+.d2-1989507874 .md [type="submit"] {
   -webkit-appearance: button;
 }
 
-.md [type="button"]::-moz-focus-inner,
-.md [type="reset"]::-moz-focus-inner,
-.md [type="submit"]::-moz-focus-inner {
+.d2-1989507874 .md [type="button"]::-moz-focus-inner,
+.d2-1989507874 .md [type="reset"]::-moz-focus-inner,
+.d2-1989507874 .md [type="submit"]::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.md [type="button"]:-moz-focusring,
-.md [type="reset"]:-moz-focusring,
-.md [type="submit"]:-moz-focusring {
+.d2-1989507874 .md [type="button"]:-moz-focusring,
+.d2-1989507874 .md [type="reset"]:-moz-focusring,
+.d2-1989507874 .md [type="submit"]:-moz-focusring {
   outline: 1px dotted ButtonText;
 }
 
-.md [type="checkbox"],
-.md [type="radio"] {
+.d2-1989507874 .md [type="checkbox"],
+.d2-1989507874 .md [type="radio"] {
   box-sizing: border-box;
   padding: 0;
 }
 
-.md [type="number"]::-webkit-inner-spin-button,
-.md [type="number"]::-webkit-outer-spin-button {
+.d2-1989507874 .md [type="number"]::-webkit-inner-spin-button,
+.d2-1989507874 .md [type="number"]::-webkit-outer-spin-button {
   height: auto;
 }
 
-.md [type="search"] {
+.d2-1989507874 .md [type="search"] {
   -webkit-appearance: textfield;
   outline-offset: -2px;
 }
 
-.md [type="search"]::-webkit-search-cancel-button,
-.md [type="search"]::-webkit-search-decoration {
+.d2-1989507874 .md [type="search"]::-webkit-search-cancel-button,
+.d2-1989507874 .md [type="search"]::-webkit-search-decoration {
   -webkit-appearance: none;
 }
 
-.md ::-webkit-input-placeholder {
+.d2-1989507874 .md ::-webkit-input-placeholder {
   color: inherit;
   opacity: 0.54;
 }
 
-.md ::-webkit-file-upload-button {
+.d2-1989507874 .md ::-webkit-file-upload-button {
   -webkit-appearance: button;
   font: inherit;
 }
 
-.md a:hover {
+.d2-1989507874 .md a:hover {
   text-decoration: underline;
 }
 
-.md hr::before {
+.d2-1989507874 .md hr::before {
   display: table;
   content: "";
 }
 
-.md hr::after {
+.d2-1989507874 .md hr::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md table {
+.d2-1989507874 .md table {
   border-spacing: 0;
   border-collapse: collapse;
   display: block;
@@ -312,20 +312,20 @@
   overflow: auto;
 }
 
-.md td,
-.md th {
+.d2-1989507874 .md td,
+.d2-1989507874 .md th {
   padding: 0;
 }
 
-.md details summary {
+.d2-1989507874 .md details summary {
   cursor: pointer;
 }
 
-.md details:not([open]) > *:not(summary) {
+.d2-1989507874 .md details:not([open]) > *:not(summary) {
   display: none !important;
 }
 
-.md kbd {
+.d2-1989507874 .md kbd {
   display: inline-block;
   padding: 3px 5px;
   color: var(--color-fg-default);
@@ -337,12 +337,12 @@
   box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
 }
 
-.md h1,
-.md h2,
-.md h3,
-.md h4,
-.md h5,
-.md h6 {
+.d2-1989507874 .md h1,
+.d2-1989507874 .md h2,
+.d2-1989507874 .md h3,
+.d2-1989507874 .md h4,
+.d2-1989507874 .md h5,
+.d2-1989507874 .md h6 {
   margin-top: 24px;
   margin-bottom: 16px;
   font-weight: 600;
@@ -350,222 +350,222 @@
   font-family: "d2-1989507874-font-regular";
 }
 
-.md h2 {
+.d2-1989507874 .md h2 {
   font-weight: 600;
   padding-bottom: 0.3em;
   font-size: 1.5em;
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md h3 {
+.d2-1989507874 .md h3 {
   font-weight: 600;
   font-size: 1.25em;
 }
 
-.md h4 {
+.d2-1989507874 .md h4 {
   font-weight: 600;
   font-size: 1em;
 }
 
-.md h5 {
+.d2-1989507874 .md h5 {
   font-weight: 600;
   font-size: 0.875em;
 }
 
-.md h6 {
+.d2-1989507874 .md h6 {
   font-weight: 600;
   font-size: 0.85em;
   color: var(--color-fg-muted);
 }
 
-.md p {
+.d2-1989507874 .md p {
   margin-top: 0;
   margin-bottom: 10px;
 }
 
-.md blockquote {
+.d2-1989507874 .md blockquote {
   margin: 0;
   padding: 0 1em;
   color: var(--color-fg-muted);
   border-left: 0.25em solid var(--color-border-default);
 }
 
-.md ul,
-.md ol {
+.d2-1989507874 .md ul,
+.d2-1989507874 .md ol {
   margin-top: 0;
   margin-bottom: 0;
   padding-left: 2em;
 }
 
-.md ol ol,
-.md ul ol {
+.d2-1989507874 .md ol ol,
+.d2-1989507874 .md ul ol {
   list-style-type: lower-roman;
 }
 
-.md ul ul ol,
-.md ul ol ol,
-.md ol ul ol,
-.md ol ol ol {
+.d2-1989507874 .md ul ul ol,
+.d2-1989507874 .md ul ol ol,
+.d2-1989507874 .md ol ul ol,
+.d2-1989507874 .md ol ol ol {
   list-style-type: lower-alpha;
 }
 
-.md dd {
+.d2-1989507874 .md dd {
   margin-left: 0;
 }
 
-.md pre {
+.d2-1989507874 .md pre {
   margin-top: 0;
   margin-bottom: 0;
   word-wrap: normal;
 }
 
-.md ::placeholder {
+.d2-1989507874 .md ::placeholder {
   color: var(--color-fg-subtle);
   opacity: 1;
 }
 
-.md input::-webkit-outer-spin-button,
-.md input::-webkit-inner-spin-button {
+.d2-1989507874 .md input::-webkit-outer-spin-button,
+.d2-1989507874 .md input::-webkit-inner-spin-button {
   margin: 0;
   -webkit-appearance: none;
   appearance: none;
 }
 
-.md::before {
+.d2-1989507874 .md::before {
   display: table;
   content: "";
 }
 
-.md::after {
+.d2-1989507874 .md::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md > *:first-child {
+.d2-1989507874 .md > *:first-child {
   margin-top: 0 !important;
 }
 
-.md > *:last-child {
+.d2-1989507874 .md > *:last-child {
   margin-bottom: 0 !important;
 }
 
-.md a:not([href]) {
+.d2-1989507874 .md a:not([href]) {
   color: inherit;
   text-decoration: none;
 }
 
-.md .absent {
+.d2-1989507874 .md .absent {
   color: var(--color-danger-fg);
 }
 
-.md .anchor {
+.d2-1989507874 .md .anchor {
   float: left;
   padding-right: 4px;
   margin-left: -20px;
   line-height: 1;
 }
 
-.md .anchor:focus {
+.d2-1989507874 .md .anchor:focus {
   outline: none;
 }
 
-.md p,
-.md blockquote,
-.md ul,
-.md ol,
-.md dl,
-.md table,
-.md pre,
-.md details {
+.d2-1989507874 .md p,
+.d2-1989507874 .md blockquote,
+.d2-1989507874 .md ul,
+.d2-1989507874 .md ol,
+.d2-1989507874 .md dl,
+.d2-1989507874 .md table,
+.d2-1989507874 .md pre,
+.d2-1989507874 .md details {
   margin-top: 0;
   margin-bottom: 16px;
 }
 
-.md blockquote > :first-child {
+.d2-1989507874 .md blockquote > :first-child {
   margin-top: 0;
 }
 
-.md blockquote > :last-child {
+.d2-1989507874 .md blockquote > :last-child {
   margin-bottom: 0;
 }
 
-.md sup > a::before {
+.d2-1989507874 .md sup > a::before {
   content: "[";
 }
 
-.md sup > a::after {
+.d2-1989507874 .md sup > a::after {
   content: "]";
 }
 
-.md h1:hover .anchor,
-.md h2:hover .anchor,
-.md h3:hover .anchor,
-.md h4:hover .anchor,
-.md h5:hover .anchor,
-.md h6:hover .anchor {
+.d2-1989507874 .md h1:hover .anchor,
+.d2-1989507874 .md h2:hover .anchor,
+.d2-1989507874 .md h3:hover .anchor,
+.d2-1989507874 .md h4:hover .anchor,
+.d2-1989507874 .md h5:hover .anchor,
+.d2-1989507874 .md h6:hover .anchor {
   text-decoration: none;
 }
 
-.md h1 tt,
-.md h1 code,
-.md h2 tt,
-.md h2 code,
-.md h3 tt,
-.md h3 code,
-.md h4 tt,
-.md h4 code,
-.md h5 tt,
-.md h5 code,
-.md h6 tt,
-.md h6 code {
+.d2-1989507874 .md h1 tt,
+.d2-1989507874 .md h1 code,
+.d2-1989507874 .md h2 tt,
+.d2-1989507874 .md h2 code,
+.d2-1989507874 .md h3 tt,
+.d2-1989507874 .md h3 code,
+.d2-1989507874 .md h4 tt,
+.d2-1989507874 .md h4 code,
+.d2-1989507874 .md h5 tt,
+.d2-1989507874 .md h5 code,
+.d2-1989507874 .md h6 tt,
+.d2-1989507874 .md h6 code {
   padding: 0 0.2em;
   font-size: inherit;
 }
 
-.md ul.no-list,
-.md ol.no-list {
+.d2-1989507874 .md ul.no-list,
+.d2-1989507874 .md ol.no-list {
   padding: 0;
   list-style-type: none;
 }
 
-.md ol[type="1"] {
+.d2-1989507874 .md ol[type="1"] {
   list-style-type: decimal;
 }
 
-.md ol[type="a"] {
+.d2-1989507874 .md ol[type="a"] {
   list-style-type: lower-alpha;
 }
 
-.md ol[type="i"] {
+.d2-1989507874 .md ol[type="i"] {
   list-style-type: lower-roman;
 }
 
-.md div > ol:not([type]) {
+.d2-1989507874 .md div > ol:not([type]) {
   list-style-type: decimal;
 }
 
-.md ul ul,
-.md ul ol,
-.md ol ol,
-.md ol ul {
+.d2-1989507874 .md ul ul,
+.d2-1989507874 .md ul ol,
+.d2-1989507874 .md ol ol,
+.d2-1989507874 .md ol ul {
   margin-top: 0;
   margin-bottom: 0;
 }
 
-.md li > p {
+.d2-1989507874 .md li > p {
   margin-top: 16px;
 }
 
-.md li + li {
+.d2-1989507874 .md li + li {
   margin-top: 0.25em;
 }
 
-.md dl {
+.d2-1989507874 .md dl {
   padding: 0;
 }
 
-.md dl dt {
+.d2-1989507874 .md dl dt {
   padding: 0;
   margin-top: 16px;
   font-size: 1em;
@@ -573,48 +573,48 @@
   font-weight: 600;
 }
 
-.md dl dd {
+.d2-1989507874 .md dl dd {
   padding: 0 16px;
   margin-bottom: 16px;
 }
 
-.md table th {
+.d2-1989507874 .md table th {
   font-weight: 600;
 }
 
-.md table th,
-.md table td {
+.d2-1989507874 .md table th,
+.d2-1989507874 .md table td {
   padding: 6px 13px;
   border: 1px solid var(--color-border-default);
 }
 
-.md table tr {
+.d2-1989507874 .md table tr {
   background-color: var(--color-canvas-default);
   border-top: 1px solid var(--color-border-muted);
 }
 
-.md table tr:nth-child(2n) {
+.d2-1989507874 .md table tr:nth-child(2n) {
   background-color: var(--color-canvas-subtle);
 }
 
-.md table img {
+.d2-1989507874 .md table img {
   background-color: transparent;
 }
 
-.md img[align="right"] {
+.d2-1989507874 .md img[align="right"] {
   padding-left: 20px;
 }
 
-.md img[align="left"] {
+.d2-1989507874 .md img[align="left"] {
   padding-right: 20px;
 }
 
-.md span.frame {
+.d2-1989507874 .md span.frame {
   display: block;
   overflow: hidden;
 }
 
-.md span.frame > span {
+.d2-1989507874 .md span.frame > span {
   display: block;
   float: left;
   width: auto;
@@ -624,81 +624,81 @@
   border: 1px solid var(--color-border-default);
 }
 
-.md span.frame span img {
+.d2-1989507874 .md span.frame span img {
   display: block;
   float: left;
 }
 
-.md span.frame span span {
+.d2-1989507874 .md span.frame span span {
   display: block;
   padding: 5px 0 0;
   clear: both;
   color: var(--color-fg-default);
 }
 
-.md span.align-center {
+.d2-1989507874 .md span.align-center {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-center > span {
+.d2-1989507874 .md span.align-center > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: center;
 }
 
-.md span.align-center span img {
+.d2-1989507874 .md span.align-center span img {
   margin: 0 auto;
   text-align: center;
 }
 
-.md span.align-right {
+.d2-1989507874 .md span.align-right {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-right > span {
+.d2-1989507874 .md span.align-right > span {
   display: block;
   margin: 13px 0 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md span.align-right span img {
+.d2-1989507874 .md span.align-right span img {
   margin: 0;
   text-align: right;
 }
 
-.md span.float-left {
+.d2-1989507874 .md span.float-left {
   display: block;
   float: left;
   margin-right: 13px;
   overflow: hidden;
 }
 
-.md span.float-left span {
+.d2-1989507874 .md span.float-left span {
   margin: 13px 0 0;
 }
 
-.md span.float-right {
+.d2-1989507874 .md span.float-right {
   display: block;
   float: right;
   margin-left: 13px;
   overflow: hidden;
 }
 
-.md span.float-right > span {
+.d2-1989507874 .md span.float-right > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md code,
-.md tt {
+.d2-1989507874 .md code,
+.d2-1989507874 .md tt {
   padding: 0.2em 0.4em;
   margin: 0;
   font-size: 85%;
@@ -706,20 +706,20 @@
   border-radius: 6px;
 }
 
-.md code br,
-.md tt br {
+.d2-1989507874 .md code br,
+.d2-1989507874 .md tt br {
   display: none;
 }
 
-.md del code {
+.d2-1989507874 .md del code {
   text-decoration: inherit;
 }
 
-.md pre code {
+.d2-1989507874 .md pre code {
   font-size: 100%;
 }
 
-.md pre > code {
+.d2-1989507874 .md pre > code {
   padding: 0;
   margin: 0;
   word-break: normal;
@@ -728,17 +728,17 @@
   border: 0;
 }
 
-.md .highlight {
+.d2-1989507874 .md .highlight {
   margin-bottom: 16px;
 }
 
-.md .highlight pre {
+.d2-1989507874 .md .highlight pre {
   margin-bottom: 0;
   word-break: normal;
 }
 
-.md .highlight pre,
-.md pre {
+.d2-1989507874 .md .highlight pre,
+.d2-1989507874 .md pre {
   padding: 16px;
   overflow: auto;
   font-size: 85%;
@@ -747,8 +747,8 @@
   border-radius: 6px;
 }
 
-.md pre code,
-.md pre tt {
+.d2-1989507874 .md pre code,
+.d2-1989507874 .md pre tt {
   display: inline;
   max-width: auto;
   padding: 0;
@@ -760,8 +760,8 @@
   border: 0;
 }
 
-.md .csv-data td,
-.md .csv-data th {
+.d2-1989507874 .md .csv-data td,
+.d2-1989507874 .md .csv-data th {
   padding: 5px;
   overflow: hidden;
   font-size: 12px;
@@ -770,38 +770,38 @@
   white-space: nowrap;
 }
 
-.md .csv-data .blob-num {
+.d2-1989507874 .md .csv-data .blob-num {
   padding: 10px 8px 9px;
   text-align: right;
   background: var(--color-canvas-default);
   border: 0;
 }
 
-.md .csv-data tr {
+.d2-1989507874 .md .csv-data tr {
   border-top: 0;
 }
 
-.md .csv-data th {
+.d2-1989507874 .md .csv-data th {
   font-weight: 600;
   background: var(--color-canvas-subtle);
   border-top: 0;
 }
 
-.md .footnotes {
+.d2-1989507874 .md .footnotes {
   font-size: 12px;
   color: var(--color-fg-muted);
   border-top: 1px solid var(--color-border-default);
 }
 
-.md .footnotes ol {
+.d2-1989507874 .md .footnotes ol {
   padding-left: 16px;
 }
 
-.md .footnotes li {
+.d2-1989507874 .md .footnotes li {
   position: relative;
 }
 
-.md .footnotes li:target::before {
+.d2-1989507874 .md .footnotes li:target::before {
   position: absolute;
   top: -8px;
   right: -8px;
@@ -813,36 +813,36 @@
   border-radius: 6px;
 }
 
-.md .footnotes li:target {
+.d2-1989507874 .md .footnotes li:target {
   color: var(--color-fg-default);
 }
 
-.md .task-list-item {
+.d2-1989507874 .md .task-list-item {
   list-style-type: none;
 }
 
-.md .task-list-item label {
+.d2-1989507874 .md .task-list-item label {
   font-weight: 400;
 }
 
-.md .task-list-item.enabled label {
+.d2-1989507874 .md .task-list-item.enabled label {
   cursor: pointer;
 }
 
-.md .task-list-item + .task-list-item {
+.d2-1989507874 .md .task-list-item + .task-list-item {
   margin-top: 3px;
 }
 
-.md .task-list-item .handle {
+.d2-1989507874 .md .task-list-item .handle {
   display: none;
 }
 
-.md .task-list-item-checkbox {
+.d2-1989507874 .md .task-list-item-checkbox {
   margin: 0 0.2em 0.25em -1.6em;
   vertical-align: middle;
 }
 
-.md .contains-task-list:dir(rtl) .task-list-item-checkbox {
+.d2-1989507874 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
 </style><g id="md"><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>
diff --git a/e2etests/testdata/stable/p/dagre/sketch.exp.svg b/e2etests/testdata/stable/p/dagre/sketch.exp.svg
index aa95065d3..226dae6fa 100644
--- a/e2etests/testdata/stable/p/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/p/dagre/sketch.exp.svg
@@ -96,31 +96,31 @@
 		.d2-2436602908 .color-AA4{color:#EDF0FD;}
 		.d2-2436602908 .color-AA5{color:#F7F8FE;}
 		.d2-2436602908 .color-AB4{color:#EDF0FD;}
-		.d2-2436602908 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.md em,
-.md dfn {
+		.d2-2436602908 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.d2-2436602908 .md em,
+.d2-2436602908 .md dfn {
   font-family: "d2-2436602908-font-italic";
 }
 
-.md b,
-.md strong {
+.d2-2436602908 .md b,
+.d2-2436602908 .md strong {
   font-family: "d2-2436602908-font-bold";
 }
 
-.md code,
-.md kbd,
-.md pre,
-.md samp {
+.d2-2436602908 .md code,
+.d2-2436602908 .md kbd,
+.d2-2436602908 .md pre,
+.d2-2436602908 .md samp {
   font-family: "d2-2436602908-font-mono";
   font-size: 1em;
 }
 
-.md {
+.d2-2436602908 .md {
   tab-size: 4;
 }
 
 /* variables are provided in d2renderers/d2svg/d2svg.go */
 
-.md {
+.d2-2436602908 .md {
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
   margin: 0;
@@ -132,41 +132,41 @@
   word-wrap: break-word;
 }
 
-.md details,
-.md figcaption,
-.md figure {
+.d2-2436602908 .md details,
+.d2-2436602908 .md figcaption,
+.d2-2436602908 .md figure {
   display: block;
 }
 
-.md summary {
+.d2-2436602908 .md summary {
   display: list-item;
 }
 
-.md [hidden] {
+.d2-2436602908 .md [hidden] {
   display: none !important;
 }
 
-.md a {
+.d2-2436602908 .md a {
   background-color: transparent;
   color: var(--color-accent-fg);
   text-decoration: none;
 }
 
-.md a:active,
-.md a:hover {
+.d2-2436602908 .md a:active,
+.d2-2436602908 .md a:hover {
   outline-width: 0;
 }
 
-.md abbr[title] {
+.d2-2436602908 .md abbr[title] {
   border-bottom: none;
   text-decoration: underline dotted;
 }
 
-.md dfn {
+.d2-2436602908 .md dfn {
   font-style: italic;
 }
 
-.md h1 {
+.d2-2436602908 .md h1 {
   margin: 0.67em 0;
   font-weight: 600;
   padding-bottom: 0.3em;
@@ -174,43 +174,43 @@
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md mark {
+.d2-2436602908 .md mark {
   background-color: var(--color-attention-subtle);
   color: var(--color-text-primary);
 }
 
-.md small {
+.d2-2436602908 .md small {
   font-size: 90%;
 }
 
-.md sub,
-.md sup {
+.d2-2436602908 .md sub,
+.d2-2436602908 .md sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
 }
 
-.md sub {
+.d2-2436602908 .md sub {
   bottom: -0.25em;
 }
 
-.md sup {
+.d2-2436602908 .md sup {
   top: -0.5em;
 }
 
-.md img {
+.d2-2436602908 .md img {
   border-style: none;
   max-width: 100%;
   box-sizing: content-box;
   background-color: var(--color-canvas-default);
 }
 
-.md figure {
+.d2-2436602908 .md figure {
   margin: 1em 40px;
 }
 
-.md hr {
+.d2-2436602908 .md hr {
   box-sizing: content-box;
   overflow: hidden;
   background: transparent;
@@ -222,7 +222,7 @@
   border: 0;
 }
 
-.md input {
+.d2-2436602908 .md input {
   font: inherit;
   margin: 0;
   overflow: visible;
@@ -231,72 +231,72 @@
   line-height: inherit;
 }
 
-.md [type="button"],
-.md [type="reset"],
-.md [type="submit"] {
+.d2-2436602908 .md [type="button"],
+.d2-2436602908 .md [type="reset"],
+.d2-2436602908 .md [type="submit"] {
   -webkit-appearance: button;
 }
 
-.md [type="button"]::-moz-focus-inner,
-.md [type="reset"]::-moz-focus-inner,
-.md [type="submit"]::-moz-focus-inner {
+.d2-2436602908 .md [type="button"]::-moz-focus-inner,
+.d2-2436602908 .md [type="reset"]::-moz-focus-inner,
+.d2-2436602908 .md [type="submit"]::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.md [type="button"]:-moz-focusring,
-.md [type="reset"]:-moz-focusring,
-.md [type="submit"]:-moz-focusring {
+.d2-2436602908 .md [type="button"]:-moz-focusring,
+.d2-2436602908 .md [type="reset"]:-moz-focusring,
+.d2-2436602908 .md [type="submit"]:-moz-focusring {
   outline: 1px dotted ButtonText;
 }
 
-.md [type="checkbox"],
-.md [type="radio"] {
+.d2-2436602908 .md [type="checkbox"],
+.d2-2436602908 .md [type="radio"] {
   box-sizing: border-box;
   padding: 0;
 }
 
-.md [type="number"]::-webkit-inner-spin-button,
-.md [type="number"]::-webkit-outer-spin-button {
+.d2-2436602908 .md [type="number"]::-webkit-inner-spin-button,
+.d2-2436602908 .md [type="number"]::-webkit-outer-spin-button {
   height: auto;
 }
 
-.md [type="search"] {
+.d2-2436602908 .md [type="search"] {
   -webkit-appearance: textfield;
   outline-offset: -2px;
 }
 
-.md [type="search"]::-webkit-search-cancel-button,
-.md [type="search"]::-webkit-search-decoration {
+.d2-2436602908 .md [type="search"]::-webkit-search-cancel-button,
+.d2-2436602908 .md [type="search"]::-webkit-search-decoration {
   -webkit-appearance: none;
 }
 
-.md ::-webkit-input-placeholder {
+.d2-2436602908 .md ::-webkit-input-placeholder {
   color: inherit;
   opacity: 0.54;
 }
 
-.md ::-webkit-file-upload-button {
+.d2-2436602908 .md ::-webkit-file-upload-button {
   -webkit-appearance: button;
   font: inherit;
 }
 
-.md a:hover {
+.d2-2436602908 .md a:hover {
   text-decoration: underline;
 }
 
-.md hr::before {
+.d2-2436602908 .md hr::before {
   display: table;
   content: "";
 }
 
-.md hr::after {
+.d2-2436602908 .md hr::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md table {
+.d2-2436602908 .md table {
   border-spacing: 0;
   border-collapse: collapse;
   display: block;
@@ -305,20 +305,20 @@
   overflow: auto;
 }
 
-.md td,
-.md th {
+.d2-2436602908 .md td,
+.d2-2436602908 .md th {
   padding: 0;
 }
 
-.md details summary {
+.d2-2436602908 .md details summary {
   cursor: pointer;
 }
 
-.md details:not([open]) > *:not(summary) {
+.d2-2436602908 .md details:not([open]) > *:not(summary) {
   display: none !important;
 }
 
-.md kbd {
+.d2-2436602908 .md kbd {
   display: inline-block;
   padding: 3px 5px;
   color: var(--color-fg-default);
@@ -330,12 +330,12 @@
   box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
 }
 
-.md h1,
-.md h2,
-.md h3,
-.md h4,
-.md h5,
-.md h6 {
+.d2-2436602908 .md h1,
+.d2-2436602908 .md h2,
+.d2-2436602908 .md h3,
+.d2-2436602908 .md h4,
+.d2-2436602908 .md h5,
+.d2-2436602908 .md h6 {
   margin-top: 24px;
   margin-bottom: 16px;
   font-weight: 600;
@@ -343,222 +343,222 @@
   font-family: "d2-2436602908-font-regular";
 }
 
-.md h2 {
+.d2-2436602908 .md h2 {
   font-weight: 600;
   padding-bottom: 0.3em;
   font-size: 1.5em;
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md h3 {
+.d2-2436602908 .md h3 {
   font-weight: 600;
   font-size: 1.25em;
 }
 
-.md h4 {
+.d2-2436602908 .md h4 {
   font-weight: 600;
   font-size: 1em;
 }
 
-.md h5 {
+.d2-2436602908 .md h5 {
   font-weight: 600;
   font-size: 0.875em;
 }
 
-.md h6 {
+.d2-2436602908 .md h6 {
   font-weight: 600;
   font-size: 0.85em;
   color: var(--color-fg-muted);
 }
 
-.md p {
+.d2-2436602908 .md p {
   margin-top: 0;
   margin-bottom: 10px;
 }
 
-.md blockquote {
+.d2-2436602908 .md blockquote {
   margin: 0;
   padding: 0 1em;
   color: var(--color-fg-muted);
   border-left: 0.25em solid var(--color-border-default);
 }
 
-.md ul,
-.md ol {
+.d2-2436602908 .md ul,
+.d2-2436602908 .md ol {
   margin-top: 0;
   margin-bottom: 0;
   padding-left: 2em;
 }
 
-.md ol ol,
-.md ul ol {
+.d2-2436602908 .md ol ol,
+.d2-2436602908 .md ul ol {
   list-style-type: lower-roman;
 }
 
-.md ul ul ol,
-.md ul ol ol,
-.md ol ul ol,
-.md ol ol ol {
+.d2-2436602908 .md ul ul ol,
+.d2-2436602908 .md ul ol ol,
+.d2-2436602908 .md ol ul ol,
+.d2-2436602908 .md ol ol ol {
   list-style-type: lower-alpha;
 }
 
-.md dd {
+.d2-2436602908 .md dd {
   margin-left: 0;
 }
 
-.md pre {
+.d2-2436602908 .md pre {
   margin-top: 0;
   margin-bottom: 0;
   word-wrap: normal;
 }
 
-.md ::placeholder {
+.d2-2436602908 .md ::placeholder {
   color: var(--color-fg-subtle);
   opacity: 1;
 }
 
-.md input::-webkit-outer-spin-button,
-.md input::-webkit-inner-spin-button {
+.d2-2436602908 .md input::-webkit-outer-spin-button,
+.d2-2436602908 .md input::-webkit-inner-spin-button {
   margin: 0;
   -webkit-appearance: none;
   appearance: none;
 }
 
-.md::before {
+.d2-2436602908 .md::before {
   display: table;
   content: "";
 }
 
-.md::after {
+.d2-2436602908 .md::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md > *:first-child {
+.d2-2436602908 .md > *:first-child {
   margin-top: 0 !important;
 }
 
-.md > *:last-child {
+.d2-2436602908 .md > *:last-child {
   margin-bottom: 0 !important;
 }
 
-.md a:not([href]) {
+.d2-2436602908 .md a:not([href]) {
   color: inherit;
   text-decoration: none;
 }
 
-.md .absent {
+.d2-2436602908 .md .absent {
   color: var(--color-danger-fg);
 }
 
-.md .anchor {
+.d2-2436602908 .md .anchor {
   float: left;
   padding-right: 4px;
   margin-left: -20px;
   line-height: 1;
 }
 
-.md .anchor:focus {
+.d2-2436602908 .md .anchor:focus {
   outline: none;
 }
 
-.md p,
-.md blockquote,
-.md ul,
-.md ol,
-.md dl,
-.md table,
-.md pre,
-.md details {
+.d2-2436602908 .md p,
+.d2-2436602908 .md blockquote,
+.d2-2436602908 .md ul,
+.d2-2436602908 .md ol,
+.d2-2436602908 .md dl,
+.d2-2436602908 .md table,
+.d2-2436602908 .md pre,
+.d2-2436602908 .md details {
   margin-top: 0;
   margin-bottom: 16px;
 }
 
-.md blockquote > :first-child {
+.d2-2436602908 .md blockquote > :first-child {
   margin-top: 0;
 }
 
-.md blockquote > :last-child {
+.d2-2436602908 .md blockquote > :last-child {
   margin-bottom: 0;
 }
 
-.md sup > a::before {
+.d2-2436602908 .md sup > a::before {
   content: "[";
 }
 
-.md sup > a::after {
+.d2-2436602908 .md sup > a::after {
   content: "]";
 }
 
-.md h1:hover .anchor,
-.md h2:hover .anchor,
-.md h3:hover .anchor,
-.md h4:hover .anchor,
-.md h5:hover .anchor,
-.md h6:hover .anchor {
+.d2-2436602908 .md h1:hover .anchor,
+.d2-2436602908 .md h2:hover .anchor,
+.d2-2436602908 .md h3:hover .anchor,
+.d2-2436602908 .md h4:hover .anchor,
+.d2-2436602908 .md h5:hover .anchor,
+.d2-2436602908 .md h6:hover .anchor {
   text-decoration: none;
 }
 
-.md h1 tt,
-.md h1 code,
-.md h2 tt,
-.md h2 code,
-.md h3 tt,
-.md h3 code,
-.md h4 tt,
-.md h4 code,
-.md h5 tt,
-.md h5 code,
-.md h6 tt,
-.md h6 code {
+.d2-2436602908 .md h1 tt,
+.d2-2436602908 .md h1 code,
+.d2-2436602908 .md h2 tt,
+.d2-2436602908 .md h2 code,
+.d2-2436602908 .md h3 tt,
+.d2-2436602908 .md h3 code,
+.d2-2436602908 .md h4 tt,
+.d2-2436602908 .md h4 code,
+.d2-2436602908 .md h5 tt,
+.d2-2436602908 .md h5 code,
+.d2-2436602908 .md h6 tt,
+.d2-2436602908 .md h6 code {
   padding: 0 0.2em;
   font-size: inherit;
 }
 
-.md ul.no-list,
-.md ol.no-list {
+.d2-2436602908 .md ul.no-list,
+.d2-2436602908 .md ol.no-list {
   padding: 0;
   list-style-type: none;
 }
 
-.md ol[type="1"] {
+.d2-2436602908 .md ol[type="1"] {
   list-style-type: decimal;
 }
 
-.md ol[type="a"] {
+.d2-2436602908 .md ol[type="a"] {
   list-style-type: lower-alpha;
 }
 
-.md ol[type="i"] {
+.d2-2436602908 .md ol[type="i"] {
   list-style-type: lower-roman;
 }
 
-.md div > ol:not([type]) {
+.d2-2436602908 .md div > ol:not([type]) {
   list-style-type: decimal;
 }
 
-.md ul ul,
-.md ul ol,
-.md ol ol,
-.md ol ul {
+.d2-2436602908 .md ul ul,
+.d2-2436602908 .md ul ol,
+.d2-2436602908 .md ol ol,
+.d2-2436602908 .md ol ul {
   margin-top: 0;
   margin-bottom: 0;
 }
 
-.md li > p {
+.d2-2436602908 .md li > p {
   margin-top: 16px;
 }
 
-.md li + li {
+.d2-2436602908 .md li + li {
   margin-top: 0.25em;
 }
 
-.md dl {
+.d2-2436602908 .md dl {
   padding: 0;
 }
 
-.md dl dt {
+.d2-2436602908 .md dl dt {
   padding: 0;
   margin-top: 16px;
   font-size: 1em;
@@ -566,48 +566,48 @@
   font-weight: 600;
 }
 
-.md dl dd {
+.d2-2436602908 .md dl dd {
   padding: 0 16px;
   margin-bottom: 16px;
 }
 
-.md table th {
+.d2-2436602908 .md table th {
   font-weight: 600;
 }
 
-.md table th,
-.md table td {
+.d2-2436602908 .md table th,
+.d2-2436602908 .md table td {
   padding: 6px 13px;
   border: 1px solid var(--color-border-default);
 }
 
-.md table tr {
+.d2-2436602908 .md table tr {
   background-color: var(--color-canvas-default);
   border-top: 1px solid var(--color-border-muted);
 }
 
-.md table tr:nth-child(2n) {
+.d2-2436602908 .md table tr:nth-child(2n) {
   background-color: var(--color-canvas-subtle);
 }
 
-.md table img {
+.d2-2436602908 .md table img {
   background-color: transparent;
 }
 
-.md img[align="right"] {
+.d2-2436602908 .md img[align="right"] {
   padding-left: 20px;
 }
 
-.md img[align="left"] {
+.d2-2436602908 .md img[align="left"] {
   padding-right: 20px;
 }
 
-.md span.frame {
+.d2-2436602908 .md span.frame {
   display: block;
   overflow: hidden;
 }
 
-.md span.frame > span {
+.d2-2436602908 .md span.frame > span {
   display: block;
   float: left;
   width: auto;
@@ -617,81 +617,81 @@
   border: 1px solid var(--color-border-default);
 }
 
-.md span.frame span img {
+.d2-2436602908 .md span.frame span img {
   display: block;
   float: left;
 }
 
-.md span.frame span span {
+.d2-2436602908 .md span.frame span span {
   display: block;
   padding: 5px 0 0;
   clear: both;
   color: var(--color-fg-default);
 }
 
-.md span.align-center {
+.d2-2436602908 .md span.align-center {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-center > span {
+.d2-2436602908 .md span.align-center > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: center;
 }
 
-.md span.align-center span img {
+.d2-2436602908 .md span.align-center span img {
   margin: 0 auto;
   text-align: center;
 }
 
-.md span.align-right {
+.d2-2436602908 .md span.align-right {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-right > span {
+.d2-2436602908 .md span.align-right > span {
   display: block;
   margin: 13px 0 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md span.align-right span img {
+.d2-2436602908 .md span.align-right span img {
   margin: 0;
   text-align: right;
 }
 
-.md span.float-left {
+.d2-2436602908 .md span.float-left {
   display: block;
   float: left;
   margin-right: 13px;
   overflow: hidden;
 }
 
-.md span.float-left span {
+.d2-2436602908 .md span.float-left span {
   margin: 13px 0 0;
 }
 
-.md span.float-right {
+.d2-2436602908 .md span.float-right {
   display: block;
   float: right;
   margin-left: 13px;
   overflow: hidden;
 }
 
-.md span.float-right > span {
+.d2-2436602908 .md span.float-right > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md code,
-.md tt {
+.d2-2436602908 .md code,
+.d2-2436602908 .md tt {
   padding: 0.2em 0.4em;
   margin: 0;
   font-size: 85%;
@@ -699,20 +699,20 @@
   border-radius: 6px;
 }
 
-.md code br,
-.md tt br {
+.d2-2436602908 .md code br,
+.d2-2436602908 .md tt br {
   display: none;
 }
 
-.md del code {
+.d2-2436602908 .md del code {
   text-decoration: inherit;
 }
 
-.md pre code {
+.d2-2436602908 .md pre code {
   font-size: 100%;
 }
 
-.md pre > code {
+.d2-2436602908 .md pre > code {
   padding: 0;
   margin: 0;
   word-break: normal;
@@ -721,17 +721,17 @@
   border: 0;
 }
 
-.md .highlight {
+.d2-2436602908 .md .highlight {
   margin-bottom: 16px;
 }
 
-.md .highlight pre {
+.d2-2436602908 .md .highlight pre {
   margin-bottom: 0;
   word-break: normal;
 }
 
-.md .highlight pre,
-.md pre {
+.d2-2436602908 .md .highlight pre,
+.d2-2436602908 .md pre {
   padding: 16px;
   overflow: auto;
   font-size: 85%;
@@ -740,8 +740,8 @@
   border-radius: 6px;
 }
 
-.md pre code,
-.md pre tt {
+.d2-2436602908 .md pre code,
+.d2-2436602908 .md pre tt {
   display: inline;
   max-width: auto;
   padding: 0;
@@ -753,8 +753,8 @@
   border: 0;
 }
 
-.md .csv-data td,
-.md .csv-data th {
+.d2-2436602908 .md .csv-data td,
+.d2-2436602908 .md .csv-data th {
   padding: 5px;
   overflow: hidden;
   font-size: 12px;
@@ -763,38 +763,38 @@
   white-space: nowrap;
 }
 
-.md .csv-data .blob-num {
+.d2-2436602908 .md .csv-data .blob-num {
   padding: 10px 8px 9px;
   text-align: right;
   background: var(--color-canvas-default);
   border: 0;
 }
 
-.md .csv-data tr {
+.d2-2436602908 .md .csv-data tr {
   border-top: 0;
 }
 
-.md .csv-data th {
+.d2-2436602908 .md .csv-data th {
   font-weight: 600;
   background: var(--color-canvas-subtle);
   border-top: 0;
 }
 
-.md .footnotes {
+.d2-2436602908 .md .footnotes {
   font-size: 12px;
   color: var(--color-fg-muted);
   border-top: 1px solid var(--color-border-default);
 }
 
-.md .footnotes ol {
+.d2-2436602908 .md .footnotes ol {
   padding-left: 16px;
 }
 
-.md .footnotes li {
+.d2-2436602908 .md .footnotes li {
   position: relative;
 }
 
-.md .footnotes li:target::before {
+.d2-2436602908 .md .footnotes li:target::before {
   position: absolute;
   top: -8px;
   right: -8px;
@@ -806,36 +806,36 @@
   border-radius: 6px;
 }
 
-.md .footnotes li:target {
+.d2-2436602908 .md .footnotes li:target {
   color: var(--color-fg-default);
 }
 
-.md .task-list-item {
+.d2-2436602908 .md .task-list-item {
   list-style-type: none;
 }
 
-.md .task-list-item label {
+.d2-2436602908 .md .task-list-item label {
   font-weight: 400;
 }
 
-.md .task-list-item.enabled label {
+.d2-2436602908 .md .task-list-item.enabled label {
   cursor: pointer;
 }
 
-.md .task-list-item + .task-list-item {
+.d2-2436602908 .md .task-list-item + .task-list-item {
   margin-top: 3px;
 }
 
-.md .task-list-item .handle {
+.d2-2436602908 .md .task-list-item .handle {
   display: none;
 }
 
-.md .task-list-item-checkbox {
+.d2-2436602908 .md .task-list-item-checkbox {
   margin: 0 0.2em 0.25em -1.6em;
   vertical-align: middle;
 }
 
-.md .contains-task-list:dir(rtl) .task-list-item-checkbox {
+.d2-2436602908 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
 </style><g id="md"><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
diff --git a/e2etests/testdata/stable/p/elk/sketch.exp.svg b/e2etests/testdata/stable/p/elk/sketch.exp.svg
index e0fda4616..578754628 100644
--- a/e2etests/testdata/stable/p/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/p/elk/sketch.exp.svg
@@ -96,31 +96,31 @@
 		.d2-2094531179 .color-AA4{color:#EDF0FD;}
 		.d2-2094531179 .color-AA5{color:#F7F8FE;}
 		.d2-2094531179 .color-AB4{color:#EDF0FD;}
-		.d2-2094531179 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.md em,
-.md dfn {
+		.d2-2094531179 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.d2-2094531179 .md em,
+.d2-2094531179 .md dfn {
   font-family: "d2-2094531179-font-italic";
 }
 
-.md b,
-.md strong {
+.d2-2094531179 .md b,
+.d2-2094531179 .md strong {
   font-family: "d2-2094531179-font-bold";
 }
 
-.md code,
-.md kbd,
-.md pre,
-.md samp {
+.d2-2094531179 .md code,
+.d2-2094531179 .md kbd,
+.d2-2094531179 .md pre,
+.d2-2094531179 .md samp {
   font-family: "d2-2094531179-font-mono";
   font-size: 1em;
 }
 
-.md {
+.d2-2094531179 .md {
   tab-size: 4;
 }
 
 /* variables are provided in d2renderers/d2svg/d2svg.go */
 
-.md {
+.d2-2094531179 .md {
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
   margin: 0;
@@ -132,41 +132,41 @@
   word-wrap: break-word;
 }
 
-.md details,
-.md figcaption,
-.md figure {
+.d2-2094531179 .md details,
+.d2-2094531179 .md figcaption,
+.d2-2094531179 .md figure {
   display: block;
 }
 
-.md summary {
+.d2-2094531179 .md summary {
   display: list-item;
 }
 
-.md [hidden] {
+.d2-2094531179 .md [hidden] {
   display: none !important;
 }
 
-.md a {
+.d2-2094531179 .md a {
   background-color: transparent;
   color: var(--color-accent-fg);
   text-decoration: none;
 }
 
-.md a:active,
-.md a:hover {
+.d2-2094531179 .md a:active,
+.d2-2094531179 .md a:hover {
   outline-width: 0;
 }
 
-.md abbr[title] {
+.d2-2094531179 .md abbr[title] {
   border-bottom: none;
   text-decoration: underline dotted;
 }
 
-.md dfn {
+.d2-2094531179 .md dfn {
   font-style: italic;
 }
 
-.md h1 {
+.d2-2094531179 .md h1 {
   margin: 0.67em 0;
   font-weight: 600;
   padding-bottom: 0.3em;
@@ -174,43 +174,43 @@
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md mark {
+.d2-2094531179 .md mark {
   background-color: var(--color-attention-subtle);
   color: var(--color-text-primary);
 }
 
-.md small {
+.d2-2094531179 .md small {
   font-size: 90%;
 }
 
-.md sub,
-.md sup {
+.d2-2094531179 .md sub,
+.d2-2094531179 .md sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
 }
 
-.md sub {
+.d2-2094531179 .md sub {
   bottom: -0.25em;
 }
 
-.md sup {
+.d2-2094531179 .md sup {
   top: -0.5em;
 }
 
-.md img {
+.d2-2094531179 .md img {
   border-style: none;
   max-width: 100%;
   box-sizing: content-box;
   background-color: var(--color-canvas-default);
 }
 
-.md figure {
+.d2-2094531179 .md figure {
   margin: 1em 40px;
 }
 
-.md hr {
+.d2-2094531179 .md hr {
   box-sizing: content-box;
   overflow: hidden;
   background: transparent;
@@ -222,7 +222,7 @@
   border: 0;
 }
 
-.md input {
+.d2-2094531179 .md input {
   font: inherit;
   margin: 0;
   overflow: visible;
@@ -231,72 +231,72 @@
   line-height: inherit;
 }
 
-.md [type="button"],
-.md [type="reset"],
-.md [type="submit"] {
+.d2-2094531179 .md [type="button"],
+.d2-2094531179 .md [type="reset"],
+.d2-2094531179 .md [type="submit"] {
   -webkit-appearance: button;
 }
 
-.md [type="button"]::-moz-focus-inner,
-.md [type="reset"]::-moz-focus-inner,
-.md [type="submit"]::-moz-focus-inner {
+.d2-2094531179 .md [type="button"]::-moz-focus-inner,
+.d2-2094531179 .md [type="reset"]::-moz-focus-inner,
+.d2-2094531179 .md [type="submit"]::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.md [type="button"]:-moz-focusring,
-.md [type="reset"]:-moz-focusring,
-.md [type="submit"]:-moz-focusring {
+.d2-2094531179 .md [type="button"]:-moz-focusring,
+.d2-2094531179 .md [type="reset"]:-moz-focusring,
+.d2-2094531179 .md [type="submit"]:-moz-focusring {
   outline: 1px dotted ButtonText;
 }
 
-.md [type="checkbox"],
-.md [type="radio"] {
+.d2-2094531179 .md [type="checkbox"],
+.d2-2094531179 .md [type="radio"] {
   box-sizing: border-box;
   padding: 0;
 }
 
-.md [type="number"]::-webkit-inner-spin-button,
-.md [type="number"]::-webkit-outer-spin-button {
+.d2-2094531179 .md [type="number"]::-webkit-inner-spin-button,
+.d2-2094531179 .md [type="number"]::-webkit-outer-spin-button {
   height: auto;
 }
 
-.md [type="search"] {
+.d2-2094531179 .md [type="search"] {
   -webkit-appearance: textfield;
   outline-offset: -2px;
 }
 
-.md [type="search"]::-webkit-search-cancel-button,
-.md [type="search"]::-webkit-search-decoration {
+.d2-2094531179 .md [type="search"]::-webkit-search-cancel-button,
+.d2-2094531179 .md [type="search"]::-webkit-search-decoration {
   -webkit-appearance: none;
 }
 
-.md ::-webkit-input-placeholder {
+.d2-2094531179 .md ::-webkit-input-placeholder {
   color: inherit;
   opacity: 0.54;
 }
 
-.md ::-webkit-file-upload-button {
+.d2-2094531179 .md ::-webkit-file-upload-button {
   -webkit-appearance: button;
   font: inherit;
 }
 
-.md a:hover {
+.d2-2094531179 .md a:hover {
   text-decoration: underline;
 }
 
-.md hr::before {
+.d2-2094531179 .md hr::before {
   display: table;
   content: "";
 }
 
-.md hr::after {
+.d2-2094531179 .md hr::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md table {
+.d2-2094531179 .md table {
   border-spacing: 0;
   border-collapse: collapse;
   display: block;
@@ -305,20 +305,20 @@
   overflow: auto;
 }
 
-.md td,
-.md th {
+.d2-2094531179 .md td,
+.d2-2094531179 .md th {
   padding: 0;
 }
 
-.md details summary {
+.d2-2094531179 .md details summary {
   cursor: pointer;
 }
 
-.md details:not([open]) > *:not(summary) {
+.d2-2094531179 .md details:not([open]) > *:not(summary) {
   display: none !important;
 }
 
-.md kbd {
+.d2-2094531179 .md kbd {
   display: inline-block;
   padding: 3px 5px;
   color: var(--color-fg-default);
@@ -330,12 +330,12 @@
   box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
 }
 
-.md h1,
-.md h2,
-.md h3,
-.md h4,
-.md h5,
-.md h6 {
+.d2-2094531179 .md h1,
+.d2-2094531179 .md h2,
+.d2-2094531179 .md h3,
+.d2-2094531179 .md h4,
+.d2-2094531179 .md h5,
+.d2-2094531179 .md h6 {
   margin-top: 24px;
   margin-bottom: 16px;
   font-weight: 600;
@@ -343,222 +343,222 @@
   font-family: "d2-2094531179-font-regular";
 }
 
-.md h2 {
+.d2-2094531179 .md h2 {
   font-weight: 600;
   padding-bottom: 0.3em;
   font-size: 1.5em;
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md h3 {
+.d2-2094531179 .md h3 {
   font-weight: 600;
   font-size: 1.25em;
 }
 
-.md h4 {
+.d2-2094531179 .md h4 {
   font-weight: 600;
   font-size: 1em;
 }
 
-.md h5 {
+.d2-2094531179 .md h5 {
   font-weight: 600;
   font-size: 0.875em;
 }
 
-.md h6 {
+.d2-2094531179 .md h6 {
   font-weight: 600;
   font-size: 0.85em;
   color: var(--color-fg-muted);
 }
 
-.md p {
+.d2-2094531179 .md p {
   margin-top: 0;
   margin-bottom: 10px;
 }
 
-.md blockquote {
+.d2-2094531179 .md blockquote {
   margin: 0;
   padding: 0 1em;
   color: var(--color-fg-muted);
   border-left: 0.25em solid var(--color-border-default);
 }
 
-.md ul,
-.md ol {
+.d2-2094531179 .md ul,
+.d2-2094531179 .md ol {
   margin-top: 0;
   margin-bottom: 0;
   padding-left: 2em;
 }
 
-.md ol ol,
-.md ul ol {
+.d2-2094531179 .md ol ol,
+.d2-2094531179 .md ul ol {
   list-style-type: lower-roman;
 }
 
-.md ul ul ol,
-.md ul ol ol,
-.md ol ul ol,
-.md ol ol ol {
+.d2-2094531179 .md ul ul ol,
+.d2-2094531179 .md ul ol ol,
+.d2-2094531179 .md ol ul ol,
+.d2-2094531179 .md ol ol ol {
   list-style-type: lower-alpha;
 }
 
-.md dd {
+.d2-2094531179 .md dd {
   margin-left: 0;
 }
 
-.md pre {
+.d2-2094531179 .md pre {
   margin-top: 0;
   margin-bottom: 0;
   word-wrap: normal;
 }
 
-.md ::placeholder {
+.d2-2094531179 .md ::placeholder {
   color: var(--color-fg-subtle);
   opacity: 1;
 }
 
-.md input::-webkit-outer-spin-button,
-.md input::-webkit-inner-spin-button {
+.d2-2094531179 .md input::-webkit-outer-spin-button,
+.d2-2094531179 .md input::-webkit-inner-spin-button {
   margin: 0;
   -webkit-appearance: none;
   appearance: none;
 }
 
-.md::before {
+.d2-2094531179 .md::before {
   display: table;
   content: "";
 }
 
-.md::after {
+.d2-2094531179 .md::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md > *:first-child {
+.d2-2094531179 .md > *:first-child {
   margin-top: 0 !important;
 }
 
-.md > *:last-child {
+.d2-2094531179 .md > *:last-child {
   margin-bottom: 0 !important;
 }
 
-.md a:not([href]) {
+.d2-2094531179 .md a:not([href]) {
   color: inherit;
   text-decoration: none;
 }
 
-.md .absent {
+.d2-2094531179 .md .absent {
   color: var(--color-danger-fg);
 }
 
-.md .anchor {
+.d2-2094531179 .md .anchor {
   float: left;
   padding-right: 4px;
   margin-left: -20px;
   line-height: 1;
 }
 
-.md .anchor:focus {
+.d2-2094531179 .md .anchor:focus {
   outline: none;
 }
 
-.md p,
-.md blockquote,
-.md ul,
-.md ol,
-.md dl,
-.md table,
-.md pre,
-.md details {
+.d2-2094531179 .md p,
+.d2-2094531179 .md blockquote,
+.d2-2094531179 .md ul,
+.d2-2094531179 .md ol,
+.d2-2094531179 .md dl,
+.d2-2094531179 .md table,
+.d2-2094531179 .md pre,
+.d2-2094531179 .md details {
   margin-top: 0;
   margin-bottom: 16px;
 }
 
-.md blockquote > :first-child {
+.d2-2094531179 .md blockquote > :first-child {
   margin-top: 0;
 }
 
-.md blockquote > :last-child {
+.d2-2094531179 .md blockquote > :last-child {
   margin-bottom: 0;
 }
 
-.md sup > a::before {
+.d2-2094531179 .md sup > a::before {
   content: "[";
 }
 
-.md sup > a::after {
+.d2-2094531179 .md sup > a::after {
   content: "]";
 }
 
-.md h1:hover .anchor,
-.md h2:hover .anchor,
-.md h3:hover .anchor,
-.md h4:hover .anchor,
-.md h5:hover .anchor,
-.md h6:hover .anchor {
+.d2-2094531179 .md h1:hover .anchor,
+.d2-2094531179 .md h2:hover .anchor,
+.d2-2094531179 .md h3:hover .anchor,
+.d2-2094531179 .md h4:hover .anchor,
+.d2-2094531179 .md h5:hover .anchor,
+.d2-2094531179 .md h6:hover .anchor {
   text-decoration: none;
 }
 
-.md h1 tt,
-.md h1 code,
-.md h2 tt,
-.md h2 code,
-.md h3 tt,
-.md h3 code,
-.md h4 tt,
-.md h4 code,
-.md h5 tt,
-.md h5 code,
-.md h6 tt,
-.md h6 code {
+.d2-2094531179 .md h1 tt,
+.d2-2094531179 .md h1 code,
+.d2-2094531179 .md h2 tt,
+.d2-2094531179 .md h2 code,
+.d2-2094531179 .md h3 tt,
+.d2-2094531179 .md h3 code,
+.d2-2094531179 .md h4 tt,
+.d2-2094531179 .md h4 code,
+.d2-2094531179 .md h5 tt,
+.d2-2094531179 .md h5 code,
+.d2-2094531179 .md h6 tt,
+.d2-2094531179 .md h6 code {
   padding: 0 0.2em;
   font-size: inherit;
 }
 
-.md ul.no-list,
-.md ol.no-list {
+.d2-2094531179 .md ul.no-list,
+.d2-2094531179 .md ol.no-list {
   padding: 0;
   list-style-type: none;
 }
 
-.md ol[type="1"] {
+.d2-2094531179 .md ol[type="1"] {
   list-style-type: decimal;
 }
 
-.md ol[type="a"] {
+.d2-2094531179 .md ol[type="a"] {
   list-style-type: lower-alpha;
 }
 
-.md ol[type="i"] {
+.d2-2094531179 .md ol[type="i"] {
   list-style-type: lower-roman;
 }
 
-.md div > ol:not([type]) {
+.d2-2094531179 .md div > ol:not([type]) {
   list-style-type: decimal;
 }
 
-.md ul ul,
-.md ul ol,
-.md ol ol,
-.md ol ul {
+.d2-2094531179 .md ul ul,
+.d2-2094531179 .md ul ol,
+.d2-2094531179 .md ol ol,
+.d2-2094531179 .md ol ul {
   margin-top: 0;
   margin-bottom: 0;
 }
 
-.md li > p {
+.d2-2094531179 .md li > p {
   margin-top: 16px;
 }
 
-.md li + li {
+.d2-2094531179 .md li + li {
   margin-top: 0.25em;
 }
 
-.md dl {
+.d2-2094531179 .md dl {
   padding: 0;
 }
 
-.md dl dt {
+.d2-2094531179 .md dl dt {
   padding: 0;
   margin-top: 16px;
   font-size: 1em;
@@ -566,48 +566,48 @@
   font-weight: 600;
 }
 
-.md dl dd {
+.d2-2094531179 .md dl dd {
   padding: 0 16px;
   margin-bottom: 16px;
 }
 
-.md table th {
+.d2-2094531179 .md table th {
   font-weight: 600;
 }
 
-.md table th,
-.md table td {
+.d2-2094531179 .md table th,
+.d2-2094531179 .md table td {
   padding: 6px 13px;
   border: 1px solid var(--color-border-default);
 }
 
-.md table tr {
+.d2-2094531179 .md table tr {
   background-color: var(--color-canvas-default);
   border-top: 1px solid var(--color-border-muted);
 }
 
-.md table tr:nth-child(2n) {
+.d2-2094531179 .md table tr:nth-child(2n) {
   background-color: var(--color-canvas-subtle);
 }
 
-.md table img {
+.d2-2094531179 .md table img {
   background-color: transparent;
 }
 
-.md img[align="right"] {
+.d2-2094531179 .md img[align="right"] {
   padding-left: 20px;
 }
 
-.md img[align="left"] {
+.d2-2094531179 .md img[align="left"] {
   padding-right: 20px;
 }
 
-.md span.frame {
+.d2-2094531179 .md span.frame {
   display: block;
   overflow: hidden;
 }
 
-.md span.frame > span {
+.d2-2094531179 .md span.frame > span {
   display: block;
   float: left;
   width: auto;
@@ -617,81 +617,81 @@
   border: 1px solid var(--color-border-default);
 }
 
-.md span.frame span img {
+.d2-2094531179 .md span.frame span img {
   display: block;
   float: left;
 }
 
-.md span.frame span span {
+.d2-2094531179 .md span.frame span span {
   display: block;
   padding: 5px 0 0;
   clear: both;
   color: var(--color-fg-default);
 }
 
-.md span.align-center {
+.d2-2094531179 .md span.align-center {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-center > span {
+.d2-2094531179 .md span.align-center > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: center;
 }
 
-.md span.align-center span img {
+.d2-2094531179 .md span.align-center span img {
   margin: 0 auto;
   text-align: center;
 }
 
-.md span.align-right {
+.d2-2094531179 .md span.align-right {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-right > span {
+.d2-2094531179 .md span.align-right > span {
   display: block;
   margin: 13px 0 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md span.align-right span img {
+.d2-2094531179 .md span.align-right span img {
   margin: 0;
   text-align: right;
 }
 
-.md span.float-left {
+.d2-2094531179 .md span.float-left {
   display: block;
   float: left;
   margin-right: 13px;
   overflow: hidden;
 }
 
-.md span.float-left span {
+.d2-2094531179 .md span.float-left span {
   margin: 13px 0 0;
 }
 
-.md span.float-right {
+.d2-2094531179 .md span.float-right {
   display: block;
   float: right;
   margin-left: 13px;
   overflow: hidden;
 }
 
-.md span.float-right > span {
+.d2-2094531179 .md span.float-right > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md code,
-.md tt {
+.d2-2094531179 .md code,
+.d2-2094531179 .md tt {
   padding: 0.2em 0.4em;
   margin: 0;
   font-size: 85%;
@@ -699,20 +699,20 @@
   border-radius: 6px;
 }
 
-.md code br,
-.md tt br {
+.d2-2094531179 .md code br,
+.d2-2094531179 .md tt br {
   display: none;
 }
 
-.md del code {
+.d2-2094531179 .md del code {
   text-decoration: inherit;
 }
 
-.md pre code {
+.d2-2094531179 .md pre code {
   font-size: 100%;
 }
 
-.md pre > code {
+.d2-2094531179 .md pre > code {
   padding: 0;
   margin: 0;
   word-break: normal;
@@ -721,17 +721,17 @@
   border: 0;
 }
 
-.md .highlight {
+.d2-2094531179 .md .highlight {
   margin-bottom: 16px;
 }
 
-.md .highlight pre {
+.d2-2094531179 .md .highlight pre {
   margin-bottom: 0;
   word-break: normal;
 }
 
-.md .highlight pre,
-.md pre {
+.d2-2094531179 .md .highlight pre,
+.d2-2094531179 .md pre {
   padding: 16px;
   overflow: auto;
   font-size: 85%;
@@ -740,8 +740,8 @@
   border-radius: 6px;
 }
 
-.md pre code,
-.md pre tt {
+.d2-2094531179 .md pre code,
+.d2-2094531179 .md pre tt {
   display: inline;
   max-width: auto;
   padding: 0;
@@ -753,8 +753,8 @@
   border: 0;
 }
 
-.md .csv-data td,
-.md .csv-data th {
+.d2-2094531179 .md .csv-data td,
+.d2-2094531179 .md .csv-data th {
   padding: 5px;
   overflow: hidden;
   font-size: 12px;
@@ -763,38 +763,38 @@
   white-space: nowrap;
 }
 
-.md .csv-data .blob-num {
+.d2-2094531179 .md .csv-data .blob-num {
   padding: 10px 8px 9px;
   text-align: right;
   background: var(--color-canvas-default);
   border: 0;
 }
 
-.md .csv-data tr {
+.d2-2094531179 .md .csv-data tr {
   border-top: 0;
 }
 
-.md .csv-data th {
+.d2-2094531179 .md .csv-data th {
   font-weight: 600;
   background: var(--color-canvas-subtle);
   border-top: 0;
 }
 
-.md .footnotes {
+.d2-2094531179 .md .footnotes {
   font-size: 12px;
   color: var(--color-fg-muted);
   border-top: 1px solid var(--color-border-default);
 }
 
-.md .footnotes ol {
+.d2-2094531179 .md .footnotes ol {
   padding-left: 16px;
 }
 
-.md .footnotes li {
+.d2-2094531179 .md .footnotes li {
   position: relative;
 }
 
-.md .footnotes li:target::before {
+.d2-2094531179 .md .footnotes li:target::before {
   position: absolute;
   top: -8px;
   right: -8px;
@@ -806,36 +806,36 @@
   border-radius: 6px;
 }
 
-.md .footnotes li:target {
+.d2-2094531179 .md .footnotes li:target {
   color: var(--color-fg-default);
 }
 
-.md .task-list-item {
+.d2-2094531179 .md .task-list-item {
   list-style-type: none;
 }
 
-.md .task-list-item label {
+.d2-2094531179 .md .task-list-item label {
   font-weight: 400;
 }
 
-.md .task-list-item.enabled label {
+.d2-2094531179 .md .task-list-item.enabled label {
   cursor: pointer;
 }
 
-.md .task-list-item + .task-list-item {
+.d2-2094531179 .md .task-list-item + .task-list-item {
   margin-top: 3px;
 }
 
-.md .task-list-item .handle {
+.d2-2094531179 .md .task-list-item .handle {
   display: none;
 }
 
-.md .task-list-item-checkbox {
+.d2-2094531179 .md .task-list-item-checkbox {
   margin: 0 0.2em 0.25em -1.6em;
   vertical-align: middle;
 }
 
-.md .contains-task-list:dir(rtl) .task-list-item-checkbox {
+.d2-2094531179 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
 </style><g id="md"><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
diff --git a/e2etests/testdata/stable/pre/dagre/sketch.exp.svg b/e2etests/testdata/stable/pre/dagre/sketch.exp.svg
index b460f6286..c7609ea07 100644
--- a/e2etests/testdata/stable/pre/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/pre/dagre/sketch.exp.svg
@@ -103,31 +103,31 @@
 		.d2-1941904450 .color-AA4{color:#EDF0FD;}
 		.d2-1941904450 .color-AA5{color:#F7F8FE;}
 		.d2-1941904450 .color-AB4{color:#EDF0FD;}
-		.d2-1941904450 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.md em,
-.md dfn {
+		.d2-1941904450 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.d2-1941904450 .md em,
+.d2-1941904450 .md dfn {
   font-family: "d2-1941904450-font-italic";
 }
 
-.md b,
-.md strong {
+.d2-1941904450 .md b,
+.d2-1941904450 .md strong {
   font-family: "d2-1941904450-font-bold";
 }
 
-.md code,
-.md kbd,
-.md pre,
-.md samp {
+.d2-1941904450 .md code,
+.d2-1941904450 .md kbd,
+.d2-1941904450 .md pre,
+.d2-1941904450 .md samp {
   font-family: "d2-1941904450-font-mono";
   font-size: 1em;
 }
 
-.md {
+.d2-1941904450 .md {
   tab-size: 4;
 }
 
 /* variables are provided in d2renderers/d2svg/d2svg.go */
 
-.md {
+.d2-1941904450 .md {
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
   margin: 0;
@@ -139,41 +139,41 @@
   word-wrap: break-word;
 }
 
-.md details,
-.md figcaption,
-.md figure {
+.d2-1941904450 .md details,
+.d2-1941904450 .md figcaption,
+.d2-1941904450 .md figure {
   display: block;
 }
 
-.md summary {
+.d2-1941904450 .md summary {
   display: list-item;
 }
 
-.md [hidden] {
+.d2-1941904450 .md [hidden] {
   display: none !important;
 }
 
-.md a {
+.d2-1941904450 .md a {
   background-color: transparent;
   color: var(--color-accent-fg);
   text-decoration: none;
 }
 
-.md a:active,
-.md a:hover {
+.d2-1941904450 .md a:active,
+.d2-1941904450 .md a:hover {
   outline-width: 0;
 }
 
-.md abbr[title] {
+.d2-1941904450 .md abbr[title] {
   border-bottom: none;
   text-decoration: underline dotted;
 }
 
-.md dfn {
+.d2-1941904450 .md dfn {
   font-style: italic;
 }
 
-.md h1 {
+.d2-1941904450 .md h1 {
   margin: 0.67em 0;
   font-weight: 600;
   padding-bottom: 0.3em;
@@ -181,43 +181,43 @@
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md mark {
+.d2-1941904450 .md mark {
   background-color: var(--color-attention-subtle);
   color: var(--color-text-primary);
 }
 
-.md small {
+.d2-1941904450 .md small {
   font-size: 90%;
 }
 
-.md sub,
-.md sup {
+.d2-1941904450 .md sub,
+.d2-1941904450 .md sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
 }
 
-.md sub {
+.d2-1941904450 .md sub {
   bottom: -0.25em;
 }
 
-.md sup {
+.d2-1941904450 .md sup {
   top: -0.5em;
 }
 
-.md img {
+.d2-1941904450 .md img {
   border-style: none;
   max-width: 100%;
   box-sizing: content-box;
   background-color: var(--color-canvas-default);
 }
 
-.md figure {
+.d2-1941904450 .md figure {
   margin: 1em 40px;
 }
 
-.md hr {
+.d2-1941904450 .md hr {
   box-sizing: content-box;
   overflow: hidden;
   background: transparent;
@@ -229,7 +229,7 @@
   border: 0;
 }
 
-.md input {
+.d2-1941904450 .md input {
   font: inherit;
   margin: 0;
   overflow: visible;
@@ -238,72 +238,72 @@
   line-height: inherit;
 }
 
-.md [type="button"],
-.md [type="reset"],
-.md [type="submit"] {
+.d2-1941904450 .md [type="button"],
+.d2-1941904450 .md [type="reset"],
+.d2-1941904450 .md [type="submit"] {
   -webkit-appearance: button;
 }
 
-.md [type="button"]::-moz-focus-inner,
-.md [type="reset"]::-moz-focus-inner,
-.md [type="submit"]::-moz-focus-inner {
+.d2-1941904450 .md [type="button"]::-moz-focus-inner,
+.d2-1941904450 .md [type="reset"]::-moz-focus-inner,
+.d2-1941904450 .md [type="submit"]::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.md [type="button"]:-moz-focusring,
-.md [type="reset"]:-moz-focusring,
-.md [type="submit"]:-moz-focusring {
+.d2-1941904450 .md [type="button"]:-moz-focusring,
+.d2-1941904450 .md [type="reset"]:-moz-focusring,
+.d2-1941904450 .md [type="submit"]:-moz-focusring {
   outline: 1px dotted ButtonText;
 }
 
-.md [type="checkbox"],
-.md [type="radio"] {
+.d2-1941904450 .md [type="checkbox"],
+.d2-1941904450 .md [type="radio"] {
   box-sizing: border-box;
   padding: 0;
 }
 
-.md [type="number"]::-webkit-inner-spin-button,
-.md [type="number"]::-webkit-outer-spin-button {
+.d2-1941904450 .md [type="number"]::-webkit-inner-spin-button,
+.d2-1941904450 .md [type="number"]::-webkit-outer-spin-button {
   height: auto;
 }
 
-.md [type="search"] {
+.d2-1941904450 .md [type="search"] {
   -webkit-appearance: textfield;
   outline-offset: -2px;
 }
 
-.md [type="search"]::-webkit-search-cancel-button,
-.md [type="search"]::-webkit-search-decoration {
+.d2-1941904450 .md [type="search"]::-webkit-search-cancel-button,
+.d2-1941904450 .md [type="search"]::-webkit-search-decoration {
   -webkit-appearance: none;
 }
 
-.md ::-webkit-input-placeholder {
+.d2-1941904450 .md ::-webkit-input-placeholder {
   color: inherit;
   opacity: 0.54;
 }
 
-.md ::-webkit-file-upload-button {
+.d2-1941904450 .md ::-webkit-file-upload-button {
   -webkit-appearance: button;
   font: inherit;
 }
 
-.md a:hover {
+.d2-1941904450 .md a:hover {
   text-decoration: underline;
 }
 
-.md hr::before {
+.d2-1941904450 .md hr::before {
   display: table;
   content: "";
 }
 
-.md hr::after {
+.d2-1941904450 .md hr::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md table {
+.d2-1941904450 .md table {
   border-spacing: 0;
   border-collapse: collapse;
   display: block;
@@ -312,20 +312,20 @@
   overflow: auto;
 }
 
-.md td,
-.md th {
+.d2-1941904450 .md td,
+.d2-1941904450 .md th {
   padding: 0;
 }
 
-.md details summary {
+.d2-1941904450 .md details summary {
   cursor: pointer;
 }
 
-.md details:not([open]) > *:not(summary) {
+.d2-1941904450 .md details:not([open]) > *:not(summary) {
   display: none !important;
 }
 
-.md kbd {
+.d2-1941904450 .md kbd {
   display: inline-block;
   padding: 3px 5px;
   color: var(--color-fg-default);
@@ -337,12 +337,12 @@
   box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
 }
 
-.md h1,
-.md h2,
-.md h3,
-.md h4,
-.md h5,
-.md h6 {
+.d2-1941904450 .md h1,
+.d2-1941904450 .md h2,
+.d2-1941904450 .md h3,
+.d2-1941904450 .md h4,
+.d2-1941904450 .md h5,
+.d2-1941904450 .md h6 {
   margin-top: 24px;
   margin-bottom: 16px;
   font-weight: 600;
@@ -350,222 +350,222 @@
   font-family: "d2-1941904450-font-regular";
 }
 
-.md h2 {
+.d2-1941904450 .md h2 {
   font-weight: 600;
   padding-bottom: 0.3em;
   font-size: 1.5em;
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md h3 {
+.d2-1941904450 .md h3 {
   font-weight: 600;
   font-size: 1.25em;
 }
 
-.md h4 {
+.d2-1941904450 .md h4 {
   font-weight: 600;
   font-size: 1em;
 }
 
-.md h5 {
+.d2-1941904450 .md h5 {
   font-weight: 600;
   font-size: 0.875em;
 }
 
-.md h6 {
+.d2-1941904450 .md h6 {
   font-weight: 600;
   font-size: 0.85em;
   color: var(--color-fg-muted);
 }
 
-.md p {
+.d2-1941904450 .md p {
   margin-top: 0;
   margin-bottom: 10px;
 }
 
-.md blockquote {
+.d2-1941904450 .md blockquote {
   margin: 0;
   padding: 0 1em;
   color: var(--color-fg-muted);
   border-left: 0.25em solid var(--color-border-default);
 }
 
-.md ul,
-.md ol {
+.d2-1941904450 .md ul,
+.d2-1941904450 .md ol {
   margin-top: 0;
   margin-bottom: 0;
   padding-left: 2em;
 }
 
-.md ol ol,
-.md ul ol {
+.d2-1941904450 .md ol ol,
+.d2-1941904450 .md ul ol {
   list-style-type: lower-roman;
 }
 
-.md ul ul ol,
-.md ul ol ol,
-.md ol ul ol,
-.md ol ol ol {
+.d2-1941904450 .md ul ul ol,
+.d2-1941904450 .md ul ol ol,
+.d2-1941904450 .md ol ul ol,
+.d2-1941904450 .md ol ol ol {
   list-style-type: lower-alpha;
 }
 
-.md dd {
+.d2-1941904450 .md dd {
   margin-left: 0;
 }
 
-.md pre {
+.d2-1941904450 .md pre {
   margin-top: 0;
   margin-bottom: 0;
   word-wrap: normal;
 }
 
-.md ::placeholder {
+.d2-1941904450 .md ::placeholder {
   color: var(--color-fg-subtle);
   opacity: 1;
 }
 
-.md input::-webkit-outer-spin-button,
-.md input::-webkit-inner-spin-button {
+.d2-1941904450 .md input::-webkit-outer-spin-button,
+.d2-1941904450 .md input::-webkit-inner-spin-button {
   margin: 0;
   -webkit-appearance: none;
   appearance: none;
 }
 
-.md::before {
+.d2-1941904450 .md::before {
   display: table;
   content: "";
 }
 
-.md::after {
+.d2-1941904450 .md::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md > *:first-child {
+.d2-1941904450 .md > *:first-child {
   margin-top: 0 !important;
 }
 
-.md > *:last-child {
+.d2-1941904450 .md > *:last-child {
   margin-bottom: 0 !important;
 }
 
-.md a:not([href]) {
+.d2-1941904450 .md a:not([href]) {
   color: inherit;
   text-decoration: none;
 }
 
-.md .absent {
+.d2-1941904450 .md .absent {
   color: var(--color-danger-fg);
 }
 
-.md .anchor {
+.d2-1941904450 .md .anchor {
   float: left;
   padding-right: 4px;
   margin-left: -20px;
   line-height: 1;
 }
 
-.md .anchor:focus {
+.d2-1941904450 .md .anchor:focus {
   outline: none;
 }
 
-.md p,
-.md blockquote,
-.md ul,
-.md ol,
-.md dl,
-.md table,
-.md pre,
-.md details {
+.d2-1941904450 .md p,
+.d2-1941904450 .md blockquote,
+.d2-1941904450 .md ul,
+.d2-1941904450 .md ol,
+.d2-1941904450 .md dl,
+.d2-1941904450 .md table,
+.d2-1941904450 .md pre,
+.d2-1941904450 .md details {
   margin-top: 0;
   margin-bottom: 16px;
 }
 
-.md blockquote > :first-child {
+.d2-1941904450 .md blockquote > :first-child {
   margin-top: 0;
 }
 
-.md blockquote > :last-child {
+.d2-1941904450 .md blockquote > :last-child {
   margin-bottom: 0;
 }
 
-.md sup > a::before {
+.d2-1941904450 .md sup > a::before {
   content: "[";
 }
 
-.md sup > a::after {
+.d2-1941904450 .md sup > a::after {
   content: "]";
 }
 
-.md h1:hover .anchor,
-.md h2:hover .anchor,
-.md h3:hover .anchor,
-.md h4:hover .anchor,
-.md h5:hover .anchor,
-.md h6:hover .anchor {
+.d2-1941904450 .md h1:hover .anchor,
+.d2-1941904450 .md h2:hover .anchor,
+.d2-1941904450 .md h3:hover .anchor,
+.d2-1941904450 .md h4:hover .anchor,
+.d2-1941904450 .md h5:hover .anchor,
+.d2-1941904450 .md h6:hover .anchor {
   text-decoration: none;
 }
 
-.md h1 tt,
-.md h1 code,
-.md h2 tt,
-.md h2 code,
-.md h3 tt,
-.md h3 code,
-.md h4 tt,
-.md h4 code,
-.md h5 tt,
-.md h5 code,
-.md h6 tt,
-.md h6 code {
+.d2-1941904450 .md h1 tt,
+.d2-1941904450 .md h1 code,
+.d2-1941904450 .md h2 tt,
+.d2-1941904450 .md h2 code,
+.d2-1941904450 .md h3 tt,
+.d2-1941904450 .md h3 code,
+.d2-1941904450 .md h4 tt,
+.d2-1941904450 .md h4 code,
+.d2-1941904450 .md h5 tt,
+.d2-1941904450 .md h5 code,
+.d2-1941904450 .md h6 tt,
+.d2-1941904450 .md h6 code {
   padding: 0 0.2em;
   font-size: inherit;
 }
 
-.md ul.no-list,
-.md ol.no-list {
+.d2-1941904450 .md ul.no-list,
+.d2-1941904450 .md ol.no-list {
   padding: 0;
   list-style-type: none;
 }
 
-.md ol[type="1"] {
+.d2-1941904450 .md ol[type="1"] {
   list-style-type: decimal;
 }
 
-.md ol[type="a"] {
+.d2-1941904450 .md ol[type="a"] {
   list-style-type: lower-alpha;
 }
 
-.md ol[type="i"] {
+.d2-1941904450 .md ol[type="i"] {
   list-style-type: lower-roman;
 }
 
-.md div > ol:not([type]) {
+.d2-1941904450 .md div > ol:not([type]) {
   list-style-type: decimal;
 }
 
-.md ul ul,
-.md ul ol,
-.md ol ol,
-.md ol ul {
+.d2-1941904450 .md ul ul,
+.d2-1941904450 .md ul ol,
+.d2-1941904450 .md ol ol,
+.d2-1941904450 .md ol ul {
   margin-top: 0;
   margin-bottom: 0;
 }
 
-.md li > p {
+.d2-1941904450 .md li > p {
   margin-top: 16px;
 }
 
-.md li + li {
+.d2-1941904450 .md li + li {
   margin-top: 0.25em;
 }
 
-.md dl {
+.d2-1941904450 .md dl {
   padding: 0;
 }
 
-.md dl dt {
+.d2-1941904450 .md dl dt {
   padding: 0;
   margin-top: 16px;
   font-size: 1em;
@@ -573,48 +573,48 @@
   font-weight: 600;
 }
 
-.md dl dd {
+.d2-1941904450 .md dl dd {
   padding: 0 16px;
   margin-bottom: 16px;
 }
 
-.md table th {
+.d2-1941904450 .md table th {
   font-weight: 600;
 }
 
-.md table th,
-.md table td {
+.d2-1941904450 .md table th,
+.d2-1941904450 .md table td {
   padding: 6px 13px;
   border: 1px solid var(--color-border-default);
 }
 
-.md table tr {
+.d2-1941904450 .md table tr {
   background-color: var(--color-canvas-default);
   border-top: 1px solid var(--color-border-muted);
 }
 
-.md table tr:nth-child(2n) {
+.d2-1941904450 .md table tr:nth-child(2n) {
   background-color: var(--color-canvas-subtle);
 }
 
-.md table img {
+.d2-1941904450 .md table img {
   background-color: transparent;
 }
 
-.md img[align="right"] {
+.d2-1941904450 .md img[align="right"] {
   padding-left: 20px;
 }
 
-.md img[align="left"] {
+.d2-1941904450 .md img[align="left"] {
   padding-right: 20px;
 }
 
-.md span.frame {
+.d2-1941904450 .md span.frame {
   display: block;
   overflow: hidden;
 }
 
-.md span.frame > span {
+.d2-1941904450 .md span.frame > span {
   display: block;
   float: left;
   width: auto;
@@ -624,81 +624,81 @@
   border: 1px solid var(--color-border-default);
 }
 
-.md span.frame span img {
+.d2-1941904450 .md span.frame span img {
   display: block;
   float: left;
 }
 
-.md span.frame span span {
+.d2-1941904450 .md span.frame span span {
   display: block;
   padding: 5px 0 0;
   clear: both;
   color: var(--color-fg-default);
 }
 
-.md span.align-center {
+.d2-1941904450 .md span.align-center {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-center > span {
+.d2-1941904450 .md span.align-center > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: center;
 }
 
-.md span.align-center span img {
+.d2-1941904450 .md span.align-center span img {
   margin: 0 auto;
   text-align: center;
 }
 
-.md span.align-right {
+.d2-1941904450 .md span.align-right {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-right > span {
+.d2-1941904450 .md span.align-right > span {
   display: block;
   margin: 13px 0 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md span.align-right span img {
+.d2-1941904450 .md span.align-right span img {
   margin: 0;
   text-align: right;
 }
 
-.md span.float-left {
+.d2-1941904450 .md span.float-left {
   display: block;
   float: left;
   margin-right: 13px;
   overflow: hidden;
 }
 
-.md span.float-left span {
+.d2-1941904450 .md span.float-left span {
   margin: 13px 0 0;
 }
 
-.md span.float-right {
+.d2-1941904450 .md span.float-right {
   display: block;
   float: right;
   margin-left: 13px;
   overflow: hidden;
 }
 
-.md span.float-right > span {
+.d2-1941904450 .md span.float-right > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md code,
-.md tt {
+.d2-1941904450 .md code,
+.d2-1941904450 .md tt {
   padding: 0.2em 0.4em;
   margin: 0;
   font-size: 85%;
@@ -706,20 +706,20 @@
   border-radius: 6px;
 }
 
-.md code br,
-.md tt br {
+.d2-1941904450 .md code br,
+.d2-1941904450 .md tt br {
   display: none;
 }
 
-.md del code {
+.d2-1941904450 .md del code {
   text-decoration: inherit;
 }
 
-.md pre code {
+.d2-1941904450 .md pre code {
   font-size: 100%;
 }
 
-.md pre > code {
+.d2-1941904450 .md pre > code {
   padding: 0;
   margin: 0;
   word-break: normal;
@@ -728,17 +728,17 @@
   border: 0;
 }
 
-.md .highlight {
+.d2-1941904450 .md .highlight {
   margin-bottom: 16px;
 }
 
-.md .highlight pre {
+.d2-1941904450 .md .highlight pre {
   margin-bottom: 0;
   word-break: normal;
 }
 
-.md .highlight pre,
-.md pre {
+.d2-1941904450 .md .highlight pre,
+.d2-1941904450 .md pre {
   padding: 16px;
   overflow: auto;
   font-size: 85%;
@@ -747,8 +747,8 @@
   border-radius: 6px;
 }
 
-.md pre code,
-.md pre tt {
+.d2-1941904450 .md pre code,
+.d2-1941904450 .md pre tt {
   display: inline;
   max-width: auto;
   padding: 0;
@@ -760,8 +760,8 @@
   border: 0;
 }
 
-.md .csv-data td,
-.md .csv-data th {
+.d2-1941904450 .md .csv-data td,
+.d2-1941904450 .md .csv-data th {
   padding: 5px;
   overflow: hidden;
   font-size: 12px;
@@ -770,38 +770,38 @@
   white-space: nowrap;
 }
 
-.md .csv-data .blob-num {
+.d2-1941904450 .md .csv-data .blob-num {
   padding: 10px 8px 9px;
   text-align: right;
   background: var(--color-canvas-default);
   border: 0;
 }
 
-.md .csv-data tr {
+.d2-1941904450 .md .csv-data tr {
   border-top: 0;
 }
 
-.md .csv-data th {
+.d2-1941904450 .md .csv-data th {
   font-weight: 600;
   background: var(--color-canvas-subtle);
   border-top: 0;
 }
 
-.md .footnotes {
+.d2-1941904450 .md .footnotes {
   font-size: 12px;
   color: var(--color-fg-muted);
   border-top: 1px solid var(--color-border-default);
 }
 
-.md .footnotes ol {
+.d2-1941904450 .md .footnotes ol {
   padding-left: 16px;
 }
 
-.md .footnotes li {
+.d2-1941904450 .md .footnotes li {
   position: relative;
 }
 
-.md .footnotes li:target::before {
+.d2-1941904450 .md .footnotes li:target::before {
   position: absolute;
   top: -8px;
   right: -8px;
@@ -813,36 +813,36 @@
   border-radius: 6px;
 }
 
-.md .footnotes li:target {
+.d2-1941904450 .md .footnotes li:target {
   color: var(--color-fg-default);
 }
 
-.md .task-list-item {
+.d2-1941904450 .md .task-list-item {
   list-style-type: none;
 }
 
-.md .task-list-item label {
+.d2-1941904450 .md .task-list-item label {
   font-weight: 400;
 }
 
-.md .task-list-item.enabled label {
+.d2-1941904450 .md .task-list-item.enabled label {
   cursor: pointer;
 }
 
-.md .task-list-item + .task-list-item {
+.d2-1941904450 .md .task-list-item + .task-list-item {
   margin-top: 3px;
 }
 
-.md .task-list-item .handle {
+.d2-1941904450 .md .task-list-item .handle {
   display: none;
 }
 
-.md .task-list-item-checkbox {
+.d2-1941904450 .md .task-list-item-checkbox {
   margin: 0 0.2em 0.25em -1.6em;
   vertical-align: middle;
 }
 
-.md .contains-task-list:dir(rtl) .task-list-item-checkbox {
+.d2-1941904450 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
 </style><g id="md"><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>
diff --git a/e2etests/testdata/stable/pre/elk/sketch.exp.svg b/e2etests/testdata/stable/pre/elk/sketch.exp.svg
index de35ed311..2a6fa08c2 100644
--- a/e2etests/testdata/stable/pre/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/pre/elk/sketch.exp.svg
@@ -103,31 +103,31 @@
 		.d2-1366933285 .color-AA4{color:#EDF0FD;}
 		.d2-1366933285 .color-AA5{color:#F7F8FE;}
 		.d2-1366933285 .color-AB4{color:#EDF0FD;}
-		.d2-1366933285 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.md em,
-.md dfn {
+		.d2-1366933285 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.d2-1366933285 .md em,
+.d2-1366933285 .md dfn {
   font-family: "d2-1366933285-font-italic";
 }
 
-.md b,
-.md strong {
+.d2-1366933285 .md b,
+.d2-1366933285 .md strong {
   font-family: "d2-1366933285-font-bold";
 }
 
-.md code,
-.md kbd,
-.md pre,
-.md samp {
+.d2-1366933285 .md code,
+.d2-1366933285 .md kbd,
+.d2-1366933285 .md pre,
+.d2-1366933285 .md samp {
   font-family: "d2-1366933285-font-mono";
   font-size: 1em;
 }
 
-.md {
+.d2-1366933285 .md {
   tab-size: 4;
 }
 
 /* variables are provided in d2renderers/d2svg/d2svg.go */
 
-.md {
+.d2-1366933285 .md {
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
   margin: 0;
@@ -139,41 +139,41 @@
   word-wrap: break-word;
 }
 
-.md details,
-.md figcaption,
-.md figure {
+.d2-1366933285 .md details,
+.d2-1366933285 .md figcaption,
+.d2-1366933285 .md figure {
   display: block;
 }
 
-.md summary {
+.d2-1366933285 .md summary {
   display: list-item;
 }
 
-.md [hidden] {
+.d2-1366933285 .md [hidden] {
   display: none !important;
 }
 
-.md a {
+.d2-1366933285 .md a {
   background-color: transparent;
   color: var(--color-accent-fg);
   text-decoration: none;
 }
 
-.md a:active,
-.md a:hover {
+.d2-1366933285 .md a:active,
+.d2-1366933285 .md a:hover {
   outline-width: 0;
 }
 
-.md abbr[title] {
+.d2-1366933285 .md abbr[title] {
   border-bottom: none;
   text-decoration: underline dotted;
 }
 
-.md dfn {
+.d2-1366933285 .md dfn {
   font-style: italic;
 }
 
-.md h1 {
+.d2-1366933285 .md h1 {
   margin: 0.67em 0;
   font-weight: 600;
   padding-bottom: 0.3em;
@@ -181,43 +181,43 @@
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md mark {
+.d2-1366933285 .md mark {
   background-color: var(--color-attention-subtle);
   color: var(--color-text-primary);
 }
 
-.md small {
+.d2-1366933285 .md small {
   font-size: 90%;
 }
 
-.md sub,
-.md sup {
+.d2-1366933285 .md sub,
+.d2-1366933285 .md sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
 }
 
-.md sub {
+.d2-1366933285 .md sub {
   bottom: -0.25em;
 }
 
-.md sup {
+.d2-1366933285 .md sup {
   top: -0.5em;
 }
 
-.md img {
+.d2-1366933285 .md img {
   border-style: none;
   max-width: 100%;
   box-sizing: content-box;
   background-color: var(--color-canvas-default);
 }
 
-.md figure {
+.d2-1366933285 .md figure {
   margin: 1em 40px;
 }
 
-.md hr {
+.d2-1366933285 .md hr {
   box-sizing: content-box;
   overflow: hidden;
   background: transparent;
@@ -229,7 +229,7 @@
   border: 0;
 }
 
-.md input {
+.d2-1366933285 .md input {
   font: inherit;
   margin: 0;
   overflow: visible;
@@ -238,72 +238,72 @@
   line-height: inherit;
 }
 
-.md [type="button"],
-.md [type="reset"],
-.md [type="submit"] {
+.d2-1366933285 .md [type="button"],
+.d2-1366933285 .md [type="reset"],
+.d2-1366933285 .md [type="submit"] {
   -webkit-appearance: button;
 }
 
-.md [type="button"]::-moz-focus-inner,
-.md [type="reset"]::-moz-focus-inner,
-.md [type="submit"]::-moz-focus-inner {
+.d2-1366933285 .md [type="button"]::-moz-focus-inner,
+.d2-1366933285 .md [type="reset"]::-moz-focus-inner,
+.d2-1366933285 .md [type="submit"]::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.md [type="button"]:-moz-focusring,
-.md [type="reset"]:-moz-focusring,
-.md [type="submit"]:-moz-focusring {
+.d2-1366933285 .md [type="button"]:-moz-focusring,
+.d2-1366933285 .md [type="reset"]:-moz-focusring,
+.d2-1366933285 .md [type="submit"]:-moz-focusring {
   outline: 1px dotted ButtonText;
 }
 
-.md [type="checkbox"],
-.md [type="radio"] {
+.d2-1366933285 .md [type="checkbox"],
+.d2-1366933285 .md [type="radio"] {
   box-sizing: border-box;
   padding: 0;
 }
 
-.md [type="number"]::-webkit-inner-spin-button,
-.md [type="number"]::-webkit-outer-spin-button {
+.d2-1366933285 .md [type="number"]::-webkit-inner-spin-button,
+.d2-1366933285 .md [type="number"]::-webkit-outer-spin-button {
   height: auto;
 }
 
-.md [type="search"] {
+.d2-1366933285 .md [type="search"] {
   -webkit-appearance: textfield;
   outline-offset: -2px;
 }
 
-.md [type="search"]::-webkit-search-cancel-button,
-.md [type="search"]::-webkit-search-decoration {
+.d2-1366933285 .md [type="search"]::-webkit-search-cancel-button,
+.d2-1366933285 .md [type="search"]::-webkit-search-decoration {
   -webkit-appearance: none;
 }
 
-.md ::-webkit-input-placeholder {
+.d2-1366933285 .md ::-webkit-input-placeholder {
   color: inherit;
   opacity: 0.54;
 }
 
-.md ::-webkit-file-upload-button {
+.d2-1366933285 .md ::-webkit-file-upload-button {
   -webkit-appearance: button;
   font: inherit;
 }
 
-.md a:hover {
+.d2-1366933285 .md a:hover {
   text-decoration: underline;
 }
 
-.md hr::before {
+.d2-1366933285 .md hr::before {
   display: table;
   content: "";
 }
 
-.md hr::after {
+.d2-1366933285 .md hr::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md table {
+.d2-1366933285 .md table {
   border-spacing: 0;
   border-collapse: collapse;
   display: block;
@@ -312,20 +312,20 @@
   overflow: auto;
 }
 
-.md td,
-.md th {
+.d2-1366933285 .md td,
+.d2-1366933285 .md th {
   padding: 0;
 }
 
-.md details summary {
+.d2-1366933285 .md details summary {
   cursor: pointer;
 }
 
-.md details:not([open]) > *:not(summary) {
+.d2-1366933285 .md details:not([open]) > *:not(summary) {
   display: none !important;
 }
 
-.md kbd {
+.d2-1366933285 .md kbd {
   display: inline-block;
   padding: 3px 5px;
   color: var(--color-fg-default);
@@ -337,12 +337,12 @@
   box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
 }
 
-.md h1,
-.md h2,
-.md h3,
-.md h4,
-.md h5,
-.md h6 {
+.d2-1366933285 .md h1,
+.d2-1366933285 .md h2,
+.d2-1366933285 .md h3,
+.d2-1366933285 .md h4,
+.d2-1366933285 .md h5,
+.d2-1366933285 .md h6 {
   margin-top: 24px;
   margin-bottom: 16px;
   font-weight: 600;
@@ -350,222 +350,222 @@
   font-family: "d2-1366933285-font-regular";
 }
 
-.md h2 {
+.d2-1366933285 .md h2 {
   font-weight: 600;
   padding-bottom: 0.3em;
   font-size: 1.5em;
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md h3 {
+.d2-1366933285 .md h3 {
   font-weight: 600;
   font-size: 1.25em;
 }
 
-.md h4 {
+.d2-1366933285 .md h4 {
   font-weight: 600;
   font-size: 1em;
 }
 
-.md h5 {
+.d2-1366933285 .md h5 {
   font-weight: 600;
   font-size: 0.875em;
 }
 
-.md h6 {
+.d2-1366933285 .md h6 {
   font-weight: 600;
   font-size: 0.85em;
   color: var(--color-fg-muted);
 }
 
-.md p {
+.d2-1366933285 .md p {
   margin-top: 0;
   margin-bottom: 10px;
 }
 
-.md blockquote {
+.d2-1366933285 .md blockquote {
   margin: 0;
   padding: 0 1em;
   color: var(--color-fg-muted);
   border-left: 0.25em solid var(--color-border-default);
 }
 
-.md ul,
-.md ol {
+.d2-1366933285 .md ul,
+.d2-1366933285 .md ol {
   margin-top: 0;
   margin-bottom: 0;
   padding-left: 2em;
 }
 
-.md ol ol,
-.md ul ol {
+.d2-1366933285 .md ol ol,
+.d2-1366933285 .md ul ol {
   list-style-type: lower-roman;
 }
 
-.md ul ul ol,
-.md ul ol ol,
-.md ol ul ol,
-.md ol ol ol {
+.d2-1366933285 .md ul ul ol,
+.d2-1366933285 .md ul ol ol,
+.d2-1366933285 .md ol ul ol,
+.d2-1366933285 .md ol ol ol {
   list-style-type: lower-alpha;
 }
 
-.md dd {
+.d2-1366933285 .md dd {
   margin-left: 0;
 }
 
-.md pre {
+.d2-1366933285 .md pre {
   margin-top: 0;
   margin-bottom: 0;
   word-wrap: normal;
 }
 
-.md ::placeholder {
+.d2-1366933285 .md ::placeholder {
   color: var(--color-fg-subtle);
   opacity: 1;
 }
 
-.md input::-webkit-outer-spin-button,
-.md input::-webkit-inner-spin-button {
+.d2-1366933285 .md input::-webkit-outer-spin-button,
+.d2-1366933285 .md input::-webkit-inner-spin-button {
   margin: 0;
   -webkit-appearance: none;
   appearance: none;
 }
 
-.md::before {
+.d2-1366933285 .md::before {
   display: table;
   content: "";
 }
 
-.md::after {
+.d2-1366933285 .md::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md > *:first-child {
+.d2-1366933285 .md > *:first-child {
   margin-top: 0 !important;
 }
 
-.md > *:last-child {
+.d2-1366933285 .md > *:last-child {
   margin-bottom: 0 !important;
 }
 
-.md a:not([href]) {
+.d2-1366933285 .md a:not([href]) {
   color: inherit;
   text-decoration: none;
 }
 
-.md .absent {
+.d2-1366933285 .md .absent {
   color: var(--color-danger-fg);
 }
 
-.md .anchor {
+.d2-1366933285 .md .anchor {
   float: left;
   padding-right: 4px;
   margin-left: -20px;
   line-height: 1;
 }
 
-.md .anchor:focus {
+.d2-1366933285 .md .anchor:focus {
   outline: none;
 }
 
-.md p,
-.md blockquote,
-.md ul,
-.md ol,
-.md dl,
-.md table,
-.md pre,
-.md details {
+.d2-1366933285 .md p,
+.d2-1366933285 .md blockquote,
+.d2-1366933285 .md ul,
+.d2-1366933285 .md ol,
+.d2-1366933285 .md dl,
+.d2-1366933285 .md table,
+.d2-1366933285 .md pre,
+.d2-1366933285 .md details {
   margin-top: 0;
   margin-bottom: 16px;
 }
 
-.md blockquote > :first-child {
+.d2-1366933285 .md blockquote > :first-child {
   margin-top: 0;
 }
 
-.md blockquote > :last-child {
+.d2-1366933285 .md blockquote > :last-child {
   margin-bottom: 0;
 }
 
-.md sup > a::before {
+.d2-1366933285 .md sup > a::before {
   content: "[";
 }
 
-.md sup > a::after {
+.d2-1366933285 .md sup > a::after {
   content: "]";
 }
 
-.md h1:hover .anchor,
-.md h2:hover .anchor,
-.md h3:hover .anchor,
-.md h4:hover .anchor,
-.md h5:hover .anchor,
-.md h6:hover .anchor {
+.d2-1366933285 .md h1:hover .anchor,
+.d2-1366933285 .md h2:hover .anchor,
+.d2-1366933285 .md h3:hover .anchor,
+.d2-1366933285 .md h4:hover .anchor,
+.d2-1366933285 .md h5:hover .anchor,
+.d2-1366933285 .md h6:hover .anchor {
   text-decoration: none;
 }
 
-.md h1 tt,
-.md h1 code,
-.md h2 tt,
-.md h2 code,
-.md h3 tt,
-.md h3 code,
-.md h4 tt,
-.md h4 code,
-.md h5 tt,
-.md h5 code,
-.md h6 tt,
-.md h6 code {
+.d2-1366933285 .md h1 tt,
+.d2-1366933285 .md h1 code,
+.d2-1366933285 .md h2 tt,
+.d2-1366933285 .md h2 code,
+.d2-1366933285 .md h3 tt,
+.d2-1366933285 .md h3 code,
+.d2-1366933285 .md h4 tt,
+.d2-1366933285 .md h4 code,
+.d2-1366933285 .md h5 tt,
+.d2-1366933285 .md h5 code,
+.d2-1366933285 .md h6 tt,
+.d2-1366933285 .md h6 code {
   padding: 0 0.2em;
   font-size: inherit;
 }
 
-.md ul.no-list,
-.md ol.no-list {
+.d2-1366933285 .md ul.no-list,
+.d2-1366933285 .md ol.no-list {
   padding: 0;
   list-style-type: none;
 }
 
-.md ol[type="1"] {
+.d2-1366933285 .md ol[type="1"] {
   list-style-type: decimal;
 }
 
-.md ol[type="a"] {
+.d2-1366933285 .md ol[type="a"] {
   list-style-type: lower-alpha;
 }
 
-.md ol[type="i"] {
+.d2-1366933285 .md ol[type="i"] {
   list-style-type: lower-roman;
 }
 
-.md div > ol:not([type]) {
+.d2-1366933285 .md div > ol:not([type]) {
   list-style-type: decimal;
 }
 
-.md ul ul,
-.md ul ol,
-.md ol ol,
-.md ol ul {
+.d2-1366933285 .md ul ul,
+.d2-1366933285 .md ul ol,
+.d2-1366933285 .md ol ol,
+.d2-1366933285 .md ol ul {
   margin-top: 0;
   margin-bottom: 0;
 }
 
-.md li > p {
+.d2-1366933285 .md li > p {
   margin-top: 16px;
 }
 
-.md li + li {
+.d2-1366933285 .md li + li {
   margin-top: 0.25em;
 }
 
-.md dl {
+.d2-1366933285 .md dl {
   padding: 0;
 }
 
-.md dl dt {
+.d2-1366933285 .md dl dt {
   padding: 0;
   margin-top: 16px;
   font-size: 1em;
@@ -573,48 +573,48 @@
   font-weight: 600;
 }
 
-.md dl dd {
+.d2-1366933285 .md dl dd {
   padding: 0 16px;
   margin-bottom: 16px;
 }
 
-.md table th {
+.d2-1366933285 .md table th {
   font-weight: 600;
 }
 
-.md table th,
-.md table td {
+.d2-1366933285 .md table th,
+.d2-1366933285 .md table td {
   padding: 6px 13px;
   border: 1px solid var(--color-border-default);
 }
 
-.md table tr {
+.d2-1366933285 .md table tr {
   background-color: var(--color-canvas-default);
   border-top: 1px solid var(--color-border-muted);
 }
 
-.md table tr:nth-child(2n) {
+.d2-1366933285 .md table tr:nth-child(2n) {
   background-color: var(--color-canvas-subtle);
 }
 
-.md table img {
+.d2-1366933285 .md table img {
   background-color: transparent;
 }
 
-.md img[align="right"] {
+.d2-1366933285 .md img[align="right"] {
   padding-left: 20px;
 }
 
-.md img[align="left"] {
+.d2-1366933285 .md img[align="left"] {
   padding-right: 20px;
 }
 
-.md span.frame {
+.d2-1366933285 .md span.frame {
   display: block;
   overflow: hidden;
 }
 
-.md span.frame > span {
+.d2-1366933285 .md span.frame > span {
   display: block;
   float: left;
   width: auto;
@@ -624,81 +624,81 @@
   border: 1px solid var(--color-border-default);
 }
 
-.md span.frame span img {
+.d2-1366933285 .md span.frame span img {
   display: block;
   float: left;
 }
 
-.md span.frame span span {
+.d2-1366933285 .md span.frame span span {
   display: block;
   padding: 5px 0 0;
   clear: both;
   color: var(--color-fg-default);
 }
 
-.md span.align-center {
+.d2-1366933285 .md span.align-center {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-center > span {
+.d2-1366933285 .md span.align-center > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: center;
 }
 
-.md span.align-center span img {
+.d2-1366933285 .md span.align-center span img {
   margin: 0 auto;
   text-align: center;
 }
 
-.md span.align-right {
+.d2-1366933285 .md span.align-right {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-right > span {
+.d2-1366933285 .md span.align-right > span {
   display: block;
   margin: 13px 0 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md span.align-right span img {
+.d2-1366933285 .md span.align-right span img {
   margin: 0;
   text-align: right;
 }
 
-.md span.float-left {
+.d2-1366933285 .md span.float-left {
   display: block;
   float: left;
   margin-right: 13px;
   overflow: hidden;
 }
 
-.md span.float-left span {
+.d2-1366933285 .md span.float-left span {
   margin: 13px 0 0;
 }
 
-.md span.float-right {
+.d2-1366933285 .md span.float-right {
   display: block;
   float: right;
   margin-left: 13px;
   overflow: hidden;
 }
 
-.md span.float-right > span {
+.d2-1366933285 .md span.float-right > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md code,
-.md tt {
+.d2-1366933285 .md code,
+.d2-1366933285 .md tt {
   padding: 0.2em 0.4em;
   margin: 0;
   font-size: 85%;
@@ -706,20 +706,20 @@
   border-radius: 6px;
 }
 
-.md code br,
-.md tt br {
+.d2-1366933285 .md code br,
+.d2-1366933285 .md tt br {
   display: none;
 }
 
-.md del code {
+.d2-1366933285 .md del code {
   text-decoration: inherit;
 }
 
-.md pre code {
+.d2-1366933285 .md pre code {
   font-size: 100%;
 }
 
-.md pre > code {
+.d2-1366933285 .md pre > code {
   padding: 0;
   margin: 0;
   word-break: normal;
@@ -728,17 +728,17 @@
   border: 0;
 }
 
-.md .highlight {
+.d2-1366933285 .md .highlight {
   margin-bottom: 16px;
 }
 
-.md .highlight pre {
+.d2-1366933285 .md .highlight pre {
   margin-bottom: 0;
   word-break: normal;
 }
 
-.md .highlight pre,
-.md pre {
+.d2-1366933285 .md .highlight pre,
+.d2-1366933285 .md pre {
   padding: 16px;
   overflow: auto;
   font-size: 85%;
@@ -747,8 +747,8 @@
   border-radius: 6px;
 }
 
-.md pre code,
-.md pre tt {
+.d2-1366933285 .md pre code,
+.d2-1366933285 .md pre tt {
   display: inline;
   max-width: auto;
   padding: 0;
@@ -760,8 +760,8 @@
   border: 0;
 }
 
-.md .csv-data td,
-.md .csv-data th {
+.d2-1366933285 .md .csv-data td,
+.d2-1366933285 .md .csv-data th {
   padding: 5px;
   overflow: hidden;
   font-size: 12px;
@@ -770,38 +770,38 @@
   white-space: nowrap;
 }
 
-.md .csv-data .blob-num {
+.d2-1366933285 .md .csv-data .blob-num {
   padding: 10px 8px 9px;
   text-align: right;
   background: var(--color-canvas-default);
   border: 0;
 }
 
-.md .csv-data tr {
+.d2-1366933285 .md .csv-data tr {
   border-top: 0;
 }
 
-.md .csv-data th {
+.d2-1366933285 .md .csv-data th {
   font-weight: 600;
   background: var(--color-canvas-subtle);
   border-top: 0;
 }
 
-.md .footnotes {
+.d2-1366933285 .md .footnotes {
   font-size: 12px;
   color: var(--color-fg-muted);
   border-top: 1px solid var(--color-border-default);
 }
 
-.md .footnotes ol {
+.d2-1366933285 .md .footnotes ol {
   padding-left: 16px;
 }
 
-.md .footnotes li {
+.d2-1366933285 .md .footnotes li {
   position: relative;
 }
 
-.md .footnotes li:target::before {
+.d2-1366933285 .md .footnotes li:target::before {
   position: absolute;
   top: -8px;
   right: -8px;
@@ -813,36 +813,36 @@
   border-radius: 6px;
 }
 
-.md .footnotes li:target {
+.d2-1366933285 .md .footnotes li:target {
   color: var(--color-fg-default);
 }
 
-.md .task-list-item {
+.d2-1366933285 .md .task-list-item {
   list-style-type: none;
 }
 
-.md .task-list-item label {
+.d2-1366933285 .md .task-list-item label {
   font-weight: 400;
 }
 
-.md .task-list-item.enabled label {
+.d2-1366933285 .md .task-list-item.enabled label {
   cursor: pointer;
 }
 
-.md .task-list-item + .task-list-item {
+.d2-1366933285 .md .task-list-item + .task-list-item {
   margin-top: 3px;
 }
 
-.md .task-list-item .handle {
+.d2-1366933285 .md .task-list-item .handle {
   display: none;
 }
 
-.md .task-list-item-checkbox {
+.d2-1366933285 .md .task-list-item-checkbox {
   margin: 0 0.2em 0.25em -1.6em;
   vertical-align: middle;
 }
 
-.md .contains-task-list:dir(rtl) .task-list-item-checkbox {
+.d2-1366933285 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
 </style><g id="md"><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>
diff --git a/e2etests/testdata/stable/teleport_grid/dagre/sketch.exp.svg b/e2etests/testdata/stable/teleport_grid/dagre/sketch.exp.svg
index 1d2b16607..ad5adcd68 100644
--- a/e2etests/testdata/stable/teleport_grid/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/teleport_grid/dagre/sketch.exp.svg
@@ -103,31 +103,31 @@
 		.d2-1509487685 .color-AA4{color:#EDF0FD;}
 		.d2-1509487685 .color-AA5{color:#F7F8FE;}
 		.d2-1509487685 .color-AB4{color:#EDF0FD;}
-		.d2-1509487685 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.md em,
-.md dfn {
+		.d2-1509487685 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.d2-1509487685 .md em,
+.d2-1509487685 .md dfn {
   font-family: "d2-1509487685-font-italic";
 }
 
-.md b,
-.md strong {
+.d2-1509487685 .md b,
+.d2-1509487685 .md strong {
   font-family: "d2-1509487685-font-bold";
 }
 
-.md code,
-.md kbd,
-.md pre,
-.md samp {
+.d2-1509487685 .md code,
+.d2-1509487685 .md kbd,
+.d2-1509487685 .md pre,
+.d2-1509487685 .md samp {
   font-family: "d2-1509487685-font-mono";
   font-size: 1em;
 }
 
-.md {
+.d2-1509487685 .md {
   tab-size: 4;
 }
 
 /* variables are provided in d2renderers/d2svg/d2svg.go */
 
-.md {
+.d2-1509487685 .md {
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
   margin: 0;
@@ -139,41 +139,41 @@
   word-wrap: break-word;
 }
 
-.md details,
-.md figcaption,
-.md figure {
+.d2-1509487685 .md details,
+.d2-1509487685 .md figcaption,
+.d2-1509487685 .md figure {
   display: block;
 }
 
-.md summary {
+.d2-1509487685 .md summary {
   display: list-item;
 }
 
-.md [hidden] {
+.d2-1509487685 .md [hidden] {
   display: none !important;
 }
 
-.md a {
+.d2-1509487685 .md a {
   background-color: transparent;
   color: var(--color-accent-fg);
   text-decoration: none;
 }
 
-.md a:active,
-.md a:hover {
+.d2-1509487685 .md a:active,
+.d2-1509487685 .md a:hover {
   outline-width: 0;
 }
 
-.md abbr[title] {
+.d2-1509487685 .md abbr[title] {
   border-bottom: none;
   text-decoration: underline dotted;
 }
 
-.md dfn {
+.d2-1509487685 .md dfn {
   font-style: italic;
 }
 
-.md h1 {
+.d2-1509487685 .md h1 {
   margin: 0.67em 0;
   font-weight: 600;
   padding-bottom: 0.3em;
@@ -181,43 +181,43 @@
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md mark {
+.d2-1509487685 .md mark {
   background-color: var(--color-attention-subtle);
   color: var(--color-text-primary);
 }
 
-.md small {
+.d2-1509487685 .md small {
   font-size: 90%;
 }
 
-.md sub,
-.md sup {
+.d2-1509487685 .md sub,
+.d2-1509487685 .md sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
 }
 
-.md sub {
+.d2-1509487685 .md sub {
   bottom: -0.25em;
 }
 
-.md sup {
+.d2-1509487685 .md sup {
   top: -0.5em;
 }
 
-.md img {
+.d2-1509487685 .md img {
   border-style: none;
   max-width: 100%;
   box-sizing: content-box;
   background-color: var(--color-canvas-default);
 }
 
-.md figure {
+.d2-1509487685 .md figure {
   margin: 1em 40px;
 }
 
-.md hr {
+.d2-1509487685 .md hr {
   box-sizing: content-box;
   overflow: hidden;
   background: transparent;
@@ -229,7 +229,7 @@
   border: 0;
 }
 
-.md input {
+.d2-1509487685 .md input {
   font: inherit;
   margin: 0;
   overflow: visible;
@@ -238,72 +238,72 @@
   line-height: inherit;
 }
 
-.md [type="button"],
-.md [type="reset"],
-.md [type="submit"] {
+.d2-1509487685 .md [type="button"],
+.d2-1509487685 .md [type="reset"],
+.d2-1509487685 .md [type="submit"] {
   -webkit-appearance: button;
 }
 
-.md [type="button"]::-moz-focus-inner,
-.md [type="reset"]::-moz-focus-inner,
-.md [type="submit"]::-moz-focus-inner {
+.d2-1509487685 .md [type="button"]::-moz-focus-inner,
+.d2-1509487685 .md [type="reset"]::-moz-focus-inner,
+.d2-1509487685 .md [type="submit"]::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.md [type="button"]:-moz-focusring,
-.md [type="reset"]:-moz-focusring,
-.md [type="submit"]:-moz-focusring {
+.d2-1509487685 .md [type="button"]:-moz-focusring,
+.d2-1509487685 .md [type="reset"]:-moz-focusring,
+.d2-1509487685 .md [type="submit"]:-moz-focusring {
   outline: 1px dotted ButtonText;
 }
 
-.md [type="checkbox"],
-.md [type="radio"] {
+.d2-1509487685 .md [type="checkbox"],
+.d2-1509487685 .md [type="radio"] {
   box-sizing: border-box;
   padding: 0;
 }
 
-.md [type="number"]::-webkit-inner-spin-button,
-.md [type="number"]::-webkit-outer-spin-button {
+.d2-1509487685 .md [type="number"]::-webkit-inner-spin-button,
+.d2-1509487685 .md [type="number"]::-webkit-outer-spin-button {
   height: auto;
 }
 
-.md [type="search"] {
+.d2-1509487685 .md [type="search"] {
   -webkit-appearance: textfield;
   outline-offset: -2px;
 }
 
-.md [type="search"]::-webkit-search-cancel-button,
-.md [type="search"]::-webkit-search-decoration {
+.d2-1509487685 .md [type="search"]::-webkit-search-cancel-button,
+.d2-1509487685 .md [type="search"]::-webkit-search-decoration {
   -webkit-appearance: none;
 }
 
-.md ::-webkit-input-placeholder {
+.d2-1509487685 .md ::-webkit-input-placeholder {
   color: inherit;
   opacity: 0.54;
 }
 
-.md ::-webkit-file-upload-button {
+.d2-1509487685 .md ::-webkit-file-upload-button {
   -webkit-appearance: button;
   font: inherit;
 }
 
-.md a:hover {
+.d2-1509487685 .md a:hover {
   text-decoration: underline;
 }
 
-.md hr::before {
+.d2-1509487685 .md hr::before {
   display: table;
   content: "";
 }
 
-.md hr::after {
+.d2-1509487685 .md hr::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md table {
+.d2-1509487685 .md table {
   border-spacing: 0;
   border-collapse: collapse;
   display: block;
@@ -312,20 +312,20 @@
   overflow: auto;
 }
 
-.md td,
-.md th {
+.d2-1509487685 .md td,
+.d2-1509487685 .md th {
   padding: 0;
 }
 
-.md details summary {
+.d2-1509487685 .md details summary {
   cursor: pointer;
 }
 
-.md details:not([open]) > *:not(summary) {
+.d2-1509487685 .md details:not([open]) > *:not(summary) {
   display: none !important;
 }
 
-.md kbd {
+.d2-1509487685 .md kbd {
   display: inline-block;
   padding: 3px 5px;
   color: var(--color-fg-default);
@@ -337,12 +337,12 @@
   box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
 }
 
-.md h1,
-.md h2,
-.md h3,
-.md h4,
-.md h5,
-.md h6 {
+.d2-1509487685 .md h1,
+.d2-1509487685 .md h2,
+.d2-1509487685 .md h3,
+.d2-1509487685 .md h4,
+.d2-1509487685 .md h5,
+.d2-1509487685 .md h6 {
   margin-top: 24px;
   margin-bottom: 16px;
   font-weight: 600;
@@ -350,222 +350,222 @@
   font-family: "d2-1509487685-font-regular";
 }
 
-.md h2 {
+.d2-1509487685 .md h2 {
   font-weight: 600;
   padding-bottom: 0.3em;
   font-size: 1.5em;
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md h3 {
+.d2-1509487685 .md h3 {
   font-weight: 600;
   font-size: 1.25em;
 }
 
-.md h4 {
+.d2-1509487685 .md h4 {
   font-weight: 600;
   font-size: 1em;
 }
 
-.md h5 {
+.d2-1509487685 .md h5 {
   font-weight: 600;
   font-size: 0.875em;
 }
 
-.md h6 {
+.d2-1509487685 .md h6 {
   font-weight: 600;
   font-size: 0.85em;
   color: var(--color-fg-muted);
 }
 
-.md p {
+.d2-1509487685 .md p {
   margin-top: 0;
   margin-bottom: 10px;
 }
 
-.md blockquote {
+.d2-1509487685 .md blockquote {
   margin: 0;
   padding: 0 1em;
   color: var(--color-fg-muted);
   border-left: 0.25em solid var(--color-border-default);
 }
 
-.md ul,
-.md ol {
+.d2-1509487685 .md ul,
+.d2-1509487685 .md ol {
   margin-top: 0;
   margin-bottom: 0;
   padding-left: 2em;
 }
 
-.md ol ol,
-.md ul ol {
+.d2-1509487685 .md ol ol,
+.d2-1509487685 .md ul ol {
   list-style-type: lower-roman;
 }
 
-.md ul ul ol,
-.md ul ol ol,
-.md ol ul ol,
-.md ol ol ol {
+.d2-1509487685 .md ul ul ol,
+.d2-1509487685 .md ul ol ol,
+.d2-1509487685 .md ol ul ol,
+.d2-1509487685 .md ol ol ol {
   list-style-type: lower-alpha;
 }
 
-.md dd {
+.d2-1509487685 .md dd {
   margin-left: 0;
 }
 
-.md pre {
+.d2-1509487685 .md pre {
   margin-top: 0;
   margin-bottom: 0;
   word-wrap: normal;
 }
 
-.md ::placeholder {
+.d2-1509487685 .md ::placeholder {
   color: var(--color-fg-subtle);
   opacity: 1;
 }
 
-.md input::-webkit-outer-spin-button,
-.md input::-webkit-inner-spin-button {
+.d2-1509487685 .md input::-webkit-outer-spin-button,
+.d2-1509487685 .md input::-webkit-inner-spin-button {
   margin: 0;
   -webkit-appearance: none;
   appearance: none;
 }
 
-.md::before {
+.d2-1509487685 .md::before {
   display: table;
   content: "";
 }
 
-.md::after {
+.d2-1509487685 .md::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md > *:first-child {
+.d2-1509487685 .md > *:first-child {
   margin-top: 0 !important;
 }
 
-.md > *:last-child {
+.d2-1509487685 .md > *:last-child {
   margin-bottom: 0 !important;
 }
 
-.md a:not([href]) {
+.d2-1509487685 .md a:not([href]) {
   color: inherit;
   text-decoration: none;
 }
 
-.md .absent {
+.d2-1509487685 .md .absent {
   color: var(--color-danger-fg);
 }
 
-.md .anchor {
+.d2-1509487685 .md .anchor {
   float: left;
   padding-right: 4px;
   margin-left: -20px;
   line-height: 1;
 }
 
-.md .anchor:focus {
+.d2-1509487685 .md .anchor:focus {
   outline: none;
 }
 
-.md p,
-.md blockquote,
-.md ul,
-.md ol,
-.md dl,
-.md table,
-.md pre,
-.md details {
+.d2-1509487685 .md p,
+.d2-1509487685 .md blockquote,
+.d2-1509487685 .md ul,
+.d2-1509487685 .md ol,
+.d2-1509487685 .md dl,
+.d2-1509487685 .md table,
+.d2-1509487685 .md pre,
+.d2-1509487685 .md details {
   margin-top: 0;
   margin-bottom: 16px;
 }
 
-.md blockquote > :first-child {
+.d2-1509487685 .md blockquote > :first-child {
   margin-top: 0;
 }
 
-.md blockquote > :last-child {
+.d2-1509487685 .md blockquote > :last-child {
   margin-bottom: 0;
 }
 
-.md sup > a::before {
+.d2-1509487685 .md sup > a::before {
   content: "[";
 }
 
-.md sup > a::after {
+.d2-1509487685 .md sup > a::after {
   content: "]";
 }
 
-.md h1:hover .anchor,
-.md h2:hover .anchor,
-.md h3:hover .anchor,
-.md h4:hover .anchor,
-.md h5:hover .anchor,
-.md h6:hover .anchor {
+.d2-1509487685 .md h1:hover .anchor,
+.d2-1509487685 .md h2:hover .anchor,
+.d2-1509487685 .md h3:hover .anchor,
+.d2-1509487685 .md h4:hover .anchor,
+.d2-1509487685 .md h5:hover .anchor,
+.d2-1509487685 .md h6:hover .anchor {
   text-decoration: none;
 }
 
-.md h1 tt,
-.md h1 code,
-.md h2 tt,
-.md h2 code,
-.md h3 tt,
-.md h3 code,
-.md h4 tt,
-.md h4 code,
-.md h5 tt,
-.md h5 code,
-.md h6 tt,
-.md h6 code {
+.d2-1509487685 .md h1 tt,
+.d2-1509487685 .md h1 code,
+.d2-1509487685 .md h2 tt,
+.d2-1509487685 .md h2 code,
+.d2-1509487685 .md h3 tt,
+.d2-1509487685 .md h3 code,
+.d2-1509487685 .md h4 tt,
+.d2-1509487685 .md h4 code,
+.d2-1509487685 .md h5 tt,
+.d2-1509487685 .md h5 code,
+.d2-1509487685 .md h6 tt,
+.d2-1509487685 .md h6 code {
   padding: 0 0.2em;
   font-size: inherit;
 }
 
-.md ul.no-list,
-.md ol.no-list {
+.d2-1509487685 .md ul.no-list,
+.d2-1509487685 .md ol.no-list {
   padding: 0;
   list-style-type: none;
 }
 
-.md ol[type="1"] {
+.d2-1509487685 .md ol[type="1"] {
   list-style-type: decimal;
 }
 
-.md ol[type="a"] {
+.d2-1509487685 .md ol[type="a"] {
   list-style-type: lower-alpha;
 }
 
-.md ol[type="i"] {
+.d2-1509487685 .md ol[type="i"] {
   list-style-type: lower-roman;
 }
 
-.md div > ol:not([type]) {
+.d2-1509487685 .md div > ol:not([type]) {
   list-style-type: decimal;
 }
 
-.md ul ul,
-.md ul ol,
-.md ol ol,
-.md ol ul {
+.d2-1509487685 .md ul ul,
+.d2-1509487685 .md ul ol,
+.d2-1509487685 .md ol ol,
+.d2-1509487685 .md ol ul {
   margin-top: 0;
   margin-bottom: 0;
 }
 
-.md li > p {
+.d2-1509487685 .md li > p {
   margin-top: 16px;
 }
 
-.md li + li {
+.d2-1509487685 .md li + li {
   margin-top: 0.25em;
 }
 
-.md dl {
+.d2-1509487685 .md dl {
   padding: 0;
 }
 
-.md dl dt {
+.d2-1509487685 .md dl dt {
   padding: 0;
   margin-top: 16px;
   font-size: 1em;
@@ -573,48 +573,48 @@
   font-weight: 600;
 }
 
-.md dl dd {
+.d2-1509487685 .md dl dd {
   padding: 0 16px;
   margin-bottom: 16px;
 }
 
-.md table th {
+.d2-1509487685 .md table th {
   font-weight: 600;
 }
 
-.md table th,
-.md table td {
+.d2-1509487685 .md table th,
+.d2-1509487685 .md table td {
   padding: 6px 13px;
   border: 1px solid var(--color-border-default);
 }
 
-.md table tr {
+.d2-1509487685 .md table tr {
   background-color: var(--color-canvas-default);
   border-top: 1px solid var(--color-border-muted);
 }
 
-.md table tr:nth-child(2n) {
+.d2-1509487685 .md table tr:nth-child(2n) {
   background-color: var(--color-canvas-subtle);
 }
 
-.md table img {
+.d2-1509487685 .md table img {
   background-color: transparent;
 }
 
-.md img[align="right"] {
+.d2-1509487685 .md img[align="right"] {
   padding-left: 20px;
 }
 
-.md img[align="left"] {
+.d2-1509487685 .md img[align="left"] {
   padding-right: 20px;
 }
 
-.md span.frame {
+.d2-1509487685 .md span.frame {
   display: block;
   overflow: hidden;
 }
 
-.md span.frame > span {
+.d2-1509487685 .md span.frame > span {
   display: block;
   float: left;
   width: auto;
@@ -624,81 +624,81 @@
   border: 1px solid var(--color-border-default);
 }
 
-.md span.frame span img {
+.d2-1509487685 .md span.frame span img {
   display: block;
   float: left;
 }
 
-.md span.frame span span {
+.d2-1509487685 .md span.frame span span {
   display: block;
   padding: 5px 0 0;
   clear: both;
   color: var(--color-fg-default);
 }
 
-.md span.align-center {
+.d2-1509487685 .md span.align-center {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-center > span {
+.d2-1509487685 .md span.align-center > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: center;
 }
 
-.md span.align-center span img {
+.d2-1509487685 .md span.align-center span img {
   margin: 0 auto;
   text-align: center;
 }
 
-.md span.align-right {
+.d2-1509487685 .md span.align-right {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-right > span {
+.d2-1509487685 .md span.align-right > span {
   display: block;
   margin: 13px 0 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md span.align-right span img {
+.d2-1509487685 .md span.align-right span img {
   margin: 0;
   text-align: right;
 }
 
-.md span.float-left {
+.d2-1509487685 .md span.float-left {
   display: block;
   float: left;
   margin-right: 13px;
   overflow: hidden;
 }
 
-.md span.float-left span {
+.d2-1509487685 .md span.float-left span {
   margin: 13px 0 0;
 }
 
-.md span.float-right {
+.d2-1509487685 .md span.float-right {
   display: block;
   float: right;
   margin-left: 13px;
   overflow: hidden;
 }
 
-.md span.float-right > span {
+.d2-1509487685 .md span.float-right > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md code,
-.md tt {
+.d2-1509487685 .md code,
+.d2-1509487685 .md tt {
   padding: 0.2em 0.4em;
   margin: 0;
   font-size: 85%;
@@ -706,20 +706,20 @@
   border-radius: 6px;
 }
 
-.md code br,
-.md tt br {
+.d2-1509487685 .md code br,
+.d2-1509487685 .md tt br {
   display: none;
 }
 
-.md del code {
+.d2-1509487685 .md del code {
   text-decoration: inherit;
 }
 
-.md pre code {
+.d2-1509487685 .md pre code {
   font-size: 100%;
 }
 
-.md pre > code {
+.d2-1509487685 .md pre > code {
   padding: 0;
   margin: 0;
   word-break: normal;
@@ -728,17 +728,17 @@
   border: 0;
 }
 
-.md .highlight {
+.d2-1509487685 .md .highlight {
   margin-bottom: 16px;
 }
 
-.md .highlight pre {
+.d2-1509487685 .md .highlight pre {
   margin-bottom: 0;
   word-break: normal;
 }
 
-.md .highlight pre,
-.md pre {
+.d2-1509487685 .md .highlight pre,
+.d2-1509487685 .md pre {
   padding: 16px;
   overflow: auto;
   font-size: 85%;
@@ -747,8 +747,8 @@
   border-radius: 6px;
 }
 
-.md pre code,
-.md pre tt {
+.d2-1509487685 .md pre code,
+.d2-1509487685 .md pre tt {
   display: inline;
   max-width: auto;
   padding: 0;
@@ -760,8 +760,8 @@
   border: 0;
 }
 
-.md .csv-data td,
-.md .csv-data th {
+.d2-1509487685 .md .csv-data td,
+.d2-1509487685 .md .csv-data th {
   padding: 5px;
   overflow: hidden;
   font-size: 12px;
@@ -770,38 +770,38 @@
   white-space: nowrap;
 }
 
-.md .csv-data .blob-num {
+.d2-1509487685 .md .csv-data .blob-num {
   padding: 10px 8px 9px;
   text-align: right;
   background: var(--color-canvas-default);
   border: 0;
 }
 
-.md .csv-data tr {
+.d2-1509487685 .md .csv-data tr {
   border-top: 0;
 }
 
-.md .csv-data th {
+.d2-1509487685 .md .csv-data th {
   font-weight: 600;
   background: var(--color-canvas-subtle);
   border-top: 0;
 }
 
-.md .footnotes {
+.d2-1509487685 .md .footnotes {
   font-size: 12px;
   color: var(--color-fg-muted);
   border-top: 1px solid var(--color-border-default);
 }
 
-.md .footnotes ol {
+.d2-1509487685 .md .footnotes ol {
   padding-left: 16px;
 }
 
-.md .footnotes li {
+.d2-1509487685 .md .footnotes li {
   position: relative;
 }
 
-.md .footnotes li:target::before {
+.d2-1509487685 .md .footnotes li:target::before {
   position: absolute;
   top: -8px;
   right: -8px;
@@ -813,36 +813,36 @@
   border-radius: 6px;
 }
 
-.md .footnotes li:target {
+.d2-1509487685 .md .footnotes li:target {
   color: var(--color-fg-default);
 }
 
-.md .task-list-item {
+.d2-1509487685 .md .task-list-item {
   list-style-type: none;
 }
 
-.md .task-list-item label {
+.d2-1509487685 .md .task-list-item label {
   font-weight: 400;
 }
 
-.md .task-list-item.enabled label {
+.d2-1509487685 .md .task-list-item.enabled label {
   cursor: pointer;
 }
 
-.md .task-list-item + .task-list-item {
+.d2-1509487685 .md .task-list-item + .task-list-item {
   margin-top: 3px;
 }
 
-.md .task-list-item .handle {
+.d2-1509487685 .md .task-list-item .handle {
   display: none;
 }
 
-.md .task-list-item-checkbox {
+.d2-1509487685 .md .task-list-item-checkbox {
   margin: 0 0.2em 0.25em -1.6em;
   vertical-align: middle;
 }
 
-.md .contains-task-list:dir(rtl) .task-list-item-checkbox {
+.d2-1509487685 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
 </style><g id="users"><g class="shape" ><rect x="0.000000" y="204.000000" width="272.000000" height="461.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g></g><g id="via"><g class="shape" ><rect x="543.000000" y="130.000000" width="236.000000" height="610.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g></g><g id="teleport"><g class="shape" ><rect x="1050.000000" y="283.000000" width="473.000000" height="303.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="1286.500000" y="316.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">Teleport</text></g><g id="jita"><g class="shape" ><rect x="2025.000000" y="0.000000" width="820.000000" height="212.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="2435.000000" y="33.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">Just-in-time Access via</text></g><g id="infra"><g class="shape" ><rect x="2144.000000" y="232.000000" width="582.000000" height="344.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="2435.000000" y="265.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">Infrastructure</text></g><g id="identity provider"><g class="shape" ><rect x="2335.000000" y="596.000000" width="201.000000" height="118.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><image href="https://icons.terrastruct.com/azure%2FIdentity%20Service%20Color%2FIdentity%20governance.svg" x="2406.000000" y="625.500000" width="59" height="59" /><text x="2435.500000" y="617.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Indentity Provider</text></g><g id="users.Engineers"><g class="shape" ><ellipse rx="76.000000" ry="76.000000" cx="136.000000" cy="340.000000" class="shape stroke-B1 fill-B5" style="stroke-width:2;" /></g><image href="https://icons.terrastruct.com/essentials%2F365-user.svg" x="109.500000" y="313.500000" width="53" height="53" /><text x="136.000000" y="308.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Engineers</text></g><g id="users.Machines"><g class="shape" ><ellipse rx="76.000000" ry="74.500000" cx="136.000000" cy="530.500000" class="shape stroke-B1 fill-B5" style="stroke-width:2;" /></g><image href="https://icons.terrastruct.com/aws%2FCompute%2FCompute.svg" x="109.500000" y="504.000000" width="53" height="53" /><text x="136.000000" y="499.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Machines</text></g><g id="via.https"><g class="shape" ><rect x="603.000000" y="190.000000" width="116.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="661.000000" y="228.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">HTTPS://</text></g><g id="via.kubectl"><g class="shape" ><rect x="603.000000" y="296.000000" width="116.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="661.000000" y="334.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">&gt; kubectl</text></g><g id="via.tsh"><g class="shape" ><rect x="603.000000" y="402.000000" width="116.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="661.000000" y="440.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">&gt; tsh</text></g><g id="via.api"><g class="shape" ><rect x="603.000000" y="508.000000" width="116.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="661.000000" y="546.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">&gt; api</text></g><g id="via.db clients"><g class="shape" ><rect x="603.000000" y="614.000000" width="116.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="661.000000" y="652.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">DB Clients</text></g><g id="teleport.inp"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="1110.000000" y="343.000000" width="353" height="51"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><h1>Identity Native Proxy</h1>
diff --git a/e2etests/testdata/stable/teleport_grid/elk/sketch.exp.svg b/e2etests/testdata/stable/teleport_grid/elk/sketch.exp.svg
index f5b39beb8..71a6f919b 100644
--- a/e2etests/testdata/stable/teleport_grid/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/teleport_grid/elk/sketch.exp.svg
@@ -103,31 +103,31 @@
 		.d2-3110095931 .color-AA4{color:#EDF0FD;}
 		.d2-3110095931 .color-AA5{color:#F7F8FE;}
 		.d2-3110095931 .color-AB4{color:#EDF0FD;}
-		.d2-3110095931 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.md em,
-.md dfn {
+		.d2-3110095931 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.d2-3110095931 .md em,
+.d2-3110095931 .md dfn {
   font-family: "d2-3110095931-font-italic";
 }
 
-.md b,
-.md strong {
+.d2-3110095931 .md b,
+.d2-3110095931 .md strong {
   font-family: "d2-3110095931-font-bold";
 }
 
-.md code,
-.md kbd,
-.md pre,
-.md samp {
+.d2-3110095931 .md code,
+.d2-3110095931 .md kbd,
+.d2-3110095931 .md pre,
+.d2-3110095931 .md samp {
   font-family: "d2-3110095931-font-mono";
   font-size: 1em;
 }
 
-.md {
+.d2-3110095931 .md {
   tab-size: 4;
 }
 
 /* variables are provided in d2renderers/d2svg/d2svg.go */
 
-.md {
+.d2-3110095931 .md {
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
   margin: 0;
@@ -139,41 +139,41 @@
   word-wrap: break-word;
 }
 
-.md details,
-.md figcaption,
-.md figure {
+.d2-3110095931 .md details,
+.d2-3110095931 .md figcaption,
+.d2-3110095931 .md figure {
   display: block;
 }
 
-.md summary {
+.d2-3110095931 .md summary {
   display: list-item;
 }
 
-.md [hidden] {
+.d2-3110095931 .md [hidden] {
   display: none !important;
 }
 
-.md a {
+.d2-3110095931 .md a {
   background-color: transparent;
   color: var(--color-accent-fg);
   text-decoration: none;
 }
 
-.md a:active,
-.md a:hover {
+.d2-3110095931 .md a:active,
+.d2-3110095931 .md a:hover {
   outline-width: 0;
 }
 
-.md abbr[title] {
+.d2-3110095931 .md abbr[title] {
   border-bottom: none;
   text-decoration: underline dotted;
 }
 
-.md dfn {
+.d2-3110095931 .md dfn {
   font-style: italic;
 }
 
-.md h1 {
+.d2-3110095931 .md h1 {
   margin: 0.67em 0;
   font-weight: 600;
   padding-bottom: 0.3em;
@@ -181,43 +181,43 @@
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md mark {
+.d2-3110095931 .md mark {
   background-color: var(--color-attention-subtle);
   color: var(--color-text-primary);
 }
 
-.md small {
+.d2-3110095931 .md small {
   font-size: 90%;
 }
 
-.md sub,
-.md sup {
+.d2-3110095931 .md sub,
+.d2-3110095931 .md sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
 }
 
-.md sub {
+.d2-3110095931 .md sub {
   bottom: -0.25em;
 }
 
-.md sup {
+.d2-3110095931 .md sup {
   top: -0.5em;
 }
 
-.md img {
+.d2-3110095931 .md img {
   border-style: none;
   max-width: 100%;
   box-sizing: content-box;
   background-color: var(--color-canvas-default);
 }
 
-.md figure {
+.d2-3110095931 .md figure {
   margin: 1em 40px;
 }
 
-.md hr {
+.d2-3110095931 .md hr {
   box-sizing: content-box;
   overflow: hidden;
   background: transparent;
@@ -229,7 +229,7 @@
   border: 0;
 }
 
-.md input {
+.d2-3110095931 .md input {
   font: inherit;
   margin: 0;
   overflow: visible;
@@ -238,72 +238,72 @@
   line-height: inherit;
 }
 
-.md [type="button"],
-.md [type="reset"],
-.md [type="submit"] {
+.d2-3110095931 .md [type="button"],
+.d2-3110095931 .md [type="reset"],
+.d2-3110095931 .md [type="submit"] {
   -webkit-appearance: button;
 }
 
-.md [type="button"]::-moz-focus-inner,
-.md [type="reset"]::-moz-focus-inner,
-.md [type="submit"]::-moz-focus-inner {
+.d2-3110095931 .md [type="button"]::-moz-focus-inner,
+.d2-3110095931 .md [type="reset"]::-moz-focus-inner,
+.d2-3110095931 .md [type="submit"]::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.md [type="button"]:-moz-focusring,
-.md [type="reset"]:-moz-focusring,
-.md [type="submit"]:-moz-focusring {
+.d2-3110095931 .md [type="button"]:-moz-focusring,
+.d2-3110095931 .md [type="reset"]:-moz-focusring,
+.d2-3110095931 .md [type="submit"]:-moz-focusring {
   outline: 1px dotted ButtonText;
 }
 
-.md [type="checkbox"],
-.md [type="radio"] {
+.d2-3110095931 .md [type="checkbox"],
+.d2-3110095931 .md [type="radio"] {
   box-sizing: border-box;
   padding: 0;
 }
 
-.md [type="number"]::-webkit-inner-spin-button,
-.md [type="number"]::-webkit-outer-spin-button {
+.d2-3110095931 .md [type="number"]::-webkit-inner-spin-button,
+.d2-3110095931 .md [type="number"]::-webkit-outer-spin-button {
   height: auto;
 }
 
-.md [type="search"] {
+.d2-3110095931 .md [type="search"] {
   -webkit-appearance: textfield;
   outline-offset: -2px;
 }
 
-.md [type="search"]::-webkit-search-cancel-button,
-.md [type="search"]::-webkit-search-decoration {
+.d2-3110095931 .md [type="search"]::-webkit-search-cancel-button,
+.d2-3110095931 .md [type="search"]::-webkit-search-decoration {
   -webkit-appearance: none;
 }
 
-.md ::-webkit-input-placeholder {
+.d2-3110095931 .md ::-webkit-input-placeholder {
   color: inherit;
   opacity: 0.54;
 }
 
-.md ::-webkit-file-upload-button {
+.d2-3110095931 .md ::-webkit-file-upload-button {
   -webkit-appearance: button;
   font: inherit;
 }
 
-.md a:hover {
+.d2-3110095931 .md a:hover {
   text-decoration: underline;
 }
 
-.md hr::before {
+.d2-3110095931 .md hr::before {
   display: table;
   content: "";
 }
 
-.md hr::after {
+.d2-3110095931 .md hr::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md table {
+.d2-3110095931 .md table {
   border-spacing: 0;
   border-collapse: collapse;
   display: block;
@@ -312,20 +312,20 @@
   overflow: auto;
 }
 
-.md td,
-.md th {
+.d2-3110095931 .md td,
+.d2-3110095931 .md th {
   padding: 0;
 }
 
-.md details summary {
+.d2-3110095931 .md details summary {
   cursor: pointer;
 }
 
-.md details:not([open]) > *:not(summary) {
+.d2-3110095931 .md details:not([open]) > *:not(summary) {
   display: none !important;
 }
 
-.md kbd {
+.d2-3110095931 .md kbd {
   display: inline-block;
   padding: 3px 5px;
   color: var(--color-fg-default);
@@ -337,12 +337,12 @@
   box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
 }
 
-.md h1,
-.md h2,
-.md h3,
-.md h4,
-.md h5,
-.md h6 {
+.d2-3110095931 .md h1,
+.d2-3110095931 .md h2,
+.d2-3110095931 .md h3,
+.d2-3110095931 .md h4,
+.d2-3110095931 .md h5,
+.d2-3110095931 .md h6 {
   margin-top: 24px;
   margin-bottom: 16px;
   font-weight: 600;
@@ -350,222 +350,222 @@
   font-family: "d2-3110095931-font-regular";
 }
 
-.md h2 {
+.d2-3110095931 .md h2 {
   font-weight: 600;
   padding-bottom: 0.3em;
   font-size: 1.5em;
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md h3 {
+.d2-3110095931 .md h3 {
   font-weight: 600;
   font-size: 1.25em;
 }
 
-.md h4 {
+.d2-3110095931 .md h4 {
   font-weight: 600;
   font-size: 1em;
 }
 
-.md h5 {
+.d2-3110095931 .md h5 {
   font-weight: 600;
   font-size: 0.875em;
 }
 
-.md h6 {
+.d2-3110095931 .md h6 {
   font-weight: 600;
   font-size: 0.85em;
   color: var(--color-fg-muted);
 }
 
-.md p {
+.d2-3110095931 .md p {
   margin-top: 0;
   margin-bottom: 10px;
 }
 
-.md blockquote {
+.d2-3110095931 .md blockquote {
   margin: 0;
   padding: 0 1em;
   color: var(--color-fg-muted);
   border-left: 0.25em solid var(--color-border-default);
 }
 
-.md ul,
-.md ol {
+.d2-3110095931 .md ul,
+.d2-3110095931 .md ol {
   margin-top: 0;
   margin-bottom: 0;
   padding-left: 2em;
 }
 
-.md ol ol,
-.md ul ol {
+.d2-3110095931 .md ol ol,
+.d2-3110095931 .md ul ol {
   list-style-type: lower-roman;
 }
 
-.md ul ul ol,
-.md ul ol ol,
-.md ol ul ol,
-.md ol ol ol {
+.d2-3110095931 .md ul ul ol,
+.d2-3110095931 .md ul ol ol,
+.d2-3110095931 .md ol ul ol,
+.d2-3110095931 .md ol ol ol {
   list-style-type: lower-alpha;
 }
 
-.md dd {
+.d2-3110095931 .md dd {
   margin-left: 0;
 }
 
-.md pre {
+.d2-3110095931 .md pre {
   margin-top: 0;
   margin-bottom: 0;
   word-wrap: normal;
 }
 
-.md ::placeholder {
+.d2-3110095931 .md ::placeholder {
   color: var(--color-fg-subtle);
   opacity: 1;
 }
 
-.md input::-webkit-outer-spin-button,
-.md input::-webkit-inner-spin-button {
+.d2-3110095931 .md input::-webkit-outer-spin-button,
+.d2-3110095931 .md input::-webkit-inner-spin-button {
   margin: 0;
   -webkit-appearance: none;
   appearance: none;
 }
 
-.md::before {
+.d2-3110095931 .md::before {
   display: table;
   content: "";
 }
 
-.md::after {
+.d2-3110095931 .md::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md > *:first-child {
+.d2-3110095931 .md > *:first-child {
   margin-top: 0 !important;
 }
 
-.md > *:last-child {
+.d2-3110095931 .md > *:last-child {
   margin-bottom: 0 !important;
 }
 
-.md a:not([href]) {
+.d2-3110095931 .md a:not([href]) {
   color: inherit;
   text-decoration: none;
 }
 
-.md .absent {
+.d2-3110095931 .md .absent {
   color: var(--color-danger-fg);
 }
 
-.md .anchor {
+.d2-3110095931 .md .anchor {
   float: left;
   padding-right: 4px;
   margin-left: -20px;
   line-height: 1;
 }
 
-.md .anchor:focus {
+.d2-3110095931 .md .anchor:focus {
   outline: none;
 }
 
-.md p,
-.md blockquote,
-.md ul,
-.md ol,
-.md dl,
-.md table,
-.md pre,
-.md details {
+.d2-3110095931 .md p,
+.d2-3110095931 .md blockquote,
+.d2-3110095931 .md ul,
+.d2-3110095931 .md ol,
+.d2-3110095931 .md dl,
+.d2-3110095931 .md table,
+.d2-3110095931 .md pre,
+.d2-3110095931 .md details {
   margin-top: 0;
   margin-bottom: 16px;
 }
 
-.md blockquote > :first-child {
+.d2-3110095931 .md blockquote > :first-child {
   margin-top: 0;
 }
 
-.md blockquote > :last-child {
+.d2-3110095931 .md blockquote > :last-child {
   margin-bottom: 0;
 }
 
-.md sup > a::before {
+.d2-3110095931 .md sup > a::before {
   content: "[";
 }
 
-.md sup > a::after {
+.d2-3110095931 .md sup > a::after {
   content: "]";
 }
 
-.md h1:hover .anchor,
-.md h2:hover .anchor,
-.md h3:hover .anchor,
-.md h4:hover .anchor,
-.md h5:hover .anchor,
-.md h6:hover .anchor {
+.d2-3110095931 .md h1:hover .anchor,
+.d2-3110095931 .md h2:hover .anchor,
+.d2-3110095931 .md h3:hover .anchor,
+.d2-3110095931 .md h4:hover .anchor,
+.d2-3110095931 .md h5:hover .anchor,
+.d2-3110095931 .md h6:hover .anchor {
   text-decoration: none;
 }
 
-.md h1 tt,
-.md h1 code,
-.md h2 tt,
-.md h2 code,
-.md h3 tt,
-.md h3 code,
-.md h4 tt,
-.md h4 code,
-.md h5 tt,
-.md h5 code,
-.md h6 tt,
-.md h6 code {
+.d2-3110095931 .md h1 tt,
+.d2-3110095931 .md h1 code,
+.d2-3110095931 .md h2 tt,
+.d2-3110095931 .md h2 code,
+.d2-3110095931 .md h3 tt,
+.d2-3110095931 .md h3 code,
+.d2-3110095931 .md h4 tt,
+.d2-3110095931 .md h4 code,
+.d2-3110095931 .md h5 tt,
+.d2-3110095931 .md h5 code,
+.d2-3110095931 .md h6 tt,
+.d2-3110095931 .md h6 code {
   padding: 0 0.2em;
   font-size: inherit;
 }
 
-.md ul.no-list,
-.md ol.no-list {
+.d2-3110095931 .md ul.no-list,
+.d2-3110095931 .md ol.no-list {
   padding: 0;
   list-style-type: none;
 }
 
-.md ol[type="1"] {
+.d2-3110095931 .md ol[type="1"] {
   list-style-type: decimal;
 }
 
-.md ol[type="a"] {
+.d2-3110095931 .md ol[type="a"] {
   list-style-type: lower-alpha;
 }
 
-.md ol[type="i"] {
+.d2-3110095931 .md ol[type="i"] {
   list-style-type: lower-roman;
 }
 
-.md div > ol:not([type]) {
+.d2-3110095931 .md div > ol:not([type]) {
   list-style-type: decimal;
 }
 
-.md ul ul,
-.md ul ol,
-.md ol ol,
-.md ol ul {
+.d2-3110095931 .md ul ul,
+.d2-3110095931 .md ul ol,
+.d2-3110095931 .md ol ol,
+.d2-3110095931 .md ol ul {
   margin-top: 0;
   margin-bottom: 0;
 }
 
-.md li > p {
+.d2-3110095931 .md li > p {
   margin-top: 16px;
 }
 
-.md li + li {
+.d2-3110095931 .md li + li {
   margin-top: 0.25em;
 }
 
-.md dl {
+.d2-3110095931 .md dl {
   padding: 0;
 }
 
-.md dl dt {
+.d2-3110095931 .md dl dt {
   padding: 0;
   margin-top: 16px;
   font-size: 1em;
@@ -573,48 +573,48 @@
   font-weight: 600;
 }
 
-.md dl dd {
+.d2-3110095931 .md dl dd {
   padding: 0 16px;
   margin-bottom: 16px;
 }
 
-.md table th {
+.d2-3110095931 .md table th {
   font-weight: 600;
 }
 
-.md table th,
-.md table td {
+.d2-3110095931 .md table th,
+.d2-3110095931 .md table td {
   padding: 6px 13px;
   border: 1px solid var(--color-border-default);
 }
 
-.md table tr {
+.d2-3110095931 .md table tr {
   background-color: var(--color-canvas-default);
   border-top: 1px solid var(--color-border-muted);
 }
 
-.md table tr:nth-child(2n) {
+.d2-3110095931 .md table tr:nth-child(2n) {
   background-color: var(--color-canvas-subtle);
 }
 
-.md table img {
+.d2-3110095931 .md table img {
   background-color: transparent;
 }
 
-.md img[align="right"] {
+.d2-3110095931 .md img[align="right"] {
   padding-left: 20px;
 }
 
-.md img[align="left"] {
+.d2-3110095931 .md img[align="left"] {
   padding-right: 20px;
 }
 
-.md span.frame {
+.d2-3110095931 .md span.frame {
   display: block;
   overflow: hidden;
 }
 
-.md span.frame > span {
+.d2-3110095931 .md span.frame > span {
   display: block;
   float: left;
   width: auto;
@@ -624,81 +624,81 @@
   border: 1px solid var(--color-border-default);
 }
 
-.md span.frame span img {
+.d2-3110095931 .md span.frame span img {
   display: block;
   float: left;
 }
 
-.md span.frame span span {
+.d2-3110095931 .md span.frame span span {
   display: block;
   padding: 5px 0 0;
   clear: both;
   color: var(--color-fg-default);
 }
 
-.md span.align-center {
+.d2-3110095931 .md span.align-center {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-center > span {
+.d2-3110095931 .md span.align-center > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: center;
 }
 
-.md span.align-center span img {
+.d2-3110095931 .md span.align-center span img {
   margin: 0 auto;
   text-align: center;
 }
 
-.md span.align-right {
+.d2-3110095931 .md span.align-right {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-right > span {
+.d2-3110095931 .md span.align-right > span {
   display: block;
   margin: 13px 0 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md span.align-right span img {
+.d2-3110095931 .md span.align-right span img {
   margin: 0;
   text-align: right;
 }
 
-.md span.float-left {
+.d2-3110095931 .md span.float-left {
   display: block;
   float: left;
   margin-right: 13px;
   overflow: hidden;
 }
 
-.md span.float-left span {
+.d2-3110095931 .md span.float-left span {
   margin: 13px 0 0;
 }
 
-.md span.float-right {
+.d2-3110095931 .md span.float-right {
   display: block;
   float: right;
   margin-left: 13px;
   overflow: hidden;
 }
 
-.md span.float-right > span {
+.d2-3110095931 .md span.float-right > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md code,
-.md tt {
+.d2-3110095931 .md code,
+.d2-3110095931 .md tt {
   padding: 0.2em 0.4em;
   margin: 0;
   font-size: 85%;
@@ -706,20 +706,20 @@
   border-radius: 6px;
 }
 
-.md code br,
-.md tt br {
+.d2-3110095931 .md code br,
+.d2-3110095931 .md tt br {
   display: none;
 }
 
-.md del code {
+.d2-3110095931 .md del code {
   text-decoration: inherit;
 }
 
-.md pre code {
+.d2-3110095931 .md pre code {
   font-size: 100%;
 }
 
-.md pre > code {
+.d2-3110095931 .md pre > code {
   padding: 0;
   margin: 0;
   word-break: normal;
@@ -728,17 +728,17 @@
   border: 0;
 }
 
-.md .highlight {
+.d2-3110095931 .md .highlight {
   margin-bottom: 16px;
 }
 
-.md .highlight pre {
+.d2-3110095931 .md .highlight pre {
   margin-bottom: 0;
   word-break: normal;
 }
 
-.md .highlight pre,
-.md pre {
+.d2-3110095931 .md .highlight pre,
+.d2-3110095931 .md pre {
   padding: 16px;
   overflow: auto;
   font-size: 85%;
@@ -747,8 +747,8 @@
   border-radius: 6px;
 }
 
-.md pre code,
-.md pre tt {
+.d2-3110095931 .md pre code,
+.d2-3110095931 .md pre tt {
   display: inline;
   max-width: auto;
   padding: 0;
@@ -760,8 +760,8 @@
   border: 0;
 }
 
-.md .csv-data td,
-.md .csv-data th {
+.d2-3110095931 .md .csv-data td,
+.d2-3110095931 .md .csv-data th {
   padding: 5px;
   overflow: hidden;
   font-size: 12px;
@@ -770,38 +770,38 @@
   white-space: nowrap;
 }
 
-.md .csv-data .blob-num {
+.d2-3110095931 .md .csv-data .blob-num {
   padding: 10px 8px 9px;
   text-align: right;
   background: var(--color-canvas-default);
   border: 0;
 }
 
-.md .csv-data tr {
+.d2-3110095931 .md .csv-data tr {
   border-top: 0;
 }
 
-.md .csv-data th {
+.d2-3110095931 .md .csv-data th {
   font-weight: 600;
   background: var(--color-canvas-subtle);
   border-top: 0;
 }
 
-.md .footnotes {
+.d2-3110095931 .md .footnotes {
   font-size: 12px;
   color: var(--color-fg-muted);
   border-top: 1px solid var(--color-border-default);
 }
 
-.md .footnotes ol {
+.d2-3110095931 .md .footnotes ol {
   padding-left: 16px;
 }
 
-.md .footnotes li {
+.d2-3110095931 .md .footnotes li {
   position: relative;
 }
 
-.md .footnotes li:target::before {
+.d2-3110095931 .md .footnotes li:target::before {
   position: absolute;
   top: -8px;
   right: -8px;
@@ -813,36 +813,36 @@
   border-radius: 6px;
 }
 
-.md .footnotes li:target {
+.d2-3110095931 .md .footnotes li:target {
   color: var(--color-fg-default);
 }
 
-.md .task-list-item {
+.d2-3110095931 .md .task-list-item {
   list-style-type: none;
 }
 
-.md .task-list-item label {
+.d2-3110095931 .md .task-list-item label {
   font-weight: 400;
 }
 
-.md .task-list-item.enabled label {
+.d2-3110095931 .md .task-list-item.enabled label {
   cursor: pointer;
 }
 
-.md .task-list-item + .task-list-item {
+.d2-3110095931 .md .task-list-item + .task-list-item {
   margin-top: 3px;
 }
 
-.md .task-list-item .handle {
+.d2-3110095931 .md .task-list-item .handle {
   display: none;
 }
 
-.md .task-list-item-checkbox {
+.d2-3110095931 .md .task-list-item-checkbox {
   margin: 0 0.2em 0.25em -1.6em;
   vertical-align: middle;
 }
 
-.md .contains-task-list:dir(rtl) .task-list-item-checkbox {
+.d2-3110095931 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
 </style><g id="users"><g class="shape" ><rect x="12.000000" y="196.000000" width="272.000000" height="461.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g></g><g id="via"><g class="shape" ><rect x="354.000000" y="122.000000" width="236.000000" height="610.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g></g><g id="teleport"><g class="shape" ><rect x="660.000000" y="275.000000" width="473.000000" height="303.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="896.500000" y="308.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">Teleport</text></g><g id="jita"><g class="shape" ><rect x="1915.000000" y="12.000000" width="820.000000" height="212.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="2325.000000" y="45.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">Just-in-time Access via</text></g><g id="infra"><g class="shape" ><rect x="1263.000000" y="150.000000" width="582.000000" height="344.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="1554.000000" y="183.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">Infrastructure</text></g><g id="identity provider"><g class="shape" ><rect x="1263.000000" y="514.000000" width="201.000000" height="118.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><image href="https://icons.terrastruct.com/azure%2FIdentity%20Service%20Color%2FIdentity%20governance.svg" x="1334.000000" y="543.500000" width="59" height="59" /><text x="1363.500000" y="535.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Indentity Provider</text></g><g id="users.Engineers"><g class="shape" ><ellipse rx="76.000000" ry="76.000000" cx="148.000000" cy="332.000000" class="shape stroke-B1 fill-B5" style="stroke-width:2;" /></g><image href="https://icons.terrastruct.com/essentials%2F365-user.svg" x="121.500000" y="305.500000" width="53" height="53" /><text x="148.000000" y="300.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Engineers</text></g><g id="users.Machines"><g class="shape" ><ellipse rx="76.000000" ry="74.500000" cx="148.000000" cy="522.500000" class="shape stroke-B1 fill-B5" style="stroke-width:2;" /></g><image href="https://icons.terrastruct.com/aws%2FCompute%2FCompute.svg" x="121.500000" y="496.000000" width="53" height="53" /><text x="148.000000" y="491.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Machines</text></g><g id="via.https"><g class="shape" ><rect x="414.000000" y="182.000000" width="116.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="472.000000" y="220.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">HTTPS://</text></g><g id="via.kubectl"><g class="shape" ><rect x="414.000000" y="288.000000" width="116.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="472.000000" y="326.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">&gt; kubectl</text></g><g id="via.tsh"><g class="shape" ><rect x="414.000000" y="394.000000" width="116.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="472.000000" y="432.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">&gt; tsh</text></g><g id="via.api"><g class="shape" ><rect x="414.000000" y="500.000000" width="116.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="472.000000" y="538.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">&gt; api</text></g><g id="via.db clients"><g class="shape" ><rect x="414.000000" y="606.000000" width="116.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="472.000000" y="644.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">DB Clients</text></g><g id="teleport.inp"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="720.000000" y="335.000000" width="353" height="51"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><h1>Identity Native Proxy</h1>
diff --git a/e2etests/testdata/stable/text_font_sizes/dagre/sketch.exp.svg b/e2etests/testdata/stable/text_font_sizes/dagre/sketch.exp.svg
index 050cac62e..e2462e12c 100644
--- a/e2etests/testdata/stable/text_font_sizes/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/text_font_sizes/dagre/sketch.exp.svg
@@ -106,31 +106,31 @@
 		.d2-734888898 .color-AA4{color:#EDF0FD;}
 		.d2-734888898 .color-AA5{color:#F7F8FE;}
 		.d2-734888898 .color-AB4{color:#EDF0FD;}
-		.d2-734888898 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.md em,
-.md dfn {
+		.d2-734888898 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.d2-734888898 .md em,
+.d2-734888898 .md dfn {
   font-family: "d2-734888898-font-italic";
 }
 
-.md b,
-.md strong {
+.d2-734888898 .md b,
+.d2-734888898 .md strong {
   font-family: "d2-734888898-font-bold";
 }
 
-.md code,
-.md kbd,
-.md pre,
-.md samp {
+.d2-734888898 .md code,
+.d2-734888898 .md kbd,
+.d2-734888898 .md pre,
+.d2-734888898 .md samp {
   font-family: "d2-734888898-font-mono";
   font-size: 1em;
 }
 
-.md {
+.d2-734888898 .md {
   tab-size: 4;
 }
 
 /* variables are provided in d2renderers/d2svg/d2svg.go */
 
-.md {
+.d2-734888898 .md {
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
   margin: 0;
@@ -142,41 +142,41 @@
   word-wrap: break-word;
 }
 
-.md details,
-.md figcaption,
-.md figure {
+.d2-734888898 .md details,
+.d2-734888898 .md figcaption,
+.d2-734888898 .md figure {
   display: block;
 }
 
-.md summary {
+.d2-734888898 .md summary {
   display: list-item;
 }
 
-.md [hidden] {
+.d2-734888898 .md [hidden] {
   display: none !important;
 }
 
-.md a {
+.d2-734888898 .md a {
   background-color: transparent;
   color: var(--color-accent-fg);
   text-decoration: none;
 }
 
-.md a:active,
-.md a:hover {
+.d2-734888898 .md a:active,
+.d2-734888898 .md a:hover {
   outline-width: 0;
 }
 
-.md abbr[title] {
+.d2-734888898 .md abbr[title] {
   border-bottom: none;
   text-decoration: underline dotted;
 }
 
-.md dfn {
+.d2-734888898 .md dfn {
   font-style: italic;
 }
 
-.md h1 {
+.d2-734888898 .md h1 {
   margin: 0.67em 0;
   font-weight: 600;
   padding-bottom: 0.3em;
@@ -184,43 +184,43 @@
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md mark {
+.d2-734888898 .md mark {
   background-color: var(--color-attention-subtle);
   color: var(--color-text-primary);
 }
 
-.md small {
+.d2-734888898 .md small {
   font-size: 90%;
 }
 
-.md sub,
-.md sup {
+.d2-734888898 .md sub,
+.d2-734888898 .md sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
 }
 
-.md sub {
+.d2-734888898 .md sub {
   bottom: -0.25em;
 }
 
-.md sup {
+.d2-734888898 .md sup {
   top: -0.5em;
 }
 
-.md img {
+.d2-734888898 .md img {
   border-style: none;
   max-width: 100%;
   box-sizing: content-box;
   background-color: var(--color-canvas-default);
 }
 
-.md figure {
+.d2-734888898 .md figure {
   margin: 1em 40px;
 }
 
-.md hr {
+.d2-734888898 .md hr {
   box-sizing: content-box;
   overflow: hidden;
   background: transparent;
@@ -232,7 +232,7 @@
   border: 0;
 }
 
-.md input {
+.d2-734888898 .md input {
   font: inherit;
   margin: 0;
   overflow: visible;
@@ -241,72 +241,72 @@
   line-height: inherit;
 }
 
-.md [type="button"],
-.md [type="reset"],
-.md [type="submit"] {
+.d2-734888898 .md [type="button"],
+.d2-734888898 .md [type="reset"],
+.d2-734888898 .md [type="submit"] {
   -webkit-appearance: button;
 }
 
-.md [type="button"]::-moz-focus-inner,
-.md [type="reset"]::-moz-focus-inner,
-.md [type="submit"]::-moz-focus-inner {
+.d2-734888898 .md [type="button"]::-moz-focus-inner,
+.d2-734888898 .md [type="reset"]::-moz-focus-inner,
+.d2-734888898 .md [type="submit"]::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.md [type="button"]:-moz-focusring,
-.md [type="reset"]:-moz-focusring,
-.md [type="submit"]:-moz-focusring {
+.d2-734888898 .md [type="button"]:-moz-focusring,
+.d2-734888898 .md [type="reset"]:-moz-focusring,
+.d2-734888898 .md [type="submit"]:-moz-focusring {
   outline: 1px dotted ButtonText;
 }
 
-.md [type="checkbox"],
-.md [type="radio"] {
+.d2-734888898 .md [type="checkbox"],
+.d2-734888898 .md [type="radio"] {
   box-sizing: border-box;
   padding: 0;
 }
 
-.md [type="number"]::-webkit-inner-spin-button,
-.md [type="number"]::-webkit-outer-spin-button {
+.d2-734888898 .md [type="number"]::-webkit-inner-spin-button,
+.d2-734888898 .md [type="number"]::-webkit-outer-spin-button {
   height: auto;
 }
 
-.md [type="search"] {
+.d2-734888898 .md [type="search"] {
   -webkit-appearance: textfield;
   outline-offset: -2px;
 }
 
-.md [type="search"]::-webkit-search-cancel-button,
-.md [type="search"]::-webkit-search-decoration {
+.d2-734888898 .md [type="search"]::-webkit-search-cancel-button,
+.d2-734888898 .md [type="search"]::-webkit-search-decoration {
   -webkit-appearance: none;
 }
 
-.md ::-webkit-input-placeholder {
+.d2-734888898 .md ::-webkit-input-placeholder {
   color: inherit;
   opacity: 0.54;
 }
 
-.md ::-webkit-file-upload-button {
+.d2-734888898 .md ::-webkit-file-upload-button {
   -webkit-appearance: button;
   font: inherit;
 }
 
-.md a:hover {
+.d2-734888898 .md a:hover {
   text-decoration: underline;
 }
 
-.md hr::before {
+.d2-734888898 .md hr::before {
   display: table;
   content: "";
 }
 
-.md hr::after {
+.d2-734888898 .md hr::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md table {
+.d2-734888898 .md table {
   border-spacing: 0;
   border-collapse: collapse;
   display: block;
@@ -315,20 +315,20 @@
   overflow: auto;
 }
 
-.md td,
-.md th {
+.d2-734888898 .md td,
+.d2-734888898 .md th {
   padding: 0;
 }
 
-.md details summary {
+.d2-734888898 .md details summary {
   cursor: pointer;
 }
 
-.md details:not([open]) > *:not(summary) {
+.d2-734888898 .md details:not([open]) > *:not(summary) {
   display: none !important;
 }
 
-.md kbd {
+.d2-734888898 .md kbd {
   display: inline-block;
   padding: 3px 5px;
   color: var(--color-fg-default);
@@ -340,12 +340,12 @@
   box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
 }
 
-.md h1,
-.md h2,
-.md h3,
-.md h4,
-.md h5,
-.md h6 {
+.d2-734888898 .md h1,
+.d2-734888898 .md h2,
+.d2-734888898 .md h3,
+.d2-734888898 .md h4,
+.d2-734888898 .md h5,
+.d2-734888898 .md h6 {
   margin-top: 24px;
   margin-bottom: 16px;
   font-weight: 600;
@@ -353,222 +353,222 @@
   font-family: "d2-734888898-font-regular";
 }
 
-.md h2 {
+.d2-734888898 .md h2 {
   font-weight: 600;
   padding-bottom: 0.3em;
   font-size: 1.5em;
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md h3 {
+.d2-734888898 .md h3 {
   font-weight: 600;
   font-size: 1.25em;
 }
 
-.md h4 {
+.d2-734888898 .md h4 {
   font-weight: 600;
   font-size: 1em;
 }
 
-.md h5 {
+.d2-734888898 .md h5 {
   font-weight: 600;
   font-size: 0.875em;
 }
 
-.md h6 {
+.d2-734888898 .md h6 {
   font-weight: 600;
   font-size: 0.85em;
   color: var(--color-fg-muted);
 }
 
-.md p {
+.d2-734888898 .md p {
   margin-top: 0;
   margin-bottom: 10px;
 }
 
-.md blockquote {
+.d2-734888898 .md blockquote {
   margin: 0;
   padding: 0 1em;
   color: var(--color-fg-muted);
   border-left: 0.25em solid var(--color-border-default);
 }
 
-.md ul,
-.md ol {
+.d2-734888898 .md ul,
+.d2-734888898 .md ol {
   margin-top: 0;
   margin-bottom: 0;
   padding-left: 2em;
 }
 
-.md ol ol,
-.md ul ol {
+.d2-734888898 .md ol ol,
+.d2-734888898 .md ul ol {
   list-style-type: lower-roman;
 }
 
-.md ul ul ol,
-.md ul ol ol,
-.md ol ul ol,
-.md ol ol ol {
+.d2-734888898 .md ul ul ol,
+.d2-734888898 .md ul ol ol,
+.d2-734888898 .md ol ul ol,
+.d2-734888898 .md ol ol ol {
   list-style-type: lower-alpha;
 }
 
-.md dd {
+.d2-734888898 .md dd {
   margin-left: 0;
 }
 
-.md pre {
+.d2-734888898 .md pre {
   margin-top: 0;
   margin-bottom: 0;
   word-wrap: normal;
 }
 
-.md ::placeholder {
+.d2-734888898 .md ::placeholder {
   color: var(--color-fg-subtle);
   opacity: 1;
 }
 
-.md input::-webkit-outer-spin-button,
-.md input::-webkit-inner-spin-button {
+.d2-734888898 .md input::-webkit-outer-spin-button,
+.d2-734888898 .md input::-webkit-inner-spin-button {
   margin: 0;
   -webkit-appearance: none;
   appearance: none;
 }
 
-.md::before {
+.d2-734888898 .md::before {
   display: table;
   content: "";
 }
 
-.md::after {
+.d2-734888898 .md::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md > *:first-child {
+.d2-734888898 .md > *:first-child {
   margin-top: 0 !important;
 }
 
-.md > *:last-child {
+.d2-734888898 .md > *:last-child {
   margin-bottom: 0 !important;
 }
 
-.md a:not([href]) {
+.d2-734888898 .md a:not([href]) {
   color: inherit;
   text-decoration: none;
 }
 
-.md .absent {
+.d2-734888898 .md .absent {
   color: var(--color-danger-fg);
 }
 
-.md .anchor {
+.d2-734888898 .md .anchor {
   float: left;
   padding-right: 4px;
   margin-left: -20px;
   line-height: 1;
 }
 
-.md .anchor:focus {
+.d2-734888898 .md .anchor:focus {
   outline: none;
 }
 
-.md p,
-.md blockquote,
-.md ul,
-.md ol,
-.md dl,
-.md table,
-.md pre,
-.md details {
+.d2-734888898 .md p,
+.d2-734888898 .md blockquote,
+.d2-734888898 .md ul,
+.d2-734888898 .md ol,
+.d2-734888898 .md dl,
+.d2-734888898 .md table,
+.d2-734888898 .md pre,
+.d2-734888898 .md details {
   margin-top: 0;
   margin-bottom: 16px;
 }
 
-.md blockquote > :first-child {
+.d2-734888898 .md blockquote > :first-child {
   margin-top: 0;
 }
 
-.md blockquote > :last-child {
+.d2-734888898 .md blockquote > :last-child {
   margin-bottom: 0;
 }
 
-.md sup > a::before {
+.d2-734888898 .md sup > a::before {
   content: "[";
 }
 
-.md sup > a::after {
+.d2-734888898 .md sup > a::after {
   content: "]";
 }
 
-.md h1:hover .anchor,
-.md h2:hover .anchor,
-.md h3:hover .anchor,
-.md h4:hover .anchor,
-.md h5:hover .anchor,
-.md h6:hover .anchor {
+.d2-734888898 .md h1:hover .anchor,
+.d2-734888898 .md h2:hover .anchor,
+.d2-734888898 .md h3:hover .anchor,
+.d2-734888898 .md h4:hover .anchor,
+.d2-734888898 .md h5:hover .anchor,
+.d2-734888898 .md h6:hover .anchor {
   text-decoration: none;
 }
 
-.md h1 tt,
-.md h1 code,
-.md h2 tt,
-.md h2 code,
-.md h3 tt,
-.md h3 code,
-.md h4 tt,
-.md h4 code,
-.md h5 tt,
-.md h5 code,
-.md h6 tt,
-.md h6 code {
+.d2-734888898 .md h1 tt,
+.d2-734888898 .md h1 code,
+.d2-734888898 .md h2 tt,
+.d2-734888898 .md h2 code,
+.d2-734888898 .md h3 tt,
+.d2-734888898 .md h3 code,
+.d2-734888898 .md h4 tt,
+.d2-734888898 .md h4 code,
+.d2-734888898 .md h5 tt,
+.d2-734888898 .md h5 code,
+.d2-734888898 .md h6 tt,
+.d2-734888898 .md h6 code {
   padding: 0 0.2em;
   font-size: inherit;
 }
 
-.md ul.no-list,
-.md ol.no-list {
+.d2-734888898 .md ul.no-list,
+.d2-734888898 .md ol.no-list {
   padding: 0;
   list-style-type: none;
 }
 
-.md ol[type="1"] {
+.d2-734888898 .md ol[type="1"] {
   list-style-type: decimal;
 }
 
-.md ol[type="a"] {
+.d2-734888898 .md ol[type="a"] {
   list-style-type: lower-alpha;
 }
 
-.md ol[type="i"] {
+.d2-734888898 .md ol[type="i"] {
   list-style-type: lower-roman;
 }
 
-.md div > ol:not([type]) {
+.d2-734888898 .md div > ol:not([type]) {
   list-style-type: decimal;
 }
 
-.md ul ul,
-.md ul ol,
-.md ol ol,
-.md ol ul {
+.d2-734888898 .md ul ul,
+.d2-734888898 .md ul ol,
+.d2-734888898 .md ol ol,
+.d2-734888898 .md ol ul {
   margin-top: 0;
   margin-bottom: 0;
 }
 
-.md li > p {
+.d2-734888898 .md li > p {
   margin-top: 16px;
 }
 
-.md li + li {
+.d2-734888898 .md li + li {
   margin-top: 0.25em;
 }
 
-.md dl {
+.d2-734888898 .md dl {
   padding: 0;
 }
 
-.md dl dt {
+.d2-734888898 .md dl dt {
   padding: 0;
   margin-top: 16px;
   font-size: 1em;
@@ -576,48 +576,48 @@
   font-weight: 600;
 }
 
-.md dl dd {
+.d2-734888898 .md dl dd {
   padding: 0 16px;
   margin-bottom: 16px;
 }
 
-.md table th {
+.d2-734888898 .md table th {
   font-weight: 600;
 }
 
-.md table th,
-.md table td {
+.d2-734888898 .md table th,
+.d2-734888898 .md table td {
   padding: 6px 13px;
   border: 1px solid var(--color-border-default);
 }
 
-.md table tr {
+.d2-734888898 .md table tr {
   background-color: var(--color-canvas-default);
   border-top: 1px solid var(--color-border-muted);
 }
 
-.md table tr:nth-child(2n) {
+.d2-734888898 .md table tr:nth-child(2n) {
   background-color: var(--color-canvas-subtle);
 }
 
-.md table img {
+.d2-734888898 .md table img {
   background-color: transparent;
 }
 
-.md img[align="right"] {
+.d2-734888898 .md img[align="right"] {
   padding-left: 20px;
 }
 
-.md img[align="left"] {
+.d2-734888898 .md img[align="left"] {
   padding-right: 20px;
 }
 
-.md span.frame {
+.d2-734888898 .md span.frame {
   display: block;
   overflow: hidden;
 }
 
-.md span.frame > span {
+.d2-734888898 .md span.frame > span {
   display: block;
   float: left;
   width: auto;
@@ -627,81 +627,81 @@
   border: 1px solid var(--color-border-default);
 }
 
-.md span.frame span img {
+.d2-734888898 .md span.frame span img {
   display: block;
   float: left;
 }
 
-.md span.frame span span {
+.d2-734888898 .md span.frame span span {
   display: block;
   padding: 5px 0 0;
   clear: both;
   color: var(--color-fg-default);
 }
 
-.md span.align-center {
+.d2-734888898 .md span.align-center {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-center > span {
+.d2-734888898 .md span.align-center > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: center;
 }
 
-.md span.align-center span img {
+.d2-734888898 .md span.align-center span img {
   margin: 0 auto;
   text-align: center;
 }
 
-.md span.align-right {
+.d2-734888898 .md span.align-right {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-right > span {
+.d2-734888898 .md span.align-right > span {
   display: block;
   margin: 13px 0 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md span.align-right span img {
+.d2-734888898 .md span.align-right span img {
   margin: 0;
   text-align: right;
 }
 
-.md span.float-left {
+.d2-734888898 .md span.float-left {
   display: block;
   float: left;
   margin-right: 13px;
   overflow: hidden;
 }
 
-.md span.float-left span {
+.d2-734888898 .md span.float-left span {
   margin: 13px 0 0;
 }
 
-.md span.float-right {
+.d2-734888898 .md span.float-right {
   display: block;
   float: right;
   margin-left: 13px;
   overflow: hidden;
 }
 
-.md span.float-right > span {
+.d2-734888898 .md span.float-right > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md code,
-.md tt {
+.d2-734888898 .md code,
+.d2-734888898 .md tt {
   padding: 0.2em 0.4em;
   margin: 0;
   font-size: 85%;
@@ -709,20 +709,20 @@
   border-radius: 6px;
 }
 
-.md code br,
-.md tt br {
+.d2-734888898 .md code br,
+.d2-734888898 .md tt br {
   display: none;
 }
 
-.md del code {
+.d2-734888898 .md del code {
   text-decoration: inherit;
 }
 
-.md pre code {
+.d2-734888898 .md pre code {
   font-size: 100%;
 }
 
-.md pre > code {
+.d2-734888898 .md pre > code {
   padding: 0;
   margin: 0;
   word-break: normal;
@@ -731,17 +731,17 @@
   border: 0;
 }
 
-.md .highlight {
+.d2-734888898 .md .highlight {
   margin-bottom: 16px;
 }
 
-.md .highlight pre {
+.d2-734888898 .md .highlight pre {
   margin-bottom: 0;
   word-break: normal;
 }
 
-.md .highlight pre,
-.md pre {
+.d2-734888898 .md .highlight pre,
+.d2-734888898 .md pre {
   padding: 16px;
   overflow: auto;
   font-size: 85%;
@@ -750,8 +750,8 @@
   border-radius: 6px;
 }
 
-.md pre code,
-.md pre tt {
+.d2-734888898 .md pre code,
+.d2-734888898 .md pre tt {
   display: inline;
   max-width: auto;
   padding: 0;
@@ -763,8 +763,8 @@
   border: 0;
 }
 
-.md .csv-data td,
-.md .csv-data th {
+.d2-734888898 .md .csv-data td,
+.d2-734888898 .md .csv-data th {
   padding: 5px;
   overflow: hidden;
   font-size: 12px;
@@ -773,38 +773,38 @@
   white-space: nowrap;
 }
 
-.md .csv-data .blob-num {
+.d2-734888898 .md .csv-data .blob-num {
   padding: 10px 8px 9px;
   text-align: right;
   background: var(--color-canvas-default);
   border: 0;
 }
 
-.md .csv-data tr {
+.d2-734888898 .md .csv-data tr {
   border-top: 0;
 }
 
-.md .csv-data th {
+.d2-734888898 .md .csv-data th {
   font-weight: 600;
   background: var(--color-canvas-subtle);
   border-top: 0;
 }
 
-.md .footnotes {
+.d2-734888898 .md .footnotes {
   font-size: 12px;
   color: var(--color-fg-muted);
   border-top: 1px solid var(--color-border-default);
 }
 
-.md .footnotes ol {
+.d2-734888898 .md .footnotes ol {
   padding-left: 16px;
 }
 
-.md .footnotes li {
+.d2-734888898 .md .footnotes li {
   position: relative;
 }
 
-.md .footnotes li:target::before {
+.d2-734888898 .md .footnotes li:target::before {
   position: absolute;
   top: -8px;
   right: -8px;
@@ -816,36 +816,36 @@
   border-radius: 6px;
 }
 
-.md .footnotes li:target {
+.d2-734888898 .md .footnotes li:target {
   color: var(--color-fg-default);
 }
 
-.md .task-list-item {
+.d2-734888898 .md .task-list-item {
   list-style-type: none;
 }
 
-.md .task-list-item label {
+.d2-734888898 .md .task-list-item label {
   font-weight: 400;
 }
 
-.md .task-list-item.enabled label {
+.d2-734888898 .md .task-list-item.enabled label {
   cursor: pointer;
 }
 
-.md .task-list-item + .task-list-item {
+.d2-734888898 .md .task-list-item + .task-list-item {
   margin-top: 3px;
 }
 
-.md .task-list-item .handle {
+.d2-734888898 .md .task-list-item .handle {
   display: none;
 }
 
-.md .task-list-item-checkbox {
+.d2-734888898 .md .task-list-item-checkbox {
   margin: 0 0.2em 0.25em -1.6em;
   vertical-align: middle;
 }
 
-.md .contains-task-list:dir(rtl) .task-list-item-checkbox {
+.d2-734888898 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
 </style><g id="bear"><g class="shape" ></g><text x="165.000000" y="163.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:22px">bear</text></g><g id="mama bear"><g class="shape" ></g><text x="67.500000" y="31.000000" class="text-italic fill-N2" style="text-anchor:middle;font-size:28px">mama bear</text></g><g id="papa bear"><g class="shape" ></g><text x="262.000000" y="32.000000" class="text text-underline fill-N1" style="text-anchor:middle;font-size:32px">papa bear</text></g><g id="(mama bear -&gt; bear)[0]"><marker id="mk-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" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 67.500000 41.500000 C 67.500000 80.700000 82.700000 101.000000 140.158332 138.801534" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-734888898)" /></g><g id="(papa bear -&gt; bear)[0]"><path d="M 262.000000 43.000000 C 262.000000 81.000000 246.800000 101.000000 189.341668 138.801534" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-734888898)" /></g><mask id="d2-734888898" maskUnits="userSpaceOnUse" x="-1" y="-1" width="331" height="171">
diff --git a/e2etests/testdata/stable/text_font_sizes/elk/sketch.exp.svg b/e2etests/testdata/stable/text_font_sizes/elk/sketch.exp.svg
index cc9a4d98c..98dc9ab3d 100644
--- a/e2etests/testdata/stable/text_font_sizes/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/text_font_sizes/elk/sketch.exp.svg
@@ -106,31 +106,31 @@
 		.d2-1924191754 .color-AA4{color:#EDF0FD;}
 		.d2-1924191754 .color-AA5{color:#F7F8FE;}
 		.d2-1924191754 .color-AB4{color:#EDF0FD;}
-		.d2-1924191754 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.md em,
-.md dfn {
+		.d2-1924191754 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.d2-1924191754 .md em,
+.d2-1924191754 .md dfn {
   font-family: "d2-1924191754-font-italic";
 }
 
-.md b,
-.md strong {
+.d2-1924191754 .md b,
+.d2-1924191754 .md strong {
   font-family: "d2-1924191754-font-bold";
 }
 
-.md code,
-.md kbd,
-.md pre,
-.md samp {
+.d2-1924191754 .md code,
+.d2-1924191754 .md kbd,
+.d2-1924191754 .md pre,
+.d2-1924191754 .md samp {
   font-family: "d2-1924191754-font-mono";
   font-size: 1em;
 }
 
-.md {
+.d2-1924191754 .md {
   tab-size: 4;
 }
 
 /* variables are provided in d2renderers/d2svg/d2svg.go */
 
-.md {
+.d2-1924191754 .md {
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
   margin: 0;
@@ -142,41 +142,41 @@
   word-wrap: break-word;
 }
 
-.md details,
-.md figcaption,
-.md figure {
+.d2-1924191754 .md details,
+.d2-1924191754 .md figcaption,
+.d2-1924191754 .md figure {
   display: block;
 }
 
-.md summary {
+.d2-1924191754 .md summary {
   display: list-item;
 }
 
-.md [hidden] {
+.d2-1924191754 .md [hidden] {
   display: none !important;
 }
 
-.md a {
+.d2-1924191754 .md a {
   background-color: transparent;
   color: var(--color-accent-fg);
   text-decoration: none;
 }
 
-.md a:active,
-.md a:hover {
+.d2-1924191754 .md a:active,
+.d2-1924191754 .md a:hover {
   outline-width: 0;
 }
 
-.md abbr[title] {
+.d2-1924191754 .md abbr[title] {
   border-bottom: none;
   text-decoration: underline dotted;
 }
 
-.md dfn {
+.d2-1924191754 .md dfn {
   font-style: italic;
 }
 
-.md h1 {
+.d2-1924191754 .md h1 {
   margin: 0.67em 0;
   font-weight: 600;
   padding-bottom: 0.3em;
@@ -184,43 +184,43 @@
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md mark {
+.d2-1924191754 .md mark {
   background-color: var(--color-attention-subtle);
   color: var(--color-text-primary);
 }
 
-.md small {
+.d2-1924191754 .md small {
   font-size: 90%;
 }
 
-.md sub,
-.md sup {
+.d2-1924191754 .md sub,
+.d2-1924191754 .md sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
 }
 
-.md sub {
+.d2-1924191754 .md sub {
   bottom: -0.25em;
 }
 
-.md sup {
+.d2-1924191754 .md sup {
   top: -0.5em;
 }
 
-.md img {
+.d2-1924191754 .md img {
   border-style: none;
   max-width: 100%;
   box-sizing: content-box;
   background-color: var(--color-canvas-default);
 }
 
-.md figure {
+.d2-1924191754 .md figure {
   margin: 1em 40px;
 }
 
-.md hr {
+.d2-1924191754 .md hr {
   box-sizing: content-box;
   overflow: hidden;
   background: transparent;
@@ -232,7 +232,7 @@
   border: 0;
 }
 
-.md input {
+.d2-1924191754 .md input {
   font: inherit;
   margin: 0;
   overflow: visible;
@@ -241,72 +241,72 @@
   line-height: inherit;
 }
 
-.md [type="button"],
-.md [type="reset"],
-.md [type="submit"] {
+.d2-1924191754 .md [type="button"],
+.d2-1924191754 .md [type="reset"],
+.d2-1924191754 .md [type="submit"] {
   -webkit-appearance: button;
 }
 
-.md [type="button"]::-moz-focus-inner,
-.md [type="reset"]::-moz-focus-inner,
-.md [type="submit"]::-moz-focus-inner {
+.d2-1924191754 .md [type="button"]::-moz-focus-inner,
+.d2-1924191754 .md [type="reset"]::-moz-focus-inner,
+.d2-1924191754 .md [type="submit"]::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.md [type="button"]:-moz-focusring,
-.md [type="reset"]:-moz-focusring,
-.md [type="submit"]:-moz-focusring {
+.d2-1924191754 .md [type="button"]:-moz-focusring,
+.d2-1924191754 .md [type="reset"]:-moz-focusring,
+.d2-1924191754 .md [type="submit"]:-moz-focusring {
   outline: 1px dotted ButtonText;
 }
 
-.md [type="checkbox"],
-.md [type="radio"] {
+.d2-1924191754 .md [type="checkbox"],
+.d2-1924191754 .md [type="radio"] {
   box-sizing: border-box;
   padding: 0;
 }
 
-.md [type="number"]::-webkit-inner-spin-button,
-.md [type="number"]::-webkit-outer-spin-button {
+.d2-1924191754 .md [type="number"]::-webkit-inner-spin-button,
+.d2-1924191754 .md [type="number"]::-webkit-outer-spin-button {
   height: auto;
 }
 
-.md [type="search"] {
+.d2-1924191754 .md [type="search"] {
   -webkit-appearance: textfield;
   outline-offset: -2px;
 }
 
-.md [type="search"]::-webkit-search-cancel-button,
-.md [type="search"]::-webkit-search-decoration {
+.d2-1924191754 .md [type="search"]::-webkit-search-cancel-button,
+.d2-1924191754 .md [type="search"]::-webkit-search-decoration {
   -webkit-appearance: none;
 }
 
-.md ::-webkit-input-placeholder {
+.d2-1924191754 .md ::-webkit-input-placeholder {
   color: inherit;
   opacity: 0.54;
 }
 
-.md ::-webkit-file-upload-button {
+.d2-1924191754 .md ::-webkit-file-upload-button {
   -webkit-appearance: button;
   font: inherit;
 }
 
-.md a:hover {
+.d2-1924191754 .md a:hover {
   text-decoration: underline;
 }
 
-.md hr::before {
+.d2-1924191754 .md hr::before {
   display: table;
   content: "";
 }
 
-.md hr::after {
+.d2-1924191754 .md hr::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md table {
+.d2-1924191754 .md table {
   border-spacing: 0;
   border-collapse: collapse;
   display: block;
@@ -315,20 +315,20 @@
   overflow: auto;
 }
 
-.md td,
-.md th {
+.d2-1924191754 .md td,
+.d2-1924191754 .md th {
   padding: 0;
 }
 
-.md details summary {
+.d2-1924191754 .md details summary {
   cursor: pointer;
 }
 
-.md details:not([open]) > *:not(summary) {
+.d2-1924191754 .md details:not([open]) > *:not(summary) {
   display: none !important;
 }
 
-.md kbd {
+.d2-1924191754 .md kbd {
   display: inline-block;
   padding: 3px 5px;
   color: var(--color-fg-default);
@@ -340,12 +340,12 @@
   box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
 }
 
-.md h1,
-.md h2,
-.md h3,
-.md h4,
-.md h5,
-.md h6 {
+.d2-1924191754 .md h1,
+.d2-1924191754 .md h2,
+.d2-1924191754 .md h3,
+.d2-1924191754 .md h4,
+.d2-1924191754 .md h5,
+.d2-1924191754 .md h6 {
   margin-top: 24px;
   margin-bottom: 16px;
   font-weight: 600;
@@ -353,222 +353,222 @@
   font-family: "d2-1924191754-font-regular";
 }
 
-.md h2 {
+.d2-1924191754 .md h2 {
   font-weight: 600;
   padding-bottom: 0.3em;
   font-size: 1.5em;
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md h3 {
+.d2-1924191754 .md h3 {
   font-weight: 600;
   font-size: 1.25em;
 }
 
-.md h4 {
+.d2-1924191754 .md h4 {
   font-weight: 600;
   font-size: 1em;
 }
 
-.md h5 {
+.d2-1924191754 .md h5 {
   font-weight: 600;
   font-size: 0.875em;
 }
 
-.md h6 {
+.d2-1924191754 .md h6 {
   font-weight: 600;
   font-size: 0.85em;
   color: var(--color-fg-muted);
 }
 
-.md p {
+.d2-1924191754 .md p {
   margin-top: 0;
   margin-bottom: 10px;
 }
 
-.md blockquote {
+.d2-1924191754 .md blockquote {
   margin: 0;
   padding: 0 1em;
   color: var(--color-fg-muted);
   border-left: 0.25em solid var(--color-border-default);
 }
 
-.md ul,
-.md ol {
+.d2-1924191754 .md ul,
+.d2-1924191754 .md ol {
   margin-top: 0;
   margin-bottom: 0;
   padding-left: 2em;
 }
 
-.md ol ol,
-.md ul ol {
+.d2-1924191754 .md ol ol,
+.d2-1924191754 .md ul ol {
   list-style-type: lower-roman;
 }
 
-.md ul ul ol,
-.md ul ol ol,
-.md ol ul ol,
-.md ol ol ol {
+.d2-1924191754 .md ul ul ol,
+.d2-1924191754 .md ul ol ol,
+.d2-1924191754 .md ol ul ol,
+.d2-1924191754 .md ol ol ol {
   list-style-type: lower-alpha;
 }
 
-.md dd {
+.d2-1924191754 .md dd {
   margin-left: 0;
 }
 
-.md pre {
+.d2-1924191754 .md pre {
   margin-top: 0;
   margin-bottom: 0;
   word-wrap: normal;
 }
 
-.md ::placeholder {
+.d2-1924191754 .md ::placeholder {
   color: var(--color-fg-subtle);
   opacity: 1;
 }
 
-.md input::-webkit-outer-spin-button,
-.md input::-webkit-inner-spin-button {
+.d2-1924191754 .md input::-webkit-outer-spin-button,
+.d2-1924191754 .md input::-webkit-inner-spin-button {
   margin: 0;
   -webkit-appearance: none;
   appearance: none;
 }
 
-.md::before {
+.d2-1924191754 .md::before {
   display: table;
   content: "";
 }
 
-.md::after {
+.d2-1924191754 .md::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md > *:first-child {
+.d2-1924191754 .md > *:first-child {
   margin-top: 0 !important;
 }
 
-.md > *:last-child {
+.d2-1924191754 .md > *:last-child {
   margin-bottom: 0 !important;
 }
 
-.md a:not([href]) {
+.d2-1924191754 .md a:not([href]) {
   color: inherit;
   text-decoration: none;
 }
 
-.md .absent {
+.d2-1924191754 .md .absent {
   color: var(--color-danger-fg);
 }
 
-.md .anchor {
+.d2-1924191754 .md .anchor {
   float: left;
   padding-right: 4px;
   margin-left: -20px;
   line-height: 1;
 }
 
-.md .anchor:focus {
+.d2-1924191754 .md .anchor:focus {
   outline: none;
 }
 
-.md p,
-.md blockquote,
-.md ul,
-.md ol,
-.md dl,
-.md table,
-.md pre,
-.md details {
+.d2-1924191754 .md p,
+.d2-1924191754 .md blockquote,
+.d2-1924191754 .md ul,
+.d2-1924191754 .md ol,
+.d2-1924191754 .md dl,
+.d2-1924191754 .md table,
+.d2-1924191754 .md pre,
+.d2-1924191754 .md details {
   margin-top: 0;
   margin-bottom: 16px;
 }
 
-.md blockquote > :first-child {
+.d2-1924191754 .md blockquote > :first-child {
   margin-top: 0;
 }
 
-.md blockquote > :last-child {
+.d2-1924191754 .md blockquote > :last-child {
   margin-bottom: 0;
 }
 
-.md sup > a::before {
+.d2-1924191754 .md sup > a::before {
   content: "[";
 }
 
-.md sup > a::after {
+.d2-1924191754 .md sup > a::after {
   content: "]";
 }
 
-.md h1:hover .anchor,
-.md h2:hover .anchor,
-.md h3:hover .anchor,
-.md h4:hover .anchor,
-.md h5:hover .anchor,
-.md h6:hover .anchor {
+.d2-1924191754 .md h1:hover .anchor,
+.d2-1924191754 .md h2:hover .anchor,
+.d2-1924191754 .md h3:hover .anchor,
+.d2-1924191754 .md h4:hover .anchor,
+.d2-1924191754 .md h5:hover .anchor,
+.d2-1924191754 .md h6:hover .anchor {
   text-decoration: none;
 }
 
-.md h1 tt,
-.md h1 code,
-.md h2 tt,
-.md h2 code,
-.md h3 tt,
-.md h3 code,
-.md h4 tt,
-.md h4 code,
-.md h5 tt,
-.md h5 code,
-.md h6 tt,
-.md h6 code {
+.d2-1924191754 .md h1 tt,
+.d2-1924191754 .md h1 code,
+.d2-1924191754 .md h2 tt,
+.d2-1924191754 .md h2 code,
+.d2-1924191754 .md h3 tt,
+.d2-1924191754 .md h3 code,
+.d2-1924191754 .md h4 tt,
+.d2-1924191754 .md h4 code,
+.d2-1924191754 .md h5 tt,
+.d2-1924191754 .md h5 code,
+.d2-1924191754 .md h6 tt,
+.d2-1924191754 .md h6 code {
   padding: 0 0.2em;
   font-size: inherit;
 }
 
-.md ul.no-list,
-.md ol.no-list {
+.d2-1924191754 .md ul.no-list,
+.d2-1924191754 .md ol.no-list {
   padding: 0;
   list-style-type: none;
 }
 
-.md ol[type="1"] {
+.d2-1924191754 .md ol[type="1"] {
   list-style-type: decimal;
 }
 
-.md ol[type="a"] {
+.d2-1924191754 .md ol[type="a"] {
   list-style-type: lower-alpha;
 }
 
-.md ol[type="i"] {
+.d2-1924191754 .md ol[type="i"] {
   list-style-type: lower-roman;
 }
 
-.md div > ol:not([type]) {
+.d2-1924191754 .md div > ol:not([type]) {
   list-style-type: decimal;
 }
 
-.md ul ul,
-.md ul ol,
-.md ol ol,
-.md ol ul {
+.d2-1924191754 .md ul ul,
+.d2-1924191754 .md ul ol,
+.d2-1924191754 .md ol ol,
+.d2-1924191754 .md ol ul {
   margin-top: 0;
   margin-bottom: 0;
 }
 
-.md li > p {
+.d2-1924191754 .md li > p {
   margin-top: 16px;
 }
 
-.md li + li {
+.d2-1924191754 .md li + li {
   margin-top: 0.25em;
 }
 
-.md dl {
+.d2-1924191754 .md dl {
   padding: 0;
 }
 
-.md dl dt {
+.d2-1924191754 .md dl dt {
   padding: 0;
   margin-top: 16px;
   font-size: 1em;
@@ -576,48 +576,48 @@
   font-weight: 600;
 }
 
-.md dl dd {
+.d2-1924191754 .md dl dd {
   padding: 0 16px;
   margin-bottom: 16px;
 }
 
-.md table th {
+.d2-1924191754 .md table th {
   font-weight: 600;
 }
 
-.md table th,
-.md table td {
+.d2-1924191754 .md table th,
+.d2-1924191754 .md table td {
   padding: 6px 13px;
   border: 1px solid var(--color-border-default);
 }
 
-.md table tr {
+.d2-1924191754 .md table tr {
   background-color: var(--color-canvas-default);
   border-top: 1px solid var(--color-border-muted);
 }
 
-.md table tr:nth-child(2n) {
+.d2-1924191754 .md table tr:nth-child(2n) {
   background-color: var(--color-canvas-subtle);
 }
 
-.md table img {
+.d2-1924191754 .md table img {
   background-color: transparent;
 }
 
-.md img[align="right"] {
+.d2-1924191754 .md img[align="right"] {
   padding-left: 20px;
 }
 
-.md img[align="left"] {
+.d2-1924191754 .md img[align="left"] {
   padding-right: 20px;
 }
 
-.md span.frame {
+.d2-1924191754 .md span.frame {
   display: block;
   overflow: hidden;
 }
 
-.md span.frame > span {
+.d2-1924191754 .md span.frame > span {
   display: block;
   float: left;
   width: auto;
@@ -627,81 +627,81 @@
   border: 1px solid var(--color-border-default);
 }
 
-.md span.frame span img {
+.d2-1924191754 .md span.frame span img {
   display: block;
   float: left;
 }
 
-.md span.frame span span {
+.d2-1924191754 .md span.frame span span {
   display: block;
   padding: 5px 0 0;
   clear: both;
   color: var(--color-fg-default);
 }
 
-.md span.align-center {
+.d2-1924191754 .md span.align-center {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-center > span {
+.d2-1924191754 .md span.align-center > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: center;
 }
 
-.md span.align-center span img {
+.d2-1924191754 .md span.align-center span img {
   margin: 0 auto;
   text-align: center;
 }
 
-.md span.align-right {
+.d2-1924191754 .md span.align-right {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-right > span {
+.d2-1924191754 .md span.align-right > span {
   display: block;
   margin: 13px 0 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md span.align-right span img {
+.d2-1924191754 .md span.align-right span img {
   margin: 0;
   text-align: right;
 }
 
-.md span.float-left {
+.d2-1924191754 .md span.float-left {
   display: block;
   float: left;
   margin-right: 13px;
   overflow: hidden;
 }
 
-.md span.float-left span {
+.d2-1924191754 .md span.float-left span {
   margin: 13px 0 0;
 }
 
-.md span.float-right {
+.d2-1924191754 .md span.float-right {
   display: block;
   float: right;
   margin-left: 13px;
   overflow: hidden;
 }
 
-.md span.float-right > span {
+.d2-1924191754 .md span.float-right > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md code,
-.md tt {
+.d2-1924191754 .md code,
+.d2-1924191754 .md tt {
   padding: 0.2em 0.4em;
   margin: 0;
   font-size: 85%;
@@ -709,20 +709,20 @@
   border-radius: 6px;
 }
 
-.md code br,
-.md tt br {
+.d2-1924191754 .md code br,
+.d2-1924191754 .md tt br {
   display: none;
 }
 
-.md del code {
+.d2-1924191754 .md del code {
   text-decoration: inherit;
 }
 
-.md pre code {
+.d2-1924191754 .md pre code {
   font-size: 100%;
 }
 
-.md pre > code {
+.d2-1924191754 .md pre > code {
   padding: 0;
   margin: 0;
   word-break: normal;
@@ -731,17 +731,17 @@
   border: 0;
 }
 
-.md .highlight {
+.d2-1924191754 .md .highlight {
   margin-bottom: 16px;
 }
 
-.md .highlight pre {
+.d2-1924191754 .md .highlight pre {
   margin-bottom: 0;
   word-break: normal;
 }
 
-.md .highlight pre,
-.md pre {
+.d2-1924191754 .md .highlight pre,
+.d2-1924191754 .md pre {
   padding: 16px;
   overflow: auto;
   font-size: 85%;
@@ -750,8 +750,8 @@
   border-radius: 6px;
 }
 
-.md pre code,
-.md pre tt {
+.d2-1924191754 .md pre code,
+.d2-1924191754 .md pre tt {
   display: inline;
   max-width: auto;
   padding: 0;
@@ -763,8 +763,8 @@
   border: 0;
 }
 
-.md .csv-data td,
-.md .csv-data th {
+.d2-1924191754 .md .csv-data td,
+.d2-1924191754 .md .csv-data th {
   padding: 5px;
   overflow: hidden;
   font-size: 12px;
@@ -773,38 +773,38 @@
   white-space: nowrap;
 }
 
-.md .csv-data .blob-num {
+.d2-1924191754 .md .csv-data .blob-num {
   padding: 10px 8px 9px;
   text-align: right;
   background: var(--color-canvas-default);
   border: 0;
 }
 
-.md .csv-data tr {
+.d2-1924191754 .md .csv-data tr {
   border-top: 0;
 }
 
-.md .csv-data th {
+.d2-1924191754 .md .csv-data th {
   font-weight: 600;
   background: var(--color-canvas-subtle);
   border-top: 0;
 }
 
-.md .footnotes {
+.d2-1924191754 .md .footnotes {
   font-size: 12px;
   color: var(--color-fg-muted);
   border-top: 1px solid var(--color-border-default);
 }
 
-.md .footnotes ol {
+.d2-1924191754 .md .footnotes ol {
   padding-left: 16px;
 }
 
-.md .footnotes li {
+.d2-1924191754 .md .footnotes li {
   position: relative;
 }
 
-.md .footnotes li:target::before {
+.d2-1924191754 .md .footnotes li:target::before {
   position: absolute;
   top: -8px;
   right: -8px;
@@ -816,36 +816,36 @@
   border-radius: 6px;
 }
 
-.md .footnotes li:target {
+.d2-1924191754 .md .footnotes li:target {
   color: var(--color-fg-default);
 }
 
-.md .task-list-item {
+.d2-1924191754 .md .task-list-item {
   list-style-type: none;
 }
 
-.md .task-list-item label {
+.d2-1924191754 .md .task-list-item label {
   font-weight: 400;
 }
 
-.md .task-list-item.enabled label {
+.d2-1924191754 .md .task-list-item.enabled label {
   cursor: pointer;
 }
 
-.md .task-list-item + .task-list-item {
+.d2-1924191754 .md .task-list-item + .task-list-item {
   margin-top: 3px;
 }
 
-.md .task-list-item .handle {
+.d2-1924191754 .md .task-list-item .handle {
   display: none;
 }
 
-.md .task-list-item-checkbox {
+.d2-1924191754 .md .task-list-item-checkbox {
   margin: 0 0.2em 0.25em -1.6em;
   vertical-align: middle;
 }
 
-.md .contains-task-list:dir(rtl) .task-list-item-checkbox {
+.d2-1924191754 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
 </style><g id="bear"><g class="shape" ></g><text x="138.000000" y="155.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:22px">bear</text></g><g id="mama bear"><g class="shape" ></g><text x="79.500000" y="45.000000" class="text-italic fill-N2" style="text-anchor:middle;font-size:28px">mama bear</text></g><g id="papa bear"><g class="shape" ></g><text x="234.000000" y="44.000000" class="text text-underline fill-N1" style="text-anchor:middle;font-size:32px">papa bear</text></g><g id="(mama bear -&gt; bear)[0]"><marker id="mk-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" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 79.500000 55.000000 L 79.500000 83.000000 S 79.500000 93.000000 89.500000 93.000000 L 133.416667 93.000000 S 143.416667 93.000000 143.416667 103.000000 L 143.416667 129.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1924191754)" /></g><g id="(papa bear -&gt; bear)[0]"><path d="M 234.000000 55.000000 L 234.000000 83.000000 S 234.000000 93.000000 224.000000 93.000000 L 180.083333 93.000000 S 170.083333 93.000000 170.083333 103.000000 L 170.083333 129.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1924191754)" /></g><mask id="d2-1924191754" maskUnits="userSpaceOnUse" x="11" y="11" width="291" height="151">
diff --git a/e2etests/testdata/themes/terminal/dagre/sketch.exp.svg b/e2etests/testdata/themes/terminal/dagre/sketch.exp.svg
index 4f79694cd..01594dce9 100644
--- a/e2etests/testdata/themes/terminal/dagre/sketch.exp.svg
+++ b/e2etests/testdata/themes/terminal/dagre/sketch.exp.svg
@@ -110,31 +110,31 @@
 		.d2-2900518315 .color-AA4{color:#45BBA5;}
 		.d2-2900518315 .color-AA5{color:#7ACCBD;}
 		.d2-2900518315 .color-AB4{color:#F1C759;}
-		.d2-2900518315 .color-AB5{color:#F9E088;}.appendix text.text{fill:#000410}.md{--color-fg-default:#000410;--color-fg-muted:#0000B8;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#000410;--color-border-muted:#0000E4;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0000E4;--color-accent-emphasis:#0000E4;--color-attention-subtle:#0000B8;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-AA5{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-AB4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-AB5{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.md em,
-.md dfn {
+		.d2-2900518315 .color-AB5{color:#F9E088;}.appendix text.text{fill:#000410}.md{--color-fg-default:#000410;--color-fg-muted:#0000B8;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#000410;--color-border-muted:#0000E4;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0000E4;--color-accent-emphasis:#0000E4;--color-attention-subtle:#0000B8;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-AA5{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-AB4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-AB5{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.d2-2900518315 .md em,
+.d2-2900518315 .md dfn {
   font-family: "d2-2900518315-font-italic";
 }
 
-.md b,
-.md strong {
+.d2-2900518315 .md b,
+.d2-2900518315 .md strong {
   font-family: "d2-2900518315-font-bold";
 }
 
-.md code,
-.md kbd,
-.md pre,
-.md samp {
+.d2-2900518315 .md code,
+.d2-2900518315 .md kbd,
+.d2-2900518315 .md pre,
+.d2-2900518315 .md samp {
   font-family: "d2-2900518315-font-mono";
   font-size: 1em;
 }
 
-.md {
+.d2-2900518315 .md {
   tab-size: 4;
 }
 
 /* variables are provided in d2renderers/d2svg/d2svg.go */
 
-.md {
+.d2-2900518315 .md {
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
   margin: 0;
@@ -146,41 +146,41 @@
   word-wrap: break-word;
 }
 
-.md details,
-.md figcaption,
-.md figure {
+.d2-2900518315 .md details,
+.d2-2900518315 .md figcaption,
+.d2-2900518315 .md figure {
   display: block;
 }
 
-.md summary {
+.d2-2900518315 .md summary {
   display: list-item;
 }
 
-.md [hidden] {
+.d2-2900518315 .md [hidden] {
   display: none !important;
 }
 
-.md a {
+.d2-2900518315 .md a {
   background-color: transparent;
   color: var(--color-accent-fg);
   text-decoration: none;
 }
 
-.md a:active,
-.md a:hover {
+.d2-2900518315 .md a:active,
+.d2-2900518315 .md a:hover {
   outline-width: 0;
 }
 
-.md abbr[title] {
+.d2-2900518315 .md abbr[title] {
   border-bottom: none;
   text-decoration: underline dotted;
 }
 
-.md dfn {
+.d2-2900518315 .md dfn {
   font-style: italic;
 }
 
-.md h1 {
+.d2-2900518315 .md h1 {
   margin: 0.67em 0;
   font-weight: 600;
   padding-bottom: 0.3em;
@@ -188,43 +188,43 @@
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md mark {
+.d2-2900518315 .md mark {
   background-color: var(--color-attention-subtle);
   color: var(--color-text-primary);
 }
 
-.md small {
+.d2-2900518315 .md small {
   font-size: 90%;
 }
 
-.md sub,
-.md sup {
+.d2-2900518315 .md sub,
+.d2-2900518315 .md sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
 }
 
-.md sub {
+.d2-2900518315 .md sub {
   bottom: -0.25em;
 }
 
-.md sup {
+.d2-2900518315 .md sup {
   top: -0.5em;
 }
 
-.md img {
+.d2-2900518315 .md img {
   border-style: none;
   max-width: 100%;
   box-sizing: content-box;
   background-color: var(--color-canvas-default);
 }
 
-.md figure {
+.d2-2900518315 .md figure {
   margin: 1em 40px;
 }
 
-.md hr {
+.d2-2900518315 .md hr {
   box-sizing: content-box;
   overflow: hidden;
   background: transparent;
@@ -236,7 +236,7 @@
   border: 0;
 }
 
-.md input {
+.d2-2900518315 .md input {
   font: inherit;
   margin: 0;
   overflow: visible;
@@ -245,72 +245,72 @@
   line-height: inherit;
 }
 
-.md [type="button"],
-.md [type="reset"],
-.md [type="submit"] {
+.d2-2900518315 .md [type="button"],
+.d2-2900518315 .md [type="reset"],
+.d2-2900518315 .md [type="submit"] {
   -webkit-appearance: button;
 }
 
-.md [type="button"]::-moz-focus-inner,
-.md [type="reset"]::-moz-focus-inner,
-.md [type="submit"]::-moz-focus-inner {
+.d2-2900518315 .md [type="button"]::-moz-focus-inner,
+.d2-2900518315 .md [type="reset"]::-moz-focus-inner,
+.d2-2900518315 .md [type="submit"]::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.md [type="button"]:-moz-focusring,
-.md [type="reset"]:-moz-focusring,
-.md [type="submit"]:-moz-focusring {
+.d2-2900518315 .md [type="button"]:-moz-focusring,
+.d2-2900518315 .md [type="reset"]:-moz-focusring,
+.d2-2900518315 .md [type="submit"]:-moz-focusring {
   outline: 1px dotted ButtonText;
 }
 
-.md [type="checkbox"],
-.md [type="radio"] {
+.d2-2900518315 .md [type="checkbox"],
+.d2-2900518315 .md [type="radio"] {
   box-sizing: border-box;
   padding: 0;
 }
 
-.md [type="number"]::-webkit-inner-spin-button,
-.md [type="number"]::-webkit-outer-spin-button {
+.d2-2900518315 .md [type="number"]::-webkit-inner-spin-button,
+.d2-2900518315 .md [type="number"]::-webkit-outer-spin-button {
   height: auto;
 }
 
-.md [type="search"] {
+.d2-2900518315 .md [type="search"] {
   -webkit-appearance: textfield;
   outline-offset: -2px;
 }
 
-.md [type="search"]::-webkit-search-cancel-button,
-.md [type="search"]::-webkit-search-decoration {
+.d2-2900518315 .md [type="search"]::-webkit-search-cancel-button,
+.d2-2900518315 .md [type="search"]::-webkit-search-decoration {
   -webkit-appearance: none;
 }
 
-.md ::-webkit-input-placeholder {
+.d2-2900518315 .md ::-webkit-input-placeholder {
   color: inherit;
   opacity: 0.54;
 }
 
-.md ::-webkit-file-upload-button {
+.d2-2900518315 .md ::-webkit-file-upload-button {
   -webkit-appearance: button;
   font: inherit;
 }
 
-.md a:hover {
+.d2-2900518315 .md a:hover {
   text-decoration: underline;
 }
 
-.md hr::before {
+.d2-2900518315 .md hr::before {
   display: table;
   content: "";
 }
 
-.md hr::after {
+.d2-2900518315 .md hr::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md table {
+.d2-2900518315 .md table {
   border-spacing: 0;
   border-collapse: collapse;
   display: block;
@@ -319,20 +319,20 @@
   overflow: auto;
 }
 
-.md td,
-.md th {
+.d2-2900518315 .md td,
+.d2-2900518315 .md th {
   padding: 0;
 }
 
-.md details summary {
+.d2-2900518315 .md details summary {
   cursor: pointer;
 }
 
-.md details:not([open]) > *:not(summary) {
+.d2-2900518315 .md details:not([open]) > *:not(summary) {
   display: none !important;
 }
 
-.md kbd {
+.d2-2900518315 .md kbd {
   display: inline-block;
   padding: 3px 5px;
   color: var(--color-fg-default);
@@ -344,12 +344,12 @@
   box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
 }
 
-.md h1,
-.md h2,
-.md h3,
-.md h4,
-.md h5,
-.md h6 {
+.d2-2900518315 .md h1,
+.d2-2900518315 .md h2,
+.d2-2900518315 .md h3,
+.d2-2900518315 .md h4,
+.d2-2900518315 .md h5,
+.d2-2900518315 .md h6 {
   margin-top: 24px;
   margin-bottom: 16px;
   font-weight: 600;
@@ -357,222 +357,222 @@
   font-family: "d2-2900518315-font-regular";
 }
 
-.md h2 {
+.d2-2900518315 .md h2 {
   font-weight: 600;
   padding-bottom: 0.3em;
   font-size: 1.5em;
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md h3 {
+.d2-2900518315 .md h3 {
   font-weight: 600;
   font-size: 1.25em;
 }
 
-.md h4 {
+.d2-2900518315 .md h4 {
   font-weight: 600;
   font-size: 1em;
 }
 
-.md h5 {
+.d2-2900518315 .md h5 {
   font-weight: 600;
   font-size: 0.875em;
 }
 
-.md h6 {
+.d2-2900518315 .md h6 {
   font-weight: 600;
   font-size: 0.85em;
   color: var(--color-fg-muted);
 }
 
-.md p {
+.d2-2900518315 .md p {
   margin-top: 0;
   margin-bottom: 10px;
 }
 
-.md blockquote {
+.d2-2900518315 .md blockquote {
   margin: 0;
   padding: 0 1em;
   color: var(--color-fg-muted);
   border-left: 0.25em solid var(--color-border-default);
 }
 
-.md ul,
-.md ol {
+.d2-2900518315 .md ul,
+.d2-2900518315 .md ol {
   margin-top: 0;
   margin-bottom: 0;
   padding-left: 2em;
 }
 
-.md ol ol,
-.md ul ol {
+.d2-2900518315 .md ol ol,
+.d2-2900518315 .md ul ol {
   list-style-type: lower-roman;
 }
 
-.md ul ul ol,
-.md ul ol ol,
-.md ol ul ol,
-.md ol ol ol {
+.d2-2900518315 .md ul ul ol,
+.d2-2900518315 .md ul ol ol,
+.d2-2900518315 .md ol ul ol,
+.d2-2900518315 .md ol ol ol {
   list-style-type: lower-alpha;
 }
 
-.md dd {
+.d2-2900518315 .md dd {
   margin-left: 0;
 }
 
-.md pre {
+.d2-2900518315 .md pre {
   margin-top: 0;
   margin-bottom: 0;
   word-wrap: normal;
 }
 
-.md ::placeholder {
+.d2-2900518315 .md ::placeholder {
   color: var(--color-fg-subtle);
   opacity: 1;
 }
 
-.md input::-webkit-outer-spin-button,
-.md input::-webkit-inner-spin-button {
+.d2-2900518315 .md input::-webkit-outer-spin-button,
+.d2-2900518315 .md input::-webkit-inner-spin-button {
   margin: 0;
   -webkit-appearance: none;
   appearance: none;
 }
 
-.md::before {
+.d2-2900518315 .md::before {
   display: table;
   content: "";
 }
 
-.md::after {
+.d2-2900518315 .md::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md > *:first-child {
+.d2-2900518315 .md > *:first-child {
   margin-top: 0 !important;
 }
 
-.md > *:last-child {
+.d2-2900518315 .md > *:last-child {
   margin-bottom: 0 !important;
 }
 
-.md a:not([href]) {
+.d2-2900518315 .md a:not([href]) {
   color: inherit;
   text-decoration: none;
 }
 
-.md .absent {
+.d2-2900518315 .md .absent {
   color: var(--color-danger-fg);
 }
 
-.md .anchor {
+.d2-2900518315 .md .anchor {
   float: left;
   padding-right: 4px;
   margin-left: -20px;
   line-height: 1;
 }
 
-.md .anchor:focus {
+.d2-2900518315 .md .anchor:focus {
   outline: none;
 }
 
-.md p,
-.md blockquote,
-.md ul,
-.md ol,
-.md dl,
-.md table,
-.md pre,
-.md details {
+.d2-2900518315 .md p,
+.d2-2900518315 .md blockquote,
+.d2-2900518315 .md ul,
+.d2-2900518315 .md ol,
+.d2-2900518315 .md dl,
+.d2-2900518315 .md table,
+.d2-2900518315 .md pre,
+.d2-2900518315 .md details {
   margin-top: 0;
   margin-bottom: 16px;
 }
 
-.md blockquote > :first-child {
+.d2-2900518315 .md blockquote > :first-child {
   margin-top: 0;
 }
 
-.md blockquote > :last-child {
+.d2-2900518315 .md blockquote > :last-child {
   margin-bottom: 0;
 }
 
-.md sup > a::before {
+.d2-2900518315 .md sup > a::before {
   content: "[";
 }
 
-.md sup > a::after {
+.d2-2900518315 .md sup > a::after {
   content: "]";
 }
 
-.md h1:hover .anchor,
-.md h2:hover .anchor,
-.md h3:hover .anchor,
-.md h4:hover .anchor,
-.md h5:hover .anchor,
-.md h6:hover .anchor {
+.d2-2900518315 .md h1:hover .anchor,
+.d2-2900518315 .md h2:hover .anchor,
+.d2-2900518315 .md h3:hover .anchor,
+.d2-2900518315 .md h4:hover .anchor,
+.d2-2900518315 .md h5:hover .anchor,
+.d2-2900518315 .md h6:hover .anchor {
   text-decoration: none;
 }
 
-.md h1 tt,
-.md h1 code,
-.md h2 tt,
-.md h2 code,
-.md h3 tt,
-.md h3 code,
-.md h4 tt,
-.md h4 code,
-.md h5 tt,
-.md h5 code,
-.md h6 tt,
-.md h6 code {
+.d2-2900518315 .md h1 tt,
+.d2-2900518315 .md h1 code,
+.d2-2900518315 .md h2 tt,
+.d2-2900518315 .md h2 code,
+.d2-2900518315 .md h3 tt,
+.d2-2900518315 .md h3 code,
+.d2-2900518315 .md h4 tt,
+.d2-2900518315 .md h4 code,
+.d2-2900518315 .md h5 tt,
+.d2-2900518315 .md h5 code,
+.d2-2900518315 .md h6 tt,
+.d2-2900518315 .md h6 code {
   padding: 0 0.2em;
   font-size: inherit;
 }
 
-.md ul.no-list,
-.md ol.no-list {
+.d2-2900518315 .md ul.no-list,
+.d2-2900518315 .md ol.no-list {
   padding: 0;
   list-style-type: none;
 }
 
-.md ol[type="1"] {
+.d2-2900518315 .md ol[type="1"] {
   list-style-type: decimal;
 }
 
-.md ol[type="a"] {
+.d2-2900518315 .md ol[type="a"] {
   list-style-type: lower-alpha;
 }
 
-.md ol[type="i"] {
+.d2-2900518315 .md ol[type="i"] {
   list-style-type: lower-roman;
 }
 
-.md div > ol:not([type]) {
+.d2-2900518315 .md div > ol:not([type]) {
   list-style-type: decimal;
 }
 
-.md ul ul,
-.md ul ol,
-.md ol ol,
-.md ol ul {
+.d2-2900518315 .md ul ul,
+.d2-2900518315 .md ul ol,
+.d2-2900518315 .md ol ol,
+.d2-2900518315 .md ol ul {
   margin-top: 0;
   margin-bottom: 0;
 }
 
-.md li > p {
+.d2-2900518315 .md li > p {
   margin-top: 16px;
 }
 
-.md li + li {
+.d2-2900518315 .md li + li {
   margin-top: 0.25em;
 }
 
-.md dl {
+.d2-2900518315 .md dl {
   padding: 0;
 }
 
-.md dl dt {
+.d2-2900518315 .md dl dt {
   padding: 0;
   margin-top: 16px;
   font-size: 1em;
@@ -580,48 +580,48 @@
   font-weight: 600;
 }
 
-.md dl dd {
+.d2-2900518315 .md dl dd {
   padding: 0 16px;
   margin-bottom: 16px;
 }
 
-.md table th {
+.d2-2900518315 .md table th {
   font-weight: 600;
 }
 
-.md table th,
-.md table td {
+.d2-2900518315 .md table th,
+.d2-2900518315 .md table td {
   padding: 6px 13px;
   border: 1px solid var(--color-border-default);
 }
 
-.md table tr {
+.d2-2900518315 .md table tr {
   background-color: var(--color-canvas-default);
   border-top: 1px solid var(--color-border-muted);
 }
 
-.md table tr:nth-child(2n) {
+.d2-2900518315 .md table tr:nth-child(2n) {
   background-color: var(--color-canvas-subtle);
 }
 
-.md table img {
+.d2-2900518315 .md table img {
   background-color: transparent;
 }
 
-.md img[align="right"] {
+.d2-2900518315 .md img[align="right"] {
   padding-left: 20px;
 }
 
-.md img[align="left"] {
+.d2-2900518315 .md img[align="left"] {
   padding-right: 20px;
 }
 
-.md span.frame {
+.d2-2900518315 .md span.frame {
   display: block;
   overflow: hidden;
 }
 
-.md span.frame > span {
+.d2-2900518315 .md span.frame > span {
   display: block;
   float: left;
   width: auto;
@@ -631,81 +631,81 @@
   border: 1px solid var(--color-border-default);
 }
 
-.md span.frame span img {
+.d2-2900518315 .md span.frame span img {
   display: block;
   float: left;
 }
 
-.md span.frame span span {
+.d2-2900518315 .md span.frame span span {
   display: block;
   padding: 5px 0 0;
   clear: both;
   color: var(--color-fg-default);
 }
 
-.md span.align-center {
+.d2-2900518315 .md span.align-center {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-center > span {
+.d2-2900518315 .md span.align-center > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: center;
 }
 
-.md span.align-center span img {
+.d2-2900518315 .md span.align-center span img {
   margin: 0 auto;
   text-align: center;
 }
 
-.md span.align-right {
+.d2-2900518315 .md span.align-right {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-right > span {
+.d2-2900518315 .md span.align-right > span {
   display: block;
   margin: 13px 0 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md span.align-right span img {
+.d2-2900518315 .md span.align-right span img {
   margin: 0;
   text-align: right;
 }
 
-.md span.float-left {
+.d2-2900518315 .md span.float-left {
   display: block;
   float: left;
   margin-right: 13px;
   overflow: hidden;
 }
 
-.md span.float-left span {
+.d2-2900518315 .md span.float-left span {
   margin: 13px 0 0;
 }
 
-.md span.float-right {
+.d2-2900518315 .md span.float-right {
   display: block;
   float: right;
   margin-left: 13px;
   overflow: hidden;
 }
 
-.md span.float-right > span {
+.d2-2900518315 .md span.float-right > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md code,
-.md tt {
+.d2-2900518315 .md code,
+.d2-2900518315 .md tt {
   padding: 0.2em 0.4em;
   margin: 0;
   font-size: 85%;
@@ -713,20 +713,20 @@
   border-radius: 6px;
 }
 
-.md code br,
-.md tt br {
+.d2-2900518315 .md code br,
+.d2-2900518315 .md tt br {
   display: none;
 }
 
-.md del code {
+.d2-2900518315 .md del code {
   text-decoration: inherit;
 }
 
-.md pre code {
+.d2-2900518315 .md pre code {
   font-size: 100%;
 }
 
-.md pre > code {
+.d2-2900518315 .md pre > code {
   padding: 0;
   margin: 0;
   word-break: normal;
@@ -735,17 +735,17 @@
   border: 0;
 }
 
-.md .highlight {
+.d2-2900518315 .md .highlight {
   margin-bottom: 16px;
 }
 
-.md .highlight pre {
+.d2-2900518315 .md .highlight pre {
   margin-bottom: 0;
   word-break: normal;
 }
 
-.md .highlight pre,
-.md pre {
+.d2-2900518315 .md .highlight pre,
+.d2-2900518315 .md pre {
   padding: 16px;
   overflow: auto;
   font-size: 85%;
@@ -754,8 +754,8 @@
   border-radius: 6px;
 }
 
-.md pre code,
-.md pre tt {
+.d2-2900518315 .md pre code,
+.d2-2900518315 .md pre tt {
   display: inline;
   max-width: auto;
   padding: 0;
@@ -767,8 +767,8 @@
   border: 0;
 }
 
-.md .csv-data td,
-.md .csv-data th {
+.d2-2900518315 .md .csv-data td,
+.d2-2900518315 .md .csv-data th {
   padding: 5px;
   overflow: hidden;
   font-size: 12px;
@@ -777,38 +777,38 @@
   white-space: nowrap;
 }
 
-.md .csv-data .blob-num {
+.d2-2900518315 .md .csv-data .blob-num {
   padding: 10px 8px 9px;
   text-align: right;
   background: var(--color-canvas-default);
   border: 0;
 }
 
-.md .csv-data tr {
+.d2-2900518315 .md .csv-data tr {
   border-top: 0;
 }
 
-.md .csv-data th {
+.d2-2900518315 .md .csv-data th {
   font-weight: 600;
   background: var(--color-canvas-subtle);
   border-top: 0;
 }
 
-.md .footnotes {
+.d2-2900518315 .md .footnotes {
   font-size: 12px;
   color: var(--color-fg-muted);
   border-top: 1px solid var(--color-border-default);
 }
 
-.md .footnotes ol {
+.d2-2900518315 .md .footnotes ol {
   padding-left: 16px;
 }
 
-.md .footnotes li {
+.d2-2900518315 .md .footnotes li {
   position: relative;
 }
 
-.md .footnotes li:target::before {
+.d2-2900518315 .md .footnotes li:target::before {
   position: absolute;
   top: -8px;
   right: -8px;
@@ -820,36 +820,36 @@
   border-radius: 6px;
 }
 
-.md .footnotes li:target {
+.d2-2900518315 .md .footnotes li:target {
   color: var(--color-fg-default);
 }
 
-.md .task-list-item {
+.d2-2900518315 .md .task-list-item {
   list-style-type: none;
 }
 
-.md .task-list-item label {
+.d2-2900518315 .md .task-list-item label {
   font-weight: 400;
 }
 
-.md .task-list-item.enabled label {
+.d2-2900518315 .md .task-list-item.enabled label {
   cursor: pointer;
 }
 
-.md .task-list-item + .task-list-item {
+.d2-2900518315 .md .task-list-item + .task-list-item {
   margin-top: 3px;
 }
 
-.md .task-list-item .handle {
+.d2-2900518315 .md .task-list-item .handle {
   display: none;
 }
 
-.md .task-list-item-checkbox {
+.d2-2900518315 .md .task-list-item-checkbox {
   margin: 0 0.2em 0.25em -1.6em;
   vertical-align: middle;
 }
 
-.md .contains-task-list:dir(rtl) .task-list-item-checkbox {
+.d2-2900518315 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
 </style><style type="text/css"><![CDATA[
diff --git a/e2etests/testdata/themes/terminal/elk/sketch.exp.svg b/e2etests/testdata/themes/terminal/elk/sketch.exp.svg
index e35c56899..e5a620586 100644
--- a/e2etests/testdata/themes/terminal/elk/sketch.exp.svg
+++ b/e2etests/testdata/themes/terminal/elk/sketch.exp.svg
@@ -110,31 +110,31 @@
 		.d2-1716679499 .color-AA4{color:#45BBA5;}
 		.d2-1716679499 .color-AA5{color:#7ACCBD;}
 		.d2-1716679499 .color-AB4{color:#F1C759;}
-		.d2-1716679499 .color-AB5{color:#F9E088;}.appendix text.text{fill:#000410}.md{--color-fg-default:#000410;--color-fg-muted:#0000B8;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#000410;--color-border-muted:#0000E4;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0000E4;--color-accent-emphasis:#0000E4;--color-attention-subtle:#0000B8;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-AA5{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-AB4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-AB5{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.md em,
-.md dfn {
+		.d2-1716679499 .color-AB5{color:#F9E088;}.appendix text.text{fill:#000410}.md{--color-fg-default:#000410;--color-fg-muted:#0000B8;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#000410;--color-border-muted:#0000E4;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0000E4;--color-accent-emphasis:#0000E4;--color-attention-subtle:#0000B8;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-AA5{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-AB4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-AB5{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.d2-1716679499 .md em,
+.d2-1716679499 .md dfn {
   font-family: "d2-1716679499-font-italic";
 }
 
-.md b,
-.md strong {
+.d2-1716679499 .md b,
+.d2-1716679499 .md strong {
   font-family: "d2-1716679499-font-bold";
 }
 
-.md code,
-.md kbd,
-.md pre,
-.md samp {
+.d2-1716679499 .md code,
+.d2-1716679499 .md kbd,
+.d2-1716679499 .md pre,
+.d2-1716679499 .md samp {
   font-family: "d2-1716679499-font-mono";
   font-size: 1em;
 }
 
-.md {
+.d2-1716679499 .md {
   tab-size: 4;
 }
 
 /* variables are provided in d2renderers/d2svg/d2svg.go */
 
-.md {
+.d2-1716679499 .md {
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
   margin: 0;
@@ -146,41 +146,41 @@
   word-wrap: break-word;
 }
 
-.md details,
-.md figcaption,
-.md figure {
+.d2-1716679499 .md details,
+.d2-1716679499 .md figcaption,
+.d2-1716679499 .md figure {
   display: block;
 }
 
-.md summary {
+.d2-1716679499 .md summary {
   display: list-item;
 }
 
-.md [hidden] {
+.d2-1716679499 .md [hidden] {
   display: none !important;
 }
 
-.md a {
+.d2-1716679499 .md a {
   background-color: transparent;
   color: var(--color-accent-fg);
   text-decoration: none;
 }
 
-.md a:active,
-.md a:hover {
+.d2-1716679499 .md a:active,
+.d2-1716679499 .md a:hover {
   outline-width: 0;
 }
 
-.md abbr[title] {
+.d2-1716679499 .md abbr[title] {
   border-bottom: none;
   text-decoration: underline dotted;
 }
 
-.md dfn {
+.d2-1716679499 .md dfn {
   font-style: italic;
 }
 
-.md h1 {
+.d2-1716679499 .md h1 {
   margin: 0.67em 0;
   font-weight: 600;
   padding-bottom: 0.3em;
@@ -188,43 +188,43 @@
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md mark {
+.d2-1716679499 .md mark {
   background-color: var(--color-attention-subtle);
   color: var(--color-text-primary);
 }
 
-.md small {
+.d2-1716679499 .md small {
   font-size: 90%;
 }
 
-.md sub,
-.md sup {
+.d2-1716679499 .md sub,
+.d2-1716679499 .md sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
 }
 
-.md sub {
+.d2-1716679499 .md sub {
   bottom: -0.25em;
 }
 
-.md sup {
+.d2-1716679499 .md sup {
   top: -0.5em;
 }
 
-.md img {
+.d2-1716679499 .md img {
   border-style: none;
   max-width: 100%;
   box-sizing: content-box;
   background-color: var(--color-canvas-default);
 }
 
-.md figure {
+.d2-1716679499 .md figure {
   margin: 1em 40px;
 }
 
-.md hr {
+.d2-1716679499 .md hr {
   box-sizing: content-box;
   overflow: hidden;
   background: transparent;
@@ -236,7 +236,7 @@
   border: 0;
 }
 
-.md input {
+.d2-1716679499 .md input {
   font: inherit;
   margin: 0;
   overflow: visible;
@@ -245,72 +245,72 @@
   line-height: inherit;
 }
 
-.md [type="button"],
-.md [type="reset"],
-.md [type="submit"] {
+.d2-1716679499 .md [type="button"],
+.d2-1716679499 .md [type="reset"],
+.d2-1716679499 .md [type="submit"] {
   -webkit-appearance: button;
 }
 
-.md [type="button"]::-moz-focus-inner,
-.md [type="reset"]::-moz-focus-inner,
-.md [type="submit"]::-moz-focus-inner {
+.d2-1716679499 .md [type="button"]::-moz-focus-inner,
+.d2-1716679499 .md [type="reset"]::-moz-focus-inner,
+.d2-1716679499 .md [type="submit"]::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.md [type="button"]:-moz-focusring,
-.md [type="reset"]:-moz-focusring,
-.md [type="submit"]:-moz-focusring {
+.d2-1716679499 .md [type="button"]:-moz-focusring,
+.d2-1716679499 .md [type="reset"]:-moz-focusring,
+.d2-1716679499 .md [type="submit"]:-moz-focusring {
   outline: 1px dotted ButtonText;
 }
 
-.md [type="checkbox"],
-.md [type="radio"] {
+.d2-1716679499 .md [type="checkbox"],
+.d2-1716679499 .md [type="radio"] {
   box-sizing: border-box;
   padding: 0;
 }
 
-.md [type="number"]::-webkit-inner-spin-button,
-.md [type="number"]::-webkit-outer-spin-button {
+.d2-1716679499 .md [type="number"]::-webkit-inner-spin-button,
+.d2-1716679499 .md [type="number"]::-webkit-outer-spin-button {
   height: auto;
 }
 
-.md [type="search"] {
+.d2-1716679499 .md [type="search"] {
   -webkit-appearance: textfield;
   outline-offset: -2px;
 }
 
-.md [type="search"]::-webkit-search-cancel-button,
-.md [type="search"]::-webkit-search-decoration {
+.d2-1716679499 .md [type="search"]::-webkit-search-cancel-button,
+.d2-1716679499 .md [type="search"]::-webkit-search-decoration {
   -webkit-appearance: none;
 }
 
-.md ::-webkit-input-placeholder {
+.d2-1716679499 .md ::-webkit-input-placeholder {
   color: inherit;
   opacity: 0.54;
 }
 
-.md ::-webkit-file-upload-button {
+.d2-1716679499 .md ::-webkit-file-upload-button {
   -webkit-appearance: button;
   font: inherit;
 }
 
-.md a:hover {
+.d2-1716679499 .md a:hover {
   text-decoration: underline;
 }
 
-.md hr::before {
+.d2-1716679499 .md hr::before {
   display: table;
   content: "";
 }
 
-.md hr::after {
+.d2-1716679499 .md hr::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md table {
+.d2-1716679499 .md table {
   border-spacing: 0;
   border-collapse: collapse;
   display: block;
@@ -319,20 +319,20 @@
   overflow: auto;
 }
 
-.md td,
-.md th {
+.d2-1716679499 .md td,
+.d2-1716679499 .md th {
   padding: 0;
 }
 
-.md details summary {
+.d2-1716679499 .md details summary {
   cursor: pointer;
 }
 
-.md details:not([open]) > *:not(summary) {
+.d2-1716679499 .md details:not([open]) > *:not(summary) {
   display: none !important;
 }
 
-.md kbd {
+.d2-1716679499 .md kbd {
   display: inline-block;
   padding: 3px 5px;
   color: var(--color-fg-default);
@@ -344,12 +344,12 @@
   box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
 }
 
-.md h1,
-.md h2,
-.md h3,
-.md h4,
-.md h5,
-.md h6 {
+.d2-1716679499 .md h1,
+.d2-1716679499 .md h2,
+.d2-1716679499 .md h3,
+.d2-1716679499 .md h4,
+.d2-1716679499 .md h5,
+.d2-1716679499 .md h6 {
   margin-top: 24px;
   margin-bottom: 16px;
   font-weight: 600;
@@ -357,222 +357,222 @@
   font-family: "d2-1716679499-font-regular";
 }
 
-.md h2 {
+.d2-1716679499 .md h2 {
   font-weight: 600;
   padding-bottom: 0.3em;
   font-size: 1.5em;
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md h3 {
+.d2-1716679499 .md h3 {
   font-weight: 600;
   font-size: 1.25em;
 }
 
-.md h4 {
+.d2-1716679499 .md h4 {
   font-weight: 600;
   font-size: 1em;
 }
 
-.md h5 {
+.d2-1716679499 .md h5 {
   font-weight: 600;
   font-size: 0.875em;
 }
 
-.md h6 {
+.d2-1716679499 .md h6 {
   font-weight: 600;
   font-size: 0.85em;
   color: var(--color-fg-muted);
 }
 
-.md p {
+.d2-1716679499 .md p {
   margin-top: 0;
   margin-bottom: 10px;
 }
 
-.md blockquote {
+.d2-1716679499 .md blockquote {
   margin: 0;
   padding: 0 1em;
   color: var(--color-fg-muted);
   border-left: 0.25em solid var(--color-border-default);
 }
 
-.md ul,
-.md ol {
+.d2-1716679499 .md ul,
+.d2-1716679499 .md ol {
   margin-top: 0;
   margin-bottom: 0;
   padding-left: 2em;
 }
 
-.md ol ol,
-.md ul ol {
+.d2-1716679499 .md ol ol,
+.d2-1716679499 .md ul ol {
   list-style-type: lower-roman;
 }
 
-.md ul ul ol,
-.md ul ol ol,
-.md ol ul ol,
-.md ol ol ol {
+.d2-1716679499 .md ul ul ol,
+.d2-1716679499 .md ul ol ol,
+.d2-1716679499 .md ol ul ol,
+.d2-1716679499 .md ol ol ol {
   list-style-type: lower-alpha;
 }
 
-.md dd {
+.d2-1716679499 .md dd {
   margin-left: 0;
 }
 
-.md pre {
+.d2-1716679499 .md pre {
   margin-top: 0;
   margin-bottom: 0;
   word-wrap: normal;
 }
 
-.md ::placeholder {
+.d2-1716679499 .md ::placeholder {
   color: var(--color-fg-subtle);
   opacity: 1;
 }
 
-.md input::-webkit-outer-spin-button,
-.md input::-webkit-inner-spin-button {
+.d2-1716679499 .md input::-webkit-outer-spin-button,
+.d2-1716679499 .md input::-webkit-inner-spin-button {
   margin: 0;
   -webkit-appearance: none;
   appearance: none;
 }
 
-.md::before {
+.d2-1716679499 .md::before {
   display: table;
   content: "";
 }
 
-.md::after {
+.d2-1716679499 .md::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md > *:first-child {
+.d2-1716679499 .md > *:first-child {
   margin-top: 0 !important;
 }
 
-.md > *:last-child {
+.d2-1716679499 .md > *:last-child {
   margin-bottom: 0 !important;
 }
 
-.md a:not([href]) {
+.d2-1716679499 .md a:not([href]) {
   color: inherit;
   text-decoration: none;
 }
 
-.md .absent {
+.d2-1716679499 .md .absent {
   color: var(--color-danger-fg);
 }
 
-.md .anchor {
+.d2-1716679499 .md .anchor {
   float: left;
   padding-right: 4px;
   margin-left: -20px;
   line-height: 1;
 }
 
-.md .anchor:focus {
+.d2-1716679499 .md .anchor:focus {
   outline: none;
 }
 
-.md p,
-.md blockquote,
-.md ul,
-.md ol,
-.md dl,
-.md table,
-.md pre,
-.md details {
+.d2-1716679499 .md p,
+.d2-1716679499 .md blockquote,
+.d2-1716679499 .md ul,
+.d2-1716679499 .md ol,
+.d2-1716679499 .md dl,
+.d2-1716679499 .md table,
+.d2-1716679499 .md pre,
+.d2-1716679499 .md details {
   margin-top: 0;
   margin-bottom: 16px;
 }
 
-.md blockquote > :first-child {
+.d2-1716679499 .md blockquote > :first-child {
   margin-top: 0;
 }
 
-.md blockquote > :last-child {
+.d2-1716679499 .md blockquote > :last-child {
   margin-bottom: 0;
 }
 
-.md sup > a::before {
+.d2-1716679499 .md sup > a::before {
   content: "[";
 }
 
-.md sup > a::after {
+.d2-1716679499 .md sup > a::after {
   content: "]";
 }
 
-.md h1:hover .anchor,
-.md h2:hover .anchor,
-.md h3:hover .anchor,
-.md h4:hover .anchor,
-.md h5:hover .anchor,
-.md h6:hover .anchor {
+.d2-1716679499 .md h1:hover .anchor,
+.d2-1716679499 .md h2:hover .anchor,
+.d2-1716679499 .md h3:hover .anchor,
+.d2-1716679499 .md h4:hover .anchor,
+.d2-1716679499 .md h5:hover .anchor,
+.d2-1716679499 .md h6:hover .anchor {
   text-decoration: none;
 }
 
-.md h1 tt,
-.md h1 code,
-.md h2 tt,
-.md h2 code,
-.md h3 tt,
-.md h3 code,
-.md h4 tt,
-.md h4 code,
-.md h5 tt,
-.md h5 code,
-.md h6 tt,
-.md h6 code {
+.d2-1716679499 .md h1 tt,
+.d2-1716679499 .md h1 code,
+.d2-1716679499 .md h2 tt,
+.d2-1716679499 .md h2 code,
+.d2-1716679499 .md h3 tt,
+.d2-1716679499 .md h3 code,
+.d2-1716679499 .md h4 tt,
+.d2-1716679499 .md h4 code,
+.d2-1716679499 .md h5 tt,
+.d2-1716679499 .md h5 code,
+.d2-1716679499 .md h6 tt,
+.d2-1716679499 .md h6 code {
   padding: 0 0.2em;
   font-size: inherit;
 }
 
-.md ul.no-list,
-.md ol.no-list {
+.d2-1716679499 .md ul.no-list,
+.d2-1716679499 .md ol.no-list {
   padding: 0;
   list-style-type: none;
 }
 
-.md ol[type="1"] {
+.d2-1716679499 .md ol[type="1"] {
   list-style-type: decimal;
 }
 
-.md ol[type="a"] {
+.d2-1716679499 .md ol[type="a"] {
   list-style-type: lower-alpha;
 }
 
-.md ol[type="i"] {
+.d2-1716679499 .md ol[type="i"] {
   list-style-type: lower-roman;
 }
 
-.md div > ol:not([type]) {
+.d2-1716679499 .md div > ol:not([type]) {
   list-style-type: decimal;
 }
 
-.md ul ul,
-.md ul ol,
-.md ol ol,
-.md ol ul {
+.d2-1716679499 .md ul ul,
+.d2-1716679499 .md ul ol,
+.d2-1716679499 .md ol ol,
+.d2-1716679499 .md ol ul {
   margin-top: 0;
   margin-bottom: 0;
 }
 
-.md li > p {
+.d2-1716679499 .md li > p {
   margin-top: 16px;
 }
 
-.md li + li {
+.d2-1716679499 .md li + li {
   margin-top: 0.25em;
 }
 
-.md dl {
+.d2-1716679499 .md dl {
   padding: 0;
 }
 
-.md dl dt {
+.d2-1716679499 .md dl dt {
   padding: 0;
   margin-top: 16px;
   font-size: 1em;
@@ -580,48 +580,48 @@
   font-weight: 600;
 }
 
-.md dl dd {
+.d2-1716679499 .md dl dd {
   padding: 0 16px;
   margin-bottom: 16px;
 }
 
-.md table th {
+.d2-1716679499 .md table th {
   font-weight: 600;
 }
 
-.md table th,
-.md table td {
+.d2-1716679499 .md table th,
+.d2-1716679499 .md table td {
   padding: 6px 13px;
   border: 1px solid var(--color-border-default);
 }
 
-.md table tr {
+.d2-1716679499 .md table tr {
   background-color: var(--color-canvas-default);
   border-top: 1px solid var(--color-border-muted);
 }
 
-.md table tr:nth-child(2n) {
+.d2-1716679499 .md table tr:nth-child(2n) {
   background-color: var(--color-canvas-subtle);
 }
 
-.md table img {
+.d2-1716679499 .md table img {
   background-color: transparent;
 }
 
-.md img[align="right"] {
+.d2-1716679499 .md img[align="right"] {
   padding-left: 20px;
 }
 
-.md img[align="left"] {
+.d2-1716679499 .md img[align="left"] {
   padding-right: 20px;
 }
 
-.md span.frame {
+.d2-1716679499 .md span.frame {
   display: block;
   overflow: hidden;
 }
 
-.md span.frame > span {
+.d2-1716679499 .md span.frame > span {
   display: block;
   float: left;
   width: auto;
@@ -631,81 +631,81 @@
   border: 1px solid var(--color-border-default);
 }
 
-.md span.frame span img {
+.d2-1716679499 .md span.frame span img {
   display: block;
   float: left;
 }
 
-.md span.frame span span {
+.d2-1716679499 .md span.frame span span {
   display: block;
   padding: 5px 0 0;
   clear: both;
   color: var(--color-fg-default);
 }
 
-.md span.align-center {
+.d2-1716679499 .md span.align-center {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-center > span {
+.d2-1716679499 .md span.align-center > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: center;
 }
 
-.md span.align-center span img {
+.d2-1716679499 .md span.align-center span img {
   margin: 0 auto;
   text-align: center;
 }
 
-.md span.align-right {
+.d2-1716679499 .md span.align-right {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-right > span {
+.d2-1716679499 .md span.align-right > span {
   display: block;
   margin: 13px 0 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md span.align-right span img {
+.d2-1716679499 .md span.align-right span img {
   margin: 0;
   text-align: right;
 }
 
-.md span.float-left {
+.d2-1716679499 .md span.float-left {
   display: block;
   float: left;
   margin-right: 13px;
   overflow: hidden;
 }
 
-.md span.float-left span {
+.d2-1716679499 .md span.float-left span {
   margin: 13px 0 0;
 }
 
-.md span.float-right {
+.d2-1716679499 .md span.float-right {
   display: block;
   float: right;
   margin-left: 13px;
   overflow: hidden;
 }
 
-.md span.float-right > span {
+.d2-1716679499 .md span.float-right > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md code,
-.md tt {
+.d2-1716679499 .md code,
+.d2-1716679499 .md tt {
   padding: 0.2em 0.4em;
   margin: 0;
   font-size: 85%;
@@ -713,20 +713,20 @@
   border-radius: 6px;
 }
 
-.md code br,
-.md tt br {
+.d2-1716679499 .md code br,
+.d2-1716679499 .md tt br {
   display: none;
 }
 
-.md del code {
+.d2-1716679499 .md del code {
   text-decoration: inherit;
 }
 
-.md pre code {
+.d2-1716679499 .md pre code {
   font-size: 100%;
 }
 
-.md pre > code {
+.d2-1716679499 .md pre > code {
   padding: 0;
   margin: 0;
   word-break: normal;
@@ -735,17 +735,17 @@
   border: 0;
 }
 
-.md .highlight {
+.d2-1716679499 .md .highlight {
   margin-bottom: 16px;
 }
 
-.md .highlight pre {
+.d2-1716679499 .md .highlight pre {
   margin-bottom: 0;
   word-break: normal;
 }
 
-.md .highlight pre,
-.md pre {
+.d2-1716679499 .md .highlight pre,
+.d2-1716679499 .md pre {
   padding: 16px;
   overflow: auto;
   font-size: 85%;
@@ -754,8 +754,8 @@
   border-radius: 6px;
 }
 
-.md pre code,
-.md pre tt {
+.d2-1716679499 .md pre code,
+.d2-1716679499 .md pre tt {
   display: inline;
   max-width: auto;
   padding: 0;
@@ -767,8 +767,8 @@
   border: 0;
 }
 
-.md .csv-data td,
-.md .csv-data th {
+.d2-1716679499 .md .csv-data td,
+.d2-1716679499 .md .csv-data th {
   padding: 5px;
   overflow: hidden;
   font-size: 12px;
@@ -777,38 +777,38 @@
   white-space: nowrap;
 }
 
-.md .csv-data .blob-num {
+.d2-1716679499 .md .csv-data .blob-num {
   padding: 10px 8px 9px;
   text-align: right;
   background: var(--color-canvas-default);
   border: 0;
 }
 
-.md .csv-data tr {
+.d2-1716679499 .md .csv-data tr {
   border-top: 0;
 }
 
-.md .csv-data th {
+.d2-1716679499 .md .csv-data th {
   font-weight: 600;
   background: var(--color-canvas-subtle);
   border-top: 0;
 }
 
-.md .footnotes {
+.d2-1716679499 .md .footnotes {
   font-size: 12px;
   color: var(--color-fg-muted);
   border-top: 1px solid var(--color-border-default);
 }
 
-.md .footnotes ol {
+.d2-1716679499 .md .footnotes ol {
   padding-left: 16px;
 }
 
-.md .footnotes li {
+.d2-1716679499 .md .footnotes li {
   position: relative;
 }
 
-.md .footnotes li:target::before {
+.d2-1716679499 .md .footnotes li:target::before {
   position: absolute;
   top: -8px;
   right: -8px;
@@ -820,36 +820,36 @@
   border-radius: 6px;
 }
 
-.md .footnotes li:target {
+.d2-1716679499 .md .footnotes li:target {
   color: var(--color-fg-default);
 }
 
-.md .task-list-item {
+.d2-1716679499 .md .task-list-item {
   list-style-type: none;
 }
 
-.md .task-list-item label {
+.d2-1716679499 .md .task-list-item label {
   font-weight: 400;
 }
 
-.md .task-list-item.enabled label {
+.d2-1716679499 .md .task-list-item.enabled label {
   cursor: pointer;
 }
 
-.md .task-list-item + .task-list-item {
+.d2-1716679499 .md .task-list-item + .task-list-item {
   margin-top: 3px;
 }
 
-.md .task-list-item .handle {
+.d2-1716679499 .md .task-list-item .handle {
   display: none;
 }
 
-.md .task-list-item-checkbox {
+.d2-1716679499 .md .task-list-item-checkbox {
   margin: 0 0.2em 0.25em -1.6em;
   vertical-align: middle;
 }
 
-.md .contains-task-list:dir(rtl) .task-list-item-checkbox {
+.d2-1716679499 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
 </style><style type="text/css"><![CDATA[
diff --git a/e2etests/testdata/todo/dagre_container_md_label_panic/dagre/sketch.exp.svg b/e2etests/testdata/todo/dagre_container_md_label_panic/dagre/sketch.exp.svg
index 545b89ea5..9cc1f2881 100644
--- a/e2etests/testdata/todo/dagre_container_md_label_panic/dagre/sketch.exp.svg
+++ b/e2etests/testdata/todo/dagre_container_md_label_panic/dagre/sketch.exp.svg
@@ -96,31 +96,31 @@
 		.d2-4172678989 .color-AA4{color:#EDF0FD;}
 		.d2-4172678989 .color-AA5{color:#F7F8FE;}
 		.d2-4172678989 .color-AB4{color:#EDF0FD;}
-		.d2-4172678989 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.md em,
-.md dfn {
+		.d2-4172678989 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.d2-4172678989 .md em,
+.d2-4172678989 .md dfn {
   font-family: "d2-4172678989-font-italic";
 }
 
-.md b,
-.md strong {
+.d2-4172678989 .md b,
+.d2-4172678989 .md strong {
   font-family: "d2-4172678989-font-bold";
 }
 
-.md code,
-.md kbd,
-.md pre,
-.md samp {
+.d2-4172678989 .md code,
+.d2-4172678989 .md kbd,
+.d2-4172678989 .md pre,
+.d2-4172678989 .md samp {
   font-family: "d2-4172678989-font-mono";
   font-size: 1em;
 }
 
-.md {
+.d2-4172678989 .md {
   tab-size: 4;
 }
 
 /* variables are provided in d2renderers/d2svg/d2svg.go */
 
-.md {
+.d2-4172678989 .md {
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
   margin: 0;
@@ -132,41 +132,41 @@
   word-wrap: break-word;
 }
 
-.md details,
-.md figcaption,
-.md figure {
+.d2-4172678989 .md details,
+.d2-4172678989 .md figcaption,
+.d2-4172678989 .md figure {
   display: block;
 }
 
-.md summary {
+.d2-4172678989 .md summary {
   display: list-item;
 }
 
-.md [hidden] {
+.d2-4172678989 .md [hidden] {
   display: none !important;
 }
 
-.md a {
+.d2-4172678989 .md a {
   background-color: transparent;
   color: var(--color-accent-fg);
   text-decoration: none;
 }
 
-.md a:active,
-.md a:hover {
+.d2-4172678989 .md a:active,
+.d2-4172678989 .md a:hover {
   outline-width: 0;
 }
 
-.md abbr[title] {
+.d2-4172678989 .md abbr[title] {
   border-bottom: none;
   text-decoration: underline dotted;
 }
 
-.md dfn {
+.d2-4172678989 .md dfn {
   font-style: italic;
 }
 
-.md h1 {
+.d2-4172678989 .md h1 {
   margin: 0.67em 0;
   font-weight: 600;
   padding-bottom: 0.3em;
@@ -174,43 +174,43 @@
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md mark {
+.d2-4172678989 .md mark {
   background-color: var(--color-attention-subtle);
   color: var(--color-text-primary);
 }
 
-.md small {
+.d2-4172678989 .md small {
   font-size: 90%;
 }
 
-.md sub,
-.md sup {
+.d2-4172678989 .md sub,
+.d2-4172678989 .md sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
 }
 
-.md sub {
+.d2-4172678989 .md sub {
   bottom: -0.25em;
 }
 
-.md sup {
+.d2-4172678989 .md sup {
   top: -0.5em;
 }
 
-.md img {
+.d2-4172678989 .md img {
   border-style: none;
   max-width: 100%;
   box-sizing: content-box;
   background-color: var(--color-canvas-default);
 }
 
-.md figure {
+.d2-4172678989 .md figure {
   margin: 1em 40px;
 }
 
-.md hr {
+.d2-4172678989 .md hr {
   box-sizing: content-box;
   overflow: hidden;
   background: transparent;
@@ -222,7 +222,7 @@
   border: 0;
 }
 
-.md input {
+.d2-4172678989 .md input {
   font: inherit;
   margin: 0;
   overflow: visible;
@@ -231,72 +231,72 @@
   line-height: inherit;
 }
 
-.md [type="button"],
-.md [type="reset"],
-.md [type="submit"] {
+.d2-4172678989 .md [type="button"],
+.d2-4172678989 .md [type="reset"],
+.d2-4172678989 .md [type="submit"] {
   -webkit-appearance: button;
 }
 
-.md [type="button"]::-moz-focus-inner,
-.md [type="reset"]::-moz-focus-inner,
-.md [type="submit"]::-moz-focus-inner {
+.d2-4172678989 .md [type="button"]::-moz-focus-inner,
+.d2-4172678989 .md [type="reset"]::-moz-focus-inner,
+.d2-4172678989 .md [type="submit"]::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.md [type="button"]:-moz-focusring,
-.md [type="reset"]:-moz-focusring,
-.md [type="submit"]:-moz-focusring {
+.d2-4172678989 .md [type="button"]:-moz-focusring,
+.d2-4172678989 .md [type="reset"]:-moz-focusring,
+.d2-4172678989 .md [type="submit"]:-moz-focusring {
   outline: 1px dotted ButtonText;
 }
 
-.md [type="checkbox"],
-.md [type="radio"] {
+.d2-4172678989 .md [type="checkbox"],
+.d2-4172678989 .md [type="radio"] {
   box-sizing: border-box;
   padding: 0;
 }
 
-.md [type="number"]::-webkit-inner-spin-button,
-.md [type="number"]::-webkit-outer-spin-button {
+.d2-4172678989 .md [type="number"]::-webkit-inner-spin-button,
+.d2-4172678989 .md [type="number"]::-webkit-outer-spin-button {
   height: auto;
 }
 
-.md [type="search"] {
+.d2-4172678989 .md [type="search"] {
   -webkit-appearance: textfield;
   outline-offset: -2px;
 }
 
-.md [type="search"]::-webkit-search-cancel-button,
-.md [type="search"]::-webkit-search-decoration {
+.d2-4172678989 .md [type="search"]::-webkit-search-cancel-button,
+.d2-4172678989 .md [type="search"]::-webkit-search-decoration {
   -webkit-appearance: none;
 }
 
-.md ::-webkit-input-placeholder {
+.d2-4172678989 .md ::-webkit-input-placeholder {
   color: inherit;
   opacity: 0.54;
 }
 
-.md ::-webkit-file-upload-button {
+.d2-4172678989 .md ::-webkit-file-upload-button {
   -webkit-appearance: button;
   font: inherit;
 }
 
-.md a:hover {
+.d2-4172678989 .md a:hover {
   text-decoration: underline;
 }
 
-.md hr::before {
+.d2-4172678989 .md hr::before {
   display: table;
   content: "";
 }
 
-.md hr::after {
+.d2-4172678989 .md hr::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md table {
+.d2-4172678989 .md table {
   border-spacing: 0;
   border-collapse: collapse;
   display: block;
@@ -305,20 +305,20 @@
   overflow: auto;
 }
 
-.md td,
-.md th {
+.d2-4172678989 .md td,
+.d2-4172678989 .md th {
   padding: 0;
 }
 
-.md details summary {
+.d2-4172678989 .md details summary {
   cursor: pointer;
 }
 
-.md details:not([open]) > *:not(summary) {
+.d2-4172678989 .md details:not([open]) > *:not(summary) {
   display: none !important;
 }
 
-.md kbd {
+.d2-4172678989 .md kbd {
   display: inline-block;
   padding: 3px 5px;
   color: var(--color-fg-default);
@@ -330,12 +330,12 @@
   box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
 }
 
-.md h1,
-.md h2,
-.md h3,
-.md h4,
-.md h5,
-.md h6 {
+.d2-4172678989 .md h1,
+.d2-4172678989 .md h2,
+.d2-4172678989 .md h3,
+.d2-4172678989 .md h4,
+.d2-4172678989 .md h5,
+.d2-4172678989 .md h6 {
   margin-top: 24px;
   margin-bottom: 16px;
   font-weight: 600;
@@ -343,222 +343,222 @@
   font-family: "d2-4172678989-font-regular";
 }
 
-.md h2 {
+.d2-4172678989 .md h2 {
   font-weight: 600;
   padding-bottom: 0.3em;
   font-size: 1.5em;
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md h3 {
+.d2-4172678989 .md h3 {
   font-weight: 600;
   font-size: 1.25em;
 }
 
-.md h4 {
+.d2-4172678989 .md h4 {
   font-weight: 600;
   font-size: 1em;
 }
 
-.md h5 {
+.d2-4172678989 .md h5 {
   font-weight: 600;
   font-size: 0.875em;
 }
 
-.md h6 {
+.d2-4172678989 .md h6 {
   font-weight: 600;
   font-size: 0.85em;
   color: var(--color-fg-muted);
 }
 
-.md p {
+.d2-4172678989 .md p {
   margin-top: 0;
   margin-bottom: 10px;
 }
 
-.md blockquote {
+.d2-4172678989 .md blockquote {
   margin: 0;
   padding: 0 1em;
   color: var(--color-fg-muted);
   border-left: 0.25em solid var(--color-border-default);
 }
 
-.md ul,
-.md ol {
+.d2-4172678989 .md ul,
+.d2-4172678989 .md ol {
   margin-top: 0;
   margin-bottom: 0;
   padding-left: 2em;
 }
 
-.md ol ol,
-.md ul ol {
+.d2-4172678989 .md ol ol,
+.d2-4172678989 .md ul ol {
   list-style-type: lower-roman;
 }
 
-.md ul ul ol,
-.md ul ol ol,
-.md ol ul ol,
-.md ol ol ol {
+.d2-4172678989 .md ul ul ol,
+.d2-4172678989 .md ul ol ol,
+.d2-4172678989 .md ol ul ol,
+.d2-4172678989 .md ol ol ol {
   list-style-type: lower-alpha;
 }
 
-.md dd {
+.d2-4172678989 .md dd {
   margin-left: 0;
 }
 
-.md pre {
+.d2-4172678989 .md pre {
   margin-top: 0;
   margin-bottom: 0;
   word-wrap: normal;
 }
 
-.md ::placeholder {
+.d2-4172678989 .md ::placeholder {
   color: var(--color-fg-subtle);
   opacity: 1;
 }
 
-.md input::-webkit-outer-spin-button,
-.md input::-webkit-inner-spin-button {
+.d2-4172678989 .md input::-webkit-outer-spin-button,
+.d2-4172678989 .md input::-webkit-inner-spin-button {
   margin: 0;
   -webkit-appearance: none;
   appearance: none;
 }
 
-.md::before {
+.d2-4172678989 .md::before {
   display: table;
   content: "";
 }
 
-.md::after {
+.d2-4172678989 .md::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md > *:first-child {
+.d2-4172678989 .md > *:first-child {
   margin-top: 0 !important;
 }
 
-.md > *:last-child {
+.d2-4172678989 .md > *:last-child {
   margin-bottom: 0 !important;
 }
 
-.md a:not([href]) {
+.d2-4172678989 .md a:not([href]) {
   color: inherit;
   text-decoration: none;
 }
 
-.md .absent {
+.d2-4172678989 .md .absent {
   color: var(--color-danger-fg);
 }
 
-.md .anchor {
+.d2-4172678989 .md .anchor {
   float: left;
   padding-right: 4px;
   margin-left: -20px;
   line-height: 1;
 }
 
-.md .anchor:focus {
+.d2-4172678989 .md .anchor:focus {
   outline: none;
 }
 
-.md p,
-.md blockquote,
-.md ul,
-.md ol,
-.md dl,
-.md table,
-.md pre,
-.md details {
+.d2-4172678989 .md p,
+.d2-4172678989 .md blockquote,
+.d2-4172678989 .md ul,
+.d2-4172678989 .md ol,
+.d2-4172678989 .md dl,
+.d2-4172678989 .md table,
+.d2-4172678989 .md pre,
+.d2-4172678989 .md details {
   margin-top: 0;
   margin-bottom: 16px;
 }
 
-.md blockquote > :first-child {
+.d2-4172678989 .md blockquote > :first-child {
   margin-top: 0;
 }
 
-.md blockquote > :last-child {
+.d2-4172678989 .md blockquote > :last-child {
   margin-bottom: 0;
 }
 
-.md sup > a::before {
+.d2-4172678989 .md sup > a::before {
   content: "[";
 }
 
-.md sup > a::after {
+.d2-4172678989 .md sup > a::after {
   content: "]";
 }
 
-.md h1:hover .anchor,
-.md h2:hover .anchor,
-.md h3:hover .anchor,
-.md h4:hover .anchor,
-.md h5:hover .anchor,
-.md h6:hover .anchor {
+.d2-4172678989 .md h1:hover .anchor,
+.d2-4172678989 .md h2:hover .anchor,
+.d2-4172678989 .md h3:hover .anchor,
+.d2-4172678989 .md h4:hover .anchor,
+.d2-4172678989 .md h5:hover .anchor,
+.d2-4172678989 .md h6:hover .anchor {
   text-decoration: none;
 }
 
-.md h1 tt,
-.md h1 code,
-.md h2 tt,
-.md h2 code,
-.md h3 tt,
-.md h3 code,
-.md h4 tt,
-.md h4 code,
-.md h5 tt,
-.md h5 code,
-.md h6 tt,
-.md h6 code {
+.d2-4172678989 .md h1 tt,
+.d2-4172678989 .md h1 code,
+.d2-4172678989 .md h2 tt,
+.d2-4172678989 .md h2 code,
+.d2-4172678989 .md h3 tt,
+.d2-4172678989 .md h3 code,
+.d2-4172678989 .md h4 tt,
+.d2-4172678989 .md h4 code,
+.d2-4172678989 .md h5 tt,
+.d2-4172678989 .md h5 code,
+.d2-4172678989 .md h6 tt,
+.d2-4172678989 .md h6 code {
   padding: 0 0.2em;
   font-size: inherit;
 }
 
-.md ul.no-list,
-.md ol.no-list {
+.d2-4172678989 .md ul.no-list,
+.d2-4172678989 .md ol.no-list {
   padding: 0;
   list-style-type: none;
 }
 
-.md ol[type="1"] {
+.d2-4172678989 .md ol[type="1"] {
   list-style-type: decimal;
 }
 
-.md ol[type="a"] {
+.d2-4172678989 .md ol[type="a"] {
   list-style-type: lower-alpha;
 }
 
-.md ol[type="i"] {
+.d2-4172678989 .md ol[type="i"] {
   list-style-type: lower-roman;
 }
 
-.md div > ol:not([type]) {
+.d2-4172678989 .md div > ol:not([type]) {
   list-style-type: decimal;
 }
 
-.md ul ul,
-.md ul ol,
-.md ol ol,
-.md ol ul {
+.d2-4172678989 .md ul ul,
+.d2-4172678989 .md ul ol,
+.d2-4172678989 .md ol ol,
+.d2-4172678989 .md ol ul {
   margin-top: 0;
   margin-bottom: 0;
 }
 
-.md li > p {
+.d2-4172678989 .md li > p {
   margin-top: 16px;
 }
 
-.md li + li {
+.d2-4172678989 .md li + li {
   margin-top: 0.25em;
 }
 
-.md dl {
+.d2-4172678989 .md dl {
   padding: 0;
 }
 
-.md dl dt {
+.d2-4172678989 .md dl dt {
   padding: 0;
   margin-top: 16px;
   font-size: 1em;
@@ -566,48 +566,48 @@
   font-weight: 600;
 }
 
-.md dl dd {
+.d2-4172678989 .md dl dd {
   padding: 0 16px;
   margin-bottom: 16px;
 }
 
-.md table th {
+.d2-4172678989 .md table th {
   font-weight: 600;
 }
 
-.md table th,
-.md table td {
+.d2-4172678989 .md table th,
+.d2-4172678989 .md table td {
   padding: 6px 13px;
   border: 1px solid var(--color-border-default);
 }
 
-.md table tr {
+.d2-4172678989 .md table tr {
   background-color: var(--color-canvas-default);
   border-top: 1px solid var(--color-border-muted);
 }
 
-.md table tr:nth-child(2n) {
+.d2-4172678989 .md table tr:nth-child(2n) {
   background-color: var(--color-canvas-subtle);
 }
 
-.md table img {
+.d2-4172678989 .md table img {
   background-color: transparent;
 }
 
-.md img[align="right"] {
+.d2-4172678989 .md img[align="right"] {
   padding-left: 20px;
 }
 
-.md img[align="left"] {
+.d2-4172678989 .md img[align="left"] {
   padding-right: 20px;
 }
 
-.md span.frame {
+.d2-4172678989 .md span.frame {
   display: block;
   overflow: hidden;
 }
 
-.md span.frame > span {
+.d2-4172678989 .md span.frame > span {
   display: block;
   float: left;
   width: auto;
@@ -617,81 +617,81 @@
   border: 1px solid var(--color-border-default);
 }
 
-.md span.frame span img {
+.d2-4172678989 .md span.frame span img {
   display: block;
   float: left;
 }
 
-.md span.frame span span {
+.d2-4172678989 .md span.frame span span {
   display: block;
   padding: 5px 0 0;
   clear: both;
   color: var(--color-fg-default);
 }
 
-.md span.align-center {
+.d2-4172678989 .md span.align-center {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-center > span {
+.d2-4172678989 .md span.align-center > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: center;
 }
 
-.md span.align-center span img {
+.d2-4172678989 .md span.align-center span img {
   margin: 0 auto;
   text-align: center;
 }
 
-.md span.align-right {
+.d2-4172678989 .md span.align-right {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-right > span {
+.d2-4172678989 .md span.align-right > span {
   display: block;
   margin: 13px 0 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md span.align-right span img {
+.d2-4172678989 .md span.align-right span img {
   margin: 0;
   text-align: right;
 }
 
-.md span.float-left {
+.d2-4172678989 .md span.float-left {
   display: block;
   float: left;
   margin-right: 13px;
   overflow: hidden;
 }
 
-.md span.float-left span {
+.d2-4172678989 .md span.float-left span {
   margin: 13px 0 0;
 }
 
-.md span.float-right {
+.d2-4172678989 .md span.float-right {
   display: block;
   float: right;
   margin-left: 13px;
   overflow: hidden;
 }
 
-.md span.float-right > span {
+.d2-4172678989 .md span.float-right > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md code,
-.md tt {
+.d2-4172678989 .md code,
+.d2-4172678989 .md tt {
   padding: 0.2em 0.4em;
   margin: 0;
   font-size: 85%;
@@ -699,20 +699,20 @@
   border-radius: 6px;
 }
 
-.md code br,
-.md tt br {
+.d2-4172678989 .md code br,
+.d2-4172678989 .md tt br {
   display: none;
 }
 
-.md del code {
+.d2-4172678989 .md del code {
   text-decoration: inherit;
 }
 
-.md pre code {
+.d2-4172678989 .md pre code {
   font-size: 100%;
 }
 
-.md pre > code {
+.d2-4172678989 .md pre > code {
   padding: 0;
   margin: 0;
   word-break: normal;
@@ -721,17 +721,17 @@
   border: 0;
 }
 
-.md .highlight {
+.d2-4172678989 .md .highlight {
   margin-bottom: 16px;
 }
 
-.md .highlight pre {
+.d2-4172678989 .md .highlight pre {
   margin-bottom: 0;
   word-break: normal;
 }
 
-.md .highlight pre,
-.md pre {
+.d2-4172678989 .md .highlight pre,
+.d2-4172678989 .md pre {
   padding: 16px;
   overflow: auto;
   font-size: 85%;
@@ -740,8 +740,8 @@
   border-radius: 6px;
 }
 
-.md pre code,
-.md pre tt {
+.d2-4172678989 .md pre code,
+.d2-4172678989 .md pre tt {
   display: inline;
   max-width: auto;
   padding: 0;
@@ -753,8 +753,8 @@
   border: 0;
 }
 
-.md .csv-data td,
-.md .csv-data th {
+.d2-4172678989 .md .csv-data td,
+.d2-4172678989 .md .csv-data th {
   padding: 5px;
   overflow: hidden;
   font-size: 12px;
@@ -763,38 +763,38 @@
   white-space: nowrap;
 }
 
-.md .csv-data .blob-num {
+.d2-4172678989 .md .csv-data .blob-num {
   padding: 10px 8px 9px;
   text-align: right;
   background: var(--color-canvas-default);
   border: 0;
 }
 
-.md .csv-data tr {
+.d2-4172678989 .md .csv-data tr {
   border-top: 0;
 }
 
-.md .csv-data th {
+.d2-4172678989 .md .csv-data th {
   font-weight: 600;
   background: var(--color-canvas-subtle);
   border-top: 0;
 }
 
-.md .footnotes {
+.d2-4172678989 .md .footnotes {
   font-size: 12px;
   color: var(--color-fg-muted);
   border-top: 1px solid var(--color-border-default);
 }
 
-.md .footnotes ol {
+.d2-4172678989 .md .footnotes ol {
   padding-left: 16px;
 }
 
-.md .footnotes li {
+.d2-4172678989 .md .footnotes li {
   position: relative;
 }
 
-.md .footnotes li:target::before {
+.d2-4172678989 .md .footnotes li:target::before {
   position: absolute;
   top: -8px;
   right: -8px;
@@ -806,36 +806,36 @@
   border-radius: 6px;
 }
 
-.md .footnotes li:target {
+.d2-4172678989 .md .footnotes li:target {
   color: var(--color-fg-default);
 }
 
-.md .task-list-item {
+.d2-4172678989 .md .task-list-item {
   list-style-type: none;
 }
 
-.md .task-list-item label {
+.d2-4172678989 .md .task-list-item label {
   font-weight: 400;
 }
 
-.md .task-list-item.enabled label {
+.d2-4172678989 .md .task-list-item.enabled label {
   cursor: pointer;
 }
 
-.md .task-list-item + .task-list-item {
+.d2-4172678989 .md .task-list-item + .task-list-item {
   margin-top: 3px;
 }
 
-.md .task-list-item .handle {
+.d2-4172678989 .md .task-list-item .handle {
   display: none;
 }
 
-.md .task-list-item-checkbox {
+.d2-4172678989 .md .task-list-item-checkbox {
   margin: 0 0.2em 0.25em -1.6em;
   vertical-align: middle;
 }
 
-.md .contains-task-list:dir(rtl) .task-list-item-checkbox {
+.d2-4172678989 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
 </style><g id="OEM Factory"><g class="shape" ><rect x="77.000000" y="0.000000" width="135.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="144.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">OEM Factory</text></g><g id="company Warehouse"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="0.000000" y="166.000000" width="353" height="664"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><h3>company Warehouse</h3>
diff --git a/e2etests/testdata/todo/dagre_container_md_label_panic/elk/sketch.exp.svg b/e2etests/testdata/todo/dagre_container_md_label_panic/elk/sketch.exp.svg
index 2402ad08d..20e519701 100644
--- a/e2etests/testdata/todo/dagre_container_md_label_panic/elk/sketch.exp.svg
+++ b/e2etests/testdata/todo/dagre_container_md_label_panic/elk/sketch.exp.svg
@@ -96,31 +96,31 @@
 		.d2-3324342607 .color-AA4{color:#EDF0FD;}
 		.d2-3324342607 .color-AA5{color:#F7F8FE;}
 		.d2-3324342607 .color-AB4{color:#EDF0FD;}
-		.d2-3324342607 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.md em,
-.md dfn {
+		.d2-3324342607 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.d2-3324342607 .md em,
+.d2-3324342607 .md dfn {
   font-family: "d2-3324342607-font-italic";
 }
 
-.md b,
-.md strong {
+.d2-3324342607 .md b,
+.d2-3324342607 .md strong {
   font-family: "d2-3324342607-font-bold";
 }
 
-.md code,
-.md kbd,
-.md pre,
-.md samp {
+.d2-3324342607 .md code,
+.d2-3324342607 .md kbd,
+.d2-3324342607 .md pre,
+.d2-3324342607 .md samp {
   font-family: "d2-3324342607-font-mono";
   font-size: 1em;
 }
 
-.md {
+.d2-3324342607 .md {
   tab-size: 4;
 }
 
 /* variables are provided in d2renderers/d2svg/d2svg.go */
 
-.md {
+.d2-3324342607 .md {
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
   margin: 0;
@@ -132,41 +132,41 @@
   word-wrap: break-word;
 }
 
-.md details,
-.md figcaption,
-.md figure {
+.d2-3324342607 .md details,
+.d2-3324342607 .md figcaption,
+.d2-3324342607 .md figure {
   display: block;
 }
 
-.md summary {
+.d2-3324342607 .md summary {
   display: list-item;
 }
 
-.md [hidden] {
+.d2-3324342607 .md [hidden] {
   display: none !important;
 }
 
-.md a {
+.d2-3324342607 .md a {
   background-color: transparent;
   color: var(--color-accent-fg);
   text-decoration: none;
 }
 
-.md a:active,
-.md a:hover {
+.d2-3324342607 .md a:active,
+.d2-3324342607 .md a:hover {
   outline-width: 0;
 }
 
-.md abbr[title] {
+.d2-3324342607 .md abbr[title] {
   border-bottom: none;
   text-decoration: underline dotted;
 }
 
-.md dfn {
+.d2-3324342607 .md dfn {
   font-style: italic;
 }
 
-.md h1 {
+.d2-3324342607 .md h1 {
   margin: 0.67em 0;
   font-weight: 600;
   padding-bottom: 0.3em;
@@ -174,43 +174,43 @@
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md mark {
+.d2-3324342607 .md mark {
   background-color: var(--color-attention-subtle);
   color: var(--color-text-primary);
 }
 
-.md small {
+.d2-3324342607 .md small {
   font-size: 90%;
 }
 
-.md sub,
-.md sup {
+.d2-3324342607 .md sub,
+.d2-3324342607 .md sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
 }
 
-.md sub {
+.d2-3324342607 .md sub {
   bottom: -0.25em;
 }
 
-.md sup {
+.d2-3324342607 .md sup {
   top: -0.5em;
 }
 
-.md img {
+.d2-3324342607 .md img {
   border-style: none;
   max-width: 100%;
   box-sizing: content-box;
   background-color: var(--color-canvas-default);
 }
 
-.md figure {
+.d2-3324342607 .md figure {
   margin: 1em 40px;
 }
 
-.md hr {
+.d2-3324342607 .md hr {
   box-sizing: content-box;
   overflow: hidden;
   background: transparent;
@@ -222,7 +222,7 @@
   border: 0;
 }
 
-.md input {
+.d2-3324342607 .md input {
   font: inherit;
   margin: 0;
   overflow: visible;
@@ -231,72 +231,72 @@
   line-height: inherit;
 }
 
-.md [type="button"],
-.md [type="reset"],
-.md [type="submit"] {
+.d2-3324342607 .md [type="button"],
+.d2-3324342607 .md [type="reset"],
+.d2-3324342607 .md [type="submit"] {
   -webkit-appearance: button;
 }
 
-.md [type="button"]::-moz-focus-inner,
-.md [type="reset"]::-moz-focus-inner,
-.md [type="submit"]::-moz-focus-inner {
+.d2-3324342607 .md [type="button"]::-moz-focus-inner,
+.d2-3324342607 .md [type="reset"]::-moz-focus-inner,
+.d2-3324342607 .md [type="submit"]::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.md [type="button"]:-moz-focusring,
-.md [type="reset"]:-moz-focusring,
-.md [type="submit"]:-moz-focusring {
+.d2-3324342607 .md [type="button"]:-moz-focusring,
+.d2-3324342607 .md [type="reset"]:-moz-focusring,
+.d2-3324342607 .md [type="submit"]:-moz-focusring {
   outline: 1px dotted ButtonText;
 }
 
-.md [type="checkbox"],
-.md [type="radio"] {
+.d2-3324342607 .md [type="checkbox"],
+.d2-3324342607 .md [type="radio"] {
   box-sizing: border-box;
   padding: 0;
 }
 
-.md [type="number"]::-webkit-inner-spin-button,
-.md [type="number"]::-webkit-outer-spin-button {
+.d2-3324342607 .md [type="number"]::-webkit-inner-spin-button,
+.d2-3324342607 .md [type="number"]::-webkit-outer-spin-button {
   height: auto;
 }
 
-.md [type="search"] {
+.d2-3324342607 .md [type="search"] {
   -webkit-appearance: textfield;
   outline-offset: -2px;
 }
 
-.md [type="search"]::-webkit-search-cancel-button,
-.md [type="search"]::-webkit-search-decoration {
+.d2-3324342607 .md [type="search"]::-webkit-search-cancel-button,
+.d2-3324342607 .md [type="search"]::-webkit-search-decoration {
   -webkit-appearance: none;
 }
 
-.md ::-webkit-input-placeholder {
+.d2-3324342607 .md ::-webkit-input-placeholder {
   color: inherit;
   opacity: 0.54;
 }
 
-.md ::-webkit-file-upload-button {
+.d2-3324342607 .md ::-webkit-file-upload-button {
   -webkit-appearance: button;
   font: inherit;
 }
 
-.md a:hover {
+.d2-3324342607 .md a:hover {
   text-decoration: underline;
 }
 
-.md hr::before {
+.d2-3324342607 .md hr::before {
   display: table;
   content: "";
 }
 
-.md hr::after {
+.d2-3324342607 .md hr::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md table {
+.d2-3324342607 .md table {
   border-spacing: 0;
   border-collapse: collapse;
   display: block;
@@ -305,20 +305,20 @@
   overflow: auto;
 }
 
-.md td,
-.md th {
+.d2-3324342607 .md td,
+.d2-3324342607 .md th {
   padding: 0;
 }
 
-.md details summary {
+.d2-3324342607 .md details summary {
   cursor: pointer;
 }
 
-.md details:not([open]) > *:not(summary) {
+.d2-3324342607 .md details:not([open]) > *:not(summary) {
   display: none !important;
 }
 
-.md kbd {
+.d2-3324342607 .md kbd {
   display: inline-block;
   padding: 3px 5px;
   color: var(--color-fg-default);
@@ -330,12 +330,12 @@
   box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
 }
 
-.md h1,
-.md h2,
-.md h3,
-.md h4,
-.md h5,
-.md h6 {
+.d2-3324342607 .md h1,
+.d2-3324342607 .md h2,
+.d2-3324342607 .md h3,
+.d2-3324342607 .md h4,
+.d2-3324342607 .md h5,
+.d2-3324342607 .md h6 {
   margin-top: 24px;
   margin-bottom: 16px;
   font-weight: 600;
@@ -343,222 +343,222 @@
   font-family: "d2-3324342607-font-regular";
 }
 
-.md h2 {
+.d2-3324342607 .md h2 {
   font-weight: 600;
   padding-bottom: 0.3em;
   font-size: 1.5em;
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md h3 {
+.d2-3324342607 .md h3 {
   font-weight: 600;
   font-size: 1.25em;
 }
 
-.md h4 {
+.d2-3324342607 .md h4 {
   font-weight: 600;
   font-size: 1em;
 }
 
-.md h5 {
+.d2-3324342607 .md h5 {
   font-weight: 600;
   font-size: 0.875em;
 }
 
-.md h6 {
+.d2-3324342607 .md h6 {
   font-weight: 600;
   font-size: 0.85em;
   color: var(--color-fg-muted);
 }
 
-.md p {
+.d2-3324342607 .md p {
   margin-top: 0;
   margin-bottom: 10px;
 }
 
-.md blockquote {
+.d2-3324342607 .md blockquote {
   margin: 0;
   padding: 0 1em;
   color: var(--color-fg-muted);
   border-left: 0.25em solid var(--color-border-default);
 }
 
-.md ul,
-.md ol {
+.d2-3324342607 .md ul,
+.d2-3324342607 .md ol {
   margin-top: 0;
   margin-bottom: 0;
   padding-left: 2em;
 }
 
-.md ol ol,
-.md ul ol {
+.d2-3324342607 .md ol ol,
+.d2-3324342607 .md ul ol {
   list-style-type: lower-roman;
 }
 
-.md ul ul ol,
-.md ul ol ol,
-.md ol ul ol,
-.md ol ol ol {
+.d2-3324342607 .md ul ul ol,
+.d2-3324342607 .md ul ol ol,
+.d2-3324342607 .md ol ul ol,
+.d2-3324342607 .md ol ol ol {
   list-style-type: lower-alpha;
 }
 
-.md dd {
+.d2-3324342607 .md dd {
   margin-left: 0;
 }
 
-.md pre {
+.d2-3324342607 .md pre {
   margin-top: 0;
   margin-bottom: 0;
   word-wrap: normal;
 }
 
-.md ::placeholder {
+.d2-3324342607 .md ::placeholder {
   color: var(--color-fg-subtle);
   opacity: 1;
 }
 
-.md input::-webkit-outer-spin-button,
-.md input::-webkit-inner-spin-button {
+.d2-3324342607 .md input::-webkit-outer-spin-button,
+.d2-3324342607 .md input::-webkit-inner-spin-button {
   margin: 0;
   -webkit-appearance: none;
   appearance: none;
 }
 
-.md::before {
+.d2-3324342607 .md::before {
   display: table;
   content: "";
 }
 
-.md::after {
+.d2-3324342607 .md::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md > *:first-child {
+.d2-3324342607 .md > *:first-child {
   margin-top: 0 !important;
 }
 
-.md > *:last-child {
+.d2-3324342607 .md > *:last-child {
   margin-bottom: 0 !important;
 }
 
-.md a:not([href]) {
+.d2-3324342607 .md a:not([href]) {
   color: inherit;
   text-decoration: none;
 }
 
-.md .absent {
+.d2-3324342607 .md .absent {
   color: var(--color-danger-fg);
 }
 
-.md .anchor {
+.d2-3324342607 .md .anchor {
   float: left;
   padding-right: 4px;
   margin-left: -20px;
   line-height: 1;
 }
 
-.md .anchor:focus {
+.d2-3324342607 .md .anchor:focus {
   outline: none;
 }
 
-.md p,
-.md blockquote,
-.md ul,
-.md ol,
-.md dl,
-.md table,
-.md pre,
-.md details {
+.d2-3324342607 .md p,
+.d2-3324342607 .md blockquote,
+.d2-3324342607 .md ul,
+.d2-3324342607 .md ol,
+.d2-3324342607 .md dl,
+.d2-3324342607 .md table,
+.d2-3324342607 .md pre,
+.d2-3324342607 .md details {
   margin-top: 0;
   margin-bottom: 16px;
 }
 
-.md blockquote > :first-child {
+.d2-3324342607 .md blockquote > :first-child {
   margin-top: 0;
 }
 
-.md blockquote > :last-child {
+.d2-3324342607 .md blockquote > :last-child {
   margin-bottom: 0;
 }
 
-.md sup > a::before {
+.d2-3324342607 .md sup > a::before {
   content: "[";
 }
 
-.md sup > a::after {
+.d2-3324342607 .md sup > a::after {
   content: "]";
 }
 
-.md h1:hover .anchor,
-.md h2:hover .anchor,
-.md h3:hover .anchor,
-.md h4:hover .anchor,
-.md h5:hover .anchor,
-.md h6:hover .anchor {
+.d2-3324342607 .md h1:hover .anchor,
+.d2-3324342607 .md h2:hover .anchor,
+.d2-3324342607 .md h3:hover .anchor,
+.d2-3324342607 .md h4:hover .anchor,
+.d2-3324342607 .md h5:hover .anchor,
+.d2-3324342607 .md h6:hover .anchor {
   text-decoration: none;
 }
 
-.md h1 tt,
-.md h1 code,
-.md h2 tt,
-.md h2 code,
-.md h3 tt,
-.md h3 code,
-.md h4 tt,
-.md h4 code,
-.md h5 tt,
-.md h5 code,
-.md h6 tt,
-.md h6 code {
+.d2-3324342607 .md h1 tt,
+.d2-3324342607 .md h1 code,
+.d2-3324342607 .md h2 tt,
+.d2-3324342607 .md h2 code,
+.d2-3324342607 .md h3 tt,
+.d2-3324342607 .md h3 code,
+.d2-3324342607 .md h4 tt,
+.d2-3324342607 .md h4 code,
+.d2-3324342607 .md h5 tt,
+.d2-3324342607 .md h5 code,
+.d2-3324342607 .md h6 tt,
+.d2-3324342607 .md h6 code {
   padding: 0 0.2em;
   font-size: inherit;
 }
 
-.md ul.no-list,
-.md ol.no-list {
+.d2-3324342607 .md ul.no-list,
+.d2-3324342607 .md ol.no-list {
   padding: 0;
   list-style-type: none;
 }
 
-.md ol[type="1"] {
+.d2-3324342607 .md ol[type="1"] {
   list-style-type: decimal;
 }
 
-.md ol[type="a"] {
+.d2-3324342607 .md ol[type="a"] {
   list-style-type: lower-alpha;
 }
 
-.md ol[type="i"] {
+.d2-3324342607 .md ol[type="i"] {
   list-style-type: lower-roman;
 }
 
-.md div > ol:not([type]) {
+.d2-3324342607 .md div > ol:not([type]) {
   list-style-type: decimal;
 }
 
-.md ul ul,
-.md ul ol,
-.md ol ol,
-.md ol ul {
+.d2-3324342607 .md ul ul,
+.d2-3324342607 .md ul ol,
+.d2-3324342607 .md ol ol,
+.d2-3324342607 .md ol ul {
   margin-top: 0;
   margin-bottom: 0;
 }
 
-.md li > p {
+.d2-3324342607 .md li > p {
   margin-top: 16px;
 }
 
-.md li + li {
+.d2-3324342607 .md li + li {
   margin-top: 0.25em;
 }
 
-.md dl {
+.d2-3324342607 .md dl {
   padding: 0;
 }
 
-.md dl dt {
+.d2-3324342607 .md dl dt {
   padding: 0;
   margin-top: 16px;
   font-size: 1em;
@@ -566,48 +566,48 @@
   font-weight: 600;
 }
 
-.md dl dd {
+.d2-3324342607 .md dl dd {
   padding: 0 16px;
   margin-bottom: 16px;
 }
 
-.md table th {
+.d2-3324342607 .md table th {
   font-weight: 600;
 }
 
-.md table th,
-.md table td {
+.d2-3324342607 .md table th,
+.d2-3324342607 .md table td {
   padding: 6px 13px;
   border: 1px solid var(--color-border-default);
 }
 
-.md table tr {
+.d2-3324342607 .md table tr {
   background-color: var(--color-canvas-default);
   border-top: 1px solid var(--color-border-muted);
 }
 
-.md table tr:nth-child(2n) {
+.d2-3324342607 .md table tr:nth-child(2n) {
   background-color: var(--color-canvas-subtle);
 }
 
-.md table img {
+.d2-3324342607 .md table img {
   background-color: transparent;
 }
 
-.md img[align="right"] {
+.d2-3324342607 .md img[align="right"] {
   padding-left: 20px;
 }
 
-.md img[align="left"] {
+.d2-3324342607 .md img[align="left"] {
   padding-right: 20px;
 }
 
-.md span.frame {
+.d2-3324342607 .md span.frame {
   display: block;
   overflow: hidden;
 }
 
-.md span.frame > span {
+.d2-3324342607 .md span.frame > span {
   display: block;
   float: left;
   width: auto;
@@ -617,81 +617,81 @@
   border: 1px solid var(--color-border-default);
 }
 
-.md span.frame span img {
+.d2-3324342607 .md span.frame span img {
   display: block;
   float: left;
 }
 
-.md span.frame span span {
+.d2-3324342607 .md span.frame span span {
   display: block;
   padding: 5px 0 0;
   clear: both;
   color: var(--color-fg-default);
 }
 
-.md span.align-center {
+.d2-3324342607 .md span.align-center {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-center > span {
+.d2-3324342607 .md span.align-center > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: center;
 }
 
-.md span.align-center span img {
+.d2-3324342607 .md span.align-center span img {
   margin: 0 auto;
   text-align: center;
 }
 
-.md span.align-right {
+.d2-3324342607 .md span.align-right {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-right > span {
+.d2-3324342607 .md span.align-right > span {
   display: block;
   margin: 13px 0 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md span.align-right span img {
+.d2-3324342607 .md span.align-right span img {
   margin: 0;
   text-align: right;
 }
 
-.md span.float-left {
+.d2-3324342607 .md span.float-left {
   display: block;
   float: left;
   margin-right: 13px;
   overflow: hidden;
 }
 
-.md span.float-left span {
+.d2-3324342607 .md span.float-left span {
   margin: 13px 0 0;
 }
 
-.md span.float-right {
+.d2-3324342607 .md span.float-right {
   display: block;
   float: right;
   margin-left: 13px;
   overflow: hidden;
 }
 
-.md span.float-right > span {
+.d2-3324342607 .md span.float-right > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md code,
-.md tt {
+.d2-3324342607 .md code,
+.d2-3324342607 .md tt {
   padding: 0.2em 0.4em;
   margin: 0;
   font-size: 85%;
@@ -699,20 +699,20 @@
   border-radius: 6px;
 }
 
-.md code br,
-.md tt br {
+.d2-3324342607 .md code br,
+.d2-3324342607 .md tt br {
   display: none;
 }
 
-.md del code {
+.d2-3324342607 .md del code {
   text-decoration: inherit;
 }
 
-.md pre code {
+.d2-3324342607 .md pre code {
   font-size: 100%;
 }
 
-.md pre > code {
+.d2-3324342607 .md pre > code {
   padding: 0;
   margin: 0;
   word-break: normal;
@@ -721,17 +721,17 @@
   border: 0;
 }
 
-.md .highlight {
+.d2-3324342607 .md .highlight {
   margin-bottom: 16px;
 }
 
-.md .highlight pre {
+.d2-3324342607 .md .highlight pre {
   margin-bottom: 0;
   word-break: normal;
 }
 
-.md .highlight pre,
-.md pre {
+.d2-3324342607 .md .highlight pre,
+.d2-3324342607 .md pre {
   padding: 16px;
   overflow: auto;
   font-size: 85%;
@@ -740,8 +740,8 @@
   border-radius: 6px;
 }
 
-.md pre code,
-.md pre tt {
+.d2-3324342607 .md pre code,
+.d2-3324342607 .md pre tt {
   display: inline;
   max-width: auto;
   padding: 0;
@@ -753,8 +753,8 @@
   border: 0;
 }
 
-.md .csv-data td,
-.md .csv-data th {
+.d2-3324342607 .md .csv-data td,
+.d2-3324342607 .md .csv-data th {
   padding: 5px;
   overflow: hidden;
   font-size: 12px;
@@ -763,38 +763,38 @@
   white-space: nowrap;
 }
 
-.md .csv-data .blob-num {
+.d2-3324342607 .md .csv-data .blob-num {
   padding: 10px 8px 9px;
   text-align: right;
   background: var(--color-canvas-default);
   border: 0;
 }
 
-.md .csv-data tr {
+.d2-3324342607 .md .csv-data tr {
   border-top: 0;
 }
 
-.md .csv-data th {
+.d2-3324342607 .md .csv-data th {
   font-weight: 600;
   background: var(--color-canvas-subtle);
   border-top: 0;
 }
 
-.md .footnotes {
+.d2-3324342607 .md .footnotes {
   font-size: 12px;
   color: var(--color-fg-muted);
   border-top: 1px solid var(--color-border-default);
 }
 
-.md .footnotes ol {
+.d2-3324342607 .md .footnotes ol {
   padding-left: 16px;
 }
 
-.md .footnotes li {
+.d2-3324342607 .md .footnotes li {
   position: relative;
 }
 
-.md .footnotes li:target::before {
+.d2-3324342607 .md .footnotes li:target::before {
   position: absolute;
   top: -8px;
   right: -8px;
@@ -806,36 +806,36 @@
   border-radius: 6px;
 }
 
-.md .footnotes li:target {
+.d2-3324342607 .md .footnotes li:target {
   color: var(--color-fg-default);
 }
 
-.md .task-list-item {
+.d2-3324342607 .md .task-list-item {
   list-style-type: none;
 }
 
-.md .task-list-item label {
+.d2-3324342607 .md .task-list-item label {
   font-weight: 400;
 }
 
-.md .task-list-item.enabled label {
+.d2-3324342607 .md .task-list-item.enabled label {
   cursor: pointer;
 }
 
-.md .task-list-item + .task-list-item {
+.d2-3324342607 .md .task-list-item + .task-list-item {
   margin-top: 3px;
 }
 
-.md .task-list-item .handle {
+.d2-3324342607 .md .task-list-item .handle {
   display: none;
 }
 
-.md .task-list-item-checkbox {
+.d2-3324342607 .md .task-list-item-checkbox {
   margin: 0 0.2em 0.25em -1.6em;
   vertical-align: middle;
 }
 
-.md .contains-task-list:dir(rtl) .task-list-item-checkbox {
+.d2-3324342607 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
 </style><g id="OEM Factory"><g class="shape" ><rect x="115.000000" y="12.000000" width="135.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="182.500000" y="50.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">OEM Factory</text></g><g id="company Warehouse"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="12.000000" y="148.000000" width="342" height="604"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><h3>company Warehouse</h3>
diff --git a/e2etests/testdata/todo/shape_set_width_height/dagre/sketch.exp.svg b/e2etests/testdata/todo/shape_set_width_height/dagre/sketch.exp.svg
index 7db00b71a..f3e7e1d46 100644
--- a/e2etests/testdata/todo/shape_set_width_height/dagre/sketch.exp.svg
+++ b/e2etests/testdata/todo/shape_set_width_height/dagre/sketch.exp.svg
@@ -110,31 +110,31 @@
 		.d2-1916015322 .color-AA4{color:#EDF0FD;}
 		.d2-1916015322 .color-AA5{color:#F7F8FE;}
 		.d2-1916015322 .color-AB4{color:#EDF0FD;}
-		.d2-1916015322 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.md em,
-.md dfn {
+		.d2-1916015322 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.d2-1916015322 .md em,
+.d2-1916015322 .md dfn {
   font-family: "d2-1916015322-font-italic";
 }
 
-.md b,
-.md strong {
+.d2-1916015322 .md b,
+.d2-1916015322 .md strong {
   font-family: "d2-1916015322-font-bold";
 }
 
-.md code,
-.md kbd,
-.md pre,
-.md samp {
+.d2-1916015322 .md code,
+.d2-1916015322 .md kbd,
+.d2-1916015322 .md pre,
+.d2-1916015322 .md samp {
   font-family: "d2-1916015322-font-mono";
   font-size: 1em;
 }
 
-.md {
+.d2-1916015322 .md {
   tab-size: 4;
 }
 
 /* variables are provided in d2renderers/d2svg/d2svg.go */
 
-.md {
+.d2-1916015322 .md {
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
   margin: 0;
@@ -146,41 +146,41 @@
   word-wrap: break-word;
 }
 
-.md details,
-.md figcaption,
-.md figure {
+.d2-1916015322 .md details,
+.d2-1916015322 .md figcaption,
+.d2-1916015322 .md figure {
   display: block;
 }
 
-.md summary {
+.d2-1916015322 .md summary {
   display: list-item;
 }
 
-.md [hidden] {
+.d2-1916015322 .md [hidden] {
   display: none !important;
 }
 
-.md a {
+.d2-1916015322 .md a {
   background-color: transparent;
   color: var(--color-accent-fg);
   text-decoration: none;
 }
 
-.md a:active,
-.md a:hover {
+.d2-1916015322 .md a:active,
+.d2-1916015322 .md a:hover {
   outline-width: 0;
 }
 
-.md abbr[title] {
+.d2-1916015322 .md abbr[title] {
   border-bottom: none;
   text-decoration: underline dotted;
 }
 
-.md dfn {
+.d2-1916015322 .md dfn {
   font-style: italic;
 }
 
-.md h1 {
+.d2-1916015322 .md h1 {
   margin: 0.67em 0;
   font-weight: 600;
   padding-bottom: 0.3em;
@@ -188,43 +188,43 @@
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md mark {
+.d2-1916015322 .md mark {
   background-color: var(--color-attention-subtle);
   color: var(--color-text-primary);
 }
 
-.md small {
+.d2-1916015322 .md small {
   font-size: 90%;
 }
 
-.md sub,
-.md sup {
+.d2-1916015322 .md sub,
+.d2-1916015322 .md sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
 }
 
-.md sub {
+.d2-1916015322 .md sub {
   bottom: -0.25em;
 }
 
-.md sup {
+.d2-1916015322 .md sup {
   top: -0.5em;
 }
 
-.md img {
+.d2-1916015322 .md img {
   border-style: none;
   max-width: 100%;
   box-sizing: content-box;
   background-color: var(--color-canvas-default);
 }
 
-.md figure {
+.d2-1916015322 .md figure {
   margin: 1em 40px;
 }
 
-.md hr {
+.d2-1916015322 .md hr {
   box-sizing: content-box;
   overflow: hidden;
   background: transparent;
@@ -236,7 +236,7 @@
   border: 0;
 }
 
-.md input {
+.d2-1916015322 .md input {
   font: inherit;
   margin: 0;
   overflow: visible;
@@ -245,72 +245,72 @@
   line-height: inherit;
 }
 
-.md [type="button"],
-.md [type="reset"],
-.md [type="submit"] {
+.d2-1916015322 .md [type="button"],
+.d2-1916015322 .md [type="reset"],
+.d2-1916015322 .md [type="submit"] {
   -webkit-appearance: button;
 }
 
-.md [type="button"]::-moz-focus-inner,
-.md [type="reset"]::-moz-focus-inner,
-.md [type="submit"]::-moz-focus-inner {
+.d2-1916015322 .md [type="button"]::-moz-focus-inner,
+.d2-1916015322 .md [type="reset"]::-moz-focus-inner,
+.d2-1916015322 .md [type="submit"]::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.md [type="button"]:-moz-focusring,
-.md [type="reset"]:-moz-focusring,
-.md [type="submit"]:-moz-focusring {
+.d2-1916015322 .md [type="button"]:-moz-focusring,
+.d2-1916015322 .md [type="reset"]:-moz-focusring,
+.d2-1916015322 .md [type="submit"]:-moz-focusring {
   outline: 1px dotted ButtonText;
 }
 
-.md [type="checkbox"],
-.md [type="radio"] {
+.d2-1916015322 .md [type="checkbox"],
+.d2-1916015322 .md [type="radio"] {
   box-sizing: border-box;
   padding: 0;
 }
 
-.md [type="number"]::-webkit-inner-spin-button,
-.md [type="number"]::-webkit-outer-spin-button {
+.d2-1916015322 .md [type="number"]::-webkit-inner-spin-button,
+.d2-1916015322 .md [type="number"]::-webkit-outer-spin-button {
   height: auto;
 }
 
-.md [type="search"] {
+.d2-1916015322 .md [type="search"] {
   -webkit-appearance: textfield;
   outline-offset: -2px;
 }
 
-.md [type="search"]::-webkit-search-cancel-button,
-.md [type="search"]::-webkit-search-decoration {
+.d2-1916015322 .md [type="search"]::-webkit-search-cancel-button,
+.d2-1916015322 .md [type="search"]::-webkit-search-decoration {
   -webkit-appearance: none;
 }
 
-.md ::-webkit-input-placeholder {
+.d2-1916015322 .md ::-webkit-input-placeholder {
   color: inherit;
   opacity: 0.54;
 }
 
-.md ::-webkit-file-upload-button {
+.d2-1916015322 .md ::-webkit-file-upload-button {
   -webkit-appearance: button;
   font: inherit;
 }
 
-.md a:hover {
+.d2-1916015322 .md a:hover {
   text-decoration: underline;
 }
 
-.md hr::before {
+.d2-1916015322 .md hr::before {
   display: table;
   content: "";
 }
 
-.md hr::after {
+.d2-1916015322 .md hr::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md table {
+.d2-1916015322 .md table {
   border-spacing: 0;
   border-collapse: collapse;
   display: block;
@@ -319,20 +319,20 @@
   overflow: auto;
 }
 
-.md td,
-.md th {
+.d2-1916015322 .md td,
+.d2-1916015322 .md th {
   padding: 0;
 }
 
-.md details summary {
+.d2-1916015322 .md details summary {
   cursor: pointer;
 }
 
-.md details:not([open]) > *:not(summary) {
+.d2-1916015322 .md details:not([open]) > *:not(summary) {
   display: none !important;
 }
 
-.md kbd {
+.d2-1916015322 .md kbd {
   display: inline-block;
   padding: 3px 5px;
   color: var(--color-fg-default);
@@ -344,12 +344,12 @@
   box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
 }
 
-.md h1,
-.md h2,
-.md h3,
-.md h4,
-.md h5,
-.md h6 {
+.d2-1916015322 .md h1,
+.d2-1916015322 .md h2,
+.d2-1916015322 .md h3,
+.d2-1916015322 .md h4,
+.d2-1916015322 .md h5,
+.d2-1916015322 .md h6 {
   margin-top: 24px;
   margin-bottom: 16px;
   font-weight: 600;
@@ -357,222 +357,222 @@
   font-family: "d2-1916015322-font-regular";
 }
 
-.md h2 {
+.d2-1916015322 .md h2 {
   font-weight: 600;
   padding-bottom: 0.3em;
   font-size: 1.5em;
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md h3 {
+.d2-1916015322 .md h3 {
   font-weight: 600;
   font-size: 1.25em;
 }
 
-.md h4 {
+.d2-1916015322 .md h4 {
   font-weight: 600;
   font-size: 1em;
 }
 
-.md h5 {
+.d2-1916015322 .md h5 {
   font-weight: 600;
   font-size: 0.875em;
 }
 
-.md h6 {
+.d2-1916015322 .md h6 {
   font-weight: 600;
   font-size: 0.85em;
   color: var(--color-fg-muted);
 }
 
-.md p {
+.d2-1916015322 .md p {
   margin-top: 0;
   margin-bottom: 10px;
 }
 
-.md blockquote {
+.d2-1916015322 .md blockquote {
   margin: 0;
   padding: 0 1em;
   color: var(--color-fg-muted);
   border-left: 0.25em solid var(--color-border-default);
 }
 
-.md ul,
-.md ol {
+.d2-1916015322 .md ul,
+.d2-1916015322 .md ol {
   margin-top: 0;
   margin-bottom: 0;
   padding-left: 2em;
 }
 
-.md ol ol,
-.md ul ol {
+.d2-1916015322 .md ol ol,
+.d2-1916015322 .md ul ol {
   list-style-type: lower-roman;
 }
 
-.md ul ul ol,
-.md ul ol ol,
-.md ol ul ol,
-.md ol ol ol {
+.d2-1916015322 .md ul ul ol,
+.d2-1916015322 .md ul ol ol,
+.d2-1916015322 .md ol ul ol,
+.d2-1916015322 .md ol ol ol {
   list-style-type: lower-alpha;
 }
 
-.md dd {
+.d2-1916015322 .md dd {
   margin-left: 0;
 }
 
-.md pre {
+.d2-1916015322 .md pre {
   margin-top: 0;
   margin-bottom: 0;
   word-wrap: normal;
 }
 
-.md ::placeholder {
+.d2-1916015322 .md ::placeholder {
   color: var(--color-fg-subtle);
   opacity: 1;
 }
 
-.md input::-webkit-outer-spin-button,
-.md input::-webkit-inner-spin-button {
+.d2-1916015322 .md input::-webkit-outer-spin-button,
+.d2-1916015322 .md input::-webkit-inner-spin-button {
   margin: 0;
   -webkit-appearance: none;
   appearance: none;
 }
 
-.md::before {
+.d2-1916015322 .md::before {
   display: table;
   content: "";
 }
 
-.md::after {
+.d2-1916015322 .md::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md > *:first-child {
+.d2-1916015322 .md > *:first-child {
   margin-top: 0 !important;
 }
 
-.md > *:last-child {
+.d2-1916015322 .md > *:last-child {
   margin-bottom: 0 !important;
 }
 
-.md a:not([href]) {
+.d2-1916015322 .md a:not([href]) {
   color: inherit;
   text-decoration: none;
 }
 
-.md .absent {
+.d2-1916015322 .md .absent {
   color: var(--color-danger-fg);
 }
 
-.md .anchor {
+.d2-1916015322 .md .anchor {
   float: left;
   padding-right: 4px;
   margin-left: -20px;
   line-height: 1;
 }
 
-.md .anchor:focus {
+.d2-1916015322 .md .anchor:focus {
   outline: none;
 }
 
-.md p,
-.md blockquote,
-.md ul,
-.md ol,
-.md dl,
-.md table,
-.md pre,
-.md details {
+.d2-1916015322 .md p,
+.d2-1916015322 .md blockquote,
+.d2-1916015322 .md ul,
+.d2-1916015322 .md ol,
+.d2-1916015322 .md dl,
+.d2-1916015322 .md table,
+.d2-1916015322 .md pre,
+.d2-1916015322 .md details {
   margin-top: 0;
   margin-bottom: 16px;
 }
 
-.md blockquote > :first-child {
+.d2-1916015322 .md blockquote > :first-child {
   margin-top: 0;
 }
 
-.md blockquote > :last-child {
+.d2-1916015322 .md blockquote > :last-child {
   margin-bottom: 0;
 }
 
-.md sup > a::before {
+.d2-1916015322 .md sup > a::before {
   content: "[";
 }
 
-.md sup > a::after {
+.d2-1916015322 .md sup > a::after {
   content: "]";
 }
 
-.md h1:hover .anchor,
-.md h2:hover .anchor,
-.md h3:hover .anchor,
-.md h4:hover .anchor,
-.md h5:hover .anchor,
-.md h6:hover .anchor {
+.d2-1916015322 .md h1:hover .anchor,
+.d2-1916015322 .md h2:hover .anchor,
+.d2-1916015322 .md h3:hover .anchor,
+.d2-1916015322 .md h4:hover .anchor,
+.d2-1916015322 .md h5:hover .anchor,
+.d2-1916015322 .md h6:hover .anchor {
   text-decoration: none;
 }
 
-.md h1 tt,
-.md h1 code,
-.md h2 tt,
-.md h2 code,
-.md h3 tt,
-.md h3 code,
-.md h4 tt,
-.md h4 code,
-.md h5 tt,
-.md h5 code,
-.md h6 tt,
-.md h6 code {
+.d2-1916015322 .md h1 tt,
+.d2-1916015322 .md h1 code,
+.d2-1916015322 .md h2 tt,
+.d2-1916015322 .md h2 code,
+.d2-1916015322 .md h3 tt,
+.d2-1916015322 .md h3 code,
+.d2-1916015322 .md h4 tt,
+.d2-1916015322 .md h4 code,
+.d2-1916015322 .md h5 tt,
+.d2-1916015322 .md h5 code,
+.d2-1916015322 .md h6 tt,
+.d2-1916015322 .md h6 code {
   padding: 0 0.2em;
   font-size: inherit;
 }
 
-.md ul.no-list,
-.md ol.no-list {
+.d2-1916015322 .md ul.no-list,
+.d2-1916015322 .md ol.no-list {
   padding: 0;
   list-style-type: none;
 }
 
-.md ol[type="1"] {
+.d2-1916015322 .md ol[type="1"] {
   list-style-type: decimal;
 }
 
-.md ol[type="a"] {
+.d2-1916015322 .md ol[type="a"] {
   list-style-type: lower-alpha;
 }
 
-.md ol[type="i"] {
+.d2-1916015322 .md ol[type="i"] {
   list-style-type: lower-roman;
 }
 
-.md div > ol:not([type]) {
+.d2-1916015322 .md div > ol:not([type]) {
   list-style-type: decimal;
 }
 
-.md ul ul,
-.md ul ol,
-.md ol ol,
-.md ol ul {
+.d2-1916015322 .md ul ul,
+.d2-1916015322 .md ul ol,
+.d2-1916015322 .md ol ol,
+.d2-1916015322 .md ol ul {
   margin-top: 0;
   margin-bottom: 0;
 }
 
-.md li > p {
+.d2-1916015322 .md li > p {
   margin-top: 16px;
 }
 
-.md li + li {
+.d2-1916015322 .md li + li {
   margin-top: 0.25em;
 }
 
-.md dl {
+.d2-1916015322 .md dl {
   padding: 0;
 }
 
-.md dl dt {
+.d2-1916015322 .md dl dt {
   padding: 0;
   margin-top: 16px;
   font-size: 1em;
@@ -580,48 +580,48 @@
   font-weight: 600;
 }
 
-.md dl dd {
+.d2-1916015322 .md dl dd {
   padding: 0 16px;
   margin-bottom: 16px;
 }
 
-.md table th {
+.d2-1916015322 .md table th {
   font-weight: 600;
 }
 
-.md table th,
-.md table td {
+.d2-1916015322 .md table th,
+.d2-1916015322 .md table td {
   padding: 6px 13px;
   border: 1px solid var(--color-border-default);
 }
 
-.md table tr {
+.d2-1916015322 .md table tr {
   background-color: var(--color-canvas-default);
   border-top: 1px solid var(--color-border-muted);
 }
 
-.md table tr:nth-child(2n) {
+.d2-1916015322 .md table tr:nth-child(2n) {
   background-color: var(--color-canvas-subtle);
 }
 
-.md table img {
+.d2-1916015322 .md table img {
   background-color: transparent;
 }
 
-.md img[align="right"] {
+.d2-1916015322 .md img[align="right"] {
   padding-left: 20px;
 }
 
-.md img[align="left"] {
+.d2-1916015322 .md img[align="left"] {
   padding-right: 20px;
 }
 
-.md span.frame {
+.d2-1916015322 .md span.frame {
   display: block;
   overflow: hidden;
 }
 
-.md span.frame > span {
+.d2-1916015322 .md span.frame > span {
   display: block;
   float: left;
   width: auto;
@@ -631,81 +631,81 @@
   border: 1px solid var(--color-border-default);
 }
 
-.md span.frame span img {
+.d2-1916015322 .md span.frame span img {
   display: block;
   float: left;
 }
 
-.md span.frame span span {
+.d2-1916015322 .md span.frame span span {
   display: block;
   padding: 5px 0 0;
   clear: both;
   color: var(--color-fg-default);
 }
 
-.md span.align-center {
+.d2-1916015322 .md span.align-center {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-center > span {
+.d2-1916015322 .md span.align-center > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: center;
 }
 
-.md span.align-center span img {
+.d2-1916015322 .md span.align-center span img {
   margin: 0 auto;
   text-align: center;
 }
 
-.md span.align-right {
+.d2-1916015322 .md span.align-right {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-right > span {
+.d2-1916015322 .md span.align-right > span {
   display: block;
   margin: 13px 0 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md span.align-right span img {
+.d2-1916015322 .md span.align-right span img {
   margin: 0;
   text-align: right;
 }
 
-.md span.float-left {
+.d2-1916015322 .md span.float-left {
   display: block;
   float: left;
   margin-right: 13px;
   overflow: hidden;
 }
 
-.md span.float-left span {
+.d2-1916015322 .md span.float-left span {
   margin: 13px 0 0;
 }
 
-.md span.float-right {
+.d2-1916015322 .md span.float-right {
   display: block;
   float: right;
   margin-left: 13px;
   overflow: hidden;
 }
 
-.md span.float-right > span {
+.d2-1916015322 .md span.float-right > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md code,
-.md tt {
+.d2-1916015322 .md code,
+.d2-1916015322 .md tt {
   padding: 0.2em 0.4em;
   margin: 0;
   font-size: 85%;
@@ -713,20 +713,20 @@
   border-radius: 6px;
 }
 
-.md code br,
-.md tt br {
+.d2-1916015322 .md code br,
+.d2-1916015322 .md tt br {
   display: none;
 }
 
-.md del code {
+.d2-1916015322 .md del code {
   text-decoration: inherit;
 }
 
-.md pre code {
+.d2-1916015322 .md pre code {
   font-size: 100%;
 }
 
-.md pre > code {
+.d2-1916015322 .md pre > code {
   padding: 0;
   margin: 0;
   word-break: normal;
@@ -735,17 +735,17 @@
   border: 0;
 }
 
-.md .highlight {
+.d2-1916015322 .md .highlight {
   margin-bottom: 16px;
 }
 
-.md .highlight pre {
+.d2-1916015322 .md .highlight pre {
   margin-bottom: 0;
   word-break: normal;
 }
 
-.md .highlight pre,
-.md pre {
+.d2-1916015322 .md .highlight pre,
+.d2-1916015322 .md pre {
   padding: 16px;
   overflow: auto;
   font-size: 85%;
@@ -754,8 +754,8 @@
   border-radius: 6px;
 }
 
-.md pre code,
-.md pre tt {
+.d2-1916015322 .md pre code,
+.d2-1916015322 .md pre tt {
   display: inline;
   max-width: auto;
   padding: 0;
@@ -767,8 +767,8 @@
   border: 0;
 }
 
-.md .csv-data td,
-.md .csv-data th {
+.d2-1916015322 .md .csv-data td,
+.d2-1916015322 .md .csv-data th {
   padding: 5px;
   overflow: hidden;
   font-size: 12px;
@@ -777,38 +777,38 @@
   white-space: nowrap;
 }
 
-.md .csv-data .blob-num {
+.d2-1916015322 .md .csv-data .blob-num {
   padding: 10px 8px 9px;
   text-align: right;
   background: var(--color-canvas-default);
   border: 0;
 }
 
-.md .csv-data tr {
+.d2-1916015322 .md .csv-data tr {
   border-top: 0;
 }
 
-.md .csv-data th {
+.d2-1916015322 .md .csv-data th {
   font-weight: 600;
   background: var(--color-canvas-subtle);
   border-top: 0;
 }
 
-.md .footnotes {
+.d2-1916015322 .md .footnotes {
   font-size: 12px;
   color: var(--color-fg-muted);
   border-top: 1px solid var(--color-border-default);
 }
 
-.md .footnotes ol {
+.d2-1916015322 .md .footnotes ol {
   padding-left: 16px;
 }
 
-.md .footnotes li {
+.d2-1916015322 .md .footnotes li {
   position: relative;
 }
 
-.md .footnotes li:target::before {
+.d2-1916015322 .md .footnotes li:target::before {
   position: absolute;
   top: -8px;
   right: -8px;
@@ -820,36 +820,36 @@
   border-radius: 6px;
 }
 
-.md .footnotes li:target {
+.d2-1916015322 .md .footnotes li:target {
   color: var(--color-fg-default);
 }
 
-.md .task-list-item {
+.d2-1916015322 .md .task-list-item {
   list-style-type: none;
 }
 
-.md .task-list-item label {
+.d2-1916015322 .md .task-list-item label {
   font-weight: 400;
 }
 
-.md .task-list-item.enabled label {
+.d2-1916015322 .md .task-list-item.enabled label {
   cursor: pointer;
 }
 
-.md .task-list-item + .task-list-item {
+.d2-1916015322 .md .task-list-item + .task-list-item {
   margin-top: 3px;
 }
 
-.md .task-list-item .handle {
+.d2-1916015322 .md .task-list-item .handle {
   display: none;
 }
 
-.md .task-list-item-checkbox {
+.d2-1916015322 .md .task-list-item-checkbox {
   margin: 0 0.2em 0.25em -1.6em;
   vertical-align: middle;
 }
 
-.md .contains-task-list:dir(rtl) .task-list-item-checkbox {
+.d2-1916015322 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
 </style><g id="containers"><g class="shape" ><rect x="0.000000" y="41.000000" width="932.000000" height="415.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="466.000000" y="28.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">containers</text></g><g id="cloud"><g class="shape" ><path d="M 1057 189 C 1057 192 1054 194 1050 194 C 1007 197 972 232 972 274 C 972 319 1010 355 1059 355 H 1389 C 1441 355 1484 316 1484 269 C 1484 224 1445 187 1395 184 C 1392 184 1388 182 1387 179 C 1376 133 1325 99 1265 99 C 1226 99 1191 113 1169 136 C 1166 139 1162 139 1160 139 C 1151 136 1142 135 1132 135 C 1092 135 1060 159 1057 189 Z" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="1225.664000" y="280.644000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">cloud</text></g><g id="tall cylinder"><g class="shape" ><path d="M 1100 1480 C 1100 1456 1215 1456 1228 1456 C 1241 1456 1356 1456 1356 1480 V 1944 C 1356 1968 1241 1968 1228 1968 C 1215 1968 1100 1968 1100 1944 V 1480 Z" class=" stroke-B1 fill-AA4" style="stroke-width:2;" /><path d="M 1100 1480 C 1100 1504 1215 1504 1228 1504 C 1241 1504 1356 1504 1356 1480" class=" stroke-B1 fill-AA4" style="stroke-width:2;" /></g><text x="1228.000000" y="1729.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">tall cylinder</text></g><g id="class2"><g class="shape" ><rect x="828.000000" y="756.000000" width="800.000000" height="400.000000" class=" stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="828.000000" y="756.000000" width="800.000000" height="100.000000" class="class_header fill-N1" /><text x="1228.000000" y="813.750000" class="text-mono fill-N7" style="text-anchor:middle;font-size:24px;">class2</text><text x="838.000000" y="886.000000" class="text-mono fill-B2" style="text-anchor:start;font-size:20px">-</text><text x="858.000000" y="886.000000" class="text-mono fill-N1" style="text-anchor:start;font-size:20px">num</text><text x="1608.000000" y="886.000000" class="text-mono fill-AA2" style="text-anchor:end;font-size:20px">int</text><text x="838.000000" y="936.000000" class="text-mono fill-B2" style="text-anchor:start;font-size:20px">-</text><text x="858.000000" y="936.000000" class="text-mono fill-N1" style="text-anchor:start;font-size:20px">timeout</text><text x="1608.000000" y="936.000000" class="text-mono fill-AA2" style="text-anchor:end;font-size:20px">int</text><text x="838.000000" y="986.000000" class="text-mono fill-B2" style="text-anchor:start;font-size:20px">-</text><text x="858.000000" y="986.000000" class="text-mono fill-N1" style="text-anchor:start;font-size:20px">pid</text><text x="1608.000000" y="986.000000" class="text-mono fill-AA2" style="text-anchor:end;font-size:20px" /><line x1="828.000000" x2="1628.000000" y1="1006.000000" y2="1006.000000" class=" stroke-N1" style="stroke-width:1" /><text x="838.000000" y="1036.000000" class="text-mono fill-B2" style="text-anchor:start;font-size:20px">+</text><text x="858.000000" y="1036.000000" class="text-mono fill-N1" style="text-anchor:start;font-size:20px">getStatus()</text><text x="1608.000000" y="1036.000000" class="text-mono fill-AA2" style="text-anchor:end;font-size:20px">Enum</text><text x="838.000000" y="1086.000000" class="text-mono fill-B2" style="text-anchor:start;font-size:20px">+</text><text x="858.000000" y="1086.000000" class="text-mono fill-N1" style="text-anchor:start;font-size:20px">getJobs()</text><text x="1608.000000" y="1086.000000" class="text-mono fill-AA2" style="text-anchor:end;font-size:20px">Job[]</text><text x="838.000000" y="1136.000000" class="text-mono fill-B2" style="text-anchor:start;font-size:20px">+</text><text x="858.000000" y="1136.000000" class="text-mono fill-N1" style="text-anchor:start;font-size:20px">setTimeout(seconds int)</text><text x="1608.000000" y="1136.000000" class="text-mono fill-AA2" style="text-anchor:end;font-size:20px">void</text></g></g><g id="users"><g class="shape" ><rect x="828.000000" y="2068.000000" width="800.000000" height="400.000000" class="shape stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="828.000000" y="2068.000000" width="800.000000" height="66.666667" class="class_header fill-N1" /><text x="838.000000" y="2109.083333" class="text fill-N7" style="text-anchor:start;font-size:24px">users</text><text x="838.000000" y="2173.000000" class="text fill-B2" style="text-anchor:start;font-size:20px">id</text><text x="939.000000" y="2173.000000" class="text fill-N2" style="text-anchor:start;font-size:20px">int</text><text x="1608.000000" y="2173.000000" class="text fill-AA2" style="text-anchor:end;font-size:20px;letter-spacing:2px" /><line x1="828.000000" x2="1628.000000" y1="2201.333333" y2="2201.333333" class=" stroke-N1" style="stroke-width:2" /><text x="838.000000" y="2239.666667" class="text fill-B2" style="text-anchor:start;font-size:20px">name</text><text x="939.000000" y="2239.666667" class="text fill-N2" style="text-anchor:start;font-size:20px">string</text><text x="1608.000000" y="2239.666667" class="text fill-AA2" style="text-anchor:end;font-size:20px;letter-spacing:2px" /><line x1="828.000000" x2="1628.000000" y1="2268.000000" y2="2268.000000" class=" stroke-N1" style="stroke-width:2" /><text x="838.000000" y="2306.333333" class="text fill-B2" style="text-anchor:start;font-size:20px">email</text><text x="939.000000" y="2306.333333" class="text fill-N2" style="text-anchor:start;font-size:20px">string</text><text x="1608.000000" y="2306.333333" class="text fill-AA2" style="text-anchor:end;font-size:20px;letter-spacing:2px" /><line x1="828.000000" x2="1628.000000" y1="2334.666667" y2="2334.666667" class=" stroke-N1" style="stroke-width:2" /><text x="838.000000" y="2373.000000" class="text fill-B2" style="text-anchor:start;font-size:20px">password</text><text x="939.000000" y="2373.000000" class="text fill-N2" style="text-anchor:start;font-size:20px">string</text><text x="1608.000000" y="2373.000000" class="text fill-AA2" style="text-anchor:end;font-size:20px;letter-spacing:2px" /><line x1="828.000000" x2="1628.000000" y1="2401.333333" y2="2401.333333" class=" stroke-N1" style="stroke-width:2" /><text x="838.000000" y="2439.666667" class="text fill-B2" style="text-anchor:start;font-size:20px">last_login</text><text x="939.000000" y="2439.666667" class="text fill-N2" style="text-anchor:start;font-size:20px">datetime</text><text x="1608.000000" y="2439.666667" class="text fill-AA2" style="text-anchor:end;font-size:20px;letter-spacing:2px" /><line x1="828.000000" x2="1628.000000" y1="2468.000000" y2="2468.000000" class=" stroke-N1" style="stroke-width:2" /></g></g><g id="container"><g class="shape" ><rect x="1831.000000" y="195.000000" width="114.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="1888.000000" y="233.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">container</text></g><g id="text"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="1688.000000" y="556.000000" width="400" height="800"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p>markdown text expanded to 800x400</p>
diff --git a/e2etests/testdata/todo/shape_set_width_height/elk/sketch.exp.svg b/e2etests/testdata/todo/shape_set_width_height/elk/sketch.exp.svg
index 68783334e..19995f506 100644
--- a/e2etests/testdata/todo/shape_set_width_height/elk/sketch.exp.svg
+++ b/e2etests/testdata/todo/shape_set_width_height/elk/sketch.exp.svg
@@ -110,31 +110,31 @@
 		.d2-971574072 .color-AA4{color:#EDF0FD;}
 		.d2-971574072 .color-AA5{color:#F7F8FE;}
 		.d2-971574072 .color-AB4{color:#EDF0FD;}
-		.d2-971574072 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.md em,
-.md dfn {
+		.d2-971574072 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.d2-971574072 .md em,
+.d2-971574072 .md dfn {
   font-family: "d2-971574072-font-italic";
 }
 
-.md b,
-.md strong {
+.d2-971574072 .md b,
+.d2-971574072 .md strong {
   font-family: "d2-971574072-font-bold";
 }
 
-.md code,
-.md kbd,
-.md pre,
-.md samp {
+.d2-971574072 .md code,
+.d2-971574072 .md kbd,
+.d2-971574072 .md pre,
+.d2-971574072 .md samp {
   font-family: "d2-971574072-font-mono";
   font-size: 1em;
 }
 
-.md {
+.d2-971574072 .md {
   tab-size: 4;
 }
 
 /* variables are provided in d2renderers/d2svg/d2svg.go */
 
-.md {
+.d2-971574072 .md {
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
   margin: 0;
@@ -146,41 +146,41 @@
   word-wrap: break-word;
 }
 
-.md details,
-.md figcaption,
-.md figure {
+.d2-971574072 .md details,
+.d2-971574072 .md figcaption,
+.d2-971574072 .md figure {
   display: block;
 }
 
-.md summary {
+.d2-971574072 .md summary {
   display: list-item;
 }
 
-.md [hidden] {
+.d2-971574072 .md [hidden] {
   display: none !important;
 }
 
-.md a {
+.d2-971574072 .md a {
   background-color: transparent;
   color: var(--color-accent-fg);
   text-decoration: none;
 }
 
-.md a:active,
-.md a:hover {
+.d2-971574072 .md a:active,
+.d2-971574072 .md a:hover {
   outline-width: 0;
 }
 
-.md abbr[title] {
+.d2-971574072 .md abbr[title] {
   border-bottom: none;
   text-decoration: underline dotted;
 }
 
-.md dfn {
+.d2-971574072 .md dfn {
   font-style: italic;
 }
 
-.md h1 {
+.d2-971574072 .md h1 {
   margin: 0.67em 0;
   font-weight: 600;
   padding-bottom: 0.3em;
@@ -188,43 +188,43 @@
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md mark {
+.d2-971574072 .md mark {
   background-color: var(--color-attention-subtle);
   color: var(--color-text-primary);
 }
 
-.md small {
+.d2-971574072 .md small {
   font-size: 90%;
 }
 
-.md sub,
-.md sup {
+.d2-971574072 .md sub,
+.d2-971574072 .md sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
 }
 
-.md sub {
+.d2-971574072 .md sub {
   bottom: -0.25em;
 }
 
-.md sup {
+.d2-971574072 .md sup {
   top: -0.5em;
 }
 
-.md img {
+.d2-971574072 .md img {
   border-style: none;
   max-width: 100%;
   box-sizing: content-box;
   background-color: var(--color-canvas-default);
 }
 
-.md figure {
+.d2-971574072 .md figure {
   margin: 1em 40px;
 }
 
-.md hr {
+.d2-971574072 .md hr {
   box-sizing: content-box;
   overflow: hidden;
   background: transparent;
@@ -236,7 +236,7 @@
   border: 0;
 }
 
-.md input {
+.d2-971574072 .md input {
   font: inherit;
   margin: 0;
   overflow: visible;
@@ -245,72 +245,72 @@
   line-height: inherit;
 }
 
-.md [type="button"],
-.md [type="reset"],
-.md [type="submit"] {
+.d2-971574072 .md [type="button"],
+.d2-971574072 .md [type="reset"],
+.d2-971574072 .md [type="submit"] {
   -webkit-appearance: button;
 }
 
-.md [type="button"]::-moz-focus-inner,
-.md [type="reset"]::-moz-focus-inner,
-.md [type="submit"]::-moz-focus-inner {
+.d2-971574072 .md [type="button"]::-moz-focus-inner,
+.d2-971574072 .md [type="reset"]::-moz-focus-inner,
+.d2-971574072 .md [type="submit"]::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.md [type="button"]:-moz-focusring,
-.md [type="reset"]:-moz-focusring,
-.md [type="submit"]:-moz-focusring {
+.d2-971574072 .md [type="button"]:-moz-focusring,
+.d2-971574072 .md [type="reset"]:-moz-focusring,
+.d2-971574072 .md [type="submit"]:-moz-focusring {
   outline: 1px dotted ButtonText;
 }
 
-.md [type="checkbox"],
-.md [type="radio"] {
+.d2-971574072 .md [type="checkbox"],
+.d2-971574072 .md [type="radio"] {
   box-sizing: border-box;
   padding: 0;
 }
 
-.md [type="number"]::-webkit-inner-spin-button,
-.md [type="number"]::-webkit-outer-spin-button {
+.d2-971574072 .md [type="number"]::-webkit-inner-spin-button,
+.d2-971574072 .md [type="number"]::-webkit-outer-spin-button {
   height: auto;
 }
 
-.md [type="search"] {
+.d2-971574072 .md [type="search"] {
   -webkit-appearance: textfield;
   outline-offset: -2px;
 }
 
-.md [type="search"]::-webkit-search-cancel-button,
-.md [type="search"]::-webkit-search-decoration {
+.d2-971574072 .md [type="search"]::-webkit-search-cancel-button,
+.d2-971574072 .md [type="search"]::-webkit-search-decoration {
   -webkit-appearance: none;
 }
 
-.md ::-webkit-input-placeholder {
+.d2-971574072 .md ::-webkit-input-placeholder {
   color: inherit;
   opacity: 0.54;
 }
 
-.md ::-webkit-file-upload-button {
+.d2-971574072 .md ::-webkit-file-upload-button {
   -webkit-appearance: button;
   font: inherit;
 }
 
-.md a:hover {
+.d2-971574072 .md a:hover {
   text-decoration: underline;
 }
 
-.md hr::before {
+.d2-971574072 .md hr::before {
   display: table;
   content: "";
 }
 
-.md hr::after {
+.d2-971574072 .md hr::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md table {
+.d2-971574072 .md table {
   border-spacing: 0;
   border-collapse: collapse;
   display: block;
@@ -319,20 +319,20 @@
   overflow: auto;
 }
 
-.md td,
-.md th {
+.d2-971574072 .md td,
+.d2-971574072 .md th {
   padding: 0;
 }
 
-.md details summary {
+.d2-971574072 .md details summary {
   cursor: pointer;
 }
 
-.md details:not([open]) > *:not(summary) {
+.d2-971574072 .md details:not([open]) > *:not(summary) {
   display: none !important;
 }
 
-.md kbd {
+.d2-971574072 .md kbd {
   display: inline-block;
   padding: 3px 5px;
   color: var(--color-fg-default);
@@ -344,12 +344,12 @@
   box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
 }
 
-.md h1,
-.md h2,
-.md h3,
-.md h4,
-.md h5,
-.md h6 {
+.d2-971574072 .md h1,
+.d2-971574072 .md h2,
+.d2-971574072 .md h3,
+.d2-971574072 .md h4,
+.d2-971574072 .md h5,
+.d2-971574072 .md h6 {
   margin-top: 24px;
   margin-bottom: 16px;
   font-weight: 600;
@@ -357,222 +357,222 @@
   font-family: "d2-971574072-font-regular";
 }
 
-.md h2 {
+.d2-971574072 .md h2 {
   font-weight: 600;
   padding-bottom: 0.3em;
   font-size: 1.5em;
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md h3 {
+.d2-971574072 .md h3 {
   font-weight: 600;
   font-size: 1.25em;
 }
 
-.md h4 {
+.d2-971574072 .md h4 {
   font-weight: 600;
   font-size: 1em;
 }
 
-.md h5 {
+.d2-971574072 .md h5 {
   font-weight: 600;
   font-size: 0.875em;
 }
 
-.md h6 {
+.d2-971574072 .md h6 {
   font-weight: 600;
   font-size: 0.85em;
   color: var(--color-fg-muted);
 }
 
-.md p {
+.d2-971574072 .md p {
   margin-top: 0;
   margin-bottom: 10px;
 }
 
-.md blockquote {
+.d2-971574072 .md blockquote {
   margin: 0;
   padding: 0 1em;
   color: var(--color-fg-muted);
   border-left: 0.25em solid var(--color-border-default);
 }
 
-.md ul,
-.md ol {
+.d2-971574072 .md ul,
+.d2-971574072 .md ol {
   margin-top: 0;
   margin-bottom: 0;
   padding-left: 2em;
 }
 
-.md ol ol,
-.md ul ol {
+.d2-971574072 .md ol ol,
+.d2-971574072 .md ul ol {
   list-style-type: lower-roman;
 }
 
-.md ul ul ol,
-.md ul ol ol,
-.md ol ul ol,
-.md ol ol ol {
+.d2-971574072 .md ul ul ol,
+.d2-971574072 .md ul ol ol,
+.d2-971574072 .md ol ul ol,
+.d2-971574072 .md ol ol ol {
   list-style-type: lower-alpha;
 }
 
-.md dd {
+.d2-971574072 .md dd {
   margin-left: 0;
 }
 
-.md pre {
+.d2-971574072 .md pre {
   margin-top: 0;
   margin-bottom: 0;
   word-wrap: normal;
 }
 
-.md ::placeholder {
+.d2-971574072 .md ::placeholder {
   color: var(--color-fg-subtle);
   opacity: 1;
 }
 
-.md input::-webkit-outer-spin-button,
-.md input::-webkit-inner-spin-button {
+.d2-971574072 .md input::-webkit-outer-spin-button,
+.d2-971574072 .md input::-webkit-inner-spin-button {
   margin: 0;
   -webkit-appearance: none;
   appearance: none;
 }
 
-.md::before {
+.d2-971574072 .md::before {
   display: table;
   content: "";
 }
 
-.md::after {
+.d2-971574072 .md::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md > *:first-child {
+.d2-971574072 .md > *:first-child {
   margin-top: 0 !important;
 }
 
-.md > *:last-child {
+.d2-971574072 .md > *:last-child {
   margin-bottom: 0 !important;
 }
 
-.md a:not([href]) {
+.d2-971574072 .md a:not([href]) {
   color: inherit;
   text-decoration: none;
 }
 
-.md .absent {
+.d2-971574072 .md .absent {
   color: var(--color-danger-fg);
 }
 
-.md .anchor {
+.d2-971574072 .md .anchor {
   float: left;
   padding-right: 4px;
   margin-left: -20px;
   line-height: 1;
 }
 
-.md .anchor:focus {
+.d2-971574072 .md .anchor:focus {
   outline: none;
 }
 
-.md p,
-.md blockquote,
-.md ul,
-.md ol,
-.md dl,
-.md table,
-.md pre,
-.md details {
+.d2-971574072 .md p,
+.d2-971574072 .md blockquote,
+.d2-971574072 .md ul,
+.d2-971574072 .md ol,
+.d2-971574072 .md dl,
+.d2-971574072 .md table,
+.d2-971574072 .md pre,
+.d2-971574072 .md details {
   margin-top: 0;
   margin-bottom: 16px;
 }
 
-.md blockquote > :first-child {
+.d2-971574072 .md blockquote > :first-child {
   margin-top: 0;
 }
 
-.md blockquote > :last-child {
+.d2-971574072 .md blockquote > :last-child {
   margin-bottom: 0;
 }
 
-.md sup > a::before {
+.d2-971574072 .md sup > a::before {
   content: "[";
 }
 
-.md sup > a::after {
+.d2-971574072 .md sup > a::after {
   content: "]";
 }
 
-.md h1:hover .anchor,
-.md h2:hover .anchor,
-.md h3:hover .anchor,
-.md h4:hover .anchor,
-.md h5:hover .anchor,
-.md h6:hover .anchor {
+.d2-971574072 .md h1:hover .anchor,
+.d2-971574072 .md h2:hover .anchor,
+.d2-971574072 .md h3:hover .anchor,
+.d2-971574072 .md h4:hover .anchor,
+.d2-971574072 .md h5:hover .anchor,
+.d2-971574072 .md h6:hover .anchor {
   text-decoration: none;
 }
 
-.md h1 tt,
-.md h1 code,
-.md h2 tt,
-.md h2 code,
-.md h3 tt,
-.md h3 code,
-.md h4 tt,
-.md h4 code,
-.md h5 tt,
-.md h5 code,
-.md h6 tt,
-.md h6 code {
+.d2-971574072 .md h1 tt,
+.d2-971574072 .md h1 code,
+.d2-971574072 .md h2 tt,
+.d2-971574072 .md h2 code,
+.d2-971574072 .md h3 tt,
+.d2-971574072 .md h3 code,
+.d2-971574072 .md h4 tt,
+.d2-971574072 .md h4 code,
+.d2-971574072 .md h5 tt,
+.d2-971574072 .md h5 code,
+.d2-971574072 .md h6 tt,
+.d2-971574072 .md h6 code {
   padding: 0 0.2em;
   font-size: inherit;
 }
 
-.md ul.no-list,
-.md ol.no-list {
+.d2-971574072 .md ul.no-list,
+.d2-971574072 .md ol.no-list {
   padding: 0;
   list-style-type: none;
 }
 
-.md ol[type="1"] {
+.d2-971574072 .md ol[type="1"] {
   list-style-type: decimal;
 }
 
-.md ol[type="a"] {
+.d2-971574072 .md ol[type="a"] {
   list-style-type: lower-alpha;
 }
 
-.md ol[type="i"] {
+.d2-971574072 .md ol[type="i"] {
   list-style-type: lower-roman;
 }
 
-.md div > ol:not([type]) {
+.d2-971574072 .md div > ol:not([type]) {
   list-style-type: decimal;
 }
 
-.md ul ul,
-.md ul ol,
-.md ol ol,
-.md ol ul {
+.d2-971574072 .md ul ul,
+.d2-971574072 .md ul ol,
+.d2-971574072 .md ol ol,
+.d2-971574072 .md ol ul {
   margin-top: 0;
   margin-bottom: 0;
 }
 
-.md li > p {
+.d2-971574072 .md li > p {
   margin-top: 16px;
 }
 
-.md li + li {
+.d2-971574072 .md li + li {
   margin-top: 0.25em;
 }
 
-.md dl {
+.d2-971574072 .md dl {
   padding: 0;
 }
 
-.md dl dt {
+.d2-971574072 .md dl dt {
   padding: 0;
   margin-top: 16px;
   font-size: 1em;
@@ -580,48 +580,48 @@
   font-weight: 600;
 }
 
-.md dl dd {
+.d2-971574072 .md dl dd {
   padding: 0 16px;
   margin-bottom: 16px;
 }
 
-.md table th {
+.d2-971574072 .md table th {
   font-weight: 600;
 }
 
-.md table th,
-.md table td {
+.d2-971574072 .md table th,
+.d2-971574072 .md table td {
   padding: 6px 13px;
   border: 1px solid var(--color-border-default);
 }
 
-.md table tr {
+.d2-971574072 .md table tr {
   background-color: var(--color-canvas-default);
   border-top: 1px solid var(--color-border-muted);
 }
 
-.md table tr:nth-child(2n) {
+.d2-971574072 .md table tr:nth-child(2n) {
   background-color: var(--color-canvas-subtle);
 }
 
-.md table img {
+.d2-971574072 .md table img {
   background-color: transparent;
 }
 
-.md img[align="right"] {
+.d2-971574072 .md img[align="right"] {
   padding-left: 20px;
 }
 
-.md img[align="left"] {
+.d2-971574072 .md img[align="left"] {
   padding-right: 20px;
 }
 
-.md span.frame {
+.d2-971574072 .md span.frame {
   display: block;
   overflow: hidden;
 }
 
-.md span.frame > span {
+.d2-971574072 .md span.frame > span {
   display: block;
   float: left;
   width: auto;
@@ -631,81 +631,81 @@
   border: 1px solid var(--color-border-default);
 }
 
-.md span.frame span img {
+.d2-971574072 .md span.frame span img {
   display: block;
   float: left;
 }
 
-.md span.frame span span {
+.d2-971574072 .md span.frame span span {
   display: block;
   padding: 5px 0 0;
   clear: both;
   color: var(--color-fg-default);
 }
 
-.md span.align-center {
+.d2-971574072 .md span.align-center {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-center > span {
+.d2-971574072 .md span.align-center > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: center;
 }
 
-.md span.align-center span img {
+.d2-971574072 .md span.align-center span img {
   margin: 0 auto;
   text-align: center;
 }
 
-.md span.align-right {
+.d2-971574072 .md span.align-right {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-right > span {
+.d2-971574072 .md span.align-right > span {
   display: block;
   margin: 13px 0 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md span.align-right span img {
+.d2-971574072 .md span.align-right span img {
   margin: 0;
   text-align: right;
 }
 
-.md span.float-left {
+.d2-971574072 .md span.float-left {
   display: block;
   float: left;
   margin-right: 13px;
   overflow: hidden;
 }
 
-.md span.float-left span {
+.d2-971574072 .md span.float-left span {
   margin: 13px 0 0;
 }
 
-.md span.float-right {
+.d2-971574072 .md span.float-right {
   display: block;
   float: right;
   margin-left: 13px;
   overflow: hidden;
 }
 
-.md span.float-right > span {
+.d2-971574072 .md span.float-right > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md code,
-.md tt {
+.d2-971574072 .md code,
+.d2-971574072 .md tt {
   padding: 0.2em 0.4em;
   margin: 0;
   font-size: 85%;
@@ -713,20 +713,20 @@
   border-radius: 6px;
 }
 
-.md code br,
-.md tt br {
+.d2-971574072 .md code br,
+.d2-971574072 .md tt br {
   display: none;
 }
 
-.md del code {
+.d2-971574072 .md del code {
   text-decoration: inherit;
 }
 
-.md pre code {
+.d2-971574072 .md pre code {
   font-size: 100%;
 }
 
-.md pre > code {
+.d2-971574072 .md pre > code {
   padding: 0;
   margin: 0;
   word-break: normal;
@@ -735,17 +735,17 @@
   border: 0;
 }
 
-.md .highlight {
+.d2-971574072 .md .highlight {
   margin-bottom: 16px;
 }
 
-.md .highlight pre {
+.d2-971574072 .md .highlight pre {
   margin-bottom: 0;
   word-break: normal;
 }
 
-.md .highlight pre,
-.md pre {
+.d2-971574072 .md .highlight pre,
+.d2-971574072 .md pre {
   padding: 16px;
   overflow: auto;
   font-size: 85%;
@@ -754,8 +754,8 @@
   border-radius: 6px;
 }
 
-.md pre code,
-.md pre tt {
+.d2-971574072 .md pre code,
+.d2-971574072 .md pre tt {
   display: inline;
   max-width: auto;
   padding: 0;
@@ -767,8 +767,8 @@
   border: 0;
 }
 
-.md .csv-data td,
-.md .csv-data th {
+.d2-971574072 .md .csv-data td,
+.d2-971574072 .md .csv-data th {
   padding: 5px;
   overflow: hidden;
   font-size: 12px;
@@ -777,38 +777,38 @@
   white-space: nowrap;
 }
 
-.md .csv-data .blob-num {
+.d2-971574072 .md .csv-data .blob-num {
   padding: 10px 8px 9px;
   text-align: right;
   background: var(--color-canvas-default);
   border: 0;
 }
 
-.md .csv-data tr {
+.d2-971574072 .md .csv-data tr {
   border-top: 0;
 }
 
-.md .csv-data th {
+.d2-971574072 .md .csv-data th {
   font-weight: 600;
   background: var(--color-canvas-subtle);
   border-top: 0;
 }
 
-.md .footnotes {
+.d2-971574072 .md .footnotes {
   font-size: 12px;
   color: var(--color-fg-muted);
   border-top: 1px solid var(--color-border-default);
 }
 
-.md .footnotes ol {
+.d2-971574072 .md .footnotes ol {
   padding-left: 16px;
 }
 
-.md .footnotes li {
+.d2-971574072 .md .footnotes li {
   position: relative;
 }
 
-.md .footnotes li:target::before {
+.d2-971574072 .md .footnotes li:target::before {
   position: absolute;
   top: -8px;
   right: -8px;
@@ -820,36 +820,36 @@
   border-radius: 6px;
 }
 
-.md .footnotes li:target {
+.d2-971574072 .md .footnotes li:target {
   color: var(--color-fg-default);
 }
 
-.md .task-list-item {
+.d2-971574072 .md .task-list-item {
   list-style-type: none;
 }
 
-.md .task-list-item label {
+.d2-971574072 .md .task-list-item label {
   font-weight: 400;
 }
 
-.md .task-list-item.enabled label {
+.d2-971574072 .md .task-list-item.enabled label {
   cursor: pointer;
 }
 
-.md .task-list-item + .task-list-item {
+.d2-971574072 .md .task-list-item + .task-list-item {
   margin-top: 3px;
 }
 
-.md .task-list-item .handle {
+.d2-971574072 .md .task-list-item .handle {
   display: none;
 }
 
-.md .task-list-item-checkbox {
+.d2-971574072 .md .task-list-item-checkbox {
   margin: 0 0.2em 0.25em -1.6em;
   vertical-align: middle;
 }
 
-.md .contains-task-list:dir(rtl) .task-list-item-checkbox {
+.d2-971574072 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
 </style><g id="containers"><g class="shape" ><rect x="12.000000" y="12.000000" width="1388.000000" height="438.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="706.000000" y="45.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">containers</text></g><g id="cloud"><g class="shape" ><path d="M 1505 283 C 1505 286 1502 288 1498 288 C 1455 291 1420 326 1420 368 C 1420 413 1458 449 1507 449 H 1837 C 1889 449 1932 410 1932 363 C 1932 318 1893 281 1843 278 C 1840 278 1836 276 1835 273 C 1824 227 1773 193 1713 193 C 1674 193 1639 207 1617 230 C 1614 233 1610 233 1608 233 C 1599 230 1590 229 1580 229 C 1540 229 1508 253 1505 283 Z" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="1673.664000" y="374.644000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">cloud</text></g><g id="tall cylinder"><g class="shape" ><path d="M 1548 1414 C 1548 1390 1663 1390 1676 1390 C 1689 1390 1804 1390 1804 1414 V 1878 C 1804 1902 1689 1902 1676 1902 C 1663 1902 1548 1902 1548 1878 V 1414 Z" class=" stroke-B1 fill-AA4" style="stroke-width:2;" /><path d="M 1548 1414 C 1548 1438 1663 1438 1676 1438 C 1689 1438 1804 1438 1804 1414" class=" stroke-B1 fill-AA4" style="stroke-width:2;" /></g><text x="1676.000000" y="1663.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">tall cylinder</text></g><g id="class2"><g class="shape" ><rect x="1276.000000" y="720.000000" width="800.000000" height="400.000000" class=" stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="1276.000000" y="720.000000" width="800.000000" height="100.000000" class="class_header fill-N1" /><text x="1676.000000" y="777.750000" class="text-mono fill-N7" style="text-anchor:middle;font-size:24px;">class2</text><text x="1286.000000" y="850.000000" class="text-mono fill-B2" style="text-anchor:start;font-size:20px">-</text><text x="1306.000000" y="850.000000" class="text-mono fill-N1" style="text-anchor:start;font-size:20px">num</text><text x="2056.000000" y="850.000000" class="text-mono fill-AA2" style="text-anchor:end;font-size:20px">int</text><text x="1286.000000" y="900.000000" class="text-mono fill-B2" style="text-anchor:start;font-size:20px">-</text><text x="1306.000000" y="900.000000" class="text-mono fill-N1" style="text-anchor:start;font-size:20px">timeout</text><text x="2056.000000" y="900.000000" class="text-mono fill-AA2" style="text-anchor:end;font-size:20px">int</text><text x="1286.000000" y="950.000000" class="text-mono fill-B2" style="text-anchor:start;font-size:20px">-</text><text x="1306.000000" y="950.000000" class="text-mono fill-N1" style="text-anchor:start;font-size:20px">pid</text><text x="2056.000000" y="950.000000" class="text-mono fill-AA2" style="text-anchor:end;font-size:20px" /><line x1="1276.000000" x2="2076.000000" y1="970.000000" y2="970.000000" class=" stroke-N1" style="stroke-width:1" /><text x="1286.000000" y="1000.000000" class="text-mono fill-B2" style="text-anchor:start;font-size:20px">+</text><text x="1306.000000" y="1000.000000" class="text-mono fill-N1" style="text-anchor:start;font-size:20px">getStatus()</text><text x="2056.000000" y="1000.000000" class="text-mono fill-AA2" style="text-anchor:end;font-size:20px">Enum</text><text x="1286.000000" y="1050.000000" class="text-mono fill-B2" style="text-anchor:start;font-size:20px">+</text><text x="1306.000000" y="1050.000000" class="text-mono fill-N1" style="text-anchor:start;font-size:20px">getJobs()</text><text x="2056.000000" y="1050.000000" class="text-mono fill-AA2" style="text-anchor:end;font-size:20px">Job[]</text><text x="1286.000000" y="1100.000000" class="text-mono fill-B2" style="text-anchor:start;font-size:20px">+</text><text x="1306.000000" y="1100.000000" class="text-mono fill-N1" style="text-anchor:start;font-size:20px">setTimeout(seconds int)</text><text x="2056.000000" y="1100.000000" class="text-mono fill-AA2" style="text-anchor:end;font-size:20px">void</text></g></g><g id="users"><g class="shape" ><rect x="1276.000000" y="1972.000000" width="800.000000" height="400.000000" class="shape stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="1276.000000" y="1972.000000" width="800.000000" height="66.666667" class="class_header fill-N1" /><text x="1286.000000" y="2013.083333" class="text fill-N7" style="text-anchor:start;font-size:24px">users</text><text x="1286.000000" y="2077.000000" class="text fill-B2" style="text-anchor:start;font-size:20px">id</text><text x="1387.000000" y="2077.000000" class="text fill-N2" style="text-anchor:start;font-size:20px">int</text><text x="2056.000000" y="2077.000000" class="text fill-AA2" style="text-anchor:end;font-size:20px;letter-spacing:2px" /><line x1="1276.000000" x2="2076.000000" y1="2105.333333" y2="2105.333333" class=" stroke-N1" style="stroke-width:2" /><text x="1286.000000" y="2143.666667" class="text fill-B2" style="text-anchor:start;font-size:20px">name</text><text x="1387.000000" y="2143.666667" class="text fill-N2" style="text-anchor:start;font-size:20px">string</text><text x="2056.000000" y="2143.666667" class="text fill-AA2" style="text-anchor:end;font-size:20px;letter-spacing:2px" /><line x1="1276.000000" x2="2076.000000" y1="2172.000000" y2="2172.000000" class=" stroke-N1" style="stroke-width:2" /><text x="1286.000000" y="2210.333333" class="text fill-B2" style="text-anchor:start;font-size:20px">email</text><text x="1387.000000" y="2210.333333" class="text fill-N2" style="text-anchor:start;font-size:20px">string</text><text x="2056.000000" y="2210.333333" class="text fill-AA2" style="text-anchor:end;font-size:20px;letter-spacing:2px" /><line x1="1276.000000" x2="2076.000000" y1="2238.666667" y2="2238.666667" class=" stroke-N1" style="stroke-width:2" /><text x="1286.000000" y="2277.000000" class="text fill-B2" style="text-anchor:start;font-size:20px">password</text><text x="1387.000000" y="2277.000000" class="text fill-N2" style="text-anchor:start;font-size:20px">string</text><text x="2056.000000" y="2277.000000" class="text fill-AA2" style="text-anchor:end;font-size:20px;letter-spacing:2px" /><line x1="1276.000000" x2="2076.000000" y1="2305.333333" y2="2305.333333" class=" stroke-N1" style="stroke-width:2" /><text x="1286.000000" y="2343.666667" class="text fill-B2" style="text-anchor:start;font-size:20px">last_login</text><text x="1387.000000" y="2343.666667" class="text fill-N2" style="text-anchor:start;font-size:20px">datetime</text><text x="2056.000000" y="2343.666667" class="text fill-AA2" style="text-anchor:end;font-size:20px;letter-spacing:2px" /><line x1="1276.000000" x2="2076.000000" y1="2372.000000" y2="2372.000000" class=" stroke-N1" style="stroke-width:2" /></g></g><g id="container"><g class="shape" ><rect x="2239.000000" y="384.000000" width="114.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="2296.000000" y="422.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">container</text></g><g id="text"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="2096.000000" y="520.000000" width="400" height="800"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p>markdown text expanded to 800x400</p>
diff --git a/e2etests/testdata/unicode/chinese/dagre/sketch.exp.svg b/e2etests/testdata/unicode/chinese/dagre/sketch.exp.svg
index 46e26b661..5dd38dfea 100644
--- a/e2etests/testdata/unicode/chinese/dagre/sketch.exp.svg
+++ b/e2etests/testdata/unicode/chinese/dagre/sketch.exp.svg
@@ -96,31 +96,31 @@
 		.d2-2143562443 .color-AA4{color:#EDF0FD;}
 		.d2-2143562443 .color-AA5{color:#F7F8FE;}
 		.d2-2143562443 .color-AB4{color:#EDF0FD;}
-		.d2-2143562443 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.md em,
-.md dfn {
+		.d2-2143562443 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.d2-2143562443 .md em,
+.d2-2143562443 .md dfn {
   font-family: "d2-2143562443-font-italic";
 }
 
-.md b,
-.md strong {
+.d2-2143562443 .md b,
+.d2-2143562443 .md strong {
   font-family: "d2-2143562443-font-bold";
 }
 
-.md code,
-.md kbd,
-.md pre,
-.md samp {
+.d2-2143562443 .md code,
+.d2-2143562443 .md kbd,
+.d2-2143562443 .md pre,
+.d2-2143562443 .md samp {
   font-family: "d2-2143562443-font-mono";
   font-size: 1em;
 }
 
-.md {
+.d2-2143562443 .md {
   tab-size: 4;
 }
 
 /* variables are provided in d2renderers/d2svg/d2svg.go */
 
-.md {
+.d2-2143562443 .md {
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
   margin: 0;
@@ -132,41 +132,41 @@
   word-wrap: break-word;
 }
 
-.md details,
-.md figcaption,
-.md figure {
+.d2-2143562443 .md details,
+.d2-2143562443 .md figcaption,
+.d2-2143562443 .md figure {
   display: block;
 }
 
-.md summary {
+.d2-2143562443 .md summary {
   display: list-item;
 }
 
-.md [hidden] {
+.d2-2143562443 .md [hidden] {
   display: none !important;
 }
 
-.md a {
+.d2-2143562443 .md a {
   background-color: transparent;
   color: var(--color-accent-fg);
   text-decoration: none;
 }
 
-.md a:active,
-.md a:hover {
+.d2-2143562443 .md a:active,
+.d2-2143562443 .md a:hover {
   outline-width: 0;
 }
 
-.md abbr[title] {
+.d2-2143562443 .md abbr[title] {
   border-bottom: none;
   text-decoration: underline dotted;
 }
 
-.md dfn {
+.d2-2143562443 .md dfn {
   font-style: italic;
 }
 
-.md h1 {
+.d2-2143562443 .md h1 {
   margin: 0.67em 0;
   font-weight: 600;
   padding-bottom: 0.3em;
@@ -174,43 +174,43 @@
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md mark {
+.d2-2143562443 .md mark {
   background-color: var(--color-attention-subtle);
   color: var(--color-text-primary);
 }
 
-.md small {
+.d2-2143562443 .md small {
   font-size: 90%;
 }
 
-.md sub,
-.md sup {
+.d2-2143562443 .md sub,
+.d2-2143562443 .md sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
 }
 
-.md sub {
+.d2-2143562443 .md sub {
   bottom: -0.25em;
 }
 
-.md sup {
+.d2-2143562443 .md sup {
   top: -0.5em;
 }
 
-.md img {
+.d2-2143562443 .md img {
   border-style: none;
   max-width: 100%;
   box-sizing: content-box;
   background-color: var(--color-canvas-default);
 }
 
-.md figure {
+.d2-2143562443 .md figure {
   margin: 1em 40px;
 }
 
-.md hr {
+.d2-2143562443 .md hr {
   box-sizing: content-box;
   overflow: hidden;
   background: transparent;
@@ -222,7 +222,7 @@
   border: 0;
 }
 
-.md input {
+.d2-2143562443 .md input {
   font: inherit;
   margin: 0;
   overflow: visible;
@@ -231,72 +231,72 @@
   line-height: inherit;
 }
 
-.md [type="button"],
-.md [type="reset"],
-.md [type="submit"] {
+.d2-2143562443 .md [type="button"],
+.d2-2143562443 .md [type="reset"],
+.d2-2143562443 .md [type="submit"] {
   -webkit-appearance: button;
 }
 
-.md [type="button"]::-moz-focus-inner,
-.md [type="reset"]::-moz-focus-inner,
-.md [type="submit"]::-moz-focus-inner {
+.d2-2143562443 .md [type="button"]::-moz-focus-inner,
+.d2-2143562443 .md [type="reset"]::-moz-focus-inner,
+.d2-2143562443 .md [type="submit"]::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.md [type="button"]:-moz-focusring,
-.md [type="reset"]:-moz-focusring,
-.md [type="submit"]:-moz-focusring {
+.d2-2143562443 .md [type="button"]:-moz-focusring,
+.d2-2143562443 .md [type="reset"]:-moz-focusring,
+.d2-2143562443 .md [type="submit"]:-moz-focusring {
   outline: 1px dotted ButtonText;
 }
 
-.md [type="checkbox"],
-.md [type="radio"] {
+.d2-2143562443 .md [type="checkbox"],
+.d2-2143562443 .md [type="radio"] {
   box-sizing: border-box;
   padding: 0;
 }
 
-.md [type="number"]::-webkit-inner-spin-button,
-.md [type="number"]::-webkit-outer-spin-button {
+.d2-2143562443 .md [type="number"]::-webkit-inner-spin-button,
+.d2-2143562443 .md [type="number"]::-webkit-outer-spin-button {
   height: auto;
 }
 
-.md [type="search"] {
+.d2-2143562443 .md [type="search"] {
   -webkit-appearance: textfield;
   outline-offset: -2px;
 }
 
-.md [type="search"]::-webkit-search-cancel-button,
-.md [type="search"]::-webkit-search-decoration {
+.d2-2143562443 .md [type="search"]::-webkit-search-cancel-button,
+.d2-2143562443 .md [type="search"]::-webkit-search-decoration {
   -webkit-appearance: none;
 }
 
-.md ::-webkit-input-placeholder {
+.d2-2143562443 .md ::-webkit-input-placeholder {
   color: inherit;
   opacity: 0.54;
 }
 
-.md ::-webkit-file-upload-button {
+.d2-2143562443 .md ::-webkit-file-upload-button {
   -webkit-appearance: button;
   font: inherit;
 }
 
-.md a:hover {
+.d2-2143562443 .md a:hover {
   text-decoration: underline;
 }
 
-.md hr::before {
+.d2-2143562443 .md hr::before {
   display: table;
   content: "";
 }
 
-.md hr::after {
+.d2-2143562443 .md hr::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md table {
+.d2-2143562443 .md table {
   border-spacing: 0;
   border-collapse: collapse;
   display: block;
@@ -305,20 +305,20 @@
   overflow: auto;
 }
 
-.md td,
-.md th {
+.d2-2143562443 .md td,
+.d2-2143562443 .md th {
   padding: 0;
 }
 
-.md details summary {
+.d2-2143562443 .md details summary {
   cursor: pointer;
 }
 
-.md details:not([open]) > *:not(summary) {
+.d2-2143562443 .md details:not([open]) > *:not(summary) {
   display: none !important;
 }
 
-.md kbd {
+.d2-2143562443 .md kbd {
   display: inline-block;
   padding: 3px 5px;
   color: var(--color-fg-default);
@@ -330,12 +330,12 @@
   box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
 }
 
-.md h1,
-.md h2,
-.md h3,
-.md h4,
-.md h5,
-.md h6 {
+.d2-2143562443 .md h1,
+.d2-2143562443 .md h2,
+.d2-2143562443 .md h3,
+.d2-2143562443 .md h4,
+.d2-2143562443 .md h5,
+.d2-2143562443 .md h6 {
   margin-top: 24px;
   margin-bottom: 16px;
   font-weight: 600;
@@ -343,222 +343,222 @@
   font-family: "d2-2143562443-font-regular";
 }
 
-.md h2 {
+.d2-2143562443 .md h2 {
   font-weight: 600;
   padding-bottom: 0.3em;
   font-size: 1.5em;
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md h3 {
+.d2-2143562443 .md h3 {
   font-weight: 600;
   font-size: 1.25em;
 }
 
-.md h4 {
+.d2-2143562443 .md h4 {
   font-weight: 600;
   font-size: 1em;
 }
 
-.md h5 {
+.d2-2143562443 .md h5 {
   font-weight: 600;
   font-size: 0.875em;
 }
 
-.md h6 {
+.d2-2143562443 .md h6 {
   font-weight: 600;
   font-size: 0.85em;
   color: var(--color-fg-muted);
 }
 
-.md p {
+.d2-2143562443 .md p {
   margin-top: 0;
   margin-bottom: 10px;
 }
 
-.md blockquote {
+.d2-2143562443 .md blockquote {
   margin: 0;
   padding: 0 1em;
   color: var(--color-fg-muted);
   border-left: 0.25em solid var(--color-border-default);
 }
 
-.md ul,
-.md ol {
+.d2-2143562443 .md ul,
+.d2-2143562443 .md ol {
   margin-top: 0;
   margin-bottom: 0;
   padding-left: 2em;
 }
 
-.md ol ol,
-.md ul ol {
+.d2-2143562443 .md ol ol,
+.d2-2143562443 .md ul ol {
   list-style-type: lower-roman;
 }
 
-.md ul ul ol,
-.md ul ol ol,
-.md ol ul ol,
-.md ol ol ol {
+.d2-2143562443 .md ul ul ol,
+.d2-2143562443 .md ul ol ol,
+.d2-2143562443 .md ol ul ol,
+.d2-2143562443 .md ol ol ol {
   list-style-type: lower-alpha;
 }
 
-.md dd {
+.d2-2143562443 .md dd {
   margin-left: 0;
 }
 
-.md pre {
+.d2-2143562443 .md pre {
   margin-top: 0;
   margin-bottom: 0;
   word-wrap: normal;
 }
 
-.md ::placeholder {
+.d2-2143562443 .md ::placeholder {
   color: var(--color-fg-subtle);
   opacity: 1;
 }
 
-.md input::-webkit-outer-spin-button,
-.md input::-webkit-inner-spin-button {
+.d2-2143562443 .md input::-webkit-outer-spin-button,
+.d2-2143562443 .md input::-webkit-inner-spin-button {
   margin: 0;
   -webkit-appearance: none;
   appearance: none;
 }
 
-.md::before {
+.d2-2143562443 .md::before {
   display: table;
   content: "";
 }
 
-.md::after {
+.d2-2143562443 .md::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md > *:first-child {
+.d2-2143562443 .md > *:first-child {
   margin-top: 0 !important;
 }
 
-.md > *:last-child {
+.d2-2143562443 .md > *:last-child {
   margin-bottom: 0 !important;
 }
 
-.md a:not([href]) {
+.d2-2143562443 .md a:not([href]) {
   color: inherit;
   text-decoration: none;
 }
 
-.md .absent {
+.d2-2143562443 .md .absent {
   color: var(--color-danger-fg);
 }
 
-.md .anchor {
+.d2-2143562443 .md .anchor {
   float: left;
   padding-right: 4px;
   margin-left: -20px;
   line-height: 1;
 }
 
-.md .anchor:focus {
+.d2-2143562443 .md .anchor:focus {
   outline: none;
 }
 
-.md p,
-.md blockquote,
-.md ul,
-.md ol,
-.md dl,
-.md table,
-.md pre,
-.md details {
+.d2-2143562443 .md p,
+.d2-2143562443 .md blockquote,
+.d2-2143562443 .md ul,
+.d2-2143562443 .md ol,
+.d2-2143562443 .md dl,
+.d2-2143562443 .md table,
+.d2-2143562443 .md pre,
+.d2-2143562443 .md details {
   margin-top: 0;
   margin-bottom: 16px;
 }
 
-.md blockquote > :first-child {
+.d2-2143562443 .md blockquote > :first-child {
   margin-top: 0;
 }
 
-.md blockquote > :last-child {
+.d2-2143562443 .md blockquote > :last-child {
   margin-bottom: 0;
 }
 
-.md sup > a::before {
+.d2-2143562443 .md sup > a::before {
   content: "[";
 }
 
-.md sup > a::after {
+.d2-2143562443 .md sup > a::after {
   content: "]";
 }
 
-.md h1:hover .anchor,
-.md h2:hover .anchor,
-.md h3:hover .anchor,
-.md h4:hover .anchor,
-.md h5:hover .anchor,
-.md h6:hover .anchor {
+.d2-2143562443 .md h1:hover .anchor,
+.d2-2143562443 .md h2:hover .anchor,
+.d2-2143562443 .md h3:hover .anchor,
+.d2-2143562443 .md h4:hover .anchor,
+.d2-2143562443 .md h5:hover .anchor,
+.d2-2143562443 .md h6:hover .anchor {
   text-decoration: none;
 }
 
-.md h1 tt,
-.md h1 code,
-.md h2 tt,
-.md h2 code,
-.md h3 tt,
-.md h3 code,
-.md h4 tt,
-.md h4 code,
-.md h5 tt,
-.md h5 code,
-.md h6 tt,
-.md h6 code {
+.d2-2143562443 .md h1 tt,
+.d2-2143562443 .md h1 code,
+.d2-2143562443 .md h2 tt,
+.d2-2143562443 .md h2 code,
+.d2-2143562443 .md h3 tt,
+.d2-2143562443 .md h3 code,
+.d2-2143562443 .md h4 tt,
+.d2-2143562443 .md h4 code,
+.d2-2143562443 .md h5 tt,
+.d2-2143562443 .md h5 code,
+.d2-2143562443 .md h6 tt,
+.d2-2143562443 .md h6 code {
   padding: 0 0.2em;
   font-size: inherit;
 }
 
-.md ul.no-list,
-.md ol.no-list {
+.d2-2143562443 .md ul.no-list,
+.d2-2143562443 .md ol.no-list {
   padding: 0;
   list-style-type: none;
 }
 
-.md ol[type="1"] {
+.d2-2143562443 .md ol[type="1"] {
   list-style-type: decimal;
 }
 
-.md ol[type="a"] {
+.d2-2143562443 .md ol[type="a"] {
   list-style-type: lower-alpha;
 }
 
-.md ol[type="i"] {
+.d2-2143562443 .md ol[type="i"] {
   list-style-type: lower-roman;
 }
 
-.md div > ol:not([type]) {
+.d2-2143562443 .md div > ol:not([type]) {
   list-style-type: decimal;
 }
 
-.md ul ul,
-.md ul ol,
-.md ol ol,
-.md ol ul {
+.d2-2143562443 .md ul ul,
+.d2-2143562443 .md ul ol,
+.d2-2143562443 .md ol ol,
+.d2-2143562443 .md ol ul {
   margin-top: 0;
   margin-bottom: 0;
 }
 
-.md li > p {
+.d2-2143562443 .md li > p {
   margin-top: 16px;
 }
 
-.md li + li {
+.d2-2143562443 .md li + li {
   margin-top: 0.25em;
 }
 
-.md dl {
+.d2-2143562443 .md dl {
   padding: 0;
 }
 
-.md dl dt {
+.d2-2143562443 .md dl dt {
   padding: 0;
   margin-top: 16px;
   font-size: 1em;
@@ -566,48 +566,48 @@
   font-weight: 600;
 }
 
-.md dl dd {
+.d2-2143562443 .md dl dd {
   padding: 0 16px;
   margin-bottom: 16px;
 }
 
-.md table th {
+.d2-2143562443 .md table th {
   font-weight: 600;
 }
 
-.md table th,
-.md table td {
+.d2-2143562443 .md table th,
+.d2-2143562443 .md table td {
   padding: 6px 13px;
   border: 1px solid var(--color-border-default);
 }
 
-.md table tr {
+.d2-2143562443 .md table tr {
   background-color: var(--color-canvas-default);
   border-top: 1px solid var(--color-border-muted);
 }
 
-.md table tr:nth-child(2n) {
+.d2-2143562443 .md table tr:nth-child(2n) {
   background-color: var(--color-canvas-subtle);
 }
 
-.md table img {
+.d2-2143562443 .md table img {
   background-color: transparent;
 }
 
-.md img[align="right"] {
+.d2-2143562443 .md img[align="right"] {
   padding-left: 20px;
 }
 
-.md img[align="left"] {
+.d2-2143562443 .md img[align="left"] {
   padding-right: 20px;
 }
 
-.md span.frame {
+.d2-2143562443 .md span.frame {
   display: block;
   overflow: hidden;
 }
 
-.md span.frame > span {
+.d2-2143562443 .md span.frame > span {
   display: block;
   float: left;
   width: auto;
@@ -617,81 +617,81 @@
   border: 1px solid var(--color-border-default);
 }
 
-.md span.frame span img {
+.d2-2143562443 .md span.frame span img {
   display: block;
   float: left;
 }
 
-.md span.frame span span {
+.d2-2143562443 .md span.frame span span {
   display: block;
   padding: 5px 0 0;
   clear: both;
   color: var(--color-fg-default);
 }
 
-.md span.align-center {
+.d2-2143562443 .md span.align-center {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-center > span {
+.d2-2143562443 .md span.align-center > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: center;
 }
 
-.md span.align-center span img {
+.d2-2143562443 .md span.align-center span img {
   margin: 0 auto;
   text-align: center;
 }
 
-.md span.align-right {
+.d2-2143562443 .md span.align-right {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-right > span {
+.d2-2143562443 .md span.align-right > span {
   display: block;
   margin: 13px 0 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md span.align-right span img {
+.d2-2143562443 .md span.align-right span img {
   margin: 0;
   text-align: right;
 }
 
-.md span.float-left {
+.d2-2143562443 .md span.float-left {
   display: block;
   float: left;
   margin-right: 13px;
   overflow: hidden;
 }
 
-.md span.float-left span {
+.d2-2143562443 .md span.float-left span {
   margin: 13px 0 0;
 }
 
-.md span.float-right {
+.d2-2143562443 .md span.float-right {
   display: block;
   float: right;
   margin-left: 13px;
   overflow: hidden;
 }
 
-.md span.float-right > span {
+.d2-2143562443 .md span.float-right > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md code,
-.md tt {
+.d2-2143562443 .md code,
+.d2-2143562443 .md tt {
   padding: 0.2em 0.4em;
   margin: 0;
   font-size: 85%;
@@ -699,20 +699,20 @@
   border-radius: 6px;
 }
 
-.md code br,
-.md tt br {
+.d2-2143562443 .md code br,
+.d2-2143562443 .md tt br {
   display: none;
 }
 
-.md del code {
+.d2-2143562443 .md del code {
   text-decoration: inherit;
 }
 
-.md pre code {
+.d2-2143562443 .md pre code {
   font-size: 100%;
 }
 
-.md pre > code {
+.d2-2143562443 .md pre > code {
   padding: 0;
   margin: 0;
   word-break: normal;
@@ -721,17 +721,17 @@
   border: 0;
 }
 
-.md .highlight {
+.d2-2143562443 .md .highlight {
   margin-bottom: 16px;
 }
 
-.md .highlight pre {
+.d2-2143562443 .md .highlight pre {
   margin-bottom: 0;
   word-break: normal;
 }
 
-.md .highlight pre,
-.md pre {
+.d2-2143562443 .md .highlight pre,
+.d2-2143562443 .md pre {
   padding: 16px;
   overflow: auto;
   font-size: 85%;
@@ -740,8 +740,8 @@
   border-radius: 6px;
 }
 
-.md pre code,
-.md pre tt {
+.d2-2143562443 .md pre code,
+.d2-2143562443 .md pre tt {
   display: inline;
   max-width: auto;
   padding: 0;
@@ -753,8 +753,8 @@
   border: 0;
 }
 
-.md .csv-data td,
-.md .csv-data th {
+.d2-2143562443 .md .csv-data td,
+.d2-2143562443 .md .csv-data th {
   padding: 5px;
   overflow: hidden;
   font-size: 12px;
@@ -763,38 +763,38 @@
   white-space: nowrap;
 }
 
-.md .csv-data .blob-num {
+.d2-2143562443 .md .csv-data .blob-num {
   padding: 10px 8px 9px;
   text-align: right;
   background: var(--color-canvas-default);
   border: 0;
 }
 
-.md .csv-data tr {
+.d2-2143562443 .md .csv-data tr {
   border-top: 0;
 }
 
-.md .csv-data th {
+.d2-2143562443 .md .csv-data th {
   font-weight: 600;
   background: var(--color-canvas-subtle);
   border-top: 0;
 }
 
-.md .footnotes {
+.d2-2143562443 .md .footnotes {
   font-size: 12px;
   color: var(--color-fg-muted);
   border-top: 1px solid var(--color-border-default);
 }
 
-.md .footnotes ol {
+.d2-2143562443 .md .footnotes ol {
   padding-left: 16px;
 }
 
-.md .footnotes li {
+.d2-2143562443 .md .footnotes li {
   position: relative;
 }
 
-.md .footnotes li:target::before {
+.d2-2143562443 .md .footnotes li:target::before {
   position: absolute;
   top: -8px;
   right: -8px;
@@ -806,36 +806,36 @@
   border-radius: 6px;
 }
 
-.md .footnotes li:target {
+.d2-2143562443 .md .footnotes li:target {
   color: var(--color-fg-default);
 }
 
-.md .task-list-item {
+.d2-2143562443 .md .task-list-item {
   list-style-type: none;
 }
 
-.md .task-list-item label {
+.d2-2143562443 .md .task-list-item label {
   font-weight: 400;
 }
 
-.md .task-list-item.enabled label {
+.d2-2143562443 .md .task-list-item.enabled label {
   cursor: pointer;
 }
 
-.md .task-list-item + .task-list-item {
+.d2-2143562443 .md .task-list-item + .task-list-item {
   margin-top: 3px;
 }
 
-.md .task-list-item .handle {
+.d2-2143562443 .md .task-list-item .handle {
   display: none;
 }
 
-.md .task-list-item-checkbox {
+.d2-2143562443 .md .task-list-item-checkbox {
   margin: 0 0.2em 0.25em -1.6em;
   vertical-align: middle;
 }
 
-.md .contains-task-list:dir(rtl) .task-list-item-checkbox {
+.d2-2143562443 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
 </style><g id="poem"><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>
diff --git a/e2etests/testdata/unicode/chinese/elk/sketch.exp.svg b/e2etests/testdata/unicode/chinese/elk/sketch.exp.svg
index ac01b7196..41a172eff 100644
--- a/e2etests/testdata/unicode/chinese/elk/sketch.exp.svg
+++ b/e2etests/testdata/unicode/chinese/elk/sketch.exp.svg
@@ -96,31 +96,31 @@
 		.d2-2220045025 .color-AA4{color:#EDF0FD;}
 		.d2-2220045025 .color-AA5{color:#F7F8FE;}
 		.d2-2220045025 .color-AB4{color:#EDF0FD;}
-		.d2-2220045025 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.md em,
-.md dfn {
+		.d2-2220045025 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.d2-2220045025 .md em,
+.d2-2220045025 .md dfn {
   font-family: "d2-2220045025-font-italic";
 }
 
-.md b,
-.md strong {
+.d2-2220045025 .md b,
+.d2-2220045025 .md strong {
   font-family: "d2-2220045025-font-bold";
 }
 
-.md code,
-.md kbd,
-.md pre,
-.md samp {
+.d2-2220045025 .md code,
+.d2-2220045025 .md kbd,
+.d2-2220045025 .md pre,
+.d2-2220045025 .md samp {
   font-family: "d2-2220045025-font-mono";
   font-size: 1em;
 }
 
-.md {
+.d2-2220045025 .md {
   tab-size: 4;
 }
 
 /* variables are provided in d2renderers/d2svg/d2svg.go */
 
-.md {
+.d2-2220045025 .md {
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
   margin: 0;
@@ -132,41 +132,41 @@
   word-wrap: break-word;
 }
 
-.md details,
-.md figcaption,
-.md figure {
+.d2-2220045025 .md details,
+.d2-2220045025 .md figcaption,
+.d2-2220045025 .md figure {
   display: block;
 }
 
-.md summary {
+.d2-2220045025 .md summary {
   display: list-item;
 }
 
-.md [hidden] {
+.d2-2220045025 .md [hidden] {
   display: none !important;
 }
 
-.md a {
+.d2-2220045025 .md a {
   background-color: transparent;
   color: var(--color-accent-fg);
   text-decoration: none;
 }
 
-.md a:active,
-.md a:hover {
+.d2-2220045025 .md a:active,
+.d2-2220045025 .md a:hover {
   outline-width: 0;
 }
 
-.md abbr[title] {
+.d2-2220045025 .md abbr[title] {
   border-bottom: none;
   text-decoration: underline dotted;
 }
 
-.md dfn {
+.d2-2220045025 .md dfn {
   font-style: italic;
 }
 
-.md h1 {
+.d2-2220045025 .md h1 {
   margin: 0.67em 0;
   font-weight: 600;
   padding-bottom: 0.3em;
@@ -174,43 +174,43 @@
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md mark {
+.d2-2220045025 .md mark {
   background-color: var(--color-attention-subtle);
   color: var(--color-text-primary);
 }
 
-.md small {
+.d2-2220045025 .md small {
   font-size: 90%;
 }
 
-.md sub,
-.md sup {
+.d2-2220045025 .md sub,
+.d2-2220045025 .md sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
 }
 
-.md sub {
+.d2-2220045025 .md sub {
   bottom: -0.25em;
 }
 
-.md sup {
+.d2-2220045025 .md sup {
   top: -0.5em;
 }
 
-.md img {
+.d2-2220045025 .md img {
   border-style: none;
   max-width: 100%;
   box-sizing: content-box;
   background-color: var(--color-canvas-default);
 }
 
-.md figure {
+.d2-2220045025 .md figure {
   margin: 1em 40px;
 }
 
-.md hr {
+.d2-2220045025 .md hr {
   box-sizing: content-box;
   overflow: hidden;
   background: transparent;
@@ -222,7 +222,7 @@
   border: 0;
 }
 
-.md input {
+.d2-2220045025 .md input {
   font: inherit;
   margin: 0;
   overflow: visible;
@@ -231,72 +231,72 @@
   line-height: inherit;
 }
 
-.md [type="button"],
-.md [type="reset"],
-.md [type="submit"] {
+.d2-2220045025 .md [type="button"],
+.d2-2220045025 .md [type="reset"],
+.d2-2220045025 .md [type="submit"] {
   -webkit-appearance: button;
 }
 
-.md [type="button"]::-moz-focus-inner,
-.md [type="reset"]::-moz-focus-inner,
-.md [type="submit"]::-moz-focus-inner {
+.d2-2220045025 .md [type="button"]::-moz-focus-inner,
+.d2-2220045025 .md [type="reset"]::-moz-focus-inner,
+.d2-2220045025 .md [type="submit"]::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.md [type="button"]:-moz-focusring,
-.md [type="reset"]:-moz-focusring,
-.md [type="submit"]:-moz-focusring {
+.d2-2220045025 .md [type="button"]:-moz-focusring,
+.d2-2220045025 .md [type="reset"]:-moz-focusring,
+.d2-2220045025 .md [type="submit"]:-moz-focusring {
   outline: 1px dotted ButtonText;
 }
 
-.md [type="checkbox"],
-.md [type="radio"] {
+.d2-2220045025 .md [type="checkbox"],
+.d2-2220045025 .md [type="radio"] {
   box-sizing: border-box;
   padding: 0;
 }
 
-.md [type="number"]::-webkit-inner-spin-button,
-.md [type="number"]::-webkit-outer-spin-button {
+.d2-2220045025 .md [type="number"]::-webkit-inner-spin-button,
+.d2-2220045025 .md [type="number"]::-webkit-outer-spin-button {
   height: auto;
 }
 
-.md [type="search"] {
+.d2-2220045025 .md [type="search"] {
   -webkit-appearance: textfield;
   outline-offset: -2px;
 }
 
-.md [type="search"]::-webkit-search-cancel-button,
-.md [type="search"]::-webkit-search-decoration {
+.d2-2220045025 .md [type="search"]::-webkit-search-cancel-button,
+.d2-2220045025 .md [type="search"]::-webkit-search-decoration {
   -webkit-appearance: none;
 }
 
-.md ::-webkit-input-placeholder {
+.d2-2220045025 .md ::-webkit-input-placeholder {
   color: inherit;
   opacity: 0.54;
 }
 
-.md ::-webkit-file-upload-button {
+.d2-2220045025 .md ::-webkit-file-upload-button {
   -webkit-appearance: button;
   font: inherit;
 }
 
-.md a:hover {
+.d2-2220045025 .md a:hover {
   text-decoration: underline;
 }
 
-.md hr::before {
+.d2-2220045025 .md hr::before {
   display: table;
   content: "";
 }
 
-.md hr::after {
+.d2-2220045025 .md hr::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md table {
+.d2-2220045025 .md table {
   border-spacing: 0;
   border-collapse: collapse;
   display: block;
@@ -305,20 +305,20 @@
   overflow: auto;
 }
 
-.md td,
-.md th {
+.d2-2220045025 .md td,
+.d2-2220045025 .md th {
   padding: 0;
 }
 
-.md details summary {
+.d2-2220045025 .md details summary {
   cursor: pointer;
 }
 
-.md details:not([open]) > *:not(summary) {
+.d2-2220045025 .md details:not([open]) > *:not(summary) {
   display: none !important;
 }
 
-.md kbd {
+.d2-2220045025 .md kbd {
   display: inline-block;
   padding: 3px 5px;
   color: var(--color-fg-default);
@@ -330,12 +330,12 @@
   box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
 }
 
-.md h1,
-.md h2,
-.md h3,
-.md h4,
-.md h5,
-.md h6 {
+.d2-2220045025 .md h1,
+.d2-2220045025 .md h2,
+.d2-2220045025 .md h3,
+.d2-2220045025 .md h4,
+.d2-2220045025 .md h5,
+.d2-2220045025 .md h6 {
   margin-top: 24px;
   margin-bottom: 16px;
   font-weight: 600;
@@ -343,222 +343,222 @@
   font-family: "d2-2220045025-font-regular";
 }
 
-.md h2 {
+.d2-2220045025 .md h2 {
   font-weight: 600;
   padding-bottom: 0.3em;
   font-size: 1.5em;
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md h3 {
+.d2-2220045025 .md h3 {
   font-weight: 600;
   font-size: 1.25em;
 }
 
-.md h4 {
+.d2-2220045025 .md h4 {
   font-weight: 600;
   font-size: 1em;
 }
 
-.md h5 {
+.d2-2220045025 .md h5 {
   font-weight: 600;
   font-size: 0.875em;
 }
 
-.md h6 {
+.d2-2220045025 .md h6 {
   font-weight: 600;
   font-size: 0.85em;
   color: var(--color-fg-muted);
 }
 
-.md p {
+.d2-2220045025 .md p {
   margin-top: 0;
   margin-bottom: 10px;
 }
 
-.md blockquote {
+.d2-2220045025 .md blockquote {
   margin: 0;
   padding: 0 1em;
   color: var(--color-fg-muted);
   border-left: 0.25em solid var(--color-border-default);
 }
 
-.md ul,
-.md ol {
+.d2-2220045025 .md ul,
+.d2-2220045025 .md ol {
   margin-top: 0;
   margin-bottom: 0;
   padding-left: 2em;
 }
 
-.md ol ol,
-.md ul ol {
+.d2-2220045025 .md ol ol,
+.d2-2220045025 .md ul ol {
   list-style-type: lower-roman;
 }
 
-.md ul ul ol,
-.md ul ol ol,
-.md ol ul ol,
-.md ol ol ol {
+.d2-2220045025 .md ul ul ol,
+.d2-2220045025 .md ul ol ol,
+.d2-2220045025 .md ol ul ol,
+.d2-2220045025 .md ol ol ol {
   list-style-type: lower-alpha;
 }
 
-.md dd {
+.d2-2220045025 .md dd {
   margin-left: 0;
 }
 
-.md pre {
+.d2-2220045025 .md pre {
   margin-top: 0;
   margin-bottom: 0;
   word-wrap: normal;
 }
 
-.md ::placeholder {
+.d2-2220045025 .md ::placeholder {
   color: var(--color-fg-subtle);
   opacity: 1;
 }
 
-.md input::-webkit-outer-spin-button,
-.md input::-webkit-inner-spin-button {
+.d2-2220045025 .md input::-webkit-outer-spin-button,
+.d2-2220045025 .md input::-webkit-inner-spin-button {
   margin: 0;
   -webkit-appearance: none;
   appearance: none;
 }
 
-.md::before {
+.d2-2220045025 .md::before {
   display: table;
   content: "";
 }
 
-.md::after {
+.d2-2220045025 .md::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md > *:first-child {
+.d2-2220045025 .md > *:first-child {
   margin-top: 0 !important;
 }
 
-.md > *:last-child {
+.d2-2220045025 .md > *:last-child {
   margin-bottom: 0 !important;
 }
 
-.md a:not([href]) {
+.d2-2220045025 .md a:not([href]) {
   color: inherit;
   text-decoration: none;
 }
 
-.md .absent {
+.d2-2220045025 .md .absent {
   color: var(--color-danger-fg);
 }
 
-.md .anchor {
+.d2-2220045025 .md .anchor {
   float: left;
   padding-right: 4px;
   margin-left: -20px;
   line-height: 1;
 }
 
-.md .anchor:focus {
+.d2-2220045025 .md .anchor:focus {
   outline: none;
 }
 
-.md p,
-.md blockquote,
-.md ul,
-.md ol,
-.md dl,
-.md table,
-.md pre,
-.md details {
+.d2-2220045025 .md p,
+.d2-2220045025 .md blockquote,
+.d2-2220045025 .md ul,
+.d2-2220045025 .md ol,
+.d2-2220045025 .md dl,
+.d2-2220045025 .md table,
+.d2-2220045025 .md pre,
+.d2-2220045025 .md details {
   margin-top: 0;
   margin-bottom: 16px;
 }
 
-.md blockquote > :first-child {
+.d2-2220045025 .md blockquote > :first-child {
   margin-top: 0;
 }
 
-.md blockquote > :last-child {
+.d2-2220045025 .md blockquote > :last-child {
   margin-bottom: 0;
 }
 
-.md sup > a::before {
+.d2-2220045025 .md sup > a::before {
   content: "[";
 }
 
-.md sup > a::after {
+.d2-2220045025 .md sup > a::after {
   content: "]";
 }
 
-.md h1:hover .anchor,
-.md h2:hover .anchor,
-.md h3:hover .anchor,
-.md h4:hover .anchor,
-.md h5:hover .anchor,
-.md h6:hover .anchor {
+.d2-2220045025 .md h1:hover .anchor,
+.d2-2220045025 .md h2:hover .anchor,
+.d2-2220045025 .md h3:hover .anchor,
+.d2-2220045025 .md h4:hover .anchor,
+.d2-2220045025 .md h5:hover .anchor,
+.d2-2220045025 .md h6:hover .anchor {
   text-decoration: none;
 }
 
-.md h1 tt,
-.md h1 code,
-.md h2 tt,
-.md h2 code,
-.md h3 tt,
-.md h3 code,
-.md h4 tt,
-.md h4 code,
-.md h5 tt,
-.md h5 code,
-.md h6 tt,
-.md h6 code {
+.d2-2220045025 .md h1 tt,
+.d2-2220045025 .md h1 code,
+.d2-2220045025 .md h2 tt,
+.d2-2220045025 .md h2 code,
+.d2-2220045025 .md h3 tt,
+.d2-2220045025 .md h3 code,
+.d2-2220045025 .md h4 tt,
+.d2-2220045025 .md h4 code,
+.d2-2220045025 .md h5 tt,
+.d2-2220045025 .md h5 code,
+.d2-2220045025 .md h6 tt,
+.d2-2220045025 .md h6 code {
   padding: 0 0.2em;
   font-size: inherit;
 }
 
-.md ul.no-list,
-.md ol.no-list {
+.d2-2220045025 .md ul.no-list,
+.d2-2220045025 .md ol.no-list {
   padding: 0;
   list-style-type: none;
 }
 
-.md ol[type="1"] {
+.d2-2220045025 .md ol[type="1"] {
   list-style-type: decimal;
 }
 
-.md ol[type="a"] {
+.d2-2220045025 .md ol[type="a"] {
   list-style-type: lower-alpha;
 }
 
-.md ol[type="i"] {
+.d2-2220045025 .md ol[type="i"] {
   list-style-type: lower-roman;
 }
 
-.md div > ol:not([type]) {
+.d2-2220045025 .md div > ol:not([type]) {
   list-style-type: decimal;
 }
 
-.md ul ul,
-.md ul ol,
-.md ol ol,
-.md ol ul {
+.d2-2220045025 .md ul ul,
+.d2-2220045025 .md ul ol,
+.d2-2220045025 .md ol ol,
+.d2-2220045025 .md ol ul {
   margin-top: 0;
   margin-bottom: 0;
 }
 
-.md li > p {
+.d2-2220045025 .md li > p {
   margin-top: 16px;
 }
 
-.md li + li {
+.d2-2220045025 .md li + li {
   margin-top: 0.25em;
 }
 
-.md dl {
+.d2-2220045025 .md dl {
   padding: 0;
 }
 
-.md dl dt {
+.d2-2220045025 .md dl dt {
   padding: 0;
   margin-top: 16px;
   font-size: 1em;
@@ -566,48 +566,48 @@
   font-weight: 600;
 }
 
-.md dl dd {
+.d2-2220045025 .md dl dd {
   padding: 0 16px;
   margin-bottom: 16px;
 }
 
-.md table th {
+.d2-2220045025 .md table th {
   font-weight: 600;
 }
 
-.md table th,
-.md table td {
+.d2-2220045025 .md table th,
+.d2-2220045025 .md table td {
   padding: 6px 13px;
   border: 1px solid var(--color-border-default);
 }
 
-.md table tr {
+.d2-2220045025 .md table tr {
   background-color: var(--color-canvas-default);
   border-top: 1px solid var(--color-border-muted);
 }
 
-.md table tr:nth-child(2n) {
+.d2-2220045025 .md table tr:nth-child(2n) {
   background-color: var(--color-canvas-subtle);
 }
 
-.md table img {
+.d2-2220045025 .md table img {
   background-color: transparent;
 }
 
-.md img[align="right"] {
+.d2-2220045025 .md img[align="right"] {
   padding-left: 20px;
 }
 
-.md img[align="left"] {
+.d2-2220045025 .md img[align="left"] {
   padding-right: 20px;
 }
 
-.md span.frame {
+.d2-2220045025 .md span.frame {
   display: block;
   overflow: hidden;
 }
 
-.md span.frame > span {
+.d2-2220045025 .md span.frame > span {
   display: block;
   float: left;
   width: auto;
@@ -617,81 +617,81 @@
   border: 1px solid var(--color-border-default);
 }
 
-.md span.frame span img {
+.d2-2220045025 .md span.frame span img {
   display: block;
   float: left;
 }
 
-.md span.frame span span {
+.d2-2220045025 .md span.frame span span {
   display: block;
   padding: 5px 0 0;
   clear: both;
   color: var(--color-fg-default);
 }
 
-.md span.align-center {
+.d2-2220045025 .md span.align-center {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-center > span {
+.d2-2220045025 .md span.align-center > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: center;
 }
 
-.md span.align-center span img {
+.d2-2220045025 .md span.align-center span img {
   margin: 0 auto;
   text-align: center;
 }
 
-.md span.align-right {
+.d2-2220045025 .md span.align-right {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-right > span {
+.d2-2220045025 .md span.align-right > span {
   display: block;
   margin: 13px 0 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md span.align-right span img {
+.d2-2220045025 .md span.align-right span img {
   margin: 0;
   text-align: right;
 }
 
-.md span.float-left {
+.d2-2220045025 .md span.float-left {
   display: block;
   float: left;
   margin-right: 13px;
   overflow: hidden;
 }
 
-.md span.float-left span {
+.d2-2220045025 .md span.float-left span {
   margin: 13px 0 0;
 }
 
-.md span.float-right {
+.d2-2220045025 .md span.float-right {
   display: block;
   float: right;
   margin-left: 13px;
   overflow: hidden;
 }
 
-.md span.float-right > span {
+.d2-2220045025 .md span.float-right > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md code,
-.md tt {
+.d2-2220045025 .md code,
+.d2-2220045025 .md tt {
   padding: 0.2em 0.4em;
   margin: 0;
   font-size: 85%;
@@ -699,20 +699,20 @@
   border-radius: 6px;
 }
 
-.md code br,
-.md tt br {
+.d2-2220045025 .md code br,
+.d2-2220045025 .md tt br {
   display: none;
 }
 
-.md del code {
+.d2-2220045025 .md del code {
   text-decoration: inherit;
 }
 
-.md pre code {
+.d2-2220045025 .md pre code {
   font-size: 100%;
 }
 
-.md pre > code {
+.d2-2220045025 .md pre > code {
   padding: 0;
   margin: 0;
   word-break: normal;
@@ -721,17 +721,17 @@
   border: 0;
 }
 
-.md .highlight {
+.d2-2220045025 .md .highlight {
   margin-bottom: 16px;
 }
 
-.md .highlight pre {
+.d2-2220045025 .md .highlight pre {
   margin-bottom: 0;
   word-break: normal;
 }
 
-.md .highlight pre,
-.md pre {
+.d2-2220045025 .md .highlight pre,
+.d2-2220045025 .md pre {
   padding: 16px;
   overflow: auto;
   font-size: 85%;
@@ -740,8 +740,8 @@
   border-radius: 6px;
 }
 
-.md pre code,
-.md pre tt {
+.d2-2220045025 .md pre code,
+.d2-2220045025 .md pre tt {
   display: inline;
   max-width: auto;
   padding: 0;
@@ -753,8 +753,8 @@
   border: 0;
 }
 
-.md .csv-data td,
-.md .csv-data th {
+.d2-2220045025 .md .csv-data td,
+.d2-2220045025 .md .csv-data th {
   padding: 5px;
   overflow: hidden;
   font-size: 12px;
@@ -763,38 +763,38 @@
   white-space: nowrap;
 }
 
-.md .csv-data .blob-num {
+.d2-2220045025 .md .csv-data .blob-num {
   padding: 10px 8px 9px;
   text-align: right;
   background: var(--color-canvas-default);
   border: 0;
 }
 
-.md .csv-data tr {
+.d2-2220045025 .md .csv-data tr {
   border-top: 0;
 }
 
-.md .csv-data th {
+.d2-2220045025 .md .csv-data th {
   font-weight: 600;
   background: var(--color-canvas-subtle);
   border-top: 0;
 }
 
-.md .footnotes {
+.d2-2220045025 .md .footnotes {
   font-size: 12px;
   color: var(--color-fg-muted);
   border-top: 1px solid var(--color-border-default);
 }
 
-.md .footnotes ol {
+.d2-2220045025 .md .footnotes ol {
   padding-left: 16px;
 }
 
-.md .footnotes li {
+.d2-2220045025 .md .footnotes li {
   position: relative;
 }
 
-.md .footnotes li:target::before {
+.d2-2220045025 .md .footnotes li:target::before {
   position: absolute;
   top: -8px;
   right: -8px;
@@ -806,36 +806,36 @@
   border-radius: 6px;
 }
 
-.md .footnotes li:target {
+.d2-2220045025 .md .footnotes li:target {
   color: var(--color-fg-default);
 }
 
-.md .task-list-item {
+.d2-2220045025 .md .task-list-item {
   list-style-type: none;
 }
 
-.md .task-list-item label {
+.d2-2220045025 .md .task-list-item label {
   font-weight: 400;
 }
 
-.md .task-list-item.enabled label {
+.d2-2220045025 .md .task-list-item.enabled label {
   cursor: pointer;
 }
 
-.md .task-list-item + .task-list-item {
+.d2-2220045025 .md .task-list-item + .task-list-item {
   margin-top: 3px;
 }
 
-.md .task-list-item .handle {
+.d2-2220045025 .md .task-list-item .handle {
   display: none;
 }
 
-.md .task-list-item-checkbox {
+.d2-2220045025 .md .task-list-item-checkbox {
   margin: 0 0.2em 0.25em -1.6em;
   vertical-align: middle;
 }
 
-.md .contains-task-list:dir(rtl) .task-list-item-checkbox {
+.d2-2220045025 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
 </style><g id="poem"><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>
diff --git a/e2etests/testdata/unicode/mixed-language/dagre/sketch.exp.svg b/e2etests/testdata/unicode/mixed-language/dagre/sketch.exp.svg
index 9e5ac2f4b..7e21dc5f4 100644
--- a/e2etests/testdata/unicode/mixed-language/dagre/sketch.exp.svg
+++ b/e2etests/testdata/unicode/mixed-language/dagre/sketch.exp.svg
@@ -96,31 +96,31 @@
 		.d2-3180318267 .color-AA4{color:#EDF0FD;}
 		.d2-3180318267 .color-AA5{color:#F7F8FE;}
 		.d2-3180318267 .color-AB4{color:#EDF0FD;}
-		.d2-3180318267 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.md em,
-.md dfn {
+		.d2-3180318267 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.d2-3180318267 .md em,
+.d2-3180318267 .md dfn {
   font-family: "d2-3180318267-font-italic";
 }
 
-.md b,
-.md strong {
+.d2-3180318267 .md b,
+.d2-3180318267 .md strong {
   font-family: "d2-3180318267-font-bold";
 }
 
-.md code,
-.md kbd,
-.md pre,
-.md samp {
+.d2-3180318267 .md code,
+.d2-3180318267 .md kbd,
+.d2-3180318267 .md pre,
+.d2-3180318267 .md samp {
   font-family: "d2-3180318267-font-mono";
   font-size: 1em;
 }
 
-.md {
+.d2-3180318267 .md {
   tab-size: 4;
 }
 
 /* variables are provided in d2renderers/d2svg/d2svg.go */
 
-.md {
+.d2-3180318267 .md {
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
   margin: 0;
@@ -132,41 +132,41 @@
   word-wrap: break-word;
 }
 
-.md details,
-.md figcaption,
-.md figure {
+.d2-3180318267 .md details,
+.d2-3180318267 .md figcaption,
+.d2-3180318267 .md figure {
   display: block;
 }
 
-.md summary {
+.d2-3180318267 .md summary {
   display: list-item;
 }
 
-.md [hidden] {
+.d2-3180318267 .md [hidden] {
   display: none !important;
 }
 
-.md a {
+.d2-3180318267 .md a {
   background-color: transparent;
   color: var(--color-accent-fg);
   text-decoration: none;
 }
 
-.md a:active,
-.md a:hover {
+.d2-3180318267 .md a:active,
+.d2-3180318267 .md a:hover {
   outline-width: 0;
 }
 
-.md abbr[title] {
+.d2-3180318267 .md abbr[title] {
   border-bottom: none;
   text-decoration: underline dotted;
 }
 
-.md dfn {
+.d2-3180318267 .md dfn {
   font-style: italic;
 }
 
-.md h1 {
+.d2-3180318267 .md h1 {
   margin: 0.67em 0;
   font-weight: 600;
   padding-bottom: 0.3em;
@@ -174,43 +174,43 @@
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md mark {
+.d2-3180318267 .md mark {
   background-color: var(--color-attention-subtle);
   color: var(--color-text-primary);
 }
 
-.md small {
+.d2-3180318267 .md small {
   font-size: 90%;
 }
 
-.md sub,
-.md sup {
+.d2-3180318267 .md sub,
+.d2-3180318267 .md sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
 }
 
-.md sub {
+.d2-3180318267 .md sub {
   bottom: -0.25em;
 }
 
-.md sup {
+.d2-3180318267 .md sup {
   top: -0.5em;
 }
 
-.md img {
+.d2-3180318267 .md img {
   border-style: none;
   max-width: 100%;
   box-sizing: content-box;
   background-color: var(--color-canvas-default);
 }
 
-.md figure {
+.d2-3180318267 .md figure {
   margin: 1em 40px;
 }
 
-.md hr {
+.d2-3180318267 .md hr {
   box-sizing: content-box;
   overflow: hidden;
   background: transparent;
@@ -222,7 +222,7 @@
   border: 0;
 }
 
-.md input {
+.d2-3180318267 .md input {
   font: inherit;
   margin: 0;
   overflow: visible;
@@ -231,72 +231,72 @@
   line-height: inherit;
 }
 
-.md [type="button"],
-.md [type="reset"],
-.md [type="submit"] {
+.d2-3180318267 .md [type="button"],
+.d2-3180318267 .md [type="reset"],
+.d2-3180318267 .md [type="submit"] {
   -webkit-appearance: button;
 }
 
-.md [type="button"]::-moz-focus-inner,
-.md [type="reset"]::-moz-focus-inner,
-.md [type="submit"]::-moz-focus-inner {
+.d2-3180318267 .md [type="button"]::-moz-focus-inner,
+.d2-3180318267 .md [type="reset"]::-moz-focus-inner,
+.d2-3180318267 .md [type="submit"]::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.md [type="button"]:-moz-focusring,
-.md [type="reset"]:-moz-focusring,
-.md [type="submit"]:-moz-focusring {
+.d2-3180318267 .md [type="button"]:-moz-focusring,
+.d2-3180318267 .md [type="reset"]:-moz-focusring,
+.d2-3180318267 .md [type="submit"]:-moz-focusring {
   outline: 1px dotted ButtonText;
 }
 
-.md [type="checkbox"],
-.md [type="radio"] {
+.d2-3180318267 .md [type="checkbox"],
+.d2-3180318267 .md [type="radio"] {
   box-sizing: border-box;
   padding: 0;
 }
 
-.md [type="number"]::-webkit-inner-spin-button,
-.md [type="number"]::-webkit-outer-spin-button {
+.d2-3180318267 .md [type="number"]::-webkit-inner-spin-button,
+.d2-3180318267 .md [type="number"]::-webkit-outer-spin-button {
   height: auto;
 }
 
-.md [type="search"] {
+.d2-3180318267 .md [type="search"] {
   -webkit-appearance: textfield;
   outline-offset: -2px;
 }
 
-.md [type="search"]::-webkit-search-cancel-button,
-.md [type="search"]::-webkit-search-decoration {
+.d2-3180318267 .md [type="search"]::-webkit-search-cancel-button,
+.d2-3180318267 .md [type="search"]::-webkit-search-decoration {
   -webkit-appearance: none;
 }
 
-.md ::-webkit-input-placeholder {
+.d2-3180318267 .md ::-webkit-input-placeholder {
   color: inherit;
   opacity: 0.54;
 }
 
-.md ::-webkit-file-upload-button {
+.d2-3180318267 .md ::-webkit-file-upload-button {
   -webkit-appearance: button;
   font: inherit;
 }
 
-.md a:hover {
+.d2-3180318267 .md a:hover {
   text-decoration: underline;
 }
 
-.md hr::before {
+.d2-3180318267 .md hr::before {
   display: table;
   content: "";
 }
 
-.md hr::after {
+.d2-3180318267 .md hr::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md table {
+.d2-3180318267 .md table {
   border-spacing: 0;
   border-collapse: collapse;
   display: block;
@@ -305,20 +305,20 @@
   overflow: auto;
 }
 
-.md td,
-.md th {
+.d2-3180318267 .md td,
+.d2-3180318267 .md th {
   padding: 0;
 }
 
-.md details summary {
+.d2-3180318267 .md details summary {
   cursor: pointer;
 }
 
-.md details:not([open]) > *:not(summary) {
+.d2-3180318267 .md details:not([open]) > *:not(summary) {
   display: none !important;
 }
 
-.md kbd {
+.d2-3180318267 .md kbd {
   display: inline-block;
   padding: 3px 5px;
   color: var(--color-fg-default);
@@ -330,12 +330,12 @@
   box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
 }
 
-.md h1,
-.md h2,
-.md h3,
-.md h4,
-.md h5,
-.md h6 {
+.d2-3180318267 .md h1,
+.d2-3180318267 .md h2,
+.d2-3180318267 .md h3,
+.d2-3180318267 .md h4,
+.d2-3180318267 .md h5,
+.d2-3180318267 .md h6 {
   margin-top: 24px;
   margin-bottom: 16px;
   font-weight: 600;
@@ -343,222 +343,222 @@
   font-family: "d2-3180318267-font-regular";
 }
 
-.md h2 {
+.d2-3180318267 .md h2 {
   font-weight: 600;
   padding-bottom: 0.3em;
   font-size: 1.5em;
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md h3 {
+.d2-3180318267 .md h3 {
   font-weight: 600;
   font-size: 1.25em;
 }
 
-.md h4 {
+.d2-3180318267 .md h4 {
   font-weight: 600;
   font-size: 1em;
 }
 
-.md h5 {
+.d2-3180318267 .md h5 {
   font-weight: 600;
   font-size: 0.875em;
 }
 
-.md h6 {
+.d2-3180318267 .md h6 {
   font-weight: 600;
   font-size: 0.85em;
   color: var(--color-fg-muted);
 }
 
-.md p {
+.d2-3180318267 .md p {
   margin-top: 0;
   margin-bottom: 10px;
 }
 
-.md blockquote {
+.d2-3180318267 .md blockquote {
   margin: 0;
   padding: 0 1em;
   color: var(--color-fg-muted);
   border-left: 0.25em solid var(--color-border-default);
 }
 
-.md ul,
-.md ol {
+.d2-3180318267 .md ul,
+.d2-3180318267 .md ol {
   margin-top: 0;
   margin-bottom: 0;
   padding-left: 2em;
 }
 
-.md ol ol,
-.md ul ol {
+.d2-3180318267 .md ol ol,
+.d2-3180318267 .md ul ol {
   list-style-type: lower-roman;
 }
 
-.md ul ul ol,
-.md ul ol ol,
-.md ol ul ol,
-.md ol ol ol {
+.d2-3180318267 .md ul ul ol,
+.d2-3180318267 .md ul ol ol,
+.d2-3180318267 .md ol ul ol,
+.d2-3180318267 .md ol ol ol {
   list-style-type: lower-alpha;
 }
 
-.md dd {
+.d2-3180318267 .md dd {
   margin-left: 0;
 }
 
-.md pre {
+.d2-3180318267 .md pre {
   margin-top: 0;
   margin-bottom: 0;
   word-wrap: normal;
 }
 
-.md ::placeholder {
+.d2-3180318267 .md ::placeholder {
   color: var(--color-fg-subtle);
   opacity: 1;
 }
 
-.md input::-webkit-outer-spin-button,
-.md input::-webkit-inner-spin-button {
+.d2-3180318267 .md input::-webkit-outer-spin-button,
+.d2-3180318267 .md input::-webkit-inner-spin-button {
   margin: 0;
   -webkit-appearance: none;
   appearance: none;
 }
 
-.md::before {
+.d2-3180318267 .md::before {
   display: table;
   content: "";
 }
 
-.md::after {
+.d2-3180318267 .md::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md > *:first-child {
+.d2-3180318267 .md > *:first-child {
   margin-top: 0 !important;
 }
 
-.md > *:last-child {
+.d2-3180318267 .md > *:last-child {
   margin-bottom: 0 !important;
 }
 
-.md a:not([href]) {
+.d2-3180318267 .md a:not([href]) {
   color: inherit;
   text-decoration: none;
 }
 
-.md .absent {
+.d2-3180318267 .md .absent {
   color: var(--color-danger-fg);
 }
 
-.md .anchor {
+.d2-3180318267 .md .anchor {
   float: left;
   padding-right: 4px;
   margin-left: -20px;
   line-height: 1;
 }
 
-.md .anchor:focus {
+.d2-3180318267 .md .anchor:focus {
   outline: none;
 }
 
-.md p,
-.md blockquote,
-.md ul,
-.md ol,
-.md dl,
-.md table,
-.md pre,
-.md details {
+.d2-3180318267 .md p,
+.d2-3180318267 .md blockquote,
+.d2-3180318267 .md ul,
+.d2-3180318267 .md ol,
+.d2-3180318267 .md dl,
+.d2-3180318267 .md table,
+.d2-3180318267 .md pre,
+.d2-3180318267 .md details {
   margin-top: 0;
   margin-bottom: 16px;
 }
 
-.md blockquote > :first-child {
+.d2-3180318267 .md blockquote > :first-child {
   margin-top: 0;
 }
 
-.md blockquote > :last-child {
+.d2-3180318267 .md blockquote > :last-child {
   margin-bottom: 0;
 }
 
-.md sup > a::before {
+.d2-3180318267 .md sup > a::before {
   content: "[";
 }
 
-.md sup > a::after {
+.d2-3180318267 .md sup > a::after {
   content: "]";
 }
 
-.md h1:hover .anchor,
-.md h2:hover .anchor,
-.md h3:hover .anchor,
-.md h4:hover .anchor,
-.md h5:hover .anchor,
-.md h6:hover .anchor {
+.d2-3180318267 .md h1:hover .anchor,
+.d2-3180318267 .md h2:hover .anchor,
+.d2-3180318267 .md h3:hover .anchor,
+.d2-3180318267 .md h4:hover .anchor,
+.d2-3180318267 .md h5:hover .anchor,
+.d2-3180318267 .md h6:hover .anchor {
   text-decoration: none;
 }
 
-.md h1 tt,
-.md h1 code,
-.md h2 tt,
-.md h2 code,
-.md h3 tt,
-.md h3 code,
-.md h4 tt,
-.md h4 code,
-.md h5 tt,
-.md h5 code,
-.md h6 tt,
-.md h6 code {
+.d2-3180318267 .md h1 tt,
+.d2-3180318267 .md h1 code,
+.d2-3180318267 .md h2 tt,
+.d2-3180318267 .md h2 code,
+.d2-3180318267 .md h3 tt,
+.d2-3180318267 .md h3 code,
+.d2-3180318267 .md h4 tt,
+.d2-3180318267 .md h4 code,
+.d2-3180318267 .md h5 tt,
+.d2-3180318267 .md h5 code,
+.d2-3180318267 .md h6 tt,
+.d2-3180318267 .md h6 code {
   padding: 0 0.2em;
   font-size: inherit;
 }
 
-.md ul.no-list,
-.md ol.no-list {
+.d2-3180318267 .md ul.no-list,
+.d2-3180318267 .md ol.no-list {
   padding: 0;
   list-style-type: none;
 }
 
-.md ol[type="1"] {
+.d2-3180318267 .md ol[type="1"] {
   list-style-type: decimal;
 }
 
-.md ol[type="a"] {
+.d2-3180318267 .md ol[type="a"] {
   list-style-type: lower-alpha;
 }
 
-.md ol[type="i"] {
+.d2-3180318267 .md ol[type="i"] {
   list-style-type: lower-roman;
 }
 
-.md div > ol:not([type]) {
+.d2-3180318267 .md div > ol:not([type]) {
   list-style-type: decimal;
 }
 
-.md ul ul,
-.md ul ol,
-.md ol ol,
-.md ol ul {
+.d2-3180318267 .md ul ul,
+.d2-3180318267 .md ul ol,
+.d2-3180318267 .md ol ol,
+.d2-3180318267 .md ol ul {
   margin-top: 0;
   margin-bottom: 0;
 }
 
-.md li > p {
+.d2-3180318267 .md li > p {
   margin-top: 16px;
 }
 
-.md li + li {
+.d2-3180318267 .md li + li {
   margin-top: 0.25em;
 }
 
-.md dl {
+.d2-3180318267 .md dl {
   padding: 0;
 }
 
-.md dl dt {
+.d2-3180318267 .md dl dt {
   padding: 0;
   margin-top: 16px;
   font-size: 1em;
@@ -566,48 +566,48 @@
   font-weight: 600;
 }
 
-.md dl dd {
+.d2-3180318267 .md dl dd {
   padding: 0 16px;
   margin-bottom: 16px;
 }
 
-.md table th {
+.d2-3180318267 .md table th {
   font-weight: 600;
 }
 
-.md table th,
-.md table td {
+.d2-3180318267 .md table th,
+.d2-3180318267 .md table td {
   padding: 6px 13px;
   border: 1px solid var(--color-border-default);
 }
 
-.md table tr {
+.d2-3180318267 .md table tr {
   background-color: var(--color-canvas-default);
   border-top: 1px solid var(--color-border-muted);
 }
 
-.md table tr:nth-child(2n) {
+.d2-3180318267 .md table tr:nth-child(2n) {
   background-color: var(--color-canvas-subtle);
 }
 
-.md table img {
+.d2-3180318267 .md table img {
   background-color: transparent;
 }
 
-.md img[align="right"] {
+.d2-3180318267 .md img[align="right"] {
   padding-left: 20px;
 }
 
-.md img[align="left"] {
+.d2-3180318267 .md img[align="left"] {
   padding-right: 20px;
 }
 
-.md span.frame {
+.d2-3180318267 .md span.frame {
   display: block;
   overflow: hidden;
 }
 
-.md span.frame > span {
+.d2-3180318267 .md span.frame > span {
   display: block;
   float: left;
   width: auto;
@@ -617,81 +617,81 @@
   border: 1px solid var(--color-border-default);
 }
 
-.md span.frame span img {
+.d2-3180318267 .md span.frame span img {
   display: block;
   float: left;
 }
 
-.md span.frame span span {
+.d2-3180318267 .md span.frame span span {
   display: block;
   padding: 5px 0 0;
   clear: both;
   color: var(--color-fg-default);
 }
 
-.md span.align-center {
+.d2-3180318267 .md span.align-center {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-center > span {
+.d2-3180318267 .md span.align-center > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: center;
 }
 
-.md span.align-center span img {
+.d2-3180318267 .md span.align-center span img {
   margin: 0 auto;
   text-align: center;
 }
 
-.md span.align-right {
+.d2-3180318267 .md span.align-right {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-right > span {
+.d2-3180318267 .md span.align-right > span {
   display: block;
   margin: 13px 0 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md span.align-right span img {
+.d2-3180318267 .md span.align-right span img {
   margin: 0;
   text-align: right;
 }
 
-.md span.float-left {
+.d2-3180318267 .md span.float-left {
   display: block;
   float: left;
   margin-right: 13px;
   overflow: hidden;
 }
 
-.md span.float-left span {
+.d2-3180318267 .md span.float-left span {
   margin: 13px 0 0;
 }
 
-.md span.float-right {
+.d2-3180318267 .md span.float-right {
   display: block;
   float: right;
   margin-left: 13px;
   overflow: hidden;
 }
 
-.md span.float-right > span {
+.d2-3180318267 .md span.float-right > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md code,
-.md tt {
+.d2-3180318267 .md code,
+.d2-3180318267 .md tt {
   padding: 0.2em 0.4em;
   margin: 0;
   font-size: 85%;
@@ -699,20 +699,20 @@
   border-radius: 6px;
 }
 
-.md code br,
-.md tt br {
+.d2-3180318267 .md code br,
+.d2-3180318267 .md tt br {
   display: none;
 }
 
-.md del code {
+.d2-3180318267 .md del code {
   text-decoration: inherit;
 }
 
-.md pre code {
+.d2-3180318267 .md pre code {
   font-size: 100%;
 }
 
-.md pre > code {
+.d2-3180318267 .md pre > code {
   padding: 0;
   margin: 0;
   word-break: normal;
@@ -721,17 +721,17 @@
   border: 0;
 }
 
-.md .highlight {
+.d2-3180318267 .md .highlight {
   margin-bottom: 16px;
 }
 
-.md .highlight pre {
+.d2-3180318267 .md .highlight pre {
   margin-bottom: 0;
   word-break: normal;
 }
 
-.md .highlight pre,
-.md pre {
+.d2-3180318267 .md .highlight pre,
+.d2-3180318267 .md pre {
   padding: 16px;
   overflow: auto;
   font-size: 85%;
@@ -740,8 +740,8 @@
   border-radius: 6px;
 }
 
-.md pre code,
-.md pre tt {
+.d2-3180318267 .md pre code,
+.d2-3180318267 .md pre tt {
   display: inline;
   max-width: auto;
   padding: 0;
@@ -753,8 +753,8 @@
   border: 0;
 }
 
-.md .csv-data td,
-.md .csv-data th {
+.d2-3180318267 .md .csv-data td,
+.d2-3180318267 .md .csv-data th {
   padding: 5px;
   overflow: hidden;
   font-size: 12px;
@@ -763,38 +763,38 @@
   white-space: nowrap;
 }
 
-.md .csv-data .blob-num {
+.d2-3180318267 .md .csv-data .blob-num {
   padding: 10px 8px 9px;
   text-align: right;
   background: var(--color-canvas-default);
   border: 0;
 }
 
-.md .csv-data tr {
+.d2-3180318267 .md .csv-data tr {
   border-top: 0;
 }
 
-.md .csv-data th {
+.d2-3180318267 .md .csv-data th {
   font-weight: 600;
   background: var(--color-canvas-subtle);
   border-top: 0;
 }
 
-.md .footnotes {
+.d2-3180318267 .md .footnotes {
   font-size: 12px;
   color: var(--color-fg-muted);
   border-top: 1px solid var(--color-border-default);
 }
 
-.md .footnotes ol {
+.d2-3180318267 .md .footnotes ol {
   padding-left: 16px;
 }
 
-.md .footnotes li {
+.d2-3180318267 .md .footnotes li {
   position: relative;
 }
 
-.md .footnotes li:target::before {
+.d2-3180318267 .md .footnotes li:target::before {
   position: absolute;
   top: -8px;
   right: -8px;
@@ -806,36 +806,36 @@
   border-radius: 6px;
 }
 
-.md .footnotes li:target {
+.d2-3180318267 .md .footnotes li:target {
   color: var(--color-fg-default);
 }
 
-.md .task-list-item {
+.d2-3180318267 .md .task-list-item {
   list-style-type: none;
 }
 
-.md .task-list-item label {
+.d2-3180318267 .md .task-list-item label {
   font-weight: 400;
 }
 
-.md .task-list-item.enabled label {
+.d2-3180318267 .md .task-list-item.enabled label {
   cursor: pointer;
 }
 
-.md .task-list-item + .task-list-item {
+.d2-3180318267 .md .task-list-item + .task-list-item {
   margin-top: 3px;
 }
 
-.md .task-list-item .handle {
+.d2-3180318267 .md .task-list-item .handle {
   display: none;
 }
 
-.md .task-list-item-checkbox {
+.d2-3180318267 .md .task-list-item-checkbox {
   margin: 0 0.2em 0.25em -1.6em;
   vertical-align: middle;
 }
 
-.md .contains-task-list:dir(rtl) .task-list-item-checkbox {
+.d2-3180318267 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
 </style><g id="a"><g class="shape" ><rect x="275.000000" y="0.000000" width="428.000000" height="98.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="489.000000" y="38.500000" 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 id="b"><g class="shape" ><rect x="0.000000" y="198.000000" width="448.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="224.000000" y="236.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">夏天的时候，天气非常热，人们总是流着汗。</text></g><g id="c"><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>
diff --git a/e2etests/testdata/unicode/mixed-language/elk/sketch.exp.svg b/e2etests/testdata/unicode/mixed-language/elk/sketch.exp.svg
index 965a595e0..f6825e11c 100644
--- a/e2etests/testdata/unicode/mixed-language/elk/sketch.exp.svg
+++ b/e2etests/testdata/unicode/mixed-language/elk/sketch.exp.svg
@@ -96,31 +96,31 @@
 		.d2-3291651747 .color-AA4{color:#EDF0FD;}
 		.d2-3291651747 .color-AA5{color:#F7F8FE;}
 		.d2-3291651747 .color-AB4{color:#EDF0FD;}
-		.d2-3291651747 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.md em,
-.md dfn {
+		.d2-3291651747 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.d2-3291651747 .md em,
+.d2-3291651747 .md dfn {
   font-family: "d2-3291651747-font-italic";
 }
 
-.md b,
-.md strong {
+.d2-3291651747 .md b,
+.d2-3291651747 .md strong {
   font-family: "d2-3291651747-font-bold";
 }
 
-.md code,
-.md kbd,
-.md pre,
-.md samp {
+.d2-3291651747 .md code,
+.d2-3291651747 .md kbd,
+.d2-3291651747 .md pre,
+.d2-3291651747 .md samp {
   font-family: "d2-3291651747-font-mono";
   font-size: 1em;
 }
 
-.md {
+.d2-3291651747 .md {
   tab-size: 4;
 }
 
 /* variables are provided in d2renderers/d2svg/d2svg.go */
 
-.md {
+.d2-3291651747 .md {
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
   margin: 0;
@@ -132,41 +132,41 @@
   word-wrap: break-word;
 }
 
-.md details,
-.md figcaption,
-.md figure {
+.d2-3291651747 .md details,
+.d2-3291651747 .md figcaption,
+.d2-3291651747 .md figure {
   display: block;
 }
 
-.md summary {
+.d2-3291651747 .md summary {
   display: list-item;
 }
 
-.md [hidden] {
+.d2-3291651747 .md [hidden] {
   display: none !important;
 }
 
-.md a {
+.d2-3291651747 .md a {
   background-color: transparent;
   color: var(--color-accent-fg);
   text-decoration: none;
 }
 
-.md a:active,
-.md a:hover {
+.d2-3291651747 .md a:active,
+.d2-3291651747 .md a:hover {
   outline-width: 0;
 }
 
-.md abbr[title] {
+.d2-3291651747 .md abbr[title] {
   border-bottom: none;
   text-decoration: underline dotted;
 }
 
-.md dfn {
+.d2-3291651747 .md dfn {
   font-style: italic;
 }
 
-.md h1 {
+.d2-3291651747 .md h1 {
   margin: 0.67em 0;
   font-weight: 600;
   padding-bottom: 0.3em;
@@ -174,43 +174,43 @@
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md mark {
+.d2-3291651747 .md mark {
   background-color: var(--color-attention-subtle);
   color: var(--color-text-primary);
 }
 
-.md small {
+.d2-3291651747 .md small {
   font-size: 90%;
 }
 
-.md sub,
-.md sup {
+.d2-3291651747 .md sub,
+.d2-3291651747 .md sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
 }
 
-.md sub {
+.d2-3291651747 .md sub {
   bottom: -0.25em;
 }
 
-.md sup {
+.d2-3291651747 .md sup {
   top: -0.5em;
 }
 
-.md img {
+.d2-3291651747 .md img {
   border-style: none;
   max-width: 100%;
   box-sizing: content-box;
   background-color: var(--color-canvas-default);
 }
 
-.md figure {
+.d2-3291651747 .md figure {
   margin: 1em 40px;
 }
 
-.md hr {
+.d2-3291651747 .md hr {
   box-sizing: content-box;
   overflow: hidden;
   background: transparent;
@@ -222,7 +222,7 @@
   border: 0;
 }
 
-.md input {
+.d2-3291651747 .md input {
   font: inherit;
   margin: 0;
   overflow: visible;
@@ -231,72 +231,72 @@
   line-height: inherit;
 }
 
-.md [type="button"],
-.md [type="reset"],
-.md [type="submit"] {
+.d2-3291651747 .md [type="button"],
+.d2-3291651747 .md [type="reset"],
+.d2-3291651747 .md [type="submit"] {
   -webkit-appearance: button;
 }
 
-.md [type="button"]::-moz-focus-inner,
-.md [type="reset"]::-moz-focus-inner,
-.md [type="submit"]::-moz-focus-inner {
+.d2-3291651747 .md [type="button"]::-moz-focus-inner,
+.d2-3291651747 .md [type="reset"]::-moz-focus-inner,
+.d2-3291651747 .md [type="submit"]::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.md [type="button"]:-moz-focusring,
-.md [type="reset"]:-moz-focusring,
-.md [type="submit"]:-moz-focusring {
+.d2-3291651747 .md [type="button"]:-moz-focusring,
+.d2-3291651747 .md [type="reset"]:-moz-focusring,
+.d2-3291651747 .md [type="submit"]:-moz-focusring {
   outline: 1px dotted ButtonText;
 }
 
-.md [type="checkbox"],
-.md [type="radio"] {
+.d2-3291651747 .md [type="checkbox"],
+.d2-3291651747 .md [type="radio"] {
   box-sizing: border-box;
   padding: 0;
 }
 
-.md [type="number"]::-webkit-inner-spin-button,
-.md [type="number"]::-webkit-outer-spin-button {
+.d2-3291651747 .md [type="number"]::-webkit-inner-spin-button,
+.d2-3291651747 .md [type="number"]::-webkit-outer-spin-button {
   height: auto;
 }
 
-.md [type="search"] {
+.d2-3291651747 .md [type="search"] {
   -webkit-appearance: textfield;
   outline-offset: -2px;
 }
 
-.md [type="search"]::-webkit-search-cancel-button,
-.md [type="search"]::-webkit-search-decoration {
+.d2-3291651747 .md [type="search"]::-webkit-search-cancel-button,
+.d2-3291651747 .md [type="search"]::-webkit-search-decoration {
   -webkit-appearance: none;
 }
 
-.md ::-webkit-input-placeholder {
+.d2-3291651747 .md ::-webkit-input-placeholder {
   color: inherit;
   opacity: 0.54;
 }
 
-.md ::-webkit-file-upload-button {
+.d2-3291651747 .md ::-webkit-file-upload-button {
   -webkit-appearance: button;
   font: inherit;
 }
 
-.md a:hover {
+.d2-3291651747 .md a:hover {
   text-decoration: underline;
 }
 
-.md hr::before {
+.d2-3291651747 .md hr::before {
   display: table;
   content: "";
 }
 
-.md hr::after {
+.d2-3291651747 .md hr::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md table {
+.d2-3291651747 .md table {
   border-spacing: 0;
   border-collapse: collapse;
   display: block;
@@ -305,20 +305,20 @@
   overflow: auto;
 }
 
-.md td,
-.md th {
+.d2-3291651747 .md td,
+.d2-3291651747 .md th {
   padding: 0;
 }
 
-.md details summary {
+.d2-3291651747 .md details summary {
   cursor: pointer;
 }
 
-.md details:not([open]) > *:not(summary) {
+.d2-3291651747 .md details:not([open]) > *:not(summary) {
   display: none !important;
 }
 
-.md kbd {
+.d2-3291651747 .md kbd {
   display: inline-block;
   padding: 3px 5px;
   color: var(--color-fg-default);
@@ -330,12 +330,12 @@
   box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
 }
 
-.md h1,
-.md h2,
-.md h3,
-.md h4,
-.md h5,
-.md h6 {
+.d2-3291651747 .md h1,
+.d2-3291651747 .md h2,
+.d2-3291651747 .md h3,
+.d2-3291651747 .md h4,
+.d2-3291651747 .md h5,
+.d2-3291651747 .md h6 {
   margin-top: 24px;
   margin-bottom: 16px;
   font-weight: 600;
@@ -343,222 +343,222 @@
   font-family: "d2-3291651747-font-regular";
 }
 
-.md h2 {
+.d2-3291651747 .md h2 {
   font-weight: 600;
   padding-bottom: 0.3em;
   font-size: 1.5em;
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.md h3 {
+.d2-3291651747 .md h3 {
   font-weight: 600;
   font-size: 1.25em;
 }
 
-.md h4 {
+.d2-3291651747 .md h4 {
   font-weight: 600;
   font-size: 1em;
 }
 
-.md h5 {
+.d2-3291651747 .md h5 {
   font-weight: 600;
   font-size: 0.875em;
 }
 
-.md h6 {
+.d2-3291651747 .md h6 {
   font-weight: 600;
   font-size: 0.85em;
   color: var(--color-fg-muted);
 }
 
-.md p {
+.d2-3291651747 .md p {
   margin-top: 0;
   margin-bottom: 10px;
 }
 
-.md blockquote {
+.d2-3291651747 .md blockquote {
   margin: 0;
   padding: 0 1em;
   color: var(--color-fg-muted);
   border-left: 0.25em solid var(--color-border-default);
 }
 
-.md ul,
-.md ol {
+.d2-3291651747 .md ul,
+.d2-3291651747 .md ol {
   margin-top: 0;
   margin-bottom: 0;
   padding-left: 2em;
 }
 
-.md ol ol,
-.md ul ol {
+.d2-3291651747 .md ol ol,
+.d2-3291651747 .md ul ol {
   list-style-type: lower-roman;
 }
 
-.md ul ul ol,
-.md ul ol ol,
-.md ol ul ol,
-.md ol ol ol {
+.d2-3291651747 .md ul ul ol,
+.d2-3291651747 .md ul ol ol,
+.d2-3291651747 .md ol ul ol,
+.d2-3291651747 .md ol ol ol {
   list-style-type: lower-alpha;
 }
 
-.md dd {
+.d2-3291651747 .md dd {
   margin-left: 0;
 }
 
-.md pre {
+.d2-3291651747 .md pre {
   margin-top: 0;
   margin-bottom: 0;
   word-wrap: normal;
 }
 
-.md ::placeholder {
+.d2-3291651747 .md ::placeholder {
   color: var(--color-fg-subtle);
   opacity: 1;
 }
 
-.md input::-webkit-outer-spin-button,
-.md input::-webkit-inner-spin-button {
+.d2-3291651747 .md input::-webkit-outer-spin-button,
+.d2-3291651747 .md input::-webkit-inner-spin-button {
   margin: 0;
   -webkit-appearance: none;
   appearance: none;
 }
 
-.md::before {
+.d2-3291651747 .md::before {
   display: table;
   content: "";
 }
 
-.md::after {
+.d2-3291651747 .md::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.md > *:first-child {
+.d2-3291651747 .md > *:first-child {
   margin-top: 0 !important;
 }
 
-.md > *:last-child {
+.d2-3291651747 .md > *:last-child {
   margin-bottom: 0 !important;
 }
 
-.md a:not([href]) {
+.d2-3291651747 .md a:not([href]) {
   color: inherit;
   text-decoration: none;
 }
 
-.md .absent {
+.d2-3291651747 .md .absent {
   color: var(--color-danger-fg);
 }
 
-.md .anchor {
+.d2-3291651747 .md .anchor {
   float: left;
   padding-right: 4px;
   margin-left: -20px;
   line-height: 1;
 }
 
-.md .anchor:focus {
+.d2-3291651747 .md .anchor:focus {
   outline: none;
 }
 
-.md p,
-.md blockquote,
-.md ul,
-.md ol,
-.md dl,
-.md table,
-.md pre,
-.md details {
+.d2-3291651747 .md p,
+.d2-3291651747 .md blockquote,
+.d2-3291651747 .md ul,
+.d2-3291651747 .md ol,
+.d2-3291651747 .md dl,
+.d2-3291651747 .md table,
+.d2-3291651747 .md pre,
+.d2-3291651747 .md details {
   margin-top: 0;
   margin-bottom: 16px;
 }
 
-.md blockquote > :first-child {
+.d2-3291651747 .md blockquote > :first-child {
   margin-top: 0;
 }
 
-.md blockquote > :last-child {
+.d2-3291651747 .md blockquote > :last-child {
   margin-bottom: 0;
 }
 
-.md sup > a::before {
+.d2-3291651747 .md sup > a::before {
   content: "[";
 }
 
-.md sup > a::after {
+.d2-3291651747 .md sup > a::after {
   content: "]";
 }
 
-.md h1:hover .anchor,
-.md h2:hover .anchor,
-.md h3:hover .anchor,
-.md h4:hover .anchor,
-.md h5:hover .anchor,
-.md h6:hover .anchor {
+.d2-3291651747 .md h1:hover .anchor,
+.d2-3291651747 .md h2:hover .anchor,
+.d2-3291651747 .md h3:hover .anchor,
+.d2-3291651747 .md h4:hover .anchor,
+.d2-3291651747 .md h5:hover .anchor,
+.d2-3291651747 .md h6:hover .anchor {
   text-decoration: none;
 }
 
-.md h1 tt,
-.md h1 code,
-.md h2 tt,
-.md h2 code,
-.md h3 tt,
-.md h3 code,
-.md h4 tt,
-.md h4 code,
-.md h5 tt,
-.md h5 code,
-.md h6 tt,
-.md h6 code {
+.d2-3291651747 .md h1 tt,
+.d2-3291651747 .md h1 code,
+.d2-3291651747 .md h2 tt,
+.d2-3291651747 .md h2 code,
+.d2-3291651747 .md h3 tt,
+.d2-3291651747 .md h3 code,
+.d2-3291651747 .md h4 tt,
+.d2-3291651747 .md h4 code,
+.d2-3291651747 .md h5 tt,
+.d2-3291651747 .md h5 code,
+.d2-3291651747 .md h6 tt,
+.d2-3291651747 .md h6 code {
   padding: 0 0.2em;
   font-size: inherit;
 }
 
-.md ul.no-list,
-.md ol.no-list {
+.d2-3291651747 .md ul.no-list,
+.d2-3291651747 .md ol.no-list {
   padding: 0;
   list-style-type: none;
 }
 
-.md ol[type="1"] {
+.d2-3291651747 .md ol[type="1"] {
   list-style-type: decimal;
 }
 
-.md ol[type="a"] {
+.d2-3291651747 .md ol[type="a"] {
   list-style-type: lower-alpha;
 }
 
-.md ol[type="i"] {
+.d2-3291651747 .md ol[type="i"] {
   list-style-type: lower-roman;
 }
 
-.md div > ol:not([type]) {
+.d2-3291651747 .md div > ol:not([type]) {
   list-style-type: decimal;
 }
 
-.md ul ul,
-.md ul ol,
-.md ol ol,
-.md ol ul {
+.d2-3291651747 .md ul ul,
+.d2-3291651747 .md ul ol,
+.d2-3291651747 .md ol ol,
+.d2-3291651747 .md ol ul {
   margin-top: 0;
   margin-bottom: 0;
 }
 
-.md li > p {
+.d2-3291651747 .md li > p {
   margin-top: 16px;
 }
 
-.md li + li {
+.d2-3291651747 .md li + li {
   margin-top: 0.25em;
 }
 
-.md dl {
+.d2-3291651747 .md dl {
   padding: 0;
 }
 
-.md dl dt {
+.d2-3291651747 .md dl dt {
   padding: 0;
   margin-top: 16px;
   font-size: 1em;
@@ -566,48 +566,48 @@
   font-weight: 600;
 }
 
-.md dl dd {
+.d2-3291651747 .md dl dd {
   padding: 0 16px;
   margin-bottom: 16px;
 }
 
-.md table th {
+.d2-3291651747 .md table th {
   font-weight: 600;
 }
 
-.md table th,
-.md table td {
+.d2-3291651747 .md table th,
+.d2-3291651747 .md table td {
   padding: 6px 13px;
   border: 1px solid var(--color-border-default);
 }
 
-.md table tr {
+.d2-3291651747 .md table tr {
   background-color: var(--color-canvas-default);
   border-top: 1px solid var(--color-border-muted);
 }
 
-.md table tr:nth-child(2n) {
+.d2-3291651747 .md table tr:nth-child(2n) {
   background-color: var(--color-canvas-subtle);
 }
 
-.md table img {
+.d2-3291651747 .md table img {
   background-color: transparent;
 }
 
-.md img[align="right"] {
+.d2-3291651747 .md img[align="right"] {
   padding-left: 20px;
 }
 
-.md img[align="left"] {
+.d2-3291651747 .md img[align="left"] {
   padding-right: 20px;
 }
 
-.md span.frame {
+.d2-3291651747 .md span.frame {
   display: block;
   overflow: hidden;
 }
 
-.md span.frame > span {
+.d2-3291651747 .md span.frame > span {
   display: block;
   float: left;
   width: auto;
@@ -617,81 +617,81 @@
   border: 1px solid var(--color-border-default);
 }
 
-.md span.frame span img {
+.d2-3291651747 .md span.frame span img {
   display: block;
   float: left;
 }
 
-.md span.frame span span {
+.d2-3291651747 .md span.frame span span {
   display: block;
   padding: 5px 0 0;
   clear: both;
   color: var(--color-fg-default);
 }
 
-.md span.align-center {
+.d2-3291651747 .md span.align-center {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-center > span {
+.d2-3291651747 .md span.align-center > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: center;
 }
 
-.md span.align-center span img {
+.d2-3291651747 .md span.align-center span img {
   margin: 0 auto;
   text-align: center;
 }
 
-.md span.align-right {
+.d2-3291651747 .md span.align-right {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.md span.align-right > span {
+.d2-3291651747 .md span.align-right > span {
   display: block;
   margin: 13px 0 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md span.align-right span img {
+.d2-3291651747 .md span.align-right span img {
   margin: 0;
   text-align: right;
 }
 
-.md span.float-left {
+.d2-3291651747 .md span.float-left {
   display: block;
   float: left;
   margin-right: 13px;
   overflow: hidden;
 }
 
-.md span.float-left span {
+.d2-3291651747 .md span.float-left span {
   margin: 13px 0 0;
 }
 
-.md span.float-right {
+.d2-3291651747 .md span.float-right {
   display: block;
   float: right;
   margin-left: 13px;
   overflow: hidden;
 }
 
-.md span.float-right > span {
+.d2-3291651747 .md span.float-right > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: right;
 }
 
-.md code,
-.md tt {
+.d2-3291651747 .md code,
+.d2-3291651747 .md tt {
   padding: 0.2em 0.4em;
   margin: 0;
   font-size: 85%;
@@ -699,20 +699,20 @@
   border-radius: 6px;
 }
 
-.md code br,
-.md tt br {
+.d2-3291651747 .md code br,
+.d2-3291651747 .md tt br {
   display: none;
 }
 
-.md del code {
+.d2-3291651747 .md del code {
   text-decoration: inherit;
 }
 
-.md pre code {
+.d2-3291651747 .md pre code {
   font-size: 100%;
 }
 
-.md pre > code {
+.d2-3291651747 .md pre > code {
   padding: 0;
   margin: 0;
   word-break: normal;
@@ -721,17 +721,17 @@
   border: 0;
 }
 
-.md .highlight {
+.d2-3291651747 .md .highlight {
   margin-bottom: 16px;
 }
 
-.md .highlight pre {
+.d2-3291651747 .md .highlight pre {
   margin-bottom: 0;
   word-break: normal;
 }
 
-.md .highlight pre,
-.md pre {
+.d2-3291651747 .md .highlight pre,
+.d2-3291651747 .md pre {
   padding: 16px;
   overflow: auto;
   font-size: 85%;
@@ -740,8 +740,8 @@
   border-radius: 6px;
 }
 
-.md pre code,
-.md pre tt {
+.d2-3291651747 .md pre code,
+.d2-3291651747 .md pre tt {
   display: inline;
   max-width: auto;
   padding: 0;
@@ -753,8 +753,8 @@
   border: 0;
 }
 
-.md .csv-data td,
-.md .csv-data th {
+.d2-3291651747 .md .csv-data td,
+.d2-3291651747 .md .csv-data th {
   padding: 5px;
   overflow: hidden;
   font-size: 12px;
@@ -763,38 +763,38 @@
   white-space: nowrap;
 }
 
-.md .csv-data .blob-num {
+.d2-3291651747 .md .csv-data .blob-num {
   padding: 10px 8px 9px;
   text-align: right;
   background: var(--color-canvas-default);
   border: 0;
 }
 
-.md .csv-data tr {
+.d2-3291651747 .md .csv-data tr {
   border-top: 0;
 }
 
-.md .csv-data th {
+.d2-3291651747 .md .csv-data th {
   font-weight: 600;
   background: var(--color-canvas-subtle);
   border-top: 0;
 }
 
-.md .footnotes {
+.d2-3291651747 .md .footnotes {
   font-size: 12px;
   color: var(--color-fg-muted);
   border-top: 1px solid var(--color-border-default);
 }
 
-.md .footnotes ol {
+.d2-3291651747 .md .footnotes ol {
   padding-left: 16px;
 }
 
-.md .footnotes li {
+.d2-3291651747 .md .footnotes li {
   position: relative;
 }
 
-.md .footnotes li:target::before {
+.d2-3291651747 .md .footnotes li:target::before {
   position: absolute;
   top: -8px;
   right: -8px;
@@ -806,36 +806,36 @@
   border-radius: 6px;
 }
 
-.md .footnotes li:target {
+.d2-3291651747 .md .footnotes li:target {
   color: var(--color-fg-default);
 }
 
-.md .task-list-item {
+.d2-3291651747 .md .task-list-item {
   list-style-type: none;
 }
 
-.md .task-list-item label {
+.d2-3291651747 .md .task-list-item label {
   font-weight: 400;
 }
 
-.md .task-list-item.enabled label {
+.d2-3291651747 .md .task-list-item.enabled label {
   cursor: pointer;
 }
 
-.md .task-list-item + .task-list-item {
+.d2-3291651747 .md .task-list-item + .task-list-item {
   margin-top: 3px;
 }
 
-.md .task-list-item .handle {
+.d2-3291651747 .md .task-list-item .handle {
   display: none;
 }
 
-.md .task-list-item-checkbox {
+.d2-3291651747 .md .task-list-item-checkbox {
   margin: 0 0.2em 0.25em -1.6em;
   vertical-align: middle;
 }
 
-.md .contains-task-list:dir(rtl) .task-list-item-checkbox {
+.d2-3291651747 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
 </style><g id="a"><g class="shape" ><rect x="267.000000" y="12.000000" width="428.000000" height="98.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="481.000000" y="50.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px"><tspan x="481.000000" dy="0.000000">有一个叫做夏天的季节。</tspan><tspan x="481.000000" dy="17.666667"> ある季節、夏という名前がついています。</tspan><tspan x="481.000000" dy="17.666667">한 계절, 여름이란 이름이 있습니다.</tspan></text></g><g id="b"><g class="shape" ><rect x="12.000000" y="190.000000" width="448.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="236.000000" y="228.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">夏天的时候，天气非常热，人们总是流着汗。</text></g><g id="c"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="480.000000" y="190.000000" width="492" height="64"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p>夏になると、とても暑くて、人々は汗を流しています。</p>

From d277bbc91fe3dbef7f01c05f3c59e0fdc3febc7e Mon Sep 17 00:00:00 2001
From: Bernard Xie <bernard@terrastruct.com>
Date: Fri, 7 Apr 2023 16:49:11 -0700
Subject: [PATCH 02/21] Update next.md

---
 ci/release/changelogs/next.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/ci/release/changelogs/next.md b/ci/release/changelogs/next.md
index c52158d51..7c8dc5311 100644
--- a/ci/release/changelogs/next.md
+++ b/ci/release/changelogs/next.md
@@ -19,6 +19,7 @@
 - Namespace transitions so that multiple animated D2 diagrams can exist on the same page [#1123](https://github.com/terrastruct/d2/issues/1123)
 - Fix a bug in vertical alignment of appendix lines [#1104](https://github.com/terrastruct/d2/issues/1104)
 - Fix precision difference for sketch mode running on different architectures [#921](https://github.com/terrastruct/d2/issues/921)
+- Fix an issue where markdown fonts weren't being applied correctly [#1132](https://github.com/terrastruct/d2/issues/1132)
 
 #### Breaking changes
 

From 7fe562fd822c01da6f14f6b12607bd8962c254ee Mon Sep 17 00:00:00 2001
From: Alexander Wang <alex@terrastruct.com>
Date: Fri, 7 Apr 2023 21:03:33 -0700
Subject: [PATCH 03/21] [ci-base] bump version

---
 lib/version/version.go | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/lib/version/version.go b/lib/version/version.go
index c11435e09..a305938c4 100644
--- a/lib/version/version.go
+++ b/lib/version/version.go
@@ -1,4 +1,4 @@
 package version
 
 // Pre-built binaries will have version set correctly during build time.
-var Version = "v0.3.0-HEAD"
+var Version = "v0.4.0-HEAD"

From dbc3a6995126c60e9846402e8d8d805409fd0009 Mon Sep 17 00:00:00 2001
From: Alexander Wang <alex@terrastruct.com>
Date: Sat, 8 Apr 2023 10:07:56 -0700
Subject: [PATCH 04/21] fix solo near

---
 d2layouts/d2near/layout.go                    |    3 +
 .../testdata/all_shapes/sketch.exp.svg        |    2 +-
 .../testdata/all_shapes_dark/sketch.exp.svg   |    2 +-
 .../d2sketch/testdata/animated/sketch.exp.svg |    2 +-
 .../testdata/animated_dark/sketch.exp.svg     |    2 +-
 .../testdata/arrowheads/sketch.exp.svg        |    2 +-
 .../testdata/arrowheads_dark/sketch.exp.svg   |    2 +-
 .../d2sketch/testdata/basic/sketch.exp.svg    |    2 +-
 .../testdata/basic_dark/sketch.exp.svg        |    2 +-
 .../testdata/child_to_child/sketch.exp.svg    |    2 +-
 .../child_to_child_dark/sketch.exp.svg        |    2 +-
 .../d2sketch/testdata/class/sketch.exp.svg    |    2 +-
 .../sketch.exp.svg                            |    2 +-
 .../testdata/class_dark/sketch.exp.svg        |    2 +-
 .../testdata/connection_label/sketch.exp.svg  |    2 +-
 .../connection_label_dark/sketch.exp.svg      |    2 +-
 .../testdata/crows_feet/sketch.exp.svg        |    2 +-
 .../testdata/crows_feet_dark/sketch.exp.svg   |    2 +-
 .../d2sketch/testdata/dots-3d/sketch.exp.svg  |    2 +-
 .../d2sketch/testdata/dots-all/sketch.exp.svg |    2 +-
 .../testdata/dots-multiple/sketch.exp.svg     |    2 +-
 .../testdata/dots-real/sketch.exp.svg         |    2 +-
 .../testdata/double-border/sketch.exp.svg     |    2 +-
 .../testdata/elk_corners/sketch.exp.svg       |    2 +-
 .../d2sketch/testdata/opacity/sketch.exp.svg  |    2 +-
 .../testdata/opacity_dark/sketch.exp.svg      |    2 +-
 .../d2sketch/testdata/overlay/sketch.exp.svg  |    2 +-
 .../testdata/paper-real/sketch.exp.svg        |    2 +-
 .../testdata/root-fill/sketch.exp.svg         |    2 +-
 .../testdata/sql_tables/sketch.exp.svg        |    2 +-
 .../testdata/sql_tables_dark/sketch.exp.svg   |    2 +-
 .../d2sketch/testdata/terminal/sketch.exp.svg |    2 +-
 .../d2sketch/testdata/twitter/sketch.exp.svg  |    2 +-
 .../testdata/twitter_dark/sketch.exp.svg      |    2 +-
 .../diagram_wider_than_tooltip/sketch.exp.svg |    2 +-
 .../testdata/internal-links/sketch.exp.svg    |    2 +-
 .../appendix/testdata/links/sketch.exp.svg    |    2 +-
 .../testdata/links_dark/sketch.exp.svg        |    2 +-
 .../testdata/tooltip_fill/sketch.exp.svg      |    2 +-
 .../tooltip_wider_than_diagram/sketch.exp.svg |    2 +-
 .../testdata/all_shapes/dark_theme.exp.svg    |    2 +-
 .../testdata/animated/dark_theme.exp.svg      |    2 +-
 .../testdata/arrowheads/dark_theme.exp.svg    |    2 +-
 .../testdata/basic/dark_theme.exp.svg         |    2 +-
 .../child_to_child/dark_theme.exp.svg         |    2 +-
 .../testdata/class/dark_theme.exp.svg         |    2 +-
 .../testdata/code/dark_theme.exp.svg          |    2 +-
 .../connection_label/dark_theme.exp.svg       |    2 +-
 .../testdata/opacity/dark_theme.exp.svg       |    2 +-
 .../testdata/overlay/dark_theme.exp.svg       |    2 +-
 .../testdata/sql_tables/dark_theme.exp.svg    |    2 +-
 .../testdata/twitter/dark_theme.exp.svg       |    2 +-
 .../testdata/TestCLI_E2E/abspath.exp.svg      |    2 +-
 .../testdata/TestCLI_E2E/animation.exp.svg    |    2 +-
 .../testdata/TestCLI_E2E/center.exp.svg       |    2 +-
 .../TestCLI_E2E/empty-layer/x.exp.svg         |    2 +-
 .../TestCLI_E2E/hello_world_png.exp.png       |  Bin 15387 -> 15387 bytes
 .../TestCLI_E2E/hello_world_png_pad.exp.png   |  Bin 73590 -> 73590 bytes
 .../hello_world_png_sketch.exp.png            |  Bin 28841 -> 28841 bytes
 .../TestCLI_E2E/internal_linked_pdf.exp.pdf   |  Bin 79882 -> 79882 bytes
 .../TestCLI_E2E/multiboard/life/index.exp.svg |    2 +-
 .../multiboard/life/layers/broker.exp.svg     |    2 +-
 .../multiboard/life/layers/core.exp.svg       |    2 +-
 .../multiboard/life/layers/stocks.exp.svg     |    2 +-
 .../multiboard/life/scenarios/why.exp.svg     |    2 +-
 .../multiboard/life_index_d2/index.exp.svg    |    2 +-
 .../life_index_d2/layers/broker.exp.svg       |    2 +-
 .../life_index_d2/layers/core.exp.svg         |    2 +-
 .../life_index_d2/layers/stocks.exp.svg       |    2 +-
 .../life_index_d2/scenarios/why.exp.svg       |    2 +-
 .../testdata/TestCLI_E2E/stdin.exp.svg        |    2 +-
 .../testdata/TestCLI_E2E/with-font.exp.svg    |    2 +-
 e2etests/stable_test.go                       |    6 +
 .../measured/empty-class/dagre/sketch.exp.svg |    2 +-
 .../empty-markdown/dagre/sketch.exp.svg       |    2 +-
 .../measured/empty-shape/dagre/sketch.exp.svg |    2 +-
 .../empty-sql_table/dagre/sketch.exp.svg      |    2 +-
 .../testdata/patterns/3d/dagre/sketch.exp.svg |    2 +-
 .../patterns/all_shapes/dagre/sketch.exp.svg  |    2 +-
 .../patterns/multiple/dagre/sketch.exp.svg    |    2 +-
 .../patterns/paper/dagre/sketch.exp.svg       |    2 +-
 .../patterns/real-lines/dagre/sketch.exp.svg  |    2 +-
 .../patterns/real/dagre/sketch.exp.svg        |    2 +-
 .../root-dots-with-fill/dagre/sketch.exp.svg  |    2 +-
 .../patterns/root-dots/dagre/sketch.exp.svg   |    2 +-
 .../patterns/shape/dagre/sketch.exp.svg       |    2 +-
 .../ampersand-escape/dagre/sketch.exp.svg     |    2 +-
 .../ampersand-escape/elk/sketch.exp.svg       |    2 +-
 .../bold_edge_label/dagre/sketch.exp.svg      |    2 +-
 .../bold_edge_label/elk/sketch.exp.svg        |    2 +-
 .../dagre/sketch.exp.svg                      |    2 +-
 .../elk/sketch.exp.svg                        |    2 +-
 .../dagre/sketch.exp.svg                      |    2 +-
 .../elk/sketch.exp.svg                        |    2 +-
 .../dagre-disconnect/dagre/sketch.exp.svg     |    2 +-
 .../dagre-disconnect/elk/sketch.exp.svg       |    2 +-
 .../dagre/sketch.exp.svg                      |    2 +-
 .../dagre_broken_arrowhead/elk/sketch.exp.svg |    2 +-
 .../dagre/sketch.exp.svg                      |    2 +-
 .../elk/sketch.exp.svg                        |    2 +-
 .../dagre_special_ids/dagre/sketch.exp.svg    |    2 +-
 .../dagre_special_ids/elk/sketch.exp.svg      |    2 +-
 .../elk_alignment/dagre/sketch.exp.svg        |    2 +-
 .../elk_alignment/elk/sketch.exp.svg          |    2 +-
 .../dagre/sketch.exp.svg                      |    2 +-
 .../elk/sketch.exp.svg                        |    2 +-
 .../elk_loop_panic/dagre/sketch.exp.svg       |    2 +-
 .../elk_loop_panic/elk/sketch.exp.svg         |    2 +-
 .../regression/elk_order/dagre/sketch.exp.svg |    2 +-
 .../regression/elk_order/elk/sketch.exp.svg   |    2 +-
 .../empty_class_height/dagre/sketch.exp.svg   |    2 +-
 .../empty_class_height/elk/sketch.exp.svg     |    2 +-
 .../empty_sequence/dagre/sketch.exp.svg       |    2 +-
 .../empty_sequence/elk/sketch.exp.svg         |    2 +-
 .../regression/hex-fill/dagre/sketch.exp.svg  |    2 +-
 .../regression/hex-fill/elk/sketch.exp.svg    |    2 +-
 .../just-width/dagre/sketch.exp.svg           |    2 +-
 .../regression/just-width/elk/sketch.exp.svg  |    2 +-
 .../link_with_ampersand/dagre/sketch.exp.svg  |    2 +-
 .../link_with_ampersand/elk/sketch.exp.svg    |    2 +-
 .../md_h1_li_li/dagre/sketch.exp.svg          |    2 +-
 .../regression/md_h1_li_li/elk/sketch.exp.svg |    2 +-
 .../nested_steps/dagre/sketch.exp.svg         |    2 +-
 .../nested_steps/elk/sketch.exp.svg           |    2 +-
 .../regression/no-lexer/dagre/sketch.exp.svg  |    2 +-
 .../regression/no-lexer/elk/sketch.exp.svg    |    2 +-
 .../dagre/sketch.exp.svg                      |    2 +-
 .../elk/sketch.exp.svg                        |    2 +-
 .../opacity-on-label/dagre/sketch.exp.svg     |    2 +-
 .../opacity-on-label/elk/sketch.exp.svg       |    2 +-
 .../dagre/sketch.exp.svg                      |    2 +-
 .../overlapping-edge-label/elk/sketch.exp.svg |    2 +-
 .../query_param_escape/dagre/sketch.exp.svg   |    2 +-
 .../query_param_escape/elk/sketch.exp.svg     |    2 +-
 .../dagre/sketch.exp.svg                      |    2 +-
 .../elk/sketch.exp.svg                        |    2 +-
 .../dagre/sketch.exp.svg                      |    2 +-
 .../elk/sketch.exp.svg                        |    2 +-
 .../dagre/sketch.exp.svg                      |    2 +-
 .../elk/sketch.exp.svg                        |    2 +-
 .../dagre/sketch.exp.svg                      |    2 +-
 .../elk/sketch.exp.svg                        |    2 +-
 .../dagre/sketch.exp.svg                      |    2 +-
 .../elk/sketch.exp.svg                        |    2 +-
 .../sql_table_overflow/dagre/sketch.exp.svg   |    2 +-
 .../sql_table_overflow/elk/sketch.exp.svg     |    2 +-
 .../dagre/sketch.exp.svg                      |    2 +-
 .../elk/sketch.exp.svg                        |    2 +-
 .../unconnected/dagre/sketch.exp.svg          |    2 +-
 .../regression/unconnected/elk/sketch.exp.svg |    2 +-
 .../dagre/sketch.exp.svg                      |    2 +-
 .../elk/sketch.exp.svg                        |    2 +-
 .../root/border-radius/dagre/sketch.exp.svg   |    2 +-
 .../root/border-radius/elk/sketch.exp.svg     |    2 +-
 .../root/double-border/dagre/sketch.exp.svg   |    2 +-
 .../root/double-border/elk/sketch.exp.svg     |    2 +-
 .../even-stroke-width/dagre/sketch.exp.svg    |    2 +-
 .../root/even-stroke-width/elk/sketch.exp.svg |    2 +-
 .../testdata/root/fill/dagre/sketch.exp.svg   |    2 +-
 .../testdata/root/fill/elk/sketch.exp.svg     |    2 +-
 .../root/stroke-dash/dagre/sketch.exp.svg     |    2 +-
 .../root/stroke-dash/elk/sketch.exp.svg       |    2 +-
 .../root/stroke-no-width/dagre/sketch.exp.svg |    2 +-
 .../root/stroke-no-width/elk/sketch.exp.svg   |    2 +-
 .../root/stroke-width/dagre/sketch.exp.svg    |    2 +-
 .../root/stroke-width/elk/sketch.exp.svg      |    2 +-
 .../sanity/1_to_2/dagre/sketch.exp.svg        |    2 +-
 .../testdata/sanity/1_to_2/elk/sketch.exp.svg |    2 +-
 .../sanity/basic/dagre/sketch.exp.svg         |    2 +-
 .../testdata/sanity/basic/elk/sketch.exp.svg  |    2 +-
 .../child_to_child/dagre/sketch.exp.svg       |    2 +-
 .../sanity/child_to_child/elk/sketch.exp.svg  |    2 +-
 .../connection_label/dagre/sketch.exp.svg     |    2 +-
 .../connection_label/elk/sketch.exp.svg       |    2 +-
 .../sanity/empty/dagre/sketch.exp.svg         |    2 +-
 .../testdata/sanity/empty/elk/sketch.exp.svg  |    2 +-
 .../3d_fill_and_stroke/dagre/sketch.exp.svg   |    2 +-
 .../3d_fill_and_stroke/elk/sketch.exp.svg     |    2 +-
 .../stable/all_shapes/dagre/sketch.exp.svg    |    2 +-
 .../stable/all_shapes/elk/sketch.exp.svg      |    2 +-
 .../all_shapes_multiple/dagre/sketch.exp.svg  |    2 +-
 .../all_shapes_multiple/elk/sketch.exp.svg    |    2 +-
 .../all_shapes_shadow/dagre/sketch.exp.svg    |    2 +-
 .../all_shapes_shadow/elk/sketch.exp.svg      |    2 +-
 .../stable/animated/dagre/sketch.exp.svg      |    2 +-
 .../stable/animated/elk/sketch.exp.svg        |    2 +-
 .../arrowhead_adjustment/dagre/sketch.exp.svg |    2 +-
 .../arrowhead_adjustment/elk/sketch.exp.svg   |    2 +-
 .../arrowhead_labels/dagre/sketch.exp.svg     |    2 +-
 .../arrowhead_labels/elk/sketch.exp.svg       |    2 +-
 .../arrowhead_scaling/dagre/sketch.exp.svg    |    2 +-
 .../arrowhead_scaling/elk/sketch.exp.svg      |    2 +-
 .../stable/binary_tree/dagre/sketch.exp.svg   |    2 +-
 .../stable/binary_tree/elk/sketch.exp.svg     |    2 +-
 .../stable/border-radius/dagre/sketch.exp.svg |    2 +-
 .../stable/border-radius/elk/sketch.exp.svg   |    2 +-
 .../testdata/stable/br/dagre/sketch.exp.svg   |    2 +-
 .../testdata/stable/br/elk/sketch.exp.svg     |    2 +-
 .../stable/chaos2/dagre/sketch.exp.svg        |    2 +-
 .../testdata/stable/chaos2/elk/sketch.exp.svg |    2 +-
 .../circle_arrowhead/dagre/sketch.exp.svg     |    2 +-
 .../circle_arrowhead/elk/sketch.exp.svg       |    2 +-
 .../circular_dependency/dagre/sketch.exp.svg  |    2 +-
 .../circular_dependency/elk/sketch.exp.svg    |    2 +-
 .../stable/class/dagre/sketch.exp.svg         |    2 +-
 .../testdata/stable/class/elk/sketch.exp.svg  |    2 +-
 .../dagre/sketch.exp.svg                      |    2 +-
 .../elk/sketch.exp.svg                        |    2 +-
 .../stable/classes/dagre/sketch.exp.svg       |    2 +-
 .../stable/classes/elk/sketch.exp.svg         |    2 +-
 .../stable/code_snippet/dagre/sketch.exp.svg  |    2 +-
 .../stable/code_snippet/elk/sketch.exp.svg    |    2 +-
 .../complex-layers/dagre/sketch.exp.svg       |    2 +-
 .../stable/complex-layers/elk/sketch.exp.svg  |    2 +-
 .../connected_container/dagre/sketch.exp.svg  |    2 +-
 .../connected_container/elk/sketch.exp.svg    |    2 +-
 .../constant_near_stress/dagre/sketch.exp.svg |    2 +-
 .../constant_near_stress/elk/sketch.exp.svg   |    2 +-
 .../constant_near_title/dagre/sketch.exp.svg  |    2 +-
 .../constant_near_title/elk/sketch.exp.svg    |    2 +-
 .../container_edges/dagre/sketch.exp.svg      |    2 +-
 .../stable/container_edges/elk/sketch.exp.svg |    2 +-
 .../crow_foot_arrowhead/dagre/sketch.exp.svg  |    2 +-
 .../crow_foot_arrowhead/elk/sketch.exp.svg    |    2 +-
 .../stable/dagger_grid/dagre/sketch.exp.svg   |    2 +-
 .../stable/dagger_grid/elk/sketch.exp.svg     |    2 +-
 .../stable/dense/dagre/sketch.exp.svg         |    2 +-
 .../testdata/stable/dense/elk/sketch.exp.svg  |    2 +-
 .../different_subgraphs/dagre/sketch.exp.svg  |    2 +-
 .../different_subgraphs/elk/sketch.exp.svg    |    2 +-
 .../stable/direction/dagre/sketch.exp.svg     |    2 +-
 .../stable/direction/elk/sketch.exp.svg       |    2 +-
 .../edge-label-overflow/dagre/sketch.exp.svg  |    2 +-
 .../edge-label-overflow/elk/sketch.exp.svg    |    2 +-
 .../elk_border_radius/dagre/sketch.exp.svg    |    2 +-
 .../elk_border_radius/elk/sketch.exp.svg      |    2 +-
 .../elk_container_height/dagre/sketch.exp.svg |    2 +-
 .../elk_container_height/elk/sketch.exp.svg   |    2 +-
 .../stable/elk_shim/dagre/sketch.exp.svg      |    2 +-
 .../stable/elk_shim/elk/sketch.exp.svg        |    2 +-
 .../executive_grid/dagre/sketch.exp.svg       |    2 +-
 .../stable/executive_grid/elk/sketch.exp.svg  |    2 +-
 .../stable/font_colors/dagre/sketch.exp.svg   |    2 +-
 .../stable/font_colors/elk/sketch.exp.svg     |    2 +-
 .../stable/font_sizes/dagre/sketch.exp.svg    |    2 +-
 .../stable/font_sizes/elk/sketch.exp.svg      |    2 +-
 .../dagre/sketch.exp.svg                      |    2 +-
 .../elk/sketch.exp.svg                        |    2 +-
 .../dagre/sketch.exp.svg                      |    2 +-
 .../elk/sketch.exp.svg                        |    2 +-
 .../giant_markdown_test/dagre/sketch.exp.svg  |    2 +-
 .../giant_markdown_test/elk/sketch.exp.svg    |    2 +-
 .../stable/grid_tests/dagre/sketch.exp.svg    |    2 +-
 .../stable/grid_tests/elk/sketch.exp.svg      |    2 +-
 .../stable/hexagon_3d/dagre/sketch.exp.svg    |    2 +-
 .../stable/hexagon_3d/elk/sketch.exp.svg      |    2 +-
 .../testdata/stable/hr/dagre/sketch.exp.svg   |    2 +-
 .../testdata/stable/hr/elk/sketch.exp.svg     |    2 +-
 .../icon-containers/dagre/sketch.exp.svg      |    2 +-
 .../stable/icon-containers/elk/sketch.exp.svg |    2 +-
 .../stable/icon-label/dagre/sketch.exp.svg    |    2 +-
 .../stable/icon-label/elk/sketch.exp.svg      |    2 +-
 .../stable/images/dagre/sketch.exp.svg        |    2 +-
 .../testdata/stable/images/elk/sketch.exp.svg |    2 +-
 .../stable/investigate/dagre/sketch.exp.svg   |    2 +-
 .../stable/investigate/elk/sketch.exp.svg     |    2 +-
 .../stable/large_arch/dagre/sketch.exp.svg    |    2 +-
 .../stable/large_arch/elk/sketch.exp.svg      |    2 +-
 .../stable/latex/dagre/sketch.exp.svg         |    2 +-
 .../testdata/stable/latex/elk/sketch.exp.svg  |    2 +-
 .../legend_with_near_key/dagre/sketch.exp.svg |    2 +-
 .../legend_with_near_key/elk/sketch.exp.svg   |    2 +-
 .../testdata/stable/li1/dagre/sketch.exp.svg  |    2 +-
 .../testdata/stable/li1/elk/sketch.exp.svg    |    2 +-
 .../testdata/stable/li2/dagre/sketch.exp.svg  |    2 +-
 .../testdata/stable/li2/elk/sketch.exp.svg    |    2 +-
 .../testdata/stable/li3/dagre/sketch.exp.svg  |    2 +-
 .../testdata/stable/li3/elk/sketch.exp.svg    |    2 +-
 .../testdata/stable/li4/dagre/sketch.exp.svg  |    2 +-
 .../testdata/stable/li4/elk/sketch.exp.svg    |    2 +-
 .../stable/links/dagre/sketch.exp.svg         |    2 +-
 .../testdata/stable/links/elk/sketch.exp.svg  |    2 +-
 .../stable/lone_h1/dagre/sketch.exp.svg       |    2 +-
 .../stable/lone_h1/elk/sketch.exp.svg         |    2 +-
 .../stable/markdown/dagre/sketch.exp.svg      |    2 +-
 .../stable/markdown/elk/sketch.exp.svg        |    2 +-
 .../markdown_stroke_fill/dagre/sketch.exp.svg |    2 +-
 .../markdown_stroke_fill/elk/sketch.exp.svg   |    2 +-
 .../md_2space_newline/dagre/sketch.exp.svg    |    2 +-
 .../md_2space_newline/elk/sketch.exp.svg      |    2 +-
 .../md_backslash_newline/dagre/sketch.exp.svg |    2 +-
 .../md_backslash_newline/elk/sketch.exp.svg   |    2 +-
 .../md_code_block_fenced/dagre/sketch.exp.svg |    2 +-
 .../md_code_block_fenced/elk/sketch.exp.svg   |    2 +-
 .../dagre/sketch.exp.svg                      |    2 +-
 .../md_code_block_indented/elk/sketch.exp.svg |    2 +-
 .../md_code_inline/dagre/sketch.exp.svg       |    2 +-
 .../stable/md_code_inline/elk/sketch.exp.svg  |    2 +-
 .../stable/mono-edge/dagre/sketch.exp.svg     |    2 +-
 .../stable/mono-edge/elk/sketch.exp.svg       |    2 +-
 .../stable/mono-font/dagre/sketch.exp.svg     |    2 +-
 .../stable/mono-font/elk/sketch.exp.svg       |    2 +-
 .../multiline_text/dagre/sketch.exp.svg       |    2 +-
 .../stable/multiline_text/elk/sketch.exp.svg  |    2 +-
 .../multiple_trees/dagre/sketch.exp.svg       |    2 +-
 .../stable/multiple_trees/elk/sketch.exp.svg  |    2 +-
 .../stable/n22_e32/dagre/sketch.exp.svg       |    2 +-
 .../stable/n22_e32/elk/sketch.exp.svg         |    2 +-
 .../stable/near-alone/dagre/sketch.exp.svg    |    2 +-
 .../stable/near-alone/elk/sketch.exp.svg      |    2 +-
 .../dagre/board.exp.json                      | 1245 +++++++++++++++++
 .../dagre/sketch.exp.svg                      |  102 ++
 .../elk/board.exp.json                        | 1191 ++++++++++++++++
 .../elk/sketch.exp.svg                        |  102 ++
 .../dagre/board.exp.json                      | 1185 +---------------
 .../dagre/sketch.exp.svg                      |  906 ++++++++++--
 .../elk/board.exp.json                        | 1131 +--------------
 .../elk/sketch.exp.svg                        |  906 ++++++++++--
 .../number_connections/dagre/sketch.exp.svg   |    2 +-
 .../number_connections/elk/sketch.exp.svg     |    2 +-
 .../one_container_loop/dagre/sketch.exp.svg   |    2 +-
 .../one_container_loop/elk/sketch.exp.svg     |    2 +-
 .../dagre/sketch.exp.svg                      |    2 +-
 .../elk/sketch.exp.svg                        |    2 +-
 .../stable/ovals/dagre/sketch.exp.svg         |    2 +-
 .../testdata/stable/ovals/elk/sketch.exp.svg  |    2 +-
 .../dagre/sketch.exp.svg                      |    2 +-
 .../elk/sketch.exp.svg                        |    2 +-
 .../testdata/stable/p/dagre/sketch.exp.svg    |    2 +-
 e2etests/testdata/stable/p/elk/sketch.exp.svg |    2 +-
 .../stable/people/dagre/sketch.exp.svg        |    2 +-
 .../testdata/stable/people/elk/sketch.exp.svg |    2 +-
 .../testdata/stable/pre/dagre/sketch.exp.svg  |    2 +-
 .../testdata/stable/pre/elk/sketch.exp.svg    |    2 +-
 .../self-referencing/dagre/sketch.exp.svg     |    2 +-
 .../self-referencing/elk/sketch.exp.svg       |    2 +-
 .../dagre/sketch.exp.svg                      |    2 +-
 .../elk/sketch.exp.svg                        |    2 +-
 .../dagre/sketch.exp.svg                      |    2 +-
 .../elk/sketch.exp.svg                        |    2 +-
 .../dagre/sketch.exp.svg                      |    2 +-
 .../elk/sketch.exp.svg                        |    2 +-
 .../dagre/sketch.exp.svg                      |    2 +-
 .../elk/sketch.exp.svg                        |    2 +-
 .../dagre/sketch.exp.svg                      |    2 +-
 .../elk/sketch.exp.svg                        |    2 +-
 .../dagre/sketch.exp.svg                      |    2 +-
 .../elk/sketch.exp.svg                        |    2 +-
 .../dagre/sketch.exp.svg                      |    2 +-
 .../elk/sketch.exp.svg                        |    2 +-
 .../dagre/sketch.exp.svg                      |    2 +-
 .../elk/sketch.exp.svg                        |    2 +-
 .../dagre/sketch.exp.svg                      |    2 +-
 .../sequence_diagram_note/elk/sketch.exp.svg  |    2 +-
 .../dagre/sketch.exp.svg                      |    2 +-
 .../sequence_diagram_real/elk/sketch.exp.svg  |    2 +-
 .../dagre/sketch.exp.svg                      |    2 +-
 .../elk/sketch.exp.svg                        |    2 +-
 .../dagre/sketch.exp.svg                      |    2 +-
 .../elk/sketch.exp.svg                        |    2 +-
 .../dagre/sketch.exp.svg                      |    2 +-
 .../sequence_diagram_span/elk/sketch.exp.svg  |    2 +-
 .../sequence_diagrams/dagre/sketch.exp.svg    |    2 +-
 .../sequence_diagrams/elk/sketch.exp.svg      |    2 +-
 .../dagre/sketch.exp.svg                      |    2 +-
 .../elk/sketch.exp.svg                        |    2 +-
 .../dagre/sketch.exp.svg                      |    2 +-
 .../elk/sketch.exp.svg                        |    2 +-
 .../stable/sql_tables/dagre/sketch.exp.svg    |    2 +-
 .../stable/sql_tables/elk/sketch.exp.svg      |    2 +-
 .../stable/square_3d/dagre/sketch.exp.svg     |    2 +-
 .../stable/square_3d/elk/sketch.exp.svg       |    2 +-
 .../dagre/sketch.exp.svg                      |    2 +-
 .../elk/sketch.exp.svg                        |    2 +-
 .../stable/stylish/dagre/sketch.exp.svg       |    2 +-
 .../stable/stylish/elk/sketch.exp.svg         |    2 +-
 .../stable/teleport_grid/dagre/sketch.exp.svg |    2 +-
 .../stable/teleport_grid/elk/sketch.exp.svg   |    2 +-
 .../text_font_sizes/dagre/sketch.exp.svg      |    2 +-
 .../stable/text_font_sizes/elk/sketch.exp.svg |    2 +-
 .../stable/tooltips/dagre/sketch.exp.svg      |    2 +-
 .../stable/tooltips/elk/sketch.exp.svg        |    2 +-
 .../transparent_3d/dagre/sketch.exp.svg       |    2 +-
 .../stable/transparent_3d/elk/sketch.exp.svg  |    2 +-
 .../unnamed_only_height/dagre/sketch.exp.svg  |    2 +-
 .../unnamed_only_height/elk/sketch.exp.svg    |    2 +-
 .../unnamed_only_width/dagre/sketch.exp.svg   |    2 +-
 .../unnamed_only_width/elk/sketch.exp.svg     |    2 +-
 .../stable/us_map/dagre/sketch.exp.svg        |    2 +-
 .../testdata/stable/us_map/elk/sketch.exp.svg |    2 +-
 .../themes/origami/dagre/sketch.exp.svg       |    2 +-
 .../themes/origami/elk/sketch.exp.svg         |    2 +-
 .../themes/terminal/dagre/sketch.exp.svg      |    2 +-
 .../themes/terminal/elk/sketch.exp.svg        |    2 +-
 .../terminal_grayscale/dagre/sketch.exp.svg   |    2 +-
 .../terminal_grayscale/elk/sketch.exp.svg     |    2 +-
 .../container_icon_label/dagre/sketch.exp.svg |    2 +-
 .../container_icon_label/elk/sketch.exp.svg   |    2 +-
 .../dagre/sketch.exp.svg                      |    2 +-
 .../elk/sketch.exp.svg                        |    2 +-
 .../dagre/sketch.exp.svg                      |    2 +-
 .../elk/sketch.exp.svg                        |    2 +-
 .../dagre/sketch.exp.svg                      |    2 +-
 .../elk/sketch.exp.svg                        |    2 +-
 .../dagre/sketch.exp.svg                      |    2 +-
 .../elk/sketch.exp.svg                        |    2 +-
 .../dagre/sketch.exp.svg                      |    2 +-
 .../elk/sketch.exp.svg                        |    2 +-
 .../dagre/sketch.exp.svg                      |    2 +-
 .../shape_set_width_height/elk/sketch.exp.svg |    2 +-
 .../unicode/chinese/dagre/sketch.exp.svg      |    2 +-
 .../unicode/chinese/elk/sketch.exp.svg        |    2 +-
 .../unicode/emojis/dagre/sketch.exp.svg       |    2 +-
 .../unicode/emojis/elk/sketch.exp.svg         |    2 +-
 .../japanese-basic/dagre/sketch.exp.svg       |    2 +-
 .../unicode/japanese-basic/elk/sketch.exp.svg |    2 +-
 .../japanese-full/dagre/sketch.exp.svg        |    2 +-
 .../unicode/japanese-full/elk/sketch.exp.svg  |    2 +-
 .../japanese-mixed/dagre/sketch.exp.svg       |    2 +-
 .../unicode/japanese-mixed/elk/sketch.exp.svg |    2 +-
 .../unicode/korean/dagre/sketch.exp.svg       |    2 +-
 .../unicode/korean/elk/sketch.exp.svg         |    2 +-
 .../mixed-language-2/dagre/sketch.exp.svg     |    2 +-
 .../mixed-language-2/elk/sketch.exp.svg       |    2 +-
 .../mixed-language/dagre/sketch.exp.svg       |    2 +-
 .../unicode/mixed-language/elk/sketch.exp.svg |    2 +-
 .../unicode/with-style/dagre/sketch.exp.svg   |    2 +-
 .../unicode/with-style/elk/sketch.exp.svg     |    2 +-
 428 files changed, 4733 insertions(+), 2872 deletions(-)
 create mode 100644 e2etests/testdata/stable/near_keys_for_container#01/dagre/board.exp.json
 create mode 100644 e2etests/testdata/stable/near_keys_for_container#01/dagre/sketch.exp.svg
 create mode 100644 e2etests/testdata/stable/near_keys_for_container#01/elk/board.exp.json
 create mode 100644 e2etests/testdata/stable/near_keys_for_container#01/elk/sketch.exp.svg

diff --git a/d2layouts/d2near/layout.go b/d2layouts/d2near/layout.go
index 07cfef4d1..bb2d3b786 100644
--- a/d2layouts/d2near/layout.go
+++ b/d2layouts/d2near/layout.go
@@ -59,6 +59,9 @@ func Layout(ctx context.Context, g *d2graph.Graph, constantNearGraphs []*d2graph
 			if processCenters == strings.Contains(d2graph.Key(obj.Attributes.NearKey)[0], "-center") {
 				// The z-index for constant nears does not matter, as it will not collide
 				g.Objects = append(g.Objects, tempGraph.Objects...)
+				if obj.Parent.Children == nil {
+					obj.Parent.Children = make(map[string]*d2graph.Object)
+				}
 				obj.Parent.Children[strings.ToLower(obj.ID)] = obj
 				obj.Parent.ChildrenArray = append(obj.Parent.ChildrenArray, obj)
 				g.Edges = append(g.Edges, tempGraph.Edges...)
diff --git a/d2renderers/d2sketch/testdata/all_shapes/sketch.exp.svg b/d2renderers/d2sketch/testdata/all_shapes/sketch.exp.svg
index 6b58edd00..2b7ee4fd4 100644
--- a/d2renderers/d2sketch/testdata/all_shapes/sketch.exp.svg
+++ b/d2renderers/d2sketch/testdata/all_shapes/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1400 710"><svg id="d2-svg" class="d2-1976235645" width="1400" height="710" viewBox="-101 -101 1400 710"><rect x="-101.000000" y="-101.000000" width="1400.000000" height="710.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1400 710"><svg id="d2-svg" class="d2-1976235645" width="1400" height="710" viewBox="-101 -101 1400 710"><rect x="-101.000000" y="-101.000000" width="1400.000000" height="710.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-1976235645 .text-bold {
 	font-family: "d2-1976235645-font-bold";
 }
diff --git a/d2renderers/d2sketch/testdata/all_shapes_dark/sketch.exp.svg b/d2renderers/d2sketch/testdata/all_shapes_dark/sketch.exp.svg
index b2c01767e..daaf60ca6 100644
--- a/d2renderers/d2sketch/testdata/all_shapes_dark/sketch.exp.svg
+++ b/d2renderers/d2sketch/testdata/all_shapes_dark/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1400 710"><svg id="d2-svg" class="d2-1976235645" width="1400" height="710" viewBox="-101 -101 1400 710"><rect x="-101.000000" y="-101.000000" width="1400.000000" height="710.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1400 710"><svg id="d2-svg" class="d2-1976235645" width="1400" height="710" viewBox="-101 -101 1400 710"><rect x="-101.000000" y="-101.000000" width="1400.000000" height="710.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-1976235645 .text-bold {
 	font-family: "d2-1976235645-font-bold";
 }
diff --git a/d2renderers/d2sketch/testdata/animated/sketch.exp.svg b/d2renderers/d2sketch/testdata/animated/sketch.exp.svg
index 47ed52d24..8813b36c5 100644
--- a/d2renderers/d2sketch/testdata/animated/sketch.exp.svg
+++ b/d2renderers/d2sketch/testdata/animated/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 429 799"><svg id="d2-svg" class="d2-1762467727" width="429" height="799" viewBox="-101 -100 429 799"><rect x="-101.000000" y="-100.000000" width="429.000000" height="799.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 429 799"><svg id="d2-svg" class="d2-1762467727" width="429" height="799" viewBox="-101 -100 429 799"><rect x="-101.000000" y="-100.000000" width="429.000000" height="799.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-1762467727 .text {
 	font-family: "d2-1762467727-font-regular";
 }
diff --git a/d2renderers/d2sketch/testdata/animated_dark/sketch.exp.svg b/d2renderers/d2sketch/testdata/animated_dark/sketch.exp.svg
index b2e8a5c53..f29970638 100644
--- a/d2renderers/d2sketch/testdata/animated_dark/sketch.exp.svg
+++ b/d2renderers/d2sketch/testdata/animated_dark/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 429 799"><svg id="d2-svg" class="d2-1762467727" width="429" height="799" viewBox="-101 -100 429 799"><rect x="-101.000000" y="-100.000000" width="429.000000" height="799.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 429 799"><svg id="d2-svg" class="d2-1762467727" width="429" height="799" viewBox="-101 -100 429 799"><rect x="-101.000000" y="-100.000000" width="429.000000" height="799.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-1762467727 .text {
 	font-family: "d2-1762467727-font-regular";
 }
diff --git a/d2renderers/d2sketch/testdata/arrowheads/sketch.exp.svg b/d2renderers/d2sketch/testdata/arrowheads/sketch.exp.svg
index 538921890..83f5d5de3 100644
--- a/d2renderers/d2sketch/testdata/arrowheads/sketch.exp.svg
+++ b/d2renderers/d2sketch/testdata/arrowheads/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1249 657"><svg id="d2-svg" class="d2-981471403" width="1249" height="657" viewBox="-101 -101 1249 657"><rect x="-101.000000" y="-101.000000" width="1249.000000" height="657.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1249 657"><svg id="d2-svg" class="d2-981471403" width="1249" height="657" viewBox="-101 -101 1249 657"><rect x="-101.000000" y="-101.000000" width="1249.000000" height="657.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-981471403 .text-bold {
 	font-family: "d2-981471403-font-bold";
 }
diff --git a/d2renderers/d2sketch/testdata/arrowheads_dark/sketch.exp.svg b/d2renderers/d2sketch/testdata/arrowheads_dark/sketch.exp.svg
index 764ed37d3..ac67f8b98 100644
--- a/d2renderers/d2sketch/testdata/arrowheads_dark/sketch.exp.svg
+++ b/d2renderers/d2sketch/testdata/arrowheads_dark/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1249 657"><svg id="d2-svg" class="d2-981471403" width="1249" height="657" viewBox="-101 -101 1249 657"><rect x="-101.000000" y="-101.000000" width="1249.000000" height="657.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1249 657"><svg id="d2-svg" class="d2-981471403" width="1249" height="657" viewBox="-101 -101 1249 657"><rect x="-101.000000" y="-101.000000" width="1249.000000" height="657.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-981471403 .text-bold {
 	font-family: "d2-981471403-font-bold";
 }
diff --git a/d2renderers/d2sketch/testdata/basic/sketch.exp.svg b/d2renderers/d2sketch/testdata/basic/sketch.exp.svg
index ebb0c22d7..c5cc7407d 100644
--- a/d2renderers/d2sketch/testdata/basic/sketch.exp.svg
+++ b/d2renderers/d2sketch/testdata/basic/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 257 434"><svg id="d2-svg" class="d2-3092019906" width="257" height="434" viewBox="-101 -101 257 434"><rect x="-101.000000" y="-101.000000" width="257.000000" height="434.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 257 434"><svg id="d2-svg" class="d2-3092019906" width="257" height="434" viewBox="-101 -101 257 434"><rect x="-101.000000" y="-101.000000" width="257.000000" height="434.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-3092019906 .text-bold {
 	font-family: "d2-3092019906-font-bold";
 }
diff --git a/d2renderers/d2sketch/testdata/basic_dark/sketch.exp.svg b/d2renderers/d2sketch/testdata/basic_dark/sketch.exp.svg
index 3516f2453..a67f85ff8 100644
--- a/d2renderers/d2sketch/testdata/basic_dark/sketch.exp.svg
+++ b/d2renderers/d2sketch/testdata/basic_dark/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 257 434"><svg id="d2-svg" class="d2-3092019906" width="257" height="434" viewBox="-101 -101 257 434"><rect x="-101.000000" y="-101.000000" width="257.000000" height="434.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 257 434"><svg id="d2-svg" class="d2-3092019906" width="257" height="434" viewBox="-101 -101 257 434"><rect x="-101.000000" y="-101.000000" width="257.000000" height="434.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-3092019906 .text-bold {
 	font-family: "d2-3092019906-font-bold";
 }
diff --git a/d2renderers/d2sketch/testdata/child_to_child/sketch.exp.svg b/d2renderers/d2sketch/testdata/child_to_child/sketch.exp.svg
index c2defab67..73a29e2ea 100644
--- a/d2renderers/d2sketch/testdata/child_to_child/sketch.exp.svg
+++ b/d2renderers/d2sketch/testdata/child_to_child/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 370 633"><svg id="d2-svg" class="d2-916383956" width="370" height="633" viewBox="-101 -100 370 633"><rect x="-101.000000" y="-100.000000" width="370.000000" height="633.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 370 633"><svg id="d2-svg" class="d2-916383956" width="370" height="633" viewBox="-101 -100 370 633"><rect x="-101.000000" y="-100.000000" width="370.000000" height="633.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-916383956 .text {
 	font-family: "d2-916383956-font-regular";
 }
diff --git a/d2renderers/d2sketch/testdata/child_to_child_dark/sketch.exp.svg b/d2renderers/d2sketch/testdata/child_to_child_dark/sketch.exp.svg
index 449671153..79e2a7852 100644
--- a/d2renderers/d2sketch/testdata/child_to_child_dark/sketch.exp.svg
+++ b/d2renderers/d2sketch/testdata/child_to_child_dark/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 370 633"><svg id="d2-svg" class="d2-916383956" width="370" height="633" viewBox="-101 -100 370 633"><rect x="-101.000000" y="-100.000000" width="370.000000" height="633.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 370 633"><svg id="d2-svg" class="d2-916383956" width="370" height="633" viewBox="-101 -100 370 633"><rect x="-101.000000" y="-100.000000" width="370.000000" height="633.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-916383956 .text {
 	font-family: "d2-916383956-font-regular";
 }
diff --git a/d2renderers/d2sketch/testdata/class/sketch.exp.svg b/d2renderers/d2sketch/testdata/class/sketch.exp.svg
index b0506bd23..294f721f3 100644
--- a/d2renderers/d2sketch/testdata/class/sketch.exp.svg
+++ b/d2renderers/d2sketch/testdata/class/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 624 570"><svg id="d2-svg" class="d2-3945613123" width="624" height="570" viewBox="-101 -101 624 570"><rect x="-101.000000" y="-101.000000" width="624.000000" height="570.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 624 570"><svg id="d2-svg" class="d2-3945613123" width="624" height="570" viewBox="-101 -101 624 570"><rect x="-101.000000" y="-101.000000" width="624.000000" height="570.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-3945613123 .text-mono {
 	font-family: "d2-3945613123-font-mono";
 }
diff --git a/d2renderers/d2sketch/testdata/class_and_sqlTable_border_radius/sketch.exp.svg b/d2renderers/d2sketch/testdata/class_and_sqlTable_border_radius/sketch.exp.svg
index c1b686d69..491de5016 100644
--- a/d2renderers/d2sketch/testdata/class_and_sqlTable_border_radius/sketch.exp.svg
+++ b/d2renderers/d2sketch/testdata/class_and_sqlTable_border_radius/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1416 386"><svg id="d2-svg" class="d2-2363156786" width="1416" height="386" viewBox="-101 -101 1416 386"><rect x="-101.000000" y="-101.000000" width="1416.000000" height="386.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1416 386"><svg id="d2-svg" class="d2-2363156786" width="1416" height="386" viewBox="-101 -101 1416 386"><rect x="-101.000000" y="-101.000000" width="1416.000000" height="386.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-2363156786 .text {
 	font-family: "d2-2363156786-font-regular";
 }
diff --git a/d2renderers/d2sketch/testdata/class_dark/sketch.exp.svg b/d2renderers/d2sketch/testdata/class_dark/sketch.exp.svg
index 9b15d036c..f55c905f9 100644
--- a/d2renderers/d2sketch/testdata/class_dark/sketch.exp.svg
+++ b/d2renderers/d2sketch/testdata/class_dark/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 624 570"><svg id="d2-svg" class="d2-3945613123" width="624" height="570" viewBox="-101 -101 624 570"><rect x="-101.000000" y="-101.000000" width="624.000000" height="570.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 624 570"><svg id="d2-svg" class="d2-3945613123" width="624" height="570" viewBox="-101 -101 624 570"><rect x="-101.000000" y="-101.000000" width="624.000000" height="570.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-3945613123 .text-mono {
 	font-family: "d2-3945613123-font-mono";
 }
diff --git a/d2renderers/d2sketch/testdata/connection_label/sketch.exp.svg b/d2renderers/d2sketch/testdata/connection_label/sketch.exp.svg
index 2b5f0eea3..c1687f1c7 100644
--- a/d2renderers/d2sketch/testdata/connection_label/sketch.exp.svg
+++ b/d2renderers/d2sketch/testdata/connection_label/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 257 457"><svg id="d2-svg" class="d2-4211261339" width="257" height="457" viewBox="-101 -101 257 457"><rect x="-101.000000" y="-101.000000" width="257.000000" height="457.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 257 457"><svg id="d2-svg" class="d2-4211261339" width="257" height="457" viewBox="-101 -101 257 457"><rect x="-101.000000" y="-101.000000" width="257.000000" height="457.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-4211261339 .text-bold {
 	font-family: "d2-4211261339-font-bold";
 }
diff --git a/d2renderers/d2sketch/testdata/connection_label_dark/sketch.exp.svg b/d2renderers/d2sketch/testdata/connection_label_dark/sketch.exp.svg
index 9347547a5..428aa73d4 100644
--- a/d2renderers/d2sketch/testdata/connection_label_dark/sketch.exp.svg
+++ b/d2renderers/d2sketch/testdata/connection_label_dark/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 257 457"><svg id="d2-svg" class="d2-4211261339" width="257" height="457" viewBox="-101 -101 257 457"><rect x="-101.000000" y="-101.000000" width="257.000000" height="457.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 257 457"><svg id="d2-svg" class="d2-4211261339" width="257" height="457" viewBox="-101 -101 257 457"><rect x="-101.000000" y="-101.000000" width="257.000000" height="457.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-4211261339 .text-bold {
 	font-family: "d2-4211261339-font-bold";
 }
diff --git a/d2renderers/d2sketch/testdata/crows_feet/sketch.exp.svg b/d2renderers/d2sketch/testdata/crows_feet/sketch.exp.svg
index fc076f22e..cfe56fccb 100644
--- a/d2renderers/d2sketch/testdata/crows_feet/sketch.exp.svg
+++ b/d2renderers/d2sketch/testdata/crows_feet/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1740 600"><svg id="d2-svg" class="d2-3026542546" width="1740" height="600" viewBox="-101 -101 1740 600"><rect x="-101.000000" y="-101.000000" width="1740.000000" height="600.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1740 600"><svg id="d2-svg" class="d2-3026542546" width="1740" height="600" viewBox="-101 -101 1740 600"><rect x="-101.000000" y="-101.000000" width="1740.000000" height="600.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-3026542546 .text-bold {
 	font-family: "d2-3026542546-font-bold";
 }
diff --git a/d2renderers/d2sketch/testdata/crows_feet_dark/sketch.exp.svg b/d2renderers/d2sketch/testdata/crows_feet_dark/sketch.exp.svg
index bb1b56fff..894e09072 100644
--- a/d2renderers/d2sketch/testdata/crows_feet_dark/sketch.exp.svg
+++ b/d2renderers/d2sketch/testdata/crows_feet_dark/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1740 600"><svg id="d2-svg" class="d2-3026542546" width="1740" height="600" viewBox="-101 -101 1740 600"><rect x="-101.000000" y="-101.000000" width="1740.000000" height="600.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1740 600"><svg id="d2-svg" class="d2-3026542546" width="1740" height="600" viewBox="-101 -101 1740 600"><rect x="-101.000000" y="-101.000000" width="1740.000000" height="600.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-3026542546 .text-bold {
 	font-family: "d2-3026542546-font-bold";
 }
diff --git a/d2renderers/d2sketch/testdata/dots-3d/sketch.exp.svg b/d2renderers/d2sketch/testdata/dots-3d/sketch.exp.svg
index 81a00d11b..30547181c 100644
--- a/d2renderers/d2sketch/testdata/dots-3d/sketch.exp.svg
+++ b/d2renderers/d2sketch/testdata/dots-3d/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 383 287"><svg id="d2-svg" class="d2-1134711225" width="383" height="287" viewBox="-101 -117 383 287"><rect x="-101.000000" y="-117.000000" width="383.000000" height="287.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 383 287"><svg id="d2-svg" class="d2-1134711225" width="383" height="287" viewBox="-101 -117 383 287"><rect x="-101.000000" y="-117.000000" width="383.000000" height="287.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-1134711225 .text-bold {
 	font-family: "d2-1134711225-font-bold";
 }
diff --git a/d2renderers/d2sketch/testdata/dots-all/sketch.exp.svg b/d2renderers/d2sketch/testdata/dots-all/sketch.exp.svg
index a589773d6..5b9cec810 100644
--- a/d2renderers/d2sketch/testdata/dots-all/sketch.exp.svg
+++ b/d2renderers/d2sketch/testdata/dots-all/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1400 710"><svg id="d2-svg" class="d2-2992813030" width="1400" height="710" viewBox="-101 -101 1400 710"><rect x="-101.000000" y="-101.000000" width="1400.000000" height="710.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1400 710"><svg id="d2-svg" class="d2-2992813030" width="1400" height="710" viewBox="-101 -101 1400 710"><rect x="-101.000000" y="-101.000000" width="1400.000000" height="710.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-2992813030 .text-bold {
 	font-family: "d2-2992813030-font-bold";
 }
diff --git a/d2renderers/d2sketch/testdata/dots-multiple/sketch.exp.svg b/d2renderers/d2sketch/testdata/dots-multiple/sketch.exp.svg
index 4a9a62da6..6f0dd37c9 100644
--- a/d2renderers/d2sketch/testdata/dots-multiple/sketch.exp.svg
+++ b/d2renderers/d2sketch/testdata/dots-multiple/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1411 721"><svg id="d2-svg" class="d2-3127969509" width="1411" height="721" viewBox="-101 -112 1411 721"><rect x="-101.000000" y="-112.000000" width="1411.000000" height="721.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1411 721"><svg id="d2-svg" class="d2-3127969509" width="1411" height="721" viewBox="-101 -112 1411 721"><rect x="-101.000000" y="-112.000000" width="1411.000000" height="721.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-3127969509 .text-bold {
 	font-family: "d2-3127969509-font-bold";
 }
diff --git a/d2renderers/d2sketch/testdata/dots-real/sketch.exp.svg b/d2renderers/d2sketch/testdata/dots-real/sketch.exp.svg
index 2433dad67..dd2daad98 100644
--- a/d2renderers/d2sketch/testdata/dots-real/sketch.exp.svg
+++ b/d2renderers/d2sketch/testdata/dots-real/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1082 1002"><svg id="d2-svg" class="d2-1107823994" width="1082" height="1002" viewBox="-101 -100 1082 1002"><rect x="-101.000000" y="-100.000000" width="1082.000000" height="1002.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1082 1002"><svg id="d2-svg" class="d2-1107823994" width="1082" height="1002" viewBox="-101 -100 1082 1002"><rect x="-101.000000" y="-100.000000" width="1082.000000" height="1002.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-1107823994 .text-mono {
 	font-family: "d2-1107823994-font-mono";
 }
diff --git a/d2renderers/d2sketch/testdata/double-border/sketch.exp.svg b/d2renderers/d2sketch/testdata/double-border/sketch.exp.svg
index e6d1c5dff..436765a19 100644
--- a/d2renderers/d2sketch/testdata/double-border/sketch.exp.svg
+++ b/d2renderers/d2sketch/testdata/double-border/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 942 367"><svg id="d2-svg" class="d2-3223990890" width="942" height="367" viewBox="-101 -100 942 367"><rect x="-101.000000" y="-100.000000" width="942.000000" height="367.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 942 367"><svg id="d2-svg" class="d2-3223990890" width="942" height="367" viewBox="-101 -100 942 367"><rect x="-101.000000" y="-100.000000" width="942.000000" height="367.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-3223990890 .text {
 	font-family: "d2-3223990890-font-regular";
 }
diff --git a/d2renderers/d2sketch/testdata/elk_corners/sketch.exp.svg b/d2renderers/d2sketch/testdata/elk_corners/sketch.exp.svg
index f8e43a0c2..23b455a72 100644
--- a/d2renderers/d2sketch/testdata/elk_corners/sketch.exp.svg
+++ b/d2renderers/d2sketch/testdata/elk_corners/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 337 560"><svg id="d2-svg" class="d2-1972917360" width="337" height="560" viewBox="-89 -89 337 560"><rect x="-89.000000" y="-89.000000" width="337.000000" height="560.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 337 560"><svg id="d2-svg" class="d2-1972917360" width="337" height="560" viewBox="-89 -89 337 560"><rect x="-89.000000" y="-89.000000" width="337.000000" height="560.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-1972917360 .text-bold {
 	font-family: "d2-1972917360-font-bold";
 }
diff --git a/d2renderers/d2sketch/testdata/opacity/sketch.exp.svg b/d2renderers/d2sketch/testdata/opacity/sketch.exp.svg
index 5109e435a..fa47120ee 100644
--- a/d2renderers/d2sketch/testdata/opacity/sketch.exp.svg
+++ b/d2renderers/d2sketch/testdata/opacity/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1095 479"><svg id="d2-svg" class="d2-710463437" width="1095" height="479" viewBox="-100 -101 1095 479"><rect x="-100.000000" y="-101.000000" width="1095.000000" height="479.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1095 479"><svg id="d2-svg" class="d2-710463437" width="1095" height="479" viewBox="-100 -101 1095 479"><rect x="-100.000000" y="-101.000000" width="1095.000000" height="479.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-710463437 .text {
 	font-family: "d2-710463437-font-regular";
 }
diff --git a/d2renderers/d2sketch/testdata/opacity_dark/sketch.exp.svg b/d2renderers/d2sketch/testdata/opacity_dark/sketch.exp.svg
index bbbaec077..6903c4270 100644
--- a/d2renderers/d2sketch/testdata/opacity_dark/sketch.exp.svg
+++ b/d2renderers/d2sketch/testdata/opacity_dark/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1095 479"><svg id="d2-svg" class="d2-710463437" width="1095" height="479" viewBox="-100 -101 1095 479"><rect x="-100.000000" y="-101.000000" width="1095.000000" height="479.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1095 479"><svg id="d2-svg" class="d2-710463437" width="1095" height="479" viewBox="-100 -101 1095 479"><rect x="-100.000000" y="-101.000000" width="1095.000000" height="479.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-710463437 .text {
 	font-family: "d2-710463437-font-regular";
 }
diff --git a/d2renderers/d2sketch/testdata/overlay/sketch.exp.svg b/d2renderers/d2sketch/testdata/overlay/sketch.exp.svg
index 3ce08059f..c1e288056 100644
--- a/d2renderers/d2sketch/testdata/overlay/sketch.exp.svg
+++ b/d2renderers/d2sketch/testdata/overlay/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 758 268"><svg id="d2-svg" class="d2-2779170942" width="758" height="268" viewBox="-101 -101 758 268"><rect x="-101.000000" y="-101.000000" width="758.000000" height="268.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 758 268"><svg id="d2-svg" class="d2-2779170942" width="758" height="268" viewBox="-101 -101 758 268"><rect x="-101.000000" y="-101.000000" width="758.000000" height="268.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-2779170942 .text-bold {
 	font-family: "d2-2779170942-font-bold";
 }
diff --git a/d2renderers/d2sketch/testdata/paper-real/sketch.exp.svg b/d2renderers/d2sketch/testdata/paper-real/sketch.exp.svg
index b213a3400..28934d457 100644
--- a/d2renderers/d2sketch/testdata/paper-real/sketch.exp.svg
+++ b/d2renderers/d2sketch/testdata/paper-real/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 562 654"><svg id="d2-svg" class="d2-3084549463" width="562" height="654" viewBox="-101 -100 562 654"><rect x="-101.000000" y="-100.000000" width="562.000000" height="654.000000" rx="0.000000" fill="#947A6D" stroke-width="0" /><rect x="-101.000000" y="-100.000000" width="562.000000" height="654.000000" rx="0.000000" class="paper-overlay" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 562 654"><svg id="d2-svg" class="d2-3084549463" width="562" height="654" viewBox="-101 -100 562 654"><rect x="-101.000000" y="-100.000000" width="562.000000" height="654.000000" rx="0.000000" fill="#947A6D" stroke-width="0" /><rect x="-101.000000" y="-100.000000" width="562.000000" height="654.000000" rx="0.000000" class="paper-overlay" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-3084549463 .text-mono {
 	font-family: "d2-3084549463-font-mono";
 }
diff --git a/d2renderers/d2sketch/testdata/root-fill/sketch.exp.svg b/d2renderers/d2sketch/testdata/root-fill/sketch.exp.svg
index f37878250..b6dd7da27 100644
--- a/d2renderers/d2sketch/testdata/root-fill/sketch.exp.svg
+++ b/d2renderers/d2sketch/testdata/root-fill/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1201 1179"><svg id="d2-svg" class="d2-2692925945" width="1201" height="1179" viewBox="-106 -160 1201 1179"><rect x="-106.000000" y="-160.000000" width="1201.000000" height="1179.000000" rx="0.000000" stroke="LightSteelBlue" fill="honeydew" stroke-width="0" /><rect x="-101.000000" y="-155.000000" width="1191.000000" height="1169.000000" rx="0.000000" stroke="LightSteelBlue" fill="transparent" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1201 1179"><svg id="d2-svg" class="d2-2692925945" width="1201" height="1179" viewBox="-106 -160 1201 1179"><rect x="-106.000000" y="-160.000000" width="1201.000000" height="1179.000000" rx="0.000000" stroke="LightSteelBlue" fill="honeydew" stroke-width="0" /><rect x="-101.000000" y="-155.000000" width="1191.000000" height="1169.000000" rx="0.000000" stroke="LightSteelBlue" fill="transparent" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-2692925945 .text {
 	font-family: "d2-2692925945-font-regular";
 }
diff --git a/d2renderers/d2sketch/testdata/sql_tables/sketch.exp.svg b/d2renderers/d2sketch/testdata/sql_tables/sketch.exp.svg
index 7b8e108c9..fa569261d 100644
--- a/d2renderers/d2sketch/testdata/sql_tables/sketch.exp.svg
+++ b/d2renderers/d2sketch/testdata/sql_tables/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1027 662"><svg id="d2-svg" class="d2-2258688787" width="1027" height="662" viewBox="-101 -101 1027 662"><rect x="-101.000000" y="-101.000000" width="1027.000000" height="662.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1027 662"><svg id="d2-svg" class="d2-2258688787" width="1027" height="662" viewBox="-101 -101 1027 662"><rect x="-101.000000" y="-101.000000" width="1027.000000" height="662.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-2258688787 .text {
 	font-family: "d2-2258688787-font-regular";
 }
diff --git a/d2renderers/d2sketch/testdata/sql_tables_dark/sketch.exp.svg b/d2renderers/d2sketch/testdata/sql_tables_dark/sketch.exp.svg
index e47b0c700..1c2f330ef 100644
--- a/d2renderers/d2sketch/testdata/sql_tables_dark/sketch.exp.svg
+++ b/d2renderers/d2sketch/testdata/sql_tables_dark/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1027 662"><svg id="d2-svg" class="d2-2258688787" width="1027" height="662" viewBox="-101 -101 1027 662"><rect x="-101.000000" y="-101.000000" width="1027.000000" height="662.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1027 662"><svg id="d2-svg" class="d2-2258688787" width="1027" height="662" viewBox="-101 -101 1027 662"><rect x="-101.000000" y="-101.000000" width="1027.000000" height="662.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-2258688787 .text {
 	font-family: "d2-2258688787-font-regular";
 }
diff --git a/d2renderers/d2sketch/testdata/terminal/sketch.exp.svg b/d2renderers/d2sketch/testdata/terminal/sketch.exp.svg
index 4459c8a37..e1f6891d8 100644
--- a/d2renderers/d2sketch/testdata/terminal/sketch.exp.svg
+++ b/d2renderers/d2sketch/testdata/terminal/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 821 1702"><svg id="d2-svg" class="d2-457017616" width="821" height="1702" viewBox="-101 -101 821 1702"><rect x="-101.000000" y="-101.000000" width="821.000000" height="1702.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 821 1702"><svg id="d2-svg" class="d2-457017616" width="821" height="1702" viewBox="-101 -101 821 1702"><rect x="-101.000000" y="-101.000000" width="821.000000" height="1702.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-457017616 .text-mono {
 	font-family: "d2-457017616-font-mono";
 }
diff --git a/d2renderers/d2sketch/testdata/twitter/sketch.exp.svg b/d2renderers/d2sketch/testdata/twitter/sketch.exp.svg
index 75bc36373..abd87b7bd 100644
--- a/d2renderers/d2sketch/testdata/twitter/sketch.exp.svg
+++ b/d2renderers/d2sketch/testdata/twitter/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 2789 2472"><svg id="d2-svg" class="d2-1289122894" width="2789" height="2472" viewBox="-101 -101 2789 2472"><rect x="-101.000000" y="-101.000000" width="2789.000000" height="2472.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 2789 2472"><svg id="d2-svg" class="d2-1289122894" width="2789" height="2472" viewBox="-101 -101 2789 2472"><rect x="-101.000000" y="-101.000000" width="2789.000000" height="2472.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-1289122894 .text {
 	font-family: "d2-1289122894-font-regular";
 }
diff --git a/d2renderers/d2sketch/testdata/twitter_dark/sketch.exp.svg b/d2renderers/d2sketch/testdata/twitter_dark/sketch.exp.svg
index efd62f89e..29715d8cf 100644
--- a/d2renderers/d2sketch/testdata/twitter_dark/sketch.exp.svg
+++ b/d2renderers/d2sketch/testdata/twitter_dark/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 2789 2472"><svg id="d2-svg" class="d2-1289122894" width="2789" height="2472" viewBox="-101 -101 2789 2472"><rect x="-101.000000" y="-101.000000" width="2789.000000" height="2472.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 2789 2472"><svg id="d2-svg" class="d2-1289122894" width="2789" height="2472" viewBox="-101 -101 2789 2472"><rect x="-101.000000" y="-101.000000" width="2789.000000" height="2472.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-1289122894 .text {
 	font-family: "d2-1289122894-font-regular";
 }
diff --git a/d2renderers/d2svg/appendix/testdata/diagram_wider_than_tooltip/sketch.exp.svg b/d2renderers/d2svg/appendix/testdata/diagram_wider_than_tooltip/sketch.exp.svg
index 2a624e820..2948a7e5c 100644
--- a/d2renderers/d2svg/appendix/testdata/diagram_wider_than_tooltip/sketch.exp.svg
+++ b/d2renderers/d2svg/appendix/testdata/diagram_wider_than_tooltip/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1431 1588"><svg id="d2-svg" class="d2-110554586" width="1431" height="1588" viewBox="-192 -70 1431 1588"><rect x="-192.000000" y="-70.000000" width="1431" height="1588" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1431 1588"><svg id="d2-svg" class="d2-110554586" width="1431" height="1588" viewBox="-192 -70 1431 1588"><rect x="-192.000000" y="-70.000000" width="1431" height="1588" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-110554586 .text {
 	font-family: "d2-110554586-font-regular";
 }
diff --git a/d2renderers/d2svg/appendix/testdata/internal-links/sketch.exp.svg b/d2renderers/d2svg/appendix/testdata/internal-links/sketch.exp.svg
index 3d047f163..ed2495fd1 100644
--- a/d2renderers/d2svg/appendix/testdata/internal-links/sketch.exp.svg
+++ b/d2renderers/d2svg/appendix/testdata/internal-links/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 304 407"><svg id="d2-svg" class="d2-916646398" width="304" height="407" viewBox="-101 -118 304 407"><rect x="-101.000000" y="-118.000000" width="304" height="407" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 304 407"><svg id="d2-svg" class="d2-916646398" width="304" height="407" viewBox="-101 -118 304 407"><rect x="-101.000000" y="-118.000000" width="304" height="407" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .appendix-icon {
 	filter: drop-shadow(0px 0px 32px rgba(31, 36, 58, 0.1));
 }
diff --git a/d2renderers/d2svg/appendix/testdata/links/sketch.exp.svg b/d2renderers/d2svg/appendix/testdata/links/sketch.exp.svg
index 8eff1d1dd..cdd94c3c4 100644
--- a/d2renderers/d2svg/appendix/testdata/links/sketch.exp.svg
+++ b/d2renderers/d2svg/appendix/testdata/links/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 564 682"><svg id="d2-svg" class="d2-109718516" width="564" height="682" viewBox="-101 -118 564 682"><rect x="-101.000000" y="-118.000000" width="564" height="682" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 564 682"><svg id="d2-svg" class="d2-109718516" width="564" height="682" viewBox="-101 -118 564 682"><rect x="-101.000000" y="-118.000000" width="564" height="682" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .appendix-icon {
 	filter: drop-shadow(0px 0px 32px rgba(31, 36, 58, 0.1));
 }
diff --git a/d2renderers/d2svg/appendix/testdata/links_dark/sketch.exp.svg b/d2renderers/d2svg/appendix/testdata/links_dark/sketch.exp.svg
index 13235ee46..f63145cc0 100644
--- a/d2renderers/d2svg/appendix/testdata/links_dark/sketch.exp.svg
+++ b/d2renderers/d2svg/appendix/testdata/links_dark/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 564 682"><svg id="d2-svg" class="d2-1293182475" width="564" height="682" viewBox="-101 -118 564 682"><rect x="-101.000000" y="-118.000000" width="564" height="682" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 564 682"><svg id="d2-svg" class="d2-1293182475" width="564" height="682" viewBox="-101 -118 564 682"><rect x="-101.000000" y="-118.000000" width="564" height="682" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .appendix-icon {
 	filter: drop-shadow(0px 0px 32px rgba(31, 36, 58, 0.1));
 }
diff --git a/d2renderers/d2svg/appendix/testdata/tooltip_fill/sketch.exp.svg b/d2renderers/d2svg/appendix/testdata/tooltip_fill/sketch.exp.svg
index 1eea740d1..f102670e7 100644
--- a/d2renderers/d2svg/appendix/testdata/tooltip_fill/sketch.exp.svg
+++ b/d2renderers/d2svg/appendix/testdata/tooltip_fill/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 565 630"><svg id="d2-svg" class="d2-1773020175" width="565" height="630" viewBox="-101 -118 565 630"><rect x="-101.000000" y="-118.000000" width="565" height="630" rx="0.000000" fill="PaleVioletRed" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 565 630"><svg id="d2-svg" class="d2-1773020175" width="565" height="630" viewBox="-101 -118 565 630"><rect x="-101.000000" y="-118.000000" width="565" height="630" rx="0.000000" fill="PaleVioletRed" stroke-width="0" /><style type="text/css"><![CDATA[
 .appendix-icon {
 	filter: drop-shadow(0px 0px 32px rgba(31, 36, 58, 0.1));
 }
diff --git a/d2renderers/d2svg/appendix/testdata/tooltip_wider_than_diagram/sketch.exp.svg b/d2renderers/d2svg/appendix/testdata/tooltip_wider_than_diagram/sketch.exp.svg
index 20c208bf4..901120d8a 100644
--- a/d2renderers/d2svg/appendix/testdata/tooltip_wider_than_diagram/sketch.exp.svg
+++ b/d2renderers/d2svg/appendix/testdata/tooltip_wider_than_diagram/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 565 630"><svg id="d2-svg" class="d2-1773020175" width="565" height="630" viewBox="-101 -118 565 630"><rect x="-101.000000" y="-118.000000" width="565" height="630" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 565 630"><svg id="d2-svg" class="d2-1773020175" width="565" height="630" viewBox="-101 -118 565 630"><rect x="-101.000000" y="-118.000000" width="565" height="630" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .appendix-icon {
 	filter: drop-shadow(0px 0px 32px rgba(31, 36, 58, 0.1));
 }
diff --git a/d2renderers/d2svg/dark_theme/testdata/all_shapes/dark_theme.exp.svg b/d2renderers/d2svg/dark_theme/testdata/all_shapes/dark_theme.exp.svg
index fe602f585..016167145 100644
--- a/d2renderers/d2svg/dark_theme/testdata/all_shapes/dark_theme.exp.svg
+++ b/d2renderers/d2svg/dark_theme/testdata/all_shapes/dark_theme.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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1400 710"><svg id="d2-svg" class="d2-1976235645" width="1400" height="710" viewBox="-101 -101 1400 710"><rect x="-101.000000" y="-101.000000" width="1400.000000" height="710.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1400 710"><svg id="d2-svg" class="d2-1976235645" width="1400" height="710" viewBox="-101 -101 1400 710"><rect x="-101.000000" y="-101.000000" width="1400.000000" height="710.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-1976235645 .text-bold {
 	font-family: "d2-1976235645-font-bold";
 }
diff --git a/d2renderers/d2svg/dark_theme/testdata/animated/dark_theme.exp.svg b/d2renderers/d2svg/dark_theme/testdata/animated/dark_theme.exp.svg
index f7d729b95..e986f8cca 100644
--- a/d2renderers/d2svg/dark_theme/testdata/animated/dark_theme.exp.svg
+++ b/d2renderers/d2svg/dark_theme/testdata/animated/dark_theme.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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 429 799"><svg id="d2-svg" class="d2-1762467727" width="429" height="799" viewBox="-101 -100 429 799"><rect x="-101.000000" y="-100.000000" width="429.000000" height="799.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 429 799"><svg id="d2-svg" class="d2-1762467727" width="429" height="799" viewBox="-101 -100 429 799"><rect x="-101.000000" y="-100.000000" width="429.000000" height="799.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-1762467727 .text {
 	font-family: "d2-1762467727-font-regular";
 }
diff --git a/d2renderers/d2svg/dark_theme/testdata/arrowheads/dark_theme.exp.svg b/d2renderers/d2svg/dark_theme/testdata/arrowheads/dark_theme.exp.svg
index 6c76efbd6..3274b9707 100644
--- a/d2renderers/d2svg/dark_theme/testdata/arrowheads/dark_theme.exp.svg
+++ b/d2renderers/d2svg/dark_theme/testdata/arrowheads/dark_theme.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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1249 657"><svg id="d2-svg" class="d2-981471403" width="1249" height="657" viewBox="-101 -101 1249 657"><rect x="-101.000000" y="-101.000000" width="1249.000000" height="657.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1249 657"><svg id="d2-svg" class="d2-981471403" width="1249" height="657" viewBox="-101 -101 1249 657"><rect x="-101.000000" y="-101.000000" width="1249.000000" height="657.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-981471403 .text-bold {
 	font-family: "d2-981471403-font-bold";
 }
diff --git a/d2renderers/d2svg/dark_theme/testdata/basic/dark_theme.exp.svg b/d2renderers/d2svg/dark_theme/testdata/basic/dark_theme.exp.svg
index 60052ed18..575e04c5c 100644
--- a/d2renderers/d2svg/dark_theme/testdata/basic/dark_theme.exp.svg
+++ b/d2renderers/d2svg/dark_theme/testdata/basic/dark_theme.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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 257 434"><svg id="d2-svg" class="d2-3092019906" width="257" height="434" viewBox="-101 -101 257 434"><rect x="-101.000000" y="-101.000000" width="257.000000" height="434.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 257 434"><svg id="d2-svg" class="d2-3092019906" width="257" height="434" viewBox="-101 -101 257 434"><rect x="-101.000000" y="-101.000000" width="257.000000" height="434.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-3092019906 .text-bold {
 	font-family: "d2-3092019906-font-bold";
 }
diff --git a/d2renderers/d2svg/dark_theme/testdata/child_to_child/dark_theme.exp.svg b/d2renderers/d2svg/dark_theme/testdata/child_to_child/dark_theme.exp.svg
index 8f752fb55..efb835dcd 100644
--- a/d2renderers/d2svg/dark_theme/testdata/child_to_child/dark_theme.exp.svg
+++ b/d2renderers/d2svg/dark_theme/testdata/child_to_child/dark_theme.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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 370 633"><svg id="d2-svg" class="d2-916383956" width="370" height="633" viewBox="-101 -100 370 633"><rect x="-101.000000" y="-100.000000" width="370.000000" height="633.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 370 633"><svg id="d2-svg" class="d2-916383956" width="370" height="633" viewBox="-101 -100 370 633"><rect x="-101.000000" y="-100.000000" width="370.000000" height="633.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-916383956 .text {
 	font-family: "d2-916383956-font-regular";
 }
diff --git a/d2renderers/d2svg/dark_theme/testdata/class/dark_theme.exp.svg b/d2renderers/d2svg/dark_theme/testdata/class/dark_theme.exp.svg
index b30fa18dc..be3b5d39c 100644
--- a/d2renderers/d2svg/dark_theme/testdata/class/dark_theme.exp.svg
+++ b/d2renderers/d2svg/dark_theme/testdata/class/dark_theme.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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 624 570"><svg id="d2-svg" class="d2-3945613123" width="624" height="570" viewBox="-101 -101 624 570"><rect x="-101.000000" y="-101.000000" width="624.000000" height="570.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 624 570"><svg id="d2-svg" class="d2-3945613123" width="624" height="570" viewBox="-101 -101 624 570"><rect x="-101.000000" y="-101.000000" width="624.000000" height="570.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-3945613123 .text-mono {
 	font-family: "d2-3945613123-font-mono";
 }
diff --git a/d2renderers/d2svg/dark_theme/testdata/code/dark_theme.exp.svg b/d2renderers/d2svg/dark_theme/testdata/code/dark_theme.exp.svg
index e12f6830d..66e6ae686 100644
--- a/d2renderers/d2svg/dark_theme/testdata/code/dark_theme.exp.svg
+++ b/d2renderers/d2svg/dark_theme/testdata/code/dark_theme.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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 937 410"><svg id="d2-svg" class="d2-2744436118" width="937" height="410" viewBox="-101 -101 937 410"><rect x="-101.000000" y="-101.000000" width="937.000000" height="410.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 937 410"><svg id="d2-svg" class="d2-2744436118" width="937" height="410" viewBox="-101 -101 937 410"><rect x="-101.000000" y="-101.000000" width="937.000000" height="410.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-2744436118 .text {
 	font-family: "d2-2744436118-font-regular";
 }
diff --git a/d2renderers/d2svg/dark_theme/testdata/connection_label/dark_theme.exp.svg b/d2renderers/d2svg/dark_theme/testdata/connection_label/dark_theme.exp.svg
index 85e38e5d0..d992e8915 100644
--- a/d2renderers/d2svg/dark_theme/testdata/connection_label/dark_theme.exp.svg
+++ b/d2renderers/d2svg/dark_theme/testdata/connection_label/dark_theme.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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 257 457"><svg id="d2-svg" class="d2-4211261339" width="257" height="457" viewBox="-101 -101 257 457"><rect x="-101.000000" y="-101.000000" width="257.000000" height="457.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 257 457"><svg id="d2-svg" class="d2-4211261339" width="257" height="457" viewBox="-101 -101 257 457"><rect x="-101.000000" y="-101.000000" width="257.000000" height="457.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-4211261339 .text-bold {
 	font-family: "d2-4211261339-font-bold";
 }
diff --git a/d2renderers/d2svg/dark_theme/testdata/opacity/dark_theme.exp.svg b/d2renderers/d2svg/dark_theme/testdata/opacity/dark_theme.exp.svg
index bdc9e983d..641a1dcbd 100644
--- a/d2renderers/d2svg/dark_theme/testdata/opacity/dark_theme.exp.svg
+++ b/d2renderers/d2svg/dark_theme/testdata/opacity/dark_theme.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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1095 479"><svg id="d2-svg" class="d2-710463437" width="1095" height="479" viewBox="-100 -101 1095 479"><rect x="-100.000000" y="-101.000000" width="1095.000000" height="479.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1095 479"><svg id="d2-svg" class="d2-710463437" width="1095" height="479" viewBox="-100 -101 1095 479"><rect x="-100.000000" y="-101.000000" width="1095.000000" height="479.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-710463437 .text {
 	font-family: "d2-710463437-font-regular";
 }
diff --git a/d2renderers/d2svg/dark_theme/testdata/overlay/dark_theme.exp.svg b/d2renderers/d2svg/dark_theme/testdata/overlay/dark_theme.exp.svg
index df8fd53f9..1d5e79267 100644
--- a/d2renderers/d2svg/dark_theme/testdata/overlay/dark_theme.exp.svg
+++ b/d2renderers/d2svg/dark_theme/testdata/overlay/dark_theme.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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 758 268"><svg id="d2-svg" class="d2-2779170942" width="758" height="268" viewBox="-101 -101 758 268"><rect x="-101.000000" y="-101.000000" width="758.000000" height="268.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 758 268"><svg id="d2-svg" class="d2-2779170942" width="758" height="268" viewBox="-101 -101 758 268"><rect x="-101.000000" y="-101.000000" width="758.000000" height="268.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-2779170942 .text-bold {
 	font-family: "d2-2779170942-font-bold";
 }
diff --git a/d2renderers/d2svg/dark_theme/testdata/sql_tables/dark_theme.exp.svg b/d2renderers/d2svg/dark_theme/testdata/sql_tables/dark_theme.exp.svg
index dd365825d..c771b8b3e 100644
--- a/d2renderers/d2svg/dark_theme/testdata/sql_tables/dark_theme.exp.svg
+++ b/d2renderers/d2svg/dark_theme/testdata/sql_tables/dark_theme.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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1027 662"><svg id="d2-svg" class="d2-2258688787" width="1027" height="662" viewBox="-101 -101 1027 662"><rect x="-101.000000" y="-101.000000" width="1027.000000" height="662.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1027 662"><svg id="d2-svg" class="d2-2258688787" width="1027" height="662" viewBox="-101 -101 1027 662"><rect x="-101.000000" y="-101.000000" width="1027.000000" height="662.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-2258688787 .text {
 	font-family: "d2-2258688787-font-regular";
 }
diff --git a/d2renderers/d2svg/dark_theme/testdata/twitter/dark_theme.exp.svg b/d2renderers/d2svg/dark_theme/testdata/twitter/dark_theme.exp.svg
index d2b70c4c9..cfb03c982 100644
--- a/d2renderers/d2svg/dark_theme/testdata/twitter/dark_theme.exp.svg
+++ b/d2renderers/d2svg/dark_theme/testdata/twitter/dark_theme.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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 2789 2472"><svg id="d2-svg" class="d2-3480262646" width="2789" height="2472" viewBox="-101 -101 2789 2472"><rect x="-101.000000" y="-101.000000" width="2789.000000" height="2472.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 2789 2472"><svg id="d2-svg" class="d2-3480262646" width="2789" height="2472" viewBox="-101 -101 2789 2472"><rect x="-101.000000" y="-101.000000" width="2789.000000" height="2472.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-3480262646 .text {
 	font-family: "d2-3480262646-font-regular";
 }
diff --git a/e2etests-cli/testdata/TestCLI_E2E/abspath.exp.svg b/e2etests-cli/testdata/TestCLI_E2E/abspath.exp.svg
index af6453cec..f627c0098 100644
--- a/e2etests-cli/testdata/TestCLI_E2E/abspath.exp.svg
+++ b/e2etests-cli/testdata/TestCLI_E2E/abspath.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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 256 434"><svg id="d2-svg" class="d2-2448830429" width="256" height="434" viewBox="-101 -101 256 434"><rect x="-101.000000" y="-101.000000" width="256.000000" height="434.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 256 434"><svg id="d2-svg" class="d2-2448830429" width="256" height="434" viewBox="-101 -101 256 434"><rect x="-101.000000" y="-101.000000" width="256.000000" height="434.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-2448830429 .text-bold {
 	font-family: "d2-2448830429-font-bold";
 }
diff --git a/e2etests-cli/testdata/TestCLI_E2E/animation.exp.svg b/e2etests-cli/testdata/TestCLI_E2E/animation.exp.svg
index 8b3e0fee7..6dbd06dcf 100644
--- a/e2etests-cli/testdata/TestCLI_E2E/animation.exp.svg
+++ b/e2etests-cli/testdata/TestCLI_E2E/animation.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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 514 665"><svg id="d2-svg" width="514" height="665" viewBox="-206 -166 514 665"><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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 514 665"><svg id="d2-svg" width="514" height="665" viewBox="-206 -166 514 665"><style type="text/css"><![CDATA[
 .d2-3751819762 .text {
 	font-family: "d2-3751819762-font-regular";
 }
diff --git a/e2etests-cli/testdata/TestCLI_E2E/center.exp.svg b/e2etests-cli/testdata/TestCLI_E2E/center.exp.svg
index 31b7effcf..c43989deb 100644
--- a/e2etests-cli/testdata/TestCLI_E2E/center.exp.svg
+++ b/e2etests-cli/testdata/TestCLI_E2E/center.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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 434"><svg id="d2-svg" class="d2-2448830429" width="256" height="434" viewBox="-101 -101 256 434"><rect x="-101.000000" y="-101.000000" width="256.000000" height="434.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 434"><svg id="d2-svg" class="d2-2448830429" width="256" height="434" viewBox="-101 -101 256 434"><rect x="-101.000000" y="-101.000000" width="256.000000" height="434.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-2448830429 .text-bold {
 	font-family: "d2-2448830429-font-bold";
 }
diff --git a/e2etests-cli/testdata/TestCLI_E2E/empty-layer/x.exp.svg b/e2etests-cli/testdata/TestCLI_E2E/empty-layer/x.exp.svg
index 3d316df15..21f9dec60 100644
--- a/e2etests-cli/testdata/TestCLI_E2E/empty-layer/x.exp.svg
+++ b/e2etests-cli/testdata/TestCLI_E2E/empty-layer/x.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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 200 200"><svg id="d2-svg" class="d2-121760133" width="200" height="200" viewBox="-100 -100 200 200"><rect x="-100.000000" y="-100.000000" width="200.000000" height="200.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[]]></style><style type="text/css"><![CDATA[.shape {
+<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 200 200"><svg id="d2-svg" class="d2-121760133" width="200" height="200" viewBox="-100 -100 200 200"><rect x="-100.000000" y="-100.000000" width="200.000000" height="200.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[]]></style><style type="text/css"><![CDATA[.shape {
   shape-rendering: geometricPrecision;
   stroke-linejoin: round;
 }
diff --git a/e2etests-cli/testdata/TestCLI_E2E/hello_world_png.exp.png b/e2etests-cli/testdata/TestCLI_E2E/hello_world_png.exp.png
index bc7bf9f241ff41416018fc77363645561948a23b..8ba8cf961c11de4216ce98a41c62449ed21e7b0c 100644
GIT binary patch
delta 24
fcmbPTF}q?y5U+`zfv$(EqYHycd}zYP_&wGDXl@8L

delta 24
fcmbPTF}q?y5U;VGfv$(EqYFcToyE$H@q4TRX%z@u

diff --git a/e2etests-cli/testdata/TestCLI_E2E/hello_world_png_pad.exp.png b/e2etests-cli/testdata/TestCLI_E2E/hello_world_png_pad.exp.png
index 5030cbad1a18f6b393da4c6d1af06f2e7a7a1bd9..08153ca381d0d73f5f1417217e299001d51048bb 100644
GIT binary patch
delta 29
kcmeyikLBAwmI*<;CVB?C9<Giq3?}iR361ev;~B-}0j7@$qyPW_

delta 29
lcmeyikLBAwmI*<;#(D<29<Giq3;}i)D;wjt#xsh`0|2L}3CaKf

diff --git a/e2etests-cli/testdata/TestCLI_E2E/hello_world_png_sketch.exp.png b/e2etests-cli/testdata/TestCLI_E2E/hello_world_png_sketch.exp.png
index db70b585c509351d325f7f2ab16cacf226fc00aa..1a4c032fe612750333dfa32eddba6f15ddbfea5b 100644
GIT binary patch
delta 26
hcmZ4aka6Wh#tA{ZCVB?C9<Giq3?}iR2^-_R3IKr|2<ZR-

delta 26
icmZ4aka6Wh#tA{Z#(D<29<Giq3;}i)D>ue_6#xK%!wC-n

diff --git a/e2etests-cli/testdata/TestCLI_E2E/internal_linked_pdf.exp.pdf b/e2etests-cli/testdata/TestCLI_E2E/internal_linked_pdf.exp.pdf
index 359be6d18585e5dd21b4593e0b137b646ee5c0e0..74e94d1fa694c2f57904bf837d119b970b521261 100644
GIT binary patch
delta 53
zcmeDBz|!@BrC|#rkEybSp@D&!k+CM1zHfetOJYf?f`*Hgk%5u1fr$ZBZo9rI<83AY
DsU!|~

delta 53
zcmeDBz|!@BrC|#rkEyb`p_z%PfvF~!zHfetOJYf?f`*Hgk%5u1fr$ZBZo9rI<83AY
Ds;CZ#

diff --git a/e2etests-cli/testdata/TestCLI_E2E/multiboard/life/index.exp.svg b/e2etests-cli/testdata/TestCLI_E2E/multiboard/life/index.exp.svg
index 820796aa3..243b73f85 100644
--- a/e2etests-cli/testdata/TestCLI_E2E/multiboard/life/index.exp.svg
+++ b/e2etests-cli/testdata/TestCLI_E2E/multiboard/life/index.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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 256 434"><svg id="d2-svg" class="d2-524372316" width="256" height="434" viewBox="-101 -101 256 434"><rect x="-101.000000" y="-101.000000" width="256.000000" height="434.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 256 434"><svg id="d2-svg" class="d2-524372316" width="256" height="434" viewBox="-101 -101 256 434"><rect x="-101.000000" y="-101.000000" width="256.000000" height="434.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-524372316 .text-bold {
 	font-family: "d2-524372316-font-bold";
 }
diff --git a/e2etests-cli/testdata/TestCLI_E2E/multiboard/life/layers/broker.exp.svg b/e2etests-cli/testdata/TestCLI_E2E/multiboard/life/layers/broker.exp.svg
index 81227d4e0..1c6177a4f 100644
--- a/e2etests-cli/testdata/TestCLI_E2E/multiboard/life/layers/broker.exp.svg
+++ b/e2etests-cli/testdata/TestCLI_E2E/multiboard/life/layers/broker.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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 469 268"><svg id="d2-svg" class="d2-1194982555" width="469" height="268" viewBox="-101 -101 469 268"><rect x="-101.000000" y="-101.000000" width="469.000000" height="268.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 469 268"><svg id="d2-svg" class="d2-1194982555" width="469" height="268" viewBox="-101 -101 469 268"><rect x="-101.000000" y="-101.000000" width="469.000000" height="268.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-1194982555 .text-bold {
 	font-family: "d2-1194982555-font-bold";
 }
diff --git a/e2etests-cli/testdata/TestCLI_E2E/multiboard/life/layers/core.exp.svg b/e2etests-cli/testdata/TestCLI_E2E/multiboard/life/layers/core.exp.svg
index 39f027729..9a560a728 100644
--- a/e2etests-cli/testdata/TestCLI_E2E/multiboard/life/layers/core.exp.svg
+++ b/e2etests-cli/testdata/TestCLI_E2E/multiboard/life/layers/core.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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 558 268"><svg id="d2-svg" class="d2-4059799029" width="558" height="268" viewBox="-101 -101 558 268"><rect x="-101.000000" y="-101.000000" width="558.000000" height="268.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 558 268"><svg id="d2-svg" class="d2-4059799029" width="558" height="268" viewBox="-101 -101 558 268"><rect x="-101.000000" y="-101.000000" width="558.000000" height="268.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-4059799029 .text-bold {
 	font-family: "d2-4059799029-font-bold";
 }
diff --git a/e2etests-cli/testdata/TestCLI_E2E/multiboard/life/layers/stocks.exp.svg b/e2etests-cli/testdata/TestCLI_E2E/multiboard/life/layers/stocks.exp.svg
index 1ddb378aa..4671d9b58 100644
--- a/e2etests-cli/testdata/TestCLI_E2E/multiboard/life/layers/stocks.exp.svg
+++ b/e2etests-cli/testdata/TestCLI_E2E/multiboard/life/layers/stocks.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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 578 268"><svg id="d2-svg" class="d2-1066622782" width="578" height="268" viewBox="-101 -101 578 268"><rect x="-101.000000" y="-101.000000" width="578.000000" height="268.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 578 268"><svg id="d2-svg" class="d2-1066622782" width="578" height="268" viewBox="-101 -101 578 268"><rect x="-101.000000" y="-101.000000" width="578.000000" height="268.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-1066622782 .text-bold {
 	font-family: "d2-1066622782-font-bold";
 }
diff --git a/e2etests-cli/testdata/TestCLI_E2E/multiboard/life/scenarios/why.exp.svg b/e2etests-cli/testdata/TestCLI_E2E/multiboard/life/scenarios/why.exp.svg
index c3d6b4a41..fd4b65664 100644
--- a/e2etests-cli/testdata/TestCLI_E2E/multiboard/life/scenarios/why.exp.svg
+++ b/e2etests-cli/testdata/TestCLI_E2E/multiboard/life/scenarios/why.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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 256 434"><svg id="d2-svg" class="d2-118346165" width="256" height="434" viewBox="-101 -101 256 434"><rect x="-101.000000" y="-101.000000" width="256.000000" height="434.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 256 434"><svg id="d2-svg" class="d2-118346165" width="256" height="434" viewBox="-101 -101 256 434"><rect x="-101.000000" y="-101.000000" width="256.000000" height="434.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-118346165 .text-bold {
 	font-family: "d2-118346165-font-bold";
 }
diff --git a/e2etests-cli/testdata/TestCLI_E2E/multiboard/life_index_d2/index.exp.svg b/e2etests-cli/testdata/TestCLI_E2E/multiboard/life_index_d2/index.exp.svg
index 820796aa3..243b73f85 100644
--- a/e2etests-cli/testdata/TestCLI_E2E/multiboard/life_index_d2/index.exp.svg
+++ b/e2etests-cli/testdata/TestCLI_E2E/multiboard/life_index_d2/index.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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 256 434"><svg id="d2-svg" class="d2-524372316" width="256" height="434" viewBox="-101 -101 256 434"><rect x="-101.000000" y="-101.000000" width="256.000000" height="434.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 256 434"><svg id="d2-svg" class="d2-524372316" width="256" height="434" viewBox="-101 -101 256 434"><rect x="-101.000000" y="-101.000000" width="256.000000" height="434.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-524372316 .text-bold {
 	font-family: "d2-524372316-font-bold";
 }
diff --git a/e2etests-cli/testdata/TestCLI_E2E/multiboard/life_index_d2/layers/broker.exp.svg b/e2etests-cli/testdata/TestCLI_E2E/multiboard/life_index_d2/layers/broker.exp.svg
index 81227d4e0..1c6177a4f 100644
--- a/e2etests-cli/testdata/TestCLI_E2E/multiboard/life_index_d2/layers/broker.exp.svg
+++ b/e2etests-cli/testdata/TestCLI_E2E/multiboard/life_index_d2/layers/broker.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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 469 268"><svg id="d2-svg" class="d2-1194982555" width="469" height="268" viewBox="-101 -101 469 268"><rect x="-101.000000" y="-101.000000" width="469.000000" height="268.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 469 268"><svg id="d2-svg" class="d2-1194982555" width="469" height="268" viewBox="-101 -101 469 268"><rect x="-101.000000" y="-101.000000" width="469.000000" height="268.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-1194982555 .text-bold {
 	font-family: "d2-1194982555-font-bold";
 }
diff --git a/e2etests-cli/testdata/TestCLI_E2E/multiboard/life_index_d2/layers/core.exp.svg b/e2etests-cli/testdata/TestCLI_E2E/multiboard/life_index_d2/layers/core.exp.svg
index 39f027729..9a560a728 100644
--- a/e2etests-cli/testdata/TestCLI_E2E/multiboard/life_index_d2/layers/core.exp.svg
+++ b/e2etests-cli/testdata/TestCLI_E2E/multiboard/life_index_d2/layers/core.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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 558 268"><svg id="d2-svg" class="d2-4059799029" width="558" height="268" viewBox="-101 -101 558 268"><rect x="-101.000000" y="-101.000000" width="558.000000" height="268.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 558 268"><svg id="d2-svg" class="d2-4059799029" width="558" height="268" viewBox="-101 -101 558 268"><rect x="-101.000000" y="-101.000000" width="558.000000" height="268.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-4059799029 .text-bold {
 	font-family: "d2-4059799029-font-bold";
 }
diff --git a/e2etests-cli/testdata/TestCLI_E2E/multiboard/life_index_d2/layers/stocks.exp.svg b/e2etests-cli/testdata/TestCLI_E2E/multiboard/life_index_d2/layers/stocks.exp.svg
index 1ddb378aa..4671d9b58 100644
--- a/e2etests-cli/testdata/TestCLI_E2E/multiboard/life_index_d2/layers/stocks.exp.svg
+++ b/e2etests-cli/testdata/TestCLI_E2E/multiboard/life_index_d2/layers/stocks.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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 578 268"><svg id="d2-svg" class="d2-1066622782" width="578" height="268" viewBox="-101 -101 578 268"><rect x="-101.000000" y="-101.000000" width="578.000000" height="268.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 578 268"><svg id="d2-svg" class="d2-1066622782" width="578" height="268" viewBox="-101 -101 578 268"><rect x="-101.000000" y="-101.000000" width="578.000000" height="268.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-1066622782 .text-bold {
 	font-family: "d2-1066622782-font-bold";
 }
diff --git a/e2etests-cli/testdata/TestCLI_E2E/multiboard/life_index_d2/scenarios/why.exp.svg b/e2etests-cli/testdata/TestCLI_E2E/multiboard/life_index_d2/scenarios/why.exp.svg
index c3d6b4a41..fd4b65664 100644
--- a/e2etests-cli/testdata/TestCLI_E2E/multiboard/life_index_d2/scenarios/why.exp.svg
+++ b/e2etests-cli/testdata/TestCLI_E2E/multiboard/life_index_d2/scenarios/why.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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 256 434"><svg id="d2-svg" class="d2-118346165" width="256" height="434" viewBox="-101 -101 256 434"><rect x="-101.000000" y="-101.000000" width="256.000000" height="434.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 256 434"><svg id="d2-svg" class="d2-118346165" width="256" height="434" viewBox="-101 -101 256 434"><rect x="-101.000000" y="-101.000000" width="256.000000" height="434.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-118346165 .text-bold {
 	font-family: "d2-118346165-font-bold";
 }
diff --git a/e2etests-cli/testdata/TestCLI_E2E/stdin.exp.svg b/e2etests-cli/testdata/TestCLI_E2E/stdin.exp.svg
index af6453cec..f627c0098 100644
--- a/e2etests-cli/testdata/TestCLI_E2E/stdin.exp.svg
+++ b/e2etests-cli/testdata/TestCLI_E2E/stdin.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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 256 434"><svg id="d2-svg" class="d2-2448830429" width="256" height="434" viewBox="-101 -101 256 434"><rect x="-101.000000" y="-101.000000" width="256.000000" height="434.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 256 434"><svg id="d2-svg" class="d2-2448830429" width="256" height="434" viewBox="-101 -101 256 434"><rect x="-101.000000" y="-101.000000" width="256.000000" height="434.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-2448830429 .text-bold {
 	font-family: "d2-2448830429-font-bold";
 }
diff --git a/e2etests-cli/testdata/TestCLI_E2E/with-font.exp.svg b/e2etests-cli/testdata/TestCLI_E2E/with-font.exp.svg
index 54e9d398e..b37c79c1d 100644
--- a/e2etests-cli/testdata/TestCLI_E2E/with-font.exp.svg
+++ b/e2etests-cli/testdata/TestCLI_E2E/with-font.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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 641 489"><svg id="d2-svg" class="d2-2459756577" width="641" height="489" viewBox="-101 -101 641 489"><rect x="-101.000000" y="-101.000000" width="641.000000" height="489.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 641 489"><svg id="d2-svg" class="d2-2459756577" width="641" height="489" viewBox="-101 -101 641 489"><rect x="-101.000000" y="-101.000000" width="641.000000" height="489.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-2459756577 .text-bold {
 	font-family: "d2-2459756577-font-bold";
 }
diff --git a/e2etests/stable_test.go b/e2etests/stable_test.go
index 37da4d4a6..d6411f1cc 100644
--- a/e2etests/stable_test.go
+++ b/e2etests/stable_test.go
@@ -39,6 +39,12 @@ func testStable(t *testing.T) {
 				}
 			`,
 		},
+		{
+			name: "near_keys_for_container",
+			script: `title: |md
+  # Service-Cluster Provisioning ("Outside view")
+| {near: top-center}`,
+		},
 		{
 			name: "near_keys_for_container",
 			script: `
diff --git a/e2etests/testdata/measured/empty-class/dagre/sketch.exp.svg b/e2etests/testdata/measured/empty-class/dagre/sketch.exp.svg
index c798faa79..1e83fccb5 100644
--- a/e2etests/testdata/measured/empty-class/dagre/sketch.exp.svg
+++ b/e2etests/testdata/measured/empty-class/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 114 46"><svg id="d2-svg" class="d2-148127623" width="114" height="46" viewBox="-1 -1 114 46"><rect x="-1.000000" y="-1.000000" width="114.000000" height="46.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[]]></style><style type="text/css"><![CDATA[.shape {
+<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 114 46"><svg id="d2-svg" class="d2-148127623" width="114" height="46" viewBox="-1 -1 114 46"><rect x="-1.000000" y="-1.000000" width="114.000000" height="46.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[]]></style><style type="text/css"><![CDATA[.shape {
   shape-rendering: geometricPrecision;
   stroke-linejoin: round;
 }
diff --git a/e2etests/testdata/measured/empty-markdown/dagre/sketch.exp.svg b/e2etests/testdata/measured/empty-markdown/dagre/sketch.exp.svg
index e0c4340ae..01a3973a8 100644
--- a/e2etests/testdata/measured/empty-markdown/dagre/sketch.exp.svg
+++ b/e2etests/testdata/measured/empty-markdown/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 3 3"><svg id="d2-svg" class="d2-3318021269" width="3" height="3" viewBox="-1 -1 3 3"><rect x="-1.000000" y="-1.000000" width="3.000000" height="3.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 3 3"><svg id="d2-svg" class="d2-3318021269" width="3" height="3" viewBox="-1 -1 3 3"><rect x="-1.000000" y="-1.000000" width="3.000000" height="3.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-3318021269 .text {
 	font-family: "d2-3318021269-font-regular";
 }
diff --git a/e2etests/testdata/measured/empty-shape/dagre/sketch.exp.svg b/e2etests/testdata/measured/empty-shape/dagre/sketch.exp.svg
index 18decb5ae..f20dfc702 100644
--- a/e2etests/testdata/measured/empty-shape/dagre/sketch.exp.svg
+++ b/e2etests/testdata/measured/empty-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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 102 102"><svg id="d2-svg" class="d2-198791073" width="102" height="102" viewBox="-1 -1 102 102"><rect x="-1.000000" y="-1.000000" width="102.000000" height="102.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[]]></style><style type="text/css"><![CDATA[.shape {
+<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 102 102"><svg id="d2-svg" class="d2-198791073" width="102" height="102" viewBox="-1 -1 102 102"><rect x="-1.000000" y="-1.000000" width="102.000000" height="102.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[]]></style><style type="text/css"><![CDATA[.shape {
   shape-rendering: geometricPrecision;
   stroke-linejoin: round;
 }
diff --git a/e2etests/testdata/measured/empty-sql_table/dagre/sketch.exp.svg b/e2etests/testdata/measured/empty-sql_table/dagre/sketch.exp.svg
index 670fa2b72..6da1552b2 100644
--- a/e2etests/testdata/measured/empty-sql_table/dagre/sketch.exp.svg
+++ b/e2etests/testdata/measured/empty-sql_table/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 52 14"><svg id="d2-svg" class="d2-2388684491" width="52" height="14" viewBox="-1 -1 52 14"><rect x="-1.000000" y="-1.000000" width="52.000000" height="14.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[]]></style><style type="text/css"><![CDATA[.shape {
+<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 52 14"><svg id="d2-svg" class="d2-2388684491" width="52" height="14" viewBox="-1 -1 52 14"><rect x="-1.000000" y="-1.000000" width="52.000000" height="14.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[]]></style><style type="text/css"><![CDATA[.shape {
   shape-rendering: geometricPrecision;
   stroke-linejoin: round;
 }
diff --git a/e2etests/testdata/patterns/3d/dagre/sketch.exp.svg b/e2etests/testdata/patterns/3d/dagre/sketch.exp.svg
index bd6236150..d52f7e52d 100644
--- a/e2etests/testdata/patterns/3d/dagre/sketch.exp.svg
+++ b/e2etests/testdata/patterns/3d/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 182 87"><svg id="d2-svg" class="d2-776364968" width="182" height="87" viewBox="-1 -17 182 87"><rect x="-1.000000" y="-17.000000" width="182.000000" height="87.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 182 87"><svg id="d2-svg" class="d2-776364968" width="182" height="87" viewBox="-1 -17 182 87"><rect x="-1.000000" y="-17.000000" width="182.000000" height="87.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-776364968 .text-bold {
 	font-family: "d2-776364968-font-bold";
 }
diff --git a/e2etests/testdata/patterns/all_shapes/dagre/sketch.exp.svg b/e2etests/testdata/patterns/all_shapes/dagre/sketch.exp.svg
index 7543b5707..74514f9d1 100644
--- a/e2etests/testdata/patterns/all_shapes/dagre/sketch.exp.svg
+++ b/e2etests/testdata/patterns/all_shapes/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1138 506"><svg id="d2-svg" class="d2-2973203817" width="1138" height="506" viewBox="-1 -1 1138 506"><rect x="-1.000000" y="-1.000000" width="1138.000000" height="506.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1138 506"><svg id="d2-svg" class="d2-2973203817" width="1138" height="506" viewBox="-1 -1 1138 506"><rect x="-1.000000" y="-1.000000" width="1138.000000" height="506.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-2973203817 .text-bold {
 	font-family: "d2-2973203817-font-bold";
 }
diff --git a/e2etests/testdata/patterns/multiple/dagre/sketch.exp.svg b/e2etests/testdata/patterns/multiple/dagre/sketch.exp.svg
index 77baba2a3..6d845d400 100644
--- a/e2etests/testdata/patterns/multiple/dagre/sketch.exp.svg
+++ b/e2etests/testdata/patterns/multiple/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1149 517"><svg id="d2-svg" class="d2-838339516" width="1149" height="517" viewBox="-1 -12 1149 517"><rect x="-1.000000" y="-12.000000" width="1149.000000" height="517.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1149 517"><svg id="d2-svg" class="d2-838339516" width="1149" height="517" viewBox="-1 -12 1149 517"><rect x="-1.000000" y="-12.000000" width="1149.000000" height="517.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-838339516 .text-bold {
 	font-family: "d2-838339516-font-bold";
 }
diff --git a/e2etests/testdata/patterns/paper/dagre/sketch.exp.svg b/e2etests/testdata/patterns/paper/dagre/sketch.exp.svg
index cd608d6d3..59c97b567 100644
--- a/e2etests/testdata/patterns/paper/dagre/sketch.exp.svg
+++ b/e2etests/testdata/patterns/paper/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1138 506"><svg id="d2-svg" class="d2-3997763983" width="1138" height="506" viewBox="-1 -1 1138 506"><rect x="-1.000000" y="-1.000000" width="1138.000000" height="506.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1138 506"><svg id="d2-svg" class="d2-3997763983" width="1138" height="506" viewBox="-1 -1 1138 506"><rect x="-1.000000" y="-1.000000" width="1138.000000" height="506.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-3997763983 .text-bold {
 	font-family: "d2-3997763983-font-bold";
 }
diff --git a/e2etests/testdata/patterns/real-lines/dagre/sketch.exp.svg b/e2etests/testdata/patterns/real-lines/dagre/sketch.exp.svg
index 2ca214a94..60660289b 100644
--- a/e2etests/testdata/patterns/real-lines/dagre/sketch.exp.svg
+++ b/e2etests/testdata/patterns/real-lines/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 714 682"><svg id="d2-svg" class="d2-3187238367" width="714" height="682" viewBox="-1 0 714 682"><rect x="-1.000000" y="0.000000" width="714.000000" height="682.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 714 682"><svg id="d2-svg" class="d2-3187238367" width="714" height="682" viewBox="-1 0 714 682"><rect x="-1.000000" y="0.000000" width="714.000000" height="682.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-3187238367 .text {
 	font-family: "d2-3187238367-font-regular";
 }
diff --git a/e2etests/testdata/patterns/real/dagre/sketch.exp.svg b/e2etests/testdata/patterns/real/dagre/sketch.exp.svg
index af9fe9e7d..e1812286b 100644
--- a/e2etests/testdata/patterns/real/dagre/sketch.exp.svg
+++ b/e2etests/testdata/patterns/real/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 362 454"><svg id="d2-svg" class="d2-3084549463" width="362" height="454" viewBox="-1 0 362 454"><rect x="-1.000000" y="0.000000" width="362.000000" height="454.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 362 454"><svg id="d2-svg" class="d2-3084549463" width="362" height="454" viewBox="-1 0 362 454"><rect x="-1.000000" y="0.000000" width="362.000000" height="454.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-3084549463 .text-mono {
 	font-family: "d2-3084549463-font-mono";
 }
diff --git a/e2etests/testdata/patterns/root-dots-with-fill/dagre/sketch.exp.svg b/e2etests/testdata/patterns/root-dots-with-fill/dagre/sketch.exp.svg
index 583c8e599..7f8fd9b07 100644
--- a/e2etests/testdata/patterns/root-dots-with-fill/dagre/sketch.exp.svg
+++ b/e2etests/testdata/patterns/root-dots-with-fill/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 350 400"><svg id="d2-svg" class="d2-70108891" width="350" height="400" viewBox="-1 -1 350 400"><rect x="-1.000000" y="-1.000000" width="350.000000" height="400.000000" rx="0.000000" fill="honeydew" stroke-width="0" /><rect x="-1.000000" y="-1.000000" width="350.000000" height="400.000000" rx="0.000000" class="dots-overlay" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 350 400"><svg id="d2-svg" class="d2-70108891" width="350" height="400" viewBox="-1 -1 350 400"><rect x="-1.000000" y="-1.000000" width="350.000000" height="400.000000" rx="0.000000" fill="honeydew" stroke-width="0" /><rect x="-1.000000" y="-1.000000" width="350.000000" height="400.000000" rx="0.000000" class="dots-overlay" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-70108891 .text-bold {
 	font-family: "d2-70108891-font-bold";
 }
diff --git a/e2etests/testdata/patterns/root-dots/dagre/sketch.exp.svg b/e2etests/testdata/patterns/root-dots/dagre/sketch.exp.svg
index d0b21bdb9..ab24cee27 100644
--- a/e2etests/testdata/patterns/root-dots/dagre/sketch.exp.svg
+++ b/e2etests/testdata/patterns/root-dots/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 350 400"><svg id="d2-svg" class="d2-70108891" width="350" height="400" viewBox="-1 -1 350 400"><rect x="-1.000000" y="-1.000000" width="350.000000" height="400.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><rect x="-1.000000" y="-1.000000" width="350.000000" height="400.000000" rx="0.000000" class="dots-overlay" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 350 400"><svg id="d2-svg" class="d2-70108891" width="350" height="400" viewBox="-1 -1 350 400"><rect x="-1.000000" y="-1.000000" width="350.000000" height="400.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><rect x="-1.000000" y="-1.000000" width="350.000000" height="400.000000" rx="0.000000" class="dots-overlay" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-70108891 .text-bold {
 	font-family: "d2-70108891-font-bold";
 }
diff --git a/e2etests/testdata/patterns/shape/dagre/sketch.exp.svg b/e2etests/testdata/patterns/shape/dagre/sketch.exp.svg
index fe79fd4ea..98023dc95 100644
--- a/e2etests/testdata/patterns/shape/dagre/sketch.exp.svg
+++ b/e2etests/testdata/patterns/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 350 400"><svg id="d2-svg" class="d2-2976898491" width="350" height="400" viewBox="-1 -1 350 400"><rect x="-1.000000" y="-1.000000" width="350.000000" height="400.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 350 400"><svg id="d2-svg" class="d2-2976898491" width="350" height="400" viewBox="-1 -1 350 400"><rect x="-1.000000" y="-1.000000" width="350.000000" height="400.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-2976898491 .text-bold {
 	font-family: "d2-2976898491-font-bold";
 }
diff --git a/e2etests/testdata/regression/ampersand-escape/dagre/sketch.exp.svg b/e2etests/testdata/regression/ampersand-escape/dagre/sketch.exp.svg
index 16b7188ee..41ee2cf2d 100644
--- a/e2etests/testdata/regression/ampersand-escape/dagre/sketch.exp.svg
+++ b/e2etests/testdata/regression/ampersand-escape/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 370 85"><svg id="d2-svg" class="d2-1813696622" width="370" height="85" viewBox="-1 -18 370 85"><rect x="-1.000000" y="-18.000000" width="370.000000" height="85.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 370 85"><svg id="d2-svg" class="d2-1813696622" width="370" height="85" viewBox="-1 -18 370 85"><rect x="-1.000000" y="-18.000000" width="370.000000" height="85.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .appendix-icon {
 	filter: drop-shadow(0px 0px 32px rgba(31, 36, 58, 0.1));
 }
diff --git a/e2etests/testdata/regression/ampersand-escape/elk/sketch.exp.svg b/e2etests/testdata/regression/ampersand-escape/elk/sketch.exp.svg
index 9840f1570..d02daf19f 100644
--- a/e2etests/testdata/regression/ampersand-escape/elk/sketch.exp.svg
+++ b/e2etests/testdata/regression/ampersand-escape/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 290 85"><svg id="d2-svg" class="d2-1299322987" width="290" height="85" viewBox="11 -6 290 85"><rect x="11.000000" y="-6.000000" width="290.000000" height="85.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 290 85"><svg id="d2-svg" class="d2-1299322987" width="290" height="85" viewBox="11 -6 290 85"><rect x="11.000000" y="-6.000000" width="290.000000" height="85.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .appendix-icon {
 	filter: drop-shadow(0px 0px 32px rgba(31, 36, 58, 0.1));
 }
diff --git a/e2etests/testdata/regression/bold_edge_label/dagre/sketch.exp.svg b/e2etests/testdata/regression/bold_edge_label/dagre/sketch.exp.svg
index 43d35ac66..178bb88c1 100644
--- a/e2etests/testdata/regression/bold_edge_label/dagre/sketch.exp.svg
+++ b/e2etests/testdata/regression/bold_edge_label/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 425 68"><svg id="d2-svg" class="d2-2734330532" width="425" height="68" viewBox="-1 -1 425 68"><rect x="-1.000000" y="-1.000000" width="425.000000" height="68.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 425 68"><svg id="d2-svg" class="d2-2734330532" width="425" height="68" viewBox="-1 -1 425 68"><rect x="-1.000000" y="-1.000000" width="425.000000" height="68.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-2734330532 .text-bold {
 	font-family: "d2-2734330532-font-bold";
 }
diff --git a/e2etests/testdata/regression/bold_edge_label/elk/sketch.exp.svg b/e2etests/testdata/regression/bold_edge_label/elk/sketch.exp.svg
index 70083ea26..e60484165 100644
--- a/e2etests/testdata/regression/bold_edge_label/elk/sketch.exp.svg
+++ b/e2etests/testdata/regression/bold_edge_label/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 505 68"><svg id="d2-svg" class="d2-2338416351" width="505" height="68" viewBox="11 11 505 68"><rect x="11.000000" y="11.000000" width="505.000000" height="68.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 505 68"><svg id="d2-svg" class="d2-2338416351" width="505" height="68" viewBox="11 11 505 68"><rect x="11.000000" y="11.000000" width="505.000000" height="68.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-2338416351 .text-bold {
 	font-family: "d2-2338416351-font-bold";
 }
diff --git a/e2etests/testdata/regression/class_font_style_sequence/dagre/sketch.exp.svg b/e2etests/testdata/regression/class_font_style_sequence/dagre/sketch.exp.svg
index 27af348e2..4e17aad9e 100644
--- a/e2etests/testdata/regression/class_font_style_sequence/dagre/sketch.exp.svg
+++ b/e2etests/testdata/regression/class_font_style_sequence/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 119 164"><svg id="d2-svg" class="d2-878916677" width="119" height="164" viewBox="11 51 119 164"><rect x="11.000000" y="51.000000" width="119.000000" height="164.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 119 164"><svg id="d2-svg" class="d2-878916677" width="119" height="164" viewBox="11 51 119 164"><rect x="11.000000" y="51.000000" width="119.000000" height="164.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-878916677 .text-mono {
 	font-family: "d2-878916677-font-mono";
 }
diff --git a/e2etests/testdata/regression/class_font_style_sequence/elk/sketch.exp.svg b/e2etests/testdata/regression/class_font_style_sequence/elk/sketch.exp.svg
index 27af348e2..4e17aad9e 100644
--- a/e2etests/testdata/regression/class_font_style_sequence/elk/sketch.exp.svg
+++ b/e2etests/testdata/regression/class_font_style_sequence/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 119 164"><svg id="d2-svg" class="d2-878916677" width="119" height="164" viewBox="11 51 119 164"><rect x="11.000000" y="51.000000" width="119.000000" height="164.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 119 164"><svg id="d2-svg" class="d2-878916677" width="119" height="164" viewBox="11 51 119 164"><rect x="11.000000" y="51.000000" width="119.000000" height="164.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-878916677 .text-mono {
 	font-family: "d2-878916677-font-mono";
 }
diff --git a/e2etests/testdata/regression/code_leading_trailing_newlines/dagre/sketch.exp.svg b/e2etests/testdata/regression/code_leading_trailing_newlines/dagre/sketch.exp.svg
index b3353dd88..702e2652d 100644
--- a/e2etests/testdata/regression/code_leading_trailing_newlines/dagre/sketch.exp.svg
+++ b/e2etests/testdata/regression/code_leading_trailing_newlines/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 681 152"><svg id="d2-svg" class="d2-60125551" width="681" height="152" viewBox="-1 -1 681 152"><rect x="-1.000000" y="-1.000000" width="681.000000" height="152.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 681 152"><svg id="d2-svg" class="d2-60125551" width="681" height="152" viewBox="-1 -1 681 152"><rect x="-1.000000" y="-1.000000" width="681.000000" height="152.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-60125551 .text-mono {
 	font-family: "d2-60125551-font-mono";
 }
diff --git a/e2etests/testdata/regression/code_leading_trailing_newlines/elk/sketch.exp.svg b/e2etests/testdata/regression/code_leading_trailing_newlines/elk/sketch.exp.svg
index 2cac42673..8a7ce0ed3 100644
--- a/e2etests/testdata/regression/code_leading_trailing_newlines/elk/sketch.exp.svg
+++ b/e2etests/testdata/regression/code_leading_trailing_newlines/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 601 152"><svg id="d2-svg" class="d2-2533851426" width="601" height="152" viewBox="11 11 601 152"><rect x="11.000000" y="11.000000" width="601.000000" height="152.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 601 152"><svg id="d2-svg" class="d2-2533851426" width="601" height="152" viewBox="11 11 601 152"><rect x="11.000000" y="11.000000" width="601.000000" height="152.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-2533851426 .text-mono {
 	font-family: "d2-2533851426-font-mono";
 }
diff --git a/e2etests/testdata/regression/dagre-disconnect/dagre/sketch.exp.svg b/e2etests/testdata/regression/dagre-disconnect/dagre/sketch.exp.svg
index ca2a6150c..ec247f8f4 100644
--- a/e2etests/testdata/regression/dagre-disconnect/dagre/sketch.exp.svg
+++ b/e2etests/testdata/regression/dagre-disconnect/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1243 1871"><svg id="d2-svg" class="d2-4264191042" width="1243" height="1871" viewBox="-1 0 1243 1871"><rect x="-1.000000" y="0.000000" width="1243.000000" height="1871.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1243 1871"><svg id="d2-svg" class="d2-4264191042" width="1243" height="1871" viewBox="-1 0 1243 1871"><rect x="-1.000000" y="0.000000" width="1243.000000" height="1871.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-4264191042 .text {
 	font-family: "d2-4264191042-font-regular";
 }
diff --git a/e2etests/testdata/regression/dagre-disconnect/elk/sketch.exp.svg b/e2etests/testdata/regression/dagre-disconnect/elk/sketch.exp.svg
index 2a064d88f..3d922f951 100644
--- a/e2etests/testdata/regression/dagre-disconnect/elk/sketch.exp.svg
+++ b/e2etests/testdata/regression/dagre-disconnect/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 808 1953"><svg id="d2-svg" class="d2-1892565133" width="808" height="1953" viewBox="11 11 808 1953"><rect x="11.000000" y="11.000000" width="808.000000" height="1953.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 808 1953"><svg id="d2-svg" class="d2-1892565133" width="808" height="1953" viewBox="11 11 808 1953"><rect x="11.000000" y="11.000000" width="808.000000" height="1953.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-1892565133 .text {
 	font-family: "d2-1892565133-font-regular";
 }
diff --git a/e2etests/testdata/regression/dagre_broken_arrowhead/dagre/sketch.exp.svg b/e2etests/testdata/regression/dagre_broken_arrowhead/dagre/sketch.exp.svg
index 4eb90b3c7..ae61f2ece 100644
--- a/e2etests/testdata/regression/dagre_broken_arrowhead/dagre/sketch.exp.svg
+++ b/e2etests/testdata/regression/dagre_broken_arrowhead/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 360 529"><svg id="d2-svg" class="d2-1968076464" width="360" height="529" viewBox="-1 0 360 529"><rect x="-1.000000" y="0.000000" width="360.000000" height="529.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 360 529"><svg id="d2-svg" class="d2-1968076464" width="360" height="529" viewBox="-1 0 360 529"><rect x="-1.000000" y="0.000000" width="360.000000" height="529.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-1968076464 .text {
 	font-family: "d2-1968076464-font-regular";
 }
diff --git a/e2etests/testdata/regression/dagre_broken_arrowhead/elk/sketch.exp.svg b/e2etests/testdata/regression/dagre_broken_arrowhead/elk/sketch.exp.svg
index 227adc093..a739356c7 100644
--- a/e2etests/testdata/regression/dagre_broken_arrowhead/elk/sketch.exp.svg
+++ b/e2etests/testdata/regression/dagre_broken_arrowhead/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 292 553"><svg id="d2-svg" class="d2-3255763011" width="292" height="553" viewBox="11 11 292 553"><rect x="11.000000" y="11.000000" width="292.000000" height="553.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 292 553"><svg id="d2-svg" class="d2-3255763011" width="292" height="553" viewBox="11 11 292 553"><rect x="11.000000" y="11.000000" width="292.000000" height="553.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-3255763011 .text {
 	font-family: "d2-3255763011-font-regular";
 }
diff --git a/e2etests/testdata/regression/dagre_edge_label_spacing/dagre/sketch.exp.svg b/e2etests/testdata/regression/dagre_edge_label_spacing/dagre/sketch.exp.svg
index 5b95dcf1c..6484b468c 100644
--- a/e2etests/testdata/regression/dagre_edge_label_spacing/dagre/sketch.exp.svg
+++ b/e2etests/testdata/regression/dagre_edge_label_spacing/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 2330 159"><svg id="d2-svg" class="d2-3229238735" width="2330" height="159" viewBox="-1 0 2330 159"><rect x="-1.000000" y="0.000000" width="2330.000000" height="159.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 2330 159"><svg id="d2-svg" class="d2-3229238735" width="2330" height="159" viewBox="-1 0 2330 159"><rect x="-1.000000" y="0.000000" width="2330.000000" height="159.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-3229238735 .text {
 	font-family: "d2-3229238735-font-regular";
 }
diff --git a/e2etests/testdata/regression/dagre_edge_label_spacing/elk/sketch.exp.svg b/e2etests/testdata/regression/dagre_edge_label_spacing/elk/sketch.exp.svg
index 2dd79e7d4..c92527d33 100644
--- a/e2etests/testdata/regression/dagre_edge_label_spacing/elk/sketch.exp.svg
+++ b/e2etests/testdata/regression/dagre_edge_label_spacing/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1945 179"><svg id="d2-svg" class="d2-3057914693" width="1945" height="179" viewBox="11 11 1945 179"><rect x="11.000000" y="11.000000" width="1945.000000" height="179.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1945 179"><svg id="d2-svg" class="d2-3057914693" width="1945" height="179" viewBox="11 11 1945 179"><rect x="11.000000" y="11.000000" width="1945.000000" height="179.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-3057914693 .text {
 	font-family: "d2-3057914693-font-regular";
 }
diff --git a/e2etests/testdata/regression/dagre_special_ids/dagre/sketch.exp.svg b/e2etests/testdata/regression/dagre_special_ids/dagre/sketch.exp.svg
index 10647f78f..48cc4cc06 100644
--- a/e2etests/testdata/regression/dagre_special_ids/dagre/sketch.exp.svg
+++ b/e2etests/testdata/regression/dagre_special_ids/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 869 250"><svg id="d2-svg" class="d2-1832041234" width="869" height="250" viewBox="-1 -1 869 250"><rect x="-1.000000" y="-1.000000" width="869.000000" height="250.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 869 250"><svg id="d2-svg" class="d2-1832041234" width="869" height="250" viewBox="-1 -1 869 250"><rect x="-1.000000" y="-1.000000" width="869.000000" height="250.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-1832041234 .text-bold {
 	font-family: "d2-1832041234-font-bold";
 }
diff --git a/e2etests/testdata/regression/dagre_special_ids/elk/sketch.exp.svg b/e2etests/testdata/regression/dagre_special_ids/elk/sketch.exp.svg
index d91347a58..f1d33bb1a 100644
--- a/e2etests/testdata/regression/dagre_special_ids/elk/sketch.exp.svg
+++ b/e2etests/testdata/regression/dagre_special_ids/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 669 230"><svg id="d2-svg" class="d2-3541527539" width="669" height="230" viewBox="11 11 669 230"><rect x="11.000000" y="11.000000" width="669.000000" height="230.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 669 230"><svg id="d2-svg" class="d2-3541527539" width="669" height="230" viewBox="11 11 669 230"><rect x="11.000000" y="11.000000" width="669.000000" height="230.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-3541527539 .text-bold {
 	font-family: "d2-3541527539-font-bold";
 }
diff --git a/e2etests/testdata/regression/elk_alignment/dagre/sketch.exp.svg b/e2etests/testdata/regression/elk_alignment/dagre/sketch.exp.svg
index c9acc597a..de2b486e0 100644
--- a/e2etests/testdata/regression/elk_alignment/dagre/sketch.exp.svg
+++ b/e2etests/testdata/regression/elk_alignment/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1256 1373"><svg id="d2-svg" class="d2-3360399189" width="1256" height="1373" viewBox="-1 0 1256 1373"><rect x="-1.000000" y="0.000000" width="1256.000000" height="1373.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1256 1373"><svg id="d2-svg" class="d2-3360399189" width="1256" height="1373" viewBox="-1 0 1256 1373"><rect x="-1.000000" y="0.000000" width="1256.000000" height="1373.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-3360399189 .text {
 	font-family: "d2-3360399189-font-regular";
 }
diff --git a/e2etests/testdata/regression/elk_alignment/elk/sketch.exp.svg b/e2etests/testdata/regression/elk_alignment/elk/sketch.exp.svg
index e504c02c1..61b6dc0a4 100644
--- a/e2etests/testdata/regression/elk_alignment/elk/sketch.exp.svg
+++ b/e2etests/testdata/regression/elk_alignment/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1357 1151"><svg id="d2-svg" class="d2-1377845300" width="1357" height="1151" viewBox="11 11 1357 1151"><rect x="11.000000" y="11.000000" width="1357.000000" height="1151.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1357 1151"><svg id="d2-svg" class="d2-1377845300" width="1357" height="1151" viewBox="11 11 1357 1151"><rect x="11.000000" y="11.000000" width="1357.000000" height="1151.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-1377845300 .text {
 	font-family: "d2-1377845300-font-regular";
 }
diff --git a/e2etests/testdata/regression/elk_img_empty_label_panic/dagre/sketch.exp.svg b/e2etests/testdata/regression/elk_img_empty_label_panic/dagre/sketch.exp.svg
index 8f7461715..7bf3fb81b 100644
--- a/e2etests/testdata/regression/elk_img_empty_label_panic/dagre/sketch.exp.svg
+++ b/e2etests/testdata/regression/elk_img_empty_label_panic/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 290 130"><svg id="d2-svg" class="d2-2165548676" width="290" height="130" viewBox="-1 -1 290 130"><rect x="-1.000000" y="-1.000000" width="290.000000" height="130.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[]]></style><style type="text/css"><![CDATA[.shape {
+<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 290 130"><svg id="d2-svg" class="d2-2165548676" width="290" height="130" viewBox="-1 -1 290 130"><rect x="-1.000000" y="-1.000000" width="290.000000" height="130.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[]]></style><style type="text/css"><![CDATA[.shape {
   shape-rendering: geometricPrecision;
   stroke-linejoin: round;
 }
diff --git a/e2etests/testdata/regression/elk_img_empty_label_panic/elk/sketch.exp.svg b/e2etests/testdata/regression/elk_img_empty_label_panic/elk/sketch.exp.svg
index f6f7db779..cfed3ce32 100644
--- a/e2etests/testdata/regression/elk_img_empty_label_panic/elk/sketch.exp.svg
+++ b/e2etests/testdata/regression/elk_img_empty_label_panic/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 250 130"><svg id="d2-svg" class="d2-2013875393" width="250" height="130" viewBox="11 11 250 130"><rect x="11.000000" y="11.000000" width="250.000000" height="130.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[]]></style><style type="text/css"><![CDATA[.shape {
+<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 250 130"><svg id="d2-svg" class="d2-2013875393" width="250" height="130" viewBox="11 11 250 130"><rect x="11.000000" y="11.000000" width="250.000000" height="130.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[]]></style><style type="text/css"><![CDATA[.shape {
   shape-rendering: geometricPrecision;
   stroke-linejoin: round;
 }
diff --git a/e2etests/testdata/regression/elk_loop_panic/dagre/sketch.exp.svg b/e2etests/testdata/regression/elk_loop_panic/dagre/sketch.exp.svg
index 64077091f..f6e2581fd 100644
--- a/e2etests/testdata/regression/elk_loop_panic/dagre/sketch.exp.svg
+++ b/e2etests/testdata/regression/elk_loop_panic/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 268 167"><svg id="d2-svg" class="d2-3485316644" width="268" height="167" viewBox="-1 0 268 167"><rect x="-1.000000" y="0.000000" width="268.000000" height="167.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 268 167"><svg id="d2-svg" class="d2-3485316644" width="268" height="167" viewBox="-1 0 268 167"><rect x="-1.000000" y="0.000000" width="268.000000" height="167.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-3485316644 .text {
 	font-family: "d2-3485316644-font-regular";
 }
diff --git a/e2etests/testdata/regression/elk_loop_panic/elk/sketch.exp.svg b/e2etests/testdata/regression/elk_loop_panic/elk/sketch.exp.svg
index b8cf08f05..047049f8a 100644
--- a/e2etests/testdata/regression/elk_loop_panic/elk/sketch.exp.svg
+++ b/e2etests/testdata/regression/elk_loop_panic/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 278 168"><svg id="d2-svg" class="d2-3807477978" width="278" height="168" viewBox="11 11 278 168"><rect x="11.000000" y="11.000000" width="278.000000" height="168.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 278 168"><svg id="d2-svg" class="d2-3807477978" width="278" height="168" viewBox="11 11 278 168"><rect x="11.000000" y="11.000000" width="278.000000" height="168.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-3807477978 .text {
 	font-family: "d2-3807477978-font-regular";
 }
diff --git a/e2etests/testdata/regression/elk_order/dagre/sketch.exp.svg b/e2etests/testdata/regression/elk_order/dagre/sketch.exp.svg
index 4a9404ae7..5522f3de8 100644
--- a/e2etests/testdata/regression/elk_order/dagre/sketch.exp.svg
+++ b/e2etests/testdata/regression/elk_order/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 948 316"><svg id="d2-svg" class="d2-1156265988" width="948" height="316" viewBox="-1 -1 948 316"><rect x="-1.000000" y="-1.000000" width="948.000000" height="316.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 948 316"><svg id="d2-svg" class="d2-1156265988" width="948" height="316" viewBox="-1 -1 948 316"><rect x="-1.000000" y="-1.000000" width="948.000000" height="316.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-1156265988 .text {
 	font-family: "d2-1156265988-font-regular";
 }
diff --git a/e2etests/testdata/regression/elk_order/elk/sketch.exp.svg b/e2etests/testdata/regression/elk_order/elk/sketch.exp.svg
index 458b1acc4..a42dd5d34 100644
--- a/e2etests/testdata/regression/elk_order/elk/sketch.exp.svg
+++ b/e2etests/testdata/regression/elk_order/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 696 301"><svg id="d2-svg" class="d2-2182340707" width="696" height="301" viewBox="11 11 696 301"><rect x="11.000000" y="11.000000" width="696.000000" height="301.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 696 301"><svg id="d2-svg" class="d2-2182340707" width="696" height="301" viewBox="11 11 696 301"><rect x="11.000000" y="11.000000" width="696.000000" height="301.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-2182340707 .text {
 	font-family: "d2-2182340707-font-regular";
 }
diff --git a/e2etests/testdata/regression/empty_class_height/dagre/sketch.exp.svg b/e2etests/testdata/regression/empty_class_height/dagre/sketch.exp.svg
index c93e73d30..470795841 100644
--- a/e2etests/testdata/regression/empty_class_height/dagre/sketch.exp.svg
+++ b/e2etests/testdata/regression/empty_class_height/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 743 186"><svg id="d2-svg" class="d2-3149201134" width="743" height="186" viewBox="-1 -1 743 186"><rect x="-1.000000" y="-1.000000" width="743.000000" height="186.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 743 186"><svg id="d2-svg" class="d2-3149201134" width="743" height="186" viewBox="-1 -1 743 186"><rect x="-1.000000" y="-1.000000" width="743.000000" height="186.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-3149201134 .text-mono {
 	font-family: "d2-3149201134-font-mono";
 }
diff --git a/e2etests/testdata/regression/empty_class_height/elk/sketch.exp.svg b/e2etests/testdata/regression/empty_class_height/elk/sketch.exp.svg
index 23dd1e020..f67bdd5d7 100644
--- a/e2etests/testdata/regression/empty_class_height/elk/sketch.exp.svg
+++ b/e2etests/testdata/regression/empty_class_height/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 703 186"><svg id="d2-svg" class="d2-2428178623" width="703" height="186" viewBox="11 11 703 186"><rect x="11.000000" y="11.000000" width="703.000000" height="186.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 703 186"><svg id="d2-svg" class="d2-2428178623" width="703" height="186" viewBox="11 11 703 186"><rect x="11.000000" y="11.000000" width="703.000000" height="186.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-2428178623 .text-mono {
 	font-family: "d2-2428178623-font-mono";
 }
diff --git a/e2etests/testdata/regression/empty_sequence/dagre/sketch.exp.svg b/e2etests/testdata/regression/empty_sequence/dagre/sketch.exp.svg
index 60b60856a..afb55cdb9 100644
--- a/e2etests/testdata/regression/empty_sequence/dagre/sketch.exp.svg
+++ b/e2etests/testdata/regression/empty_sequence/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 106 232"><svg id="d2-svg" class="d2-1198359836" width="106" height="232" viewBox="0 0 106 232"><rect x="0.000000" y="0.000000" width="106.000000" height="232.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 106 232"><svg id="d2-svg" class="d2-1198359836" width="106" height="232" viewBox="0 0 106 232"><rect x="0.000000" y="0.000000" width="106.000000" height="232.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-1198359836 .text-bold {
 	font-family: "d2-1198359836-font-bold";
 }
diff --git a/e2etests/testdata/regression/empty_sequence/elk/sketch.exp.svg b/e2etests/testdata/regression/empty_sequence/elk/sketch.exp.svg
index f5e218292..2ac84b2d3 100644
--- a/e2etests/testdata/regression/empty_sequence/elk/sketch.exp.svg
+++ b/e2etests/testdata/regression/empty_sequence/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 106 202"><svg id="d2-svg" class="d2-3102053165" width="106" height="202" viewBox="12 12 106 202"><rect x="12.000000" y="12.000000" width="106.000000" height="202.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 106 202"><svg id="d2-svg" class="d2-3102053165" width="106" height="202" viewBox="12 12 106 202"><rect x="12.000000" y="12.000000" width="106.000000" height="202.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-3102053165 .text-bold {
 	font-family: "d2-3102053165-font-bold";
 }
diff --git a/e2etests/testdata/regression/hex-fill/dagre/sketch.exp.svg b/e2etests/testdata/regression/hex-fill/dagre/sketch.exp.svg
index 84f8f8770..c4eb84717 100644
--- a/e2etests/testdata/regression/hex-fill/dagre/sketch.exp.svg
+++ b/e2etests/testdata/regression/hex-fill/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 55 68"><svg id="d2-svg" class="d2-4144273424" width="55" height="68" viewBox="-1 -1 55 68"><rect x="-1.000000" y="-1.000000" width="55.000000" height="68.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 55 68"><svg id="d2-svg" class="d2-4144273424" width="55" height="68" viewBox="-1 -1 55 68"><rect x="-1.000000" y="-1.000000" width="55.000000" height="68.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-4144273424 .text-bold {
 	font-family: "d2-4144273424-font-bold";
 }
diff --git a/e2etests/testdata/regression/hex-fill/elk/sketch.exp.svg b/e2etests/testdata/regression/hex-fill/elk/sketch.exp.svg
index 68f90746c..697a54116 100644
--- a/e2etests/testdata/regression/hex-fill/elk/sketch.exp.svg
+++ b/e2etests/testdata/regression/hex-fill/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 55 68"><svg id="d2-svg" class="d2-2414959816" width="55" height="68" viewBox="11 11 55 68"><rect x="11.000000" y="11.000000" width="55.000000" height="68.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 55 68"><svg id="d2-svg" class="d2-2414959816" width="55" height="68" viewBox="11 11 55 68"><rect x="11.000000" y="11.000000" width="55.000000" height="68.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-2414959816 .text-bold {
 	font-family: "d2-2414959816-font-bold";
 }
diff --git a/e2etests/testdata/regression/just-width/dagre/sketch.exp.svg b/e2etests/testdata/regression/just-width/dagre/sketch.exp.svg
index 6d8827ad4..1eb43c723 100644
--- a/e2etests/testdata/regression/just-width/dagre/sketch.exp.svg
+++ b/e2etests/testdata/regression/just-width/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 264 63"><svg id="d2-svg" class="d2-824054296" width="264" height="63" viewBox="-1 -1 264 63"><rect x="-1.000000" y="-1.000000" width="264.000000" height="63.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 264 63"><svg id="d2-svg" class="d2-824054296" width="264" height="63" viewBox="-1 -1 264 63"><rect x="-1.000000" y="-1.000000" width="264.000000" height="63.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-824054296 .text-bold {
 	font-family: "d2-824054296-font-bold";
 }
diff --git a/e2etests/testdata/regression/just-width/elk/sketch.exp.svg b/e2etests/testdata/regression/just-width/elk/sketch.exp.svg
index 7817f85b5..33e57570c 100644
--- a/e2etests/testdata/regression/just-width/elk/sketch.exp.svg
+++ b/e2etests/testdata/regression/just-width/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 264 63"><svg id="d2-svg" class="d2-1205229616" width="264" height="63" viewBox="11 11 264 63"><rect x="11.000000" y="11.000000" width="264.000000" height="63.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 264 63"><svg id="d2-svg" class="d2-1205229616" width="264" height="63" viewBox="11 11 264 63"><rect x="11.000000" y="11.000000" width="264.000000" height="63.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-1205229616 .text-bold {
 	font-family: "d2-1205229616-font-bold";
 }
diff --git a/e2etests/testdata/regression/link_with_ampersand/dagre/sketch.exp.svg b/e2etests/testdata/regression/link_with_ampersand/dagre/sketch.exp.svg
index 29bcaf6ff..834fa67d5 100644
--- a/e2etests/testdata/regression/link_with_ampersand/dagre/sketch.exp.svg
+++ b/e2etests/testdata/regression/link_with_ampersand/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 104 85"><svg id="d2-svg" class="d2-629904786" width="104" height="85" viewBox="-1 -18 104 85"><rect x="-1.000000" y="-18.000000" width="104.000000" height="85.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 104 85"><svg id="d2-svg" class="d2-629904786" width="104" height="85" viewBox="-1 -18 104 85"><rect x="-1.000000" y="-18.000000" width="104.000000" height="85.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .appendix-icon {
 	filter: drop-shadow(0px 0px 32px rgba(31, 36, 58, 0.1));
 }
diff --git a/e2etests/testdata/regression/link_with_ampersand/elk/sketch.exp.svg b/e2etests/testdata/regression/link_with_ampersand/elk/sketch.exp.svg
index 74416412b..7bfc357a6 100644
--- a/e2etests/testdata/regression/link_with_ampersand/elk/sketch.exp.svg
+++ b/e2etests/testdata/regression/link_with_ampersand/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 104 85"><svg id="d2-svg" class="d2-692415114" width="104" height="85" viewBox="11 -6 104 85"><rect x="11.000000" y="-6.000000" width="104.000000" height="85.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 104 85"><svg id="d2-svg" class="d2-692415114" width="104" height="85" viewBox="11 -6 104 85"><rect x="11.000000" y="-6.000000" width="104.000000" height="85.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .appendix-icon {
 	filter: drop-shadow(0px 0px 32px rgba(31, 36, 58, 0.1));
 }
diff --git a/e2etests/testdata/regression/md_h1_li_li/dagre/sketch.exp.svg b/e2etests/testdata/regression/md_h1_li_li/dagre/sketch.exp.svg
index d64cf7954..7b8c4f01b 100644
--- a/e2etests/testdata/regression/md_h1_li_li/dagre/sketch.exp.svg
+++ b/e2etests/testdata/regression/md_h1_li_li/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 97 449"><svg id="d2-svg" class="d2-2457229983" width="97" height="449" viewBox="-1 -1 97 449"><rect x="-1.000000" y="-1.000000" width="97.000000" height="449.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 97 449"><svg id="d2-svg" class="d2-2457229983" width="97" height="449" viewBox="-1 -1 97 449"><rect x="-1.000000" y="-1.000000" width="97.000000" height="449.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-2457229983 .text {
 	font-family: "d2-2457229983-font-regular";
 }
diff --git a/e2etests/testdata/regression/md_h1_li_li/elk/sketch.exp.svg b/e2etests/testdata/regression/md_h1_li_li/elk/sketch.exp.svg
index 07f9704f3..4146cb80a 100644
--- a/e2etests/testdata/regression/md_h1_li_li/elk/sketch.exp.svg
+++ b/e2etests/testdata/regression/md_h1_li_li/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 97 389"><svg id="d2-svg" class="d2-3324042626" width="97" height="389" viewBox="11 11 97 389"><rect x="11.000000" y="11.000000" width="97.000000" height="389.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 97 389"><svg id="d2-svg" class="d2-3324042626" width="97" height="389" viewBox="11 11 97 389"><rect x="11.000000" y="11.000000" width="97.000000" height="389.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-3324042626 .text {
 	font-family: "d2-3324042626-font-regular";
 }
diff --git a/e2etests/testdata/regression/nested_steps/dagre/sketch.exp.svg b/e2etests/testdata/regression/nested_steps/dagre/sketch.exp.svg
index e939e30ac..af81e20cf 100644
--- a/e2etests/testdata/regression/nested_steps/dagre/sketch.exp.svg
+++ b/e2etests/testdata/regression/nested_steps/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 309 403"><svg id="d2-svg" class="d2-4055472922" width="309" height="403" viewBox="-1 0 309 403"><rect x="-1.000000" y="0.000000" width="309.000000" height="403.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 309 403"><svg id="d2-svg" class="d2-4055472922" width="309" height="403" viewBox="-1 0 309 403"><rect x="-1.000000" y="0.000000" width="309.000000" height="403.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-4055472922 .text {
 	font-family: "d2-4055472922-font-regular";
 }
diff --git a/e2etests/testdata/regression/nested_steps/elk/sketch.exp.svg b/e2etests/testdata/regression/nested_steps/elk/sketch.exp.svg
index 76de972fc..6f949d0ae 100644
--- a/e2etests/testdata/regression/nested_steps/elk/sketch.exp.svg
+++ b/e2etests/testdata/regression/nested_steps/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 308 545"><svg id="d2-svg" class="d2-3796115738" width="308" height="545" viewBox="11 11 308 545"><rect x="11.000000" y="11.000000" width="308.000000" height="545.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 308 545"><svg id="d2-svg" class="d2-3796115738" width="308" height="545" viewBox="11 11 308 545"><rect x="11.000000" y="11.000000" width="308.000000" height="545.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-3796115738 .text {
 	font-family: "d2-3796115738-font-regular";
 }
diff --git a/e2etests/testdata/regression/no-lexer/dagre/sketch.exp.svg b/e2etests/testdata/regression/no-lexer/dagre/sketch.exp.svg
index 2e0ee9fff..7dc627bf0 100644
--- a/e2etests/testdata/regression/no-lexer/dagre/sketch.exp.svg
+++ b/e2etests/testdata/regression/no-lexer/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 75 40"><svg id="d2-svg" class="d2-1323269655" width="75" height="40" viewBox="-1 -1 75 40"><rect x="-1.000000" y="-1.000000" width="75.000000" height="40.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 75 40"><svg id="d2-svg" class="d2-1323269655" width="75" height="40" viewBox="-1 -1 75 40"><rect x="-1.000000" y="-1.000000" width="75.000000" height="40.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-1323269655 .text-mono {
 	font-family: "d2-1323269655-font-mono";
 }
diff --git a/e2etests/testdata/regression/no-lexer/elk/sketch.exp.svg b/e2etests/testdata/regression/no-lexer/elk/sketch.exp.svg
index 24bd60dc2..931ce5334 100644
--- a/e2etests/testdata/regression/no-lexer/elk/sketch.exp.svg
+++ b/e2etests/testdata/regression/no-lexer/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 75 40"><svg id="d2-svg" class="d2-4118793327" width="75" height="40" viewBox="11 11 75 40"><rect x="11.000000" y="11.000000" width="75.000000" height="40.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 75 40"><svg id="d2-svg" class="d2-4118793327" width="75" height="40" viewBox="11 11 75 40"><rect x="11.000000" y="11.000000" width="75.000000" height="40.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-4118793327 .text-mono {
 	font-family: "d2-4118793327-font-mono";
 }
diff --git a/e2etests/testdata/regression/only_header_class_table/dagre/sketch.exp.svg b/e2etests/testdata/regression/only_header_class_table/dagre/sketch.exp.svg
index 2da0dce4a..e3194cc97 100644
--- a/e2etests/testdata/regression/only_header_class_table/dagre/sketch.exp.svg
+++ b/e2etests/testdata/regression/only_header_class_table/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1084 402"><svg id="d2-svg" class="d2-1676001659" width="1084" height="402" viewBox="-1 -1 1084 402"><rect x="-1.000000" y="-1.000000" width="1084.000000" height="402.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1084 402"><svg id="d2-svg" class="d2-1676001659" width="1084" height="402" viewBox="-1 -1 1084 402"><rect x="-1.000000" y="-1.000000" width="1084.000000" height="402.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-1676001659 .text {
 	font-family: "d2-1676001659-font-regular";
 }
diff --git a/e2etests/testdata/regression/only_header_class_table/elk/sketch.exp.svg b/e2etests/testdata/regression/only_header_class_table/elk/sketch.exp.svg
index 0228048bd..cc4401ebd 100644
--- a/e2etests/testdata/regression/only_header_class_table/elk/sketch.exp.svg
+++ b/e2etests/testdata/regression/only_header_class_table/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1084 342"><svg id="d2-svg" class="d2-2978833724" width="1084" height="342" viewBox="11 11 1084 342"><rect x="11.000000" y="11.000000" width="1084.000000" height="342.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1084 342"><svg id="d2-svg" class="d2-2978833724" width="1084" height="342" viewBox="11 11 1084 342"><rect x="11.000000" y="11.000000" width="1084.000000" height="342.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-2978833724 .text {
 	font-family: "d2-2978833724-font-regular";
 }
diff --git a/e2etests/testdata/regression/opacity-on-label/dagre/sketch.exp.svg b/e2etests/testdata/regression/opacity-on-label/dagre/sketch.exp.svg
index 50e2f54d8..285e13569 100644
--- a/e2etests/testdata/regression/opacity-on-label/dagre/sketch.exp.svg
+++ b/e2etests/testdata/regression/opacity-on-label/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 553 271"><svg id="d2-svg" class="d2-4088383144" width="553" height="271" viewBox="0 -1 553 271"><rect x="0.000000" y="-1.000000" width="553.000000" height="271.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 553 271"><svg id="d2-svg" class="d2-4088383144" width="553" height="271" viewBox="0 -1 553 271"><rect x="0.000000" y="-1.000000" width="553.000000" height="271.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-4088383144 .text {
 	font-family: "d2-4088383144-font-regular";
 }
diff --git a/e2etests/testdata/regression/opacity-on-label/elk/sketch.exp.svg b/e2etests/testdata/regression/opacity-on-label/elk/sketch.exp.svg
index cd68b7a0e..1c41a11e7 100644
--- a/e2etests/testdata/regression/opacity-on-label/elk/sketch.exp.svg
+++ b/e2etests/testdata/regression/opacity-on-label/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 512 311"><svg id="d2-svg" class="d2-3467856797" width="512" height="311" viewBox="12 11 512 311"><rect x="12.000000" y="11.000000" width="512.000000" height="311.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 512 311"><svg id="d2-svg" class="d2-3467856797" width="512" height="311" viewBox="12 11 512 311"><rect x="12.000000" y="11.000000" width="512.000000" height="311.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-3467856797 .text {
 	font-family: "d2-3467856797-font-regular";
 }
diff --git a/e2etests/testdata/regression/overlapping-edge-label/dagre/sketch.exp.svg b/e2etests/testdata/regression/overlapping-edge-label/dagre/sketch.exp.svg
index 7d2d89725..f4525c781 100644
--- a/e2etests/testdata/regression/overlapping-edge-label/dagre/sketch.exp.svg
+++ b/e2etests/testdata/regression/overlapping-edge-label/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1222 454"><svg id="d2-svg" class="d2-3464567729" width="1222" height="454" viewBox="-1 0 1222 454"><rect x="-1.000000" y="0.000000" width="1222.000000" height="454.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1222 454"><svg id="d2-svg" class="d2-3464567729" width="1222" height="454" viewBox="-1 0 1222 454"><rect x="-1.000000" y="0.000000" width="1222.000000" height="454.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-3464567729 .text {
 	font-family: "d2-3464567729-font-regular";
 }
diff --git a/e2etests/testdata/regression/overlapping-edge-label/elk/sketch.exp.svg b/e2etests/testdata/regression/overlapping-edge-label/elk/sketch.exp.svg
index 22bbe61e3..416a81ad8 100644
--- a/e2etests/testdata/regression/overlapping-edge-label/elk/sketch.exp.svg
+++ b/e2etests/testdata/regression/overlapping-edge-label/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 997 565"><svg id="d2-svg" class="d2-1708311155" width="997" height="565" viewBox="11 11 997 565"><rect x="11.000000" y="11.000000" width="997.000000" height="565.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 997 565"><svg id="d2-svg" class="d2-1708311155" width="997" height="565" viewBox="11 11 997 565"><rect x="11.000000" y="11.000000" width="997.000000" height="565.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-1708311155 .text {
 	font-family: "d2-1708311155-font-regular";
 }
diff --git a/e2etests/testdata/regression/query_param_escape/dagre/sketch.exp.svg b/e2etests/testdata/regression/query_param_escape/dagre/sketch.exp.svg
index 051ced31b..d52eb22e8 100644
--- a/e2etests/testdata/regression/query_param_escape/dagre/sketch.exp.svg
+++ b/e2etests/testdata/regression/query_param_escape/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 158 120"><svg id="d2-svg" class="d2-4174853267" width="158" height="120" viewBox="-1 -1 158 120"><rect x="-1.000000" y="-1.000000" width="158.000000" height="120.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 158 120"><svg id="d2-svg" class="d2-4174853267" width="158" height="120" viewBox="-1 -1 158 120"><rect x="-1.000000" y="-1.000000" width="158.000000" height="120.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-4174853267 .text-bold {
 	font-family: "d2-4174853267-font-bold";
 }
diff --git a/e2etests/testdata/regression/query_param_escape/elk/sketch.exp.svg b/e2etests/testdata/regression/query_param_escape/elk/sketch.exp.svg
index 788ca5af4..f98ebfd58 100644
--- a/e2etests/testdata/regression/query_param_escape/elk/sketch.exp.svg
+++ b/e2etests/testdata/regression/query_param_escape/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 158 120"><svg id="d2-svg" class="d2-1540020171" width="158" height="120" viewBox="11 11 158 120"><rect x="11.000000" y="11.000000" width="158.000000" height="120.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 158 120"><svg id="d2-svg" class="d2-1540020171" width="158" height="120" viewBox="11 11 158 120"><rect x="11.000000" y="11.000000" width="158.000000" height="120.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-1540020171 .text-bold {
 	font-family: "d2-1540020171-font-bold";
 }
diff --git a/e2etests/testdata/regression/sequence-note-escape-group/dagre/sketch.exp.svg b/e2etests/testdata/regression/sequence-note-escape-group/dagre/sketch.exp.svg
index 819b3a4b8..368e8c0e2 100644
--- a/e2etests/testdata/regression/sequence-note-escape-group/dagre/sketch.exp.svg
+++ b/e2etests/testdata/regression/sequence-note-escape-group/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 433 402"><svg id="d2-svg" class="d2-59506463" width="433" height="402" viewBox="-134 51 433 402"><rect x="-134.000000" y="51.000000" width="433.000000" height="402.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 433 402"><svg id="d2-svg" class="d2-59506463" width="433" height="402" viewBox="-134 51 433 402"><rect x="-134.000000" y="51.000000" width="433.000000" height="402.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-59506463 .text {
 	font-family: "d2-59506463-font-regular";
 }
diff --git a/e2etests/testdata/regression/sequence-note-escape-group/elk/sketch.exp.svg b/e2etests/testdata/regression/sequence-note-escape-group/elk/sketch.exp.svg
index 819b3a4b8..368e8c0e2 100644
--- a/e2etests/testdata/regression/sequence-note-escape-group/elk/sketch.exp.svg
+++ b/e2etests/testdata/regression/sequence-note-escape-group/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 433 402"><svg id="d2-svg" class="d2-59506463" width="433" height="402" viewBox="-134 51 433 402"><rect x="-134.000000" y="51.000000" width="433.000000" height="402.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 433 402"><svg id="d2-svg" class="d2-59506463" width="433" height="402" viewBox="-134 51 433 402"><rect x="-134.000000" y="51.000000" width="433.000000" height="402.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-59506463 .text {
 	font-family: "d2-59506463-font-regular";
 }
diff --git a/e2etests/testdata/regression/sequence_diagram_name_crash/dagre/sketch.exp.svg b/e2etests/testdata/regression/sequence_diagram_name_crash/dagre/sketch.exp.svg
index fa8af7f22..d3f52a834 100644
--- a/e2etests/testdata/regression/sequence_diagram_name_crash/dagre/sketch.exp.svg
+++ b/e2etests/testdata/regression/sequence_diagram_name_crash/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 274 712"><svg id="d2-svg" class="d2-4106626940" width="274" height="712" viewBox="0 0 274 712"><rect x="0.000000" y="0.000000" width="274.000000" height="712.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 274 712"><svg id="d2-svg" class="d2-4106626940" width="274" height="712" viewBox="0 0 274 712"><rect x="0.000000" y="0.000000" width="274.000000" height="712.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-4106626940 .text {
 	font-family: "d2-4106626940-font-regular";
 }
diff --git a/e2etests/testdata/regression/sequence_diagram_name_crash/elk/sketch.exp.svg b/e2etests/testdata/regression/sequence_diagram_name_crash/elk/sketch.exp.svg
index c61e4756a..bd4b7e2aa 100644
--- a/e2etests/testdata/regression/sequence_diagram_name_crash/elk/sketch.exp.svg
+++ b/e2etests/testdata/regression/sequence_diagram_name_crash/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 274 682"><svg id="d2-svg" class="d2-4143529663" width="274" height="682" viewBox="12 12 274 682"><rect x="12.000000" y="12.000000" width="274.000000" height="682.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 274 682"><svg id="d2-svg" class="d2-4143529663" width="274" height="682" viewBox="12 12 274 682"><rect x="12.000000" y="12.000000" width="274.000000" height="682.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-4143529663 .text {
 	font-family: "d2-4143529663-font-regular";
 }
diff --git a/e2etests/testdata/regression/sequence_diagram_no_message/dagre/sketch.exp.svg b/e2etests/testdata/regression/sequence_diagram_no_message/dagre/sketch.exp.svg
index d405ac386..afcb9e275 100644
--- a/e2etests/testdata/regression/sequence_diagram_no_message/dagre/sketch.exp.svg
+++ b/e2etests/testdata/regression/sequence_diagram_no_message/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 252 138"><svg id="d2-svg" class="d2-2571435404" width="252" height="138" viewBox="11 51 252 138"><rect x="11.000000" y="51.000000" width="252.000000" height="138.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 252 138"><svg id="d2-svg" class="d2-2571435404" width="252" height="138" viewBox="11 51 252 138"><rect x="11.000000" y="51.000000" width="252.000000" height="138.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-2571435404 .text {
 	font-family: "d2-2571435404-font-regular";
 }
diff --git a/e2etests/testdata/regression/sequence_diagram_no_message/elk/sketch.exp.svg b/e2etests/testdata/regression/sequence_diagram_no_message/elk/sketch.exp.svg
index d405ac386..afcb9e275 100644
--- a/e2etests/testdata/regression/sequence_diagram_no_message/elk/sketch.exp.svg
+++ b/e2etests/testdata/regression/sequence_diagram_no_message/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 252 138"><svg id="d2-svg" class="d2-2571435404" width="252" height="138" viewBox="11 51 252 138"><rect x="11.000000" y="51.000000" width="252.000000" height="138.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 252 138"><svg id="d2-svg" class="d2-2571435404" width="252" height="138" viewBox="11 51 252 138"><rect x="11.000000" y="51.000000" width="252.000000" height="138.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-2571435404 .text {
 	font-family: "d2-2571435404-font-regular";
 }
diff --git a/e2etests/testdata/regression/sequence_diagram_self_edge_group_overlap/dagre/sketch.exp.svg b/e2etests/testdata/regression/sequence_diagram_self_edge_group_overlap/dagre/sketch.exp.svg
index b41fe4b16..5bb607783 100644
--- a/e2etests/testdata/regression/sequence_diagram_self_edge_group_overlap/dagre/sketch.exp.svg
+++ b/e2etests/testdata/regression/sequence_diagram_self_edge_group_overlap/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 471 1917"><svg id="d2-svg" class="d2-77002411" width="471" height="1917" viewBox="11 51 471 1917"><rect x="11.000000" y="51.000000" width="471.000000" height="1917.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 471 1917"><svg id="d2-svg" class="d2-77002411" width="471" height="1917" viewBox="11 51 471 1917"><rect x="11.000000" y="51.000000" width="471.000000" height="1917.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-77002411 .text {
 	font-family: "d2-77002411-font-regular";
 }
diff --git a/e2etests/testdata/regression/sequence_diagram_self_edge_group_overlap/elk/sketch.exp.svg b/e2etests/testdata/regression/sequence_diagram_self_edge_group_overlap/elk/sketch.exp.svg
index b41fe4b16..5bb607783 100644
--- a/e2etests/testdata/regression/sequence_diagram_self_edge_group_overlap/elk/sketch.exp.svg
+++ b/e2etests/testdata/regression/sequence_diagram_self_edge_group_overlap/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 471 1917"><svg id="d2-svg" class="d2-77002411" width="471" height="1917" viewBox="11 51 471 1917"><rect x="11.000000" y="51.000000" width="471.000000" height="1917.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 471 1917"><svg id="d2-svg" class="d2-77002411" width="471" height="1917" viewBox="11 51 471 1917"><rect x="11.000000" y="51.000000" width="471.000000" height="1917.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-77002411 .text {
 	font-family: "d2-77002411-font-regular";
 }
diff --git a/e2etests/testdata/regression/sequence_diagram_span_cover/dagre/sketch.exp.svg b/e2etests/testdata/regression/sequence_diagram_span_cover/dagre/sketch.exp.svg
index 7f0f8624a..8fe8a6621 100644
--- a/e2etests/testdata/regression/sequence_diagram_span_cover/dagre/sketch.exp.svg
+++ b/e2etests/testdata/regression/sequence_diagram_span_cover/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 132 323"><svg id="d2-svg" class="d2-1174621601" width="132" height="323" viewBox="11 51 132 323"><rect x="11.000000" y="51.000000" width="132.000000" height="323.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 132 323"><svg id="d2-svg" class="d2-1174621601" width="132" height="323" viewBox="11 51 132 323"><rect x="11.000000" y="51.000000" width="132.000000" height="323.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-1174621601 .text {
 	font-family: "d2-1174621601-font-regular";
 }
diff --git a/e2etests/testdata/regression/sequence_diagram_span_cover/elk/sketch.exp.svg b/e2etests/testdata/regression/sequence_diagram_span_cover/elk/sketch.exp.svg
index 7f0f8624a..8fe8a6621 100644
--- a/e2etests/testdata/regression/sequence_diagram_span_cover/elk/sketch.exp.svg
+++ b/e2etests/testdata/regression/sequence_diagram_span_cover/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 132 323"><svg id="d2-svg" class="d2-1174621601" width="132" height="323" viewBox="11 51 132 323"><rect x="11.000000" y="51.000000" width="132.000000" height="323.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 132 323"><svg id="d2-svg" class="d2-1174621601" width="132" height="323" viewBox="11 51 132 323"><rect x="11.000000" y="51.000000" width="132.000000" height="323.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-1174621601 .text {
 	font-family: "d2-1174621601-font-regular";
 }
diff --git a/e2etests/testdata/regression/sql_table_overflow/dagre/sketch.exp.svg b/e2etests/testdata/regression/sql_table_overflow/dagre/sketch.exp.svg
index 543a6e4dc..157e54033 100644
--- a/e2etests/testdata/regression/sql_table_overflow/dagre/sketch.exp.svg
+++ b/e2etests/testdata/regression/sql_table_overflow/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1190 110"><svg id="d2-svg" class="d2-1114961276" width="1190" height="110" viewBox="-1 -1 1190 110"><rect x="-1.000000" y="-1.000000" width="1190.000000" height="110.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1190 110"><svg id="d2-svg" class="d2-1114961276" width="1190" height="110" viewBox="-1 -1 1190 110"><rect x="-1.000000" y="-1.000000" width="1190.000000" height="110.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-1114961276 .text {
 	font-family: "d2-1114961276-font-regular";
 }
diff --git a/e2etests/testdata/regression/sql_table_overflow/elk/sketch.exp.svg b/e2etests/testdata/regression/sql_table_overflow/elk/sketch.exp.svg
index 9b6174a31..861b8f0a2 100644
--- a/e2etests/testdata/regression/sql_table_overflow/elk/sketch.exp.svg
+++ b/e2etests/testdata/regression/sql_table_overflow/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1150 110"><svg id="d2-svg" class="d2-2685206526" width="1150" height="110" viewBox="11 11 1150 110"><rect x="11.000000" y="11.000000" width="1150.000000" height="110.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1150 110"><svg id="d2-svg" class="d2-2685206526" width="1150" height="110" viewBox="11 11 1150 110"><rect x="11.000000" y="11.000000" width="1150.000000" height="110.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-2685206526 .text {
 	font-family: "d2-2685206526-font-regular";
 }
diff --git a/e2etests/testdata/regression/straight_hierarchy_container_direction_right/dagre/sketch.exp.svg b/e2etests/testdata/regression/straight_hierarchy_container_direction_right/dagre/sketch.exp.svg
index 3945a3f11..743479566 100644
--- a/e2etests/testdata/regression/straight_hierarchy_container_direction_right/dagre/sketch.exp.svg
+++ b/e2etests/testdata/regression/straight_hierarchy_container_direction_right/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1167 590"><svg id="d2-svg" class="d2-527055897" width="1167" height="590" viewBox="-1 0 1167 590"><rect x="-1.000000" y="0.000000" width="1167.000000" height="590.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1167 590"><svg id="d2-svg" class="d2-527055897" width="1167" height="590" viewBox="-1 0 1167 590"><rect x="-1.000000" y="0.000000" width="1167.000000" height="590.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-527055897 .text {
 	font-family: "d2-527055897-font-regular";
 }
diff --git a/e2etests/testdata/regression/straight_hierarchy_container_direction_right/elk/sketch.exp.svg b/e2etests/testdata/regression/straight_hierarchy_container_direction_right/elk/sketch.exp.svg
index 64b497d61..f9c140d13 100644
--- a/e2etests/testdata/regression/straight_hierarchy_container_direction_right/elk/sketch.exp.svg
+++ b/e2etests/testdata/regression/straight_hierarchy_container_direction_right/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1247 640"><svg id="d2-svg" class="d2-3075545407" width="1247" height="640" viewBox="11 11 1247 640"><rect x="11.000000" y="11.000000" width="1247.000000" height="640.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1247 640"><svg id="d2-svg" class="d2-3075545407" width="1247" height="640" viewBox="11 11 1247 640"><rect x="11.000000" y="11.000000" width="1247.000000" height="640.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-3075545407 .text {
 	font-family: "d2-3075545407-font-regular";
 }
diff --git a/e2etests/testdata/regression/unconnected/dagre/sketch.exp.svg b/e2etests/testdata/regression/unconnected/dagre/sketch.exp.svg
index 77bcaee6c..85632474a 100644
--- a/e2etests/testdata/regression/unconnected/dagre/sketch.exp.svg
+++ b/e2etests/testdata/regression/unconnected/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1513 514"><svg id="d2-svg" class="d2-3552234035" width="1513" height="514" viewBox="-1 -72 1513 514"><rect x="-1.000000" y="-72.000000" width="1513.000000" height="514.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1513 514"><svg id="d2-svg" class="d2-3552234035" width="1513" height="514" viewBox="-1 -72 1513 514"><rect x="-1.000000" y="-72.000000" width="1513.000000" height="514.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-3552234035 .text {
 	font-family: "d2-3552234035-font-regular";
 }
diff --git a/e2etests/testdata/regression/unconnected/elk/sketch.exp.svg b/e2etests/testdata/regression/unconnected/elk/sketch.exp.svg
index 66f45ac39..2eec1f9cf 100644
--- a/e2etests/testdata/regression/unconnected/elk/sketch.exp.svg
+++ b/e2etests/testdata/regression/unconnected/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1582 568"><svg id="d2-svg" class="d2-1839014009" width="1582" height="568" viewBox="11 -60 1582 568"><rect x="11.000000" y="-60.000000" width="1582.000000" height="568.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1582 568"><svg id="d2-svg" class="d2-1839014009" width="1582" height="568" viewBox="11 -60 1582 568"><rect x="11.000000" y="-60.000000" width="1582.000000" height="568.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-1839014009 .text {
 	font-family: "d2-1839014009-font-regular";
 }
diff --git a/e2etests/testdata/regression/unnamed_class_table_code/dagre/sketch.exp.svg b/e2etests/testdata/regression/unnamed_class_table_code/dagre/sketch.exp.svg
index 65e8e0ee8..62ec317b0 100644
--- a/e2etests/testdata/regression/unnamed_class_table_code/dagre/sketch.exp.svg
+++ b/e2etests/testdata/regression/unnamed_class_table_code/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 424 826"><svg id="d2-svg" class="d2-2260027450" width="424" height="826" viewBox="-1 -1 424 826"><rect x="-1.000000" y="-1.000000" width="424.000000" height="826.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 424 826"><svg id="d2-svg" class="d2-2260027450" width="424" height="826" viewBox="-1 -1 424 826"><rect x="-1.000000" y="-1.000000" width="424.000000" height="826.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-2260027450 .text {
 	font-family: "d2-2260027450-font-regular";
 }
diff --git a/e2etests/testdata/regression/unnamed_class_table_code/elk/sketch.exp.svg b/e2etests/testdata/regression/unnamed_class_table_code/elk/sketch.exp.svg
index cf1c9e2eb..56528ea04 100644
--- a/e2etests/testdata/regression/unnamed_class_table_code/elk/sketch.exp.svg
+++ b/e2etests/testdata/regression/unnamed_class_table_code/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 424 766"><svg id="d2-svg" class="d2-302577983" width="424" height="766" viewBox="11 11 424 766"><rect x="11.000000" y="11.000000" width="424.000000" height="766.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 424 766"><svg id="d2-svg" class="d2-302577983" width="424" height="766" viewBox="11 11 424 766"><rect x="11.000000" y="11.000000" width="424.000000" height="766.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-302577983 .text {
 	font-family: "d2-302577983-font-regular";
 }
diff --git a/e2etests/testdata/root/border-radius/dagre/sketch.exp.svg b/e2etests/testdata/root/border-radius/dagre/sketch.exp.svg
index c608460a3..7a4b62752 100644
--- a/e2etests/testdata/root/border-radius/dagre/sketch.exp.svg
+++ b/e2etests/testdata/root/border-radius/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 549 80"><svg id="d2-svg" class="d2-1980001305" width="549" height="80" viewBox="-7 -7 549 80"><rect x="-4.000000" y="-4.000000" width="543.000000" height="74.000000" rx="10.000000" stroke="#191970" fill="LightSteelBlue" stroke-width="5" /><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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 549 80"><svg id="d2-svg" class="d2-1980001305" width="549" height="80" viewBox="-7 -7 549 80"><rect x="-4.000000" y="-4.000000" width="543.000000" height="74.000000" rx="10.000000" stroke="#191970" fill="LightSteelBlue" stroke-width="5" /><style type="text/css"><![CDATA[
 .d2-1980001305 .text-bold {
 	font-family: "d2-1980001305-font-bold";
 }
diff --git a/e2etests/testdata/root/border-radius/elk/sketch.exp.svg b/e2etests/testdata/root/border-radius/elk/sketch.exp.svg
index 3247050d4..a97d33013 100644
--- a/e2etests/testdata/root/border-radius/elk/sketch.exp.svg
+++ b/e2etests/testdata/root/border-radius/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 469 80"><svg id="d2-svg" class="d2-2814486182" width="469" height="80" viewBox="5 5 469 80"><rect x="8.000000" y="8.000000" width="463.000000" height="74.000000" rx="10.000000" stroke="#191970" fill="LightSteelBlue" stroke-width="5" /><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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 469 80"><svg id="d2-svg" class="d2-2814486182" width="469" height="80" viewBox="5 5 469 80"><rect x="8.000000" y="8.000000" width="463.000000" height="74.000000" rx="10.000000" stroke="#191970" fill="LightSteelBlue" stroke-width="5" /><style type="text/css"><![CDATA[
 .d2-2814486182 .text-bold {
 	font-family: "d2-2814486182-font-bold";
 }
diff --git a/e2etests/testdata/root/double-border/dagre/sketch.exp.svg b/e2etests/testdata/root/double-border/dagre/sketch.exp.svg
index 5964e7716..18293db90 100644
--- a/e2etests/testdata/root/double-border/dagre/sketch.exp.svg
+++ b/e2etests/testdata/root/double-border/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 563 94"><svg id="d2-svg" class="d2-1980001305" width="563" height="94" viewBox="-14 -14 563 94"><rect x="-12.000000" y="-12.000000" width="559.000000" height="90.000000" rx="0.000000" stroke="#191970" fill="LightSteelBlue" stroke-width="3" /><rect x="-3.000000" y="-3.000000" width="541.000000" height="72.000000" rx="0.000000" stroke="#191970" fill="transparent" stroke-width="3" /><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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 563 94"><svg id="d2-svg" class="d2-1980001305" width="563" height="94" viewBox="-14 -14 563 94"><rect x="-12.000000" y="-12.000000" width="559.000000" height="90.000000" rx="0.000000" stroke="#191970" fill="LightSteelBlue" stroke-width="3" /><rect x="-3.000000" y="-3.000000" width="541.000000" height="72.000000" rx="0.000000" stroke="#191970" fill="transparent" stroke-width="3" /><style type="text/css"><![CDATA[
 .d2-1980001305 .text-bold {
 	font-family: "d2-1980001305-font-bold";
 }
diff --git a/e2etests/testdata/root/double-border/elk/sketch.exp.svg b/e2etests/testdata/root/double-border/elk/sketch.exp.svg
index 7168b4fcb..b9bf03675 100644
--- a/e2etests/testdata/root/double-border/elk/sketch.exp.svg
+++ b/e2etests/testdata/root/double-border/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 483 94"><svg id="d2-svg" class="d2-2814486182" width="483" height="94" viewBox="-2 -2 483 94"><rect x="0.000000" y="0.000000" width="479.000000" height="90.000000" rx="0.000000" stroke="#191970" fill="LightSteelBlue" stroke-width="3" /><rect x="9.000000" y="9.000000" width="461.000000" height="72.000000" rx="0.000000" stroke="#191970" fill="transparent" stroke-width="3" /><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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 483 94"><svg id="d2-svg" class="d2-2814486182" width="483" height="94" viewBox="-2 -2 483 94"><rect x="0.000000" y="0.000000" width="479.000000" height="90.000000" rx="0.000000" stroke="#191970" fill="LightSteelBlue" stroke-width="3" /><rect x="9.000000" y="9.000000" width="461.000000" height="72.000000" rx="0.000000" stroke="#191970" fill="transparent" stroke-width="3" /><style type="text/css"><![CDATA[
 .d2-2814486182 .text-bold {
 	font-family: "d2-2814486182-font-bold";
 }
diff --git a/e2etests/testdata/root/even-stroke-width/dagre/sketch.exp.svg b/e2etests/testdata/root/even-stroke-width/dagre/sketch.exp.svg
index beebd40cc..deff6c5a6 100644
--- a/e2etests/testdata/root/even-stroke-width/dagre/sketch.exp.svg
+++ b/e2etests/testdata/root/even-stroke-width/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 549 80"><svg id="d2-svg" class="d2-1980001305" width="549" height="80" viewBox="-7 -7 549 80"><rect x="-4.000000" y="-4.000000" width="543.000000" height="74.000000" rx="0.000000" stroke="#191970" fill="LightSteelBlue" stroke-width="6" /><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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 549 80"><svg id="d2-svg" class="d2-1980001305" width="549" height="80" viewBox="-7 -7 549 80"><rect x="-4.000000" y="-4.000000" width="543.000000" height="74.000000" rx="0.000000" stroke="#191970" fill="LightSteelBlue" stroke-width="6" /><style type="text/css"><![CDATA[
 .d2-1980001305 .text-bold {
 	font-family: "d2-1980001305-font-bold";
 }
diff --git a/e2etests/testdata/root/even-stroke-width/elk/sketch.exp.svg b/e2etests/testdata/root/even-stroke-width/elk/sketch.exp.svg
index 966aa69dc..9ae15ef8e 100644
--- a/e2etests/testdata/root/even-stroke-width/elk/sketch.exp.svg
+++ b/e2etests/testdata/root/even-stroke-width/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 469 80"><svg id="d2-svg" class="d2-2814486182" width="469" height="80" viewBox="5 5 469 80"><rect x="8.000000" y="8.000000" width="463.000000" height="74.000000" rx="0.000000" stroke="#191970" fill="LightSteelBlue" stroke-width="6" /><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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 469 80"><svg id="d2-svg" class="d2-2814486182" width="469" height="80" viewBox="5 5 469 80"><rect x="8.000000" y="8.000000" width="463.000000" height="74.000000" rx="0.000000" stroke="#191970" fill="LightSteelBlue" stroke-width="6" /><style type="text/css"><![CDATA[
 .d2-2814486182 .text-bold {
 	font-family: "d2-2814486182-font-bold";
 }
diff --git a/e2etests/testdata/root/fill/dagre/sketch.exp.svg b/e2etests/testdata/root/fill/dagre/sketch.exp.svg
index d3dffc248..1c13709e2 100644
--- a/e2etests/testdata/root/fill/dagre/sketch.exp.svg
+++ b/e2etests/testdata/root/fill/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 537 68"><svg id="d2-svg" class="d2-1980001305" width="537" height="68" viewBox="-1 -1 537 68"><rect x="-1.000000" y="-1.000000" width="537.000000" height="68.000000" rx="0.000000" fill="LightSteelBlue" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 537 68"><svg id="d2-svg" class="d2-1980001305" width="537" height="68" viewBox="-1 -1 537 68"><rect x="-1.000000" y="-1.000000" width="537.000000" height="68.000000" rx="0.000000" fill="LightSteelBlue" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-1980001305 .text-bold {
 	font-family: "d2-1980001305-font-bold";
 }
diff --git a/e2etests/testdata/root/fill/elk/sketch.exp.svg b/e2etests/testdata/root/fill/elk/sketch.exp.svg
index fe9b746fb..968c22908 100644
--- a/e2etests/testdata/root/fill/elk/sketch.exp.svg
+++ b/e2etests/testdata/root/fill/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 457 68"><svg id="d2-svg" class="d2-2814486182" width="457" height="68" viewBox="11 11 457 68"><rect x="11.000000" y="11.000000" width="457.000000" height="68.000000" rx="0.000000" fill="LightSteelBlue" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 457 68"><svg id="d2-svg" class="d2-2814486182" width="457" height="68" viewBox="11 11 457 68"><rect x="11.000000" y="11.000000" width="457.000000" height="68.000000" rx="0.000000" fill="LightSteelBlue" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-2814486182 .text-bold {
 	font-family: "d2-2814486182-font-bold";
 }
diff --git a/e2etests/testdata/root/stroke-dash/dagre/sketch.exp.svg b/e2etests/testdata/root/stroke-dash/dagre/sketch.exp.svg
index f1ea9f107..85ea3643e 100644
--- a/e2etests/testdata/root/stroke-dash/dagre/sketch.exp.svg
+++ b/e2etests/testdata/root/stroke-dash/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 545 76"><svg id="d2-svg" class="d2-1980001305" width="545" height="76" viewBox="-5 -5 545 76"><rect x="-3.000000" y="-3.000000" width="541.000000" height="72.000000" rx="0.000000" stroke-dasharray="12.000000, 11.666896" stroke="#191970" fill="LightSteelBlue" stroke-width="3" /><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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 545 76"><svg id="d2-svg" class="d2-1980001305" width="545" height="76" viewBox="-5 -5 545 76"><rect x="-3.000000" y="-3.000000" width="541.000000" height="72.000000" rx="0.000000" stroke-dasharray="12.000000, 11.666896" stroke="#191970" fill="LightSteelBlue" stroke-width="3" /><style type="text/css"><![CDATA[
 .d2-1980001305 .text-bold {
 	font-family: "d2-1980001305-font-bold";
 }
diff --git a/e2etests/testdata/root/stroke-dash/elk/sketch.exp.svg b/e2etests/testdata/root/stroke-dash/elk/sketch.exp.svg
index f1e51e10f..8cf0d362e 100644
--- a/e2etests/testdata/root/stroke-dash/elk/sketch.exp.svg
+++ b/e2etests/testdata/root/stroke-dash/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 465 76"><svg id="d2-svg" class="d2-2814486182" width="465" height="76" viewBox="7 7 465 76"><rect x="9.000000" y="9.000000" width="461.000000" height="72.000000" rx="0.000000" stroke-dasharray="12.000000, 11.666896" stroke="#191970" fill="LightSteelBlue" stroke-width="3" /><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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 465 76"><svg id="d2-svg" class="d2-2814486182" width="465" height="76" viewBox="7 7 465 76"><rect x="9.000000" y="9.000000" width="461.000000" height="72.000000" rx="0.000000" stroke-dasharray="12.000000, 11.666896" stroke="#191970" fill="LightSteelBlue" stroke-width="3" /><style type="text/css"><![CDATA[
 .d2-2814486182 .text-bold {
 	font-family: "d2-2814486182-font-bold";
 }
diff --git a/e2etests/testdata/root/stroke-no-width/dagre/sketch.exp.svg b/e2etests/testdata/root/stroke-no-width/dagre/sketch.exp.svg
index 928dbda03..9a96d5f32 100644
--- a/e2etests/testdata/root/stroke-no-width/dagre/sketch.exp.svg
+++ b/e2etests/testdata/root/stroke-no-width/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 537 68"><svg id="d2-svg" class="d2-1980001305" width="537" height="68" viewBox="-1 -1 537 68"><rect x="-1.000000" y="-1.000000" width="537.000000" height="68.000000" rx="0.000000" stroke="#191970" fill="LightSteelBlue" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 537 68"><svg id="d2-svg" class="d2-1980001305" width="537" height="68" viewBox="-1 -1 537 68"><rect x="-1.000000" y="-1.000000" width="537.000000" height="68.000000" rx="0.000000" stroke="#191970" fill="LightSteelBlue" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-1980001305 .text-bold {
 	font-family: "d2-1980001305-font-bold";
 }
diff --git a/e2etests/testdata/root/stroke-no-width/elk/sketch.exp.svg b/e2etests/testdata/root/stroke-no-width/elk/sketch.exp.svg
index 7aa6650d0..eddf8a737 100644
--- a/e2etests/testdata/root/stroke-no-width/elk/sketch.exp.svg
+++ b/e2etests/testdata/root/stroke-no-width/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 457 68"><svg id="d2-svg" class="d2-2814486182" width="457" height="68" viewBox="11 11 457 68"><rect x="11.000000" y="11.000000" width="457.000000" height="68.000000" rx="0.000000" stroke="#191970" fill="LightSteelBlue" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 457 68"><svg id="d2-svg" class="d2-2814486182" width="457" height="68" viewBox="11 11 457 68"><rect x="11.000000" y="11.000000" width="457.000000" height="68.000000" rx="0.000000" stroke="#191970" fill="LightSteelBlue" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-2814486182 .text-bold {
 	font-family: "d2-2814486182-font-bold";
 }
diff --git a/e2etests/testdata/root/stroke-width/dagre/sketch.exp.svg b/e2etests/testdata/root/stroke-width/dagre/sketch.exp.svg
index 6f9c542c6..53fd14509 100644
--- a/e2etests/testdata/root/stroke-width/dagre/sketch.exp.svg
+++ b/e2etests/testdata/root/stroke-width/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 549 80"><svg id="d2-svg" class="d2-1980001305" width="549" height="80" viewBox="-7 -7 549 80"><rect x="-4.000000" y="-4.000000" width="543.000000" height="74.000000" rx="0.000000" stroke="#191970" fill="LightSteelBlue" stroke-width="5" /><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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 549 80"><svg id="d2-svg" class="d2-1980001305" width="549" height="80" viewBox="-7 -7 549 80"><rect x="-4.000000" y="-4.000000" width="543.000000" height="74.000000" rx="0.000000" stroke="#191970" fill="LightSteelBlue" stroke-width="5" /><style type="text/css"><![CDATA[
 .d2-1980001305 .text-bold {
 	font-family: "d2-1980001305-font-bold";
 }
diff --git a/e2etests/testdata/root/stroke-width/elk/sketch.exp.svg b/e2etests/testdata/root/stroke-width/elk/sketch.exp.svg
index 145f46af3..d12f7a3bf 100644
--- a/e2etests/testdata/root/stroke-width/elk/sketch.exp.svg
+++ b/e2etests/testdata/root/stroke-width/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 469 80"><svg id="d2-svg" class="d2-2814486182" width="469" height="80" viewBox="5 5 469 80"><rect x="8.000000" y="8.000000" width="463.000000" height="74.000000" rx="0.000000" stroke="#191970" fill="LightSteelBlue" stroke-width="5" /><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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 469 80"><svg id="d2-svg" class="d2-2814486182" width="469" height="80" viewBox="5 5 469 80"><rect x="8.000000" y="8.000000" width="463.000000" height="74.000000" rx="0.000000" stroke="#191970" fill="LightSteelBlue" stroke-width="5" /><style type="text/css"><![CDATA[
 .d2-2814486182 .text-bold {
 	font-family: "d2-2814486182-font-bold";
 }
diff --git a/e2etests/testdata/sanity/1_to_2/dagre/sketch.exp.svg b/e2etests/testdata/sanity/1_to_2/dagre/sketch.exp.svg
index 3f06df1a8..bb5d51c0c 100644
--- a/e2etests/testdata/sanity/1_to_2/dagre/sketch.exp.svg
+++ b/e2etests/testdata/sanity/1_to_2/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 168 234"><svg id="d2-svg" class="d2-1457128463" width="168" height="234" viewBox="-1 -1 168 234"><rect x="-1.000000" y="-1.000000" width="168.000000" height="234.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 168 234"><svg id="d2-svg" class="d2-1457128463" width="168" height="234" viewBox="-1 -1 168 234"><rect x="-1.000000" y="-1.000000" width="168.000000" height="234.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-1457128463 .text-bold {
 	font-family: "d2-1457128463-font-bold";
 }
diff --git a/e2etests/testdata/sanity/1_to_2/elk/sketch.exp.svg b/e2etests/testdata/sanity/1_to_2/elk/sketch.exp.svg
index 8f7c3a088..793d724b7 100644
--- a/e2etests/testdata/sanity/1_to_2/elk/sketch.exp.svg
+++ b/e2etests/testdata/sanity/1_to_2/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 128 214"><svg id="d2-svg" class="d2-1925452413" width="128" height="214" viewBox="11 11 128 214"><rect x="11.000000" y="11.000000" width="128.000000" height="214.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 128 214"><svg id="d2-svg" class="d2-1925452413" width="128" height="214" viewBox="11 11 128 214"><rect x="11.000000" y="11.000000" width="128.000000" height="214.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-1925452413 .text-bold {
 	font-family: "d2-1925452413-font-bold";
 }
diff --git a/e2etests/testdata/sanity/basic/dagre/sketch.exp.svg b/e2etests/testdata/sanity/basic/dagre/sketch.exp.svg
index a14b9d324..efa2339d5 100644
--- a/e2etests/testdata/sanity/basic/dagre/sketch.exp.svg
+++ b/e2etests/testdata/sanity/basic/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 55 234"><svg id="d2-svg" class="d2-2210955524" width="55" height="234" viewBox="-1 -1 55 234"><rect x="-1.000000" y="-1.000000" width="55.000000" height="234.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 55 234"><svg id="d2-svg" class="d2-2210955524" width="55" height="234" viewBox="-1 -1 55 234"><rect x="-1.000000" y="-1.000000" width="55.000000" height="234.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-2210955524 .text-bold {
 	font-family: "d2-2210955524-font-bold";
 }
diff --git a/e2etests/testdata/sanity/basic/elk/sketch.exp.svg b/e2etests/testdata/sanity/basic/elk/sketch.exp.svg
index f7f21e837..28758d2c7 100644
--- a/e2etests/testdata/sanity/basic/elk/sketch.exp.svg
+++ b/e2etests/testdata/sanity/basic/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 55 204"><svg id="d2-svg" class="d2-2985241259" width="55" height="204" viewBox="11 11 55 204"><rect x="11.000000" y="11.000000" width="55.000000" height="204.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 55 204"><svg id="d2-svg" class="d2-2985241259" width="55" height="204" viewBox="11 11 55 204"><rect x="11.000000" y="11.000000" width="55.000000" height="204.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-2985241259 .text-bold {
 	font-family: "d2-2985241259-font-bold";
 }
diff --git a/e2etests/testdata/sanity/child_to_child/dagre/sketch.exp.svg b/e2etests/testdata/sanity/child_to_child/dagre/sketch.exp.svg
index 101b02534..d54fdf09b 100644
--- a/e2etests/testdata/sanity/child_to_child/dagre/sketch.exp.svg
+++ b/e2etests/testdata/sanity/child_to_child/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 136 433"><svg id="d2-svg" class="d2-1038637263" width="136" height="433" viewBox="-1 0 136 433"><rect x="-1.000000" y="0.000000" width="136.000000" height="433.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 136 433"><svg id="d2-svg" class="d2-1038637263" width="136" height="433" viewBox="-1 0 136 433"><rect x="-1.000000" y="0.000000" width="136.000000" height="433.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-1038637263 .text {
 	font-family: "d2-1038637263-font-regular";
 }
diff --git a/e2etests/testdata/sanity/child_to_child/elk/sketch.exp.svg b/e2etests/testdata/sanity/child_to_child/elk/sketch.exp.svg
index 863c655f9..8f7f34bde 100644
--- a/e2etests/testdata/sanity/child_to_child/elk/sketch.exp.svg
+++ b/e2etests/testdata/sanity/child_to_child/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 156 414"><svg id="d2-svg" class="d2-2270211081" width="156" height="414" viewBox="11 11 156 414"><rect x="11.000000" y="11.000000" width="156.000000" height="414.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 156 414"><svg id="d2-svg" class="d2-2270211081" width="156" height="414" viewBox="11 11 156 414"><rect x="11.000000" y="11.000000" width="156.000000" height="414.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-2270211081 .text {
 	font-family: "d2-2270211081-font-regular";
 }
diff --git a/e2etests/testdata/sanity/connection_label/dagre/sketch.exp.svg b/e2etests/testdata/sanity/connection_label/dagre/sketch.exp.svg
index 5668da8fa..7a46466b4 100644
--- a/e2etests/testdata/sanity/connection_label/dagre/sketch.exp.svg
+++ b/e2etests/testdata/sanity/connection_label/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 55 255"><svg id="d2-svg" class="d2-3563700469" width="55" height="255" viewBox="-1 -1 55 255"><rect x="-1.000000" y="-1.000000" width="55.000000" height="255.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 55 255"><svg id="d2-svg" class="d2-3563700469" width="55" height="255" viewBox="-1 -1 55 255"><rect x="-1.000000" y="-1.000000" width="55.000000" height="255.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-3563700469 .text-bold {
 	font-family: "d2-3563700469-font-bold";
 }
diff --git a/e2etests/testdata/sanity/connection_label/elk/sketch.exp.svg b/e2etests/testdata/sanity/connection_label/elk/sketch.exp.svg
index 2274e5898..37b3200e2 100644
--- a/e2etests/testdata/sanity/connection_label/elk/sketch.exp.svg
+++ b/e2etests/testdata/sanity/connection_label/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 55 295"><svg id="d2-svg" class="d2-2191069766" width="55" height="295" viewBox="11 11 55 295"><rect x="11.000000" y="11.000000" width="55.000000" height="295.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 55 295"><svg id="d2-svg" class="d2-2191069766" width="55" height="295" viewBox="11 11 55 295"><rect x="11.000000" y="11.000000" width="55.000000" height="295.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-2191069766 .text-bold {
 	font-family: "d2-2191069766-font-bold";
 }
diff --git a/e2etests/testdata/sanity/empty/dagre/sketch.exp.svg b/e2etests/testdata/sanity/empty/dagre/sketch.exp.svg
index bf39ae717..269ab8fff 100644
--- a/e2etests/testdata/sanity/empty/dagre/sketch.exp.svg
+++ b/e2etests/testdata/sanity/empty/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 0 0"><svg id="d2-svg" class="d2-121760133" width="0" height="0" viewBox="0 0 0 0"><rect x="0.000000" y="0.000000" width="0.000000" height="0.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[]]></style><style type="text/css"><![CDATA[.shape {
+<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 0 0"><svg id="d2-svg" class="d2-121760133" width="0" height="0" viewBox="0 0 0 0"><rect x="0.000000" y="0.000000" width="0.000000" height="0.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[]]></style><style type="text/css"><![CDATA[.shape {
   shape-rendering: geometricPrecision;
   stroke-linejoin: round;
 }
diff --git a/e2etests/testdata/sanity/empty/elk/sketch.exp.svg b/e2etests/testdata/sanity/empty/elk/sketch.exp.svg
index bf39ae717..269ab8fff 100644
--- a/e2etests/testdata/sanity/empty/elk/sketch.exp.svg
+++ b/e2etests/testdata/sanity/empty/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 0 0"><svg id="d2-svg" class="d2-121760133" width="0" height="0" viewBox="0 0 0 0"><rect x="0.000000" y="0.000000" width="0.000000" height="0.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[]]></style><style type="text/css"><![CDATA[.shape {
+<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 0 0"><svg id="d2-svg" class="d2-121760133" width="0" height="0" viewBox="0 0 0 0"><rect x="0.000000" y="0.000000" width="0.000000" height="0.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[]]></style><style type="text/css"><![CDATA[.shape {
   shape-rendering: geometricPrecision;
   stroke-linejoin: round;
 }
diff --git a/e2etests/testdata/stable/3d_fill_and_stroke/dagre/sketch.exp.svg b/e2etests/testdata/stable/3d_fill_and_stroke/dagre/sketch.exp.svg
index da59c2ef7..65d924644 100644
--- a/e2etests/testdata/stable/3d_fill_and_stroke/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/3d_fill_and_stroke/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 146 447"><svg id="d2-svg" class="d2-3809740790" width="146" height="447" viewBox="-1 -17 146 447"><rect x="-1.000000" y="-17.000000" width="146.000000" height="447.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 146 447"><svg id="d2-svg" class="d2-3809740790" width="146" height="447" viewBox="-1 -17 146 447"><rect x="-1.000000" y="-17.000000" width="146.000000" height="447.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-3809740790 .text-bold {
 	font-family: "d2-3809740790-font-bold";
 }
diff --git a/e2etests/testdata/stable/3d_fill_and_stroke/elk/sketch.exp.svg b/e2etests/testdata/stable/3d_fill_and_stroke/elk/sketch.exp.svg
index dd29a2477..f87601847 100644
--- a/e2etests/testdata/stable/3d_fill_and_stroke/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/3d_fill_and_stroke/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 146 387"><svg id="d2-svg" class="d2-3026413027" width="146" height="387" viewBox="11 -5 146 387"><rect x="11.000000" y="-5.000000" width="146.000000" height="387.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 146 387"><svg id="d2-svg" class="d2-3026413027" width="146" height="387" viewBox="11 -5 146 387"><rect x="11.000000" y="-5.000000" width="146.000000" height="387.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-3026413027 .text-bold {
 	font-family: "d2-3026413027-font-bold";
 }
diff --git a/e2etests/testdata/stable/all_shapes/dagre/sketch.exp.svg b/e2etests/testdata/stable/all_shapes/dagre/sketch.exp.svg
index 8f447a0cf..7f648d6ba 100644
--- a/e2etests/testdata/stable/all_shapes/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/all_shapes/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1138 506"><svg id="d2-svg" class="d2-3189503604" width="1138" height="506" viewBox="-1 -1 1138 506"><rect x="-1.000000" y="-1.000000" width="1138.000000" height="506.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1138 506"><svg id="d2-svg" class="d2-3189503604" width="1138" height="506" viewBox="-1 -1 1138 506"><rect x="-1.000000" y="-1.000000" width="1138.000000" height="506.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-3189503604 .text-bold {
 	font-family: "d2-3189503604-font-bold";
 }
diff --git a/e2etests/testdata/stable/all_shapes/elk/sketch.exp.svg b/e2etests/testdata/stable/all_shapes/elk/sketch.exp.svg
index 2f42f61ef..64709136e 100644
--- a/e2etests/testdata/stable/all_shapes/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/all_shapes/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 938 446"><svg id="d2-svg" class="d2-1876023654" width="938" height="446" viewBox="11 11 938 446"><rect x="11.000000" y="11.000000" width="938.000000" height="446.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 938 446"><svg id="d2-svg" class="d2-1876023654" width="938" height="446" viewBox="11 11 938 446"><rect x="11.000000" y="11.000000" width="938.000000" height="446.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-1876023654 .text-bold {
 	font-family: "d2-1876023654-font-bold";
 }
diff --git a/e2etests/testdata/stable/all_shapes_multiple/dagre/sketch.exp.svg b/e2etests/testdata/stable/all_shapes_multiple/dagre/sketch.exp.svg
index efc6448f8..ded23e0ec 100644
--- a/e2etests/testdata/stable/all_shapes_multiple/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/all_shapes_multiple/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1149 517"><svg id="d2-svg" class="d2-3083462307" width="1149" height="517" viewBox="-1 -12 1149 517"><rect x="-1.000000" y="-12.000000" width="1149.000000" height="517.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1149 517"><svg id="d2-svg" class="d2-3083462307" width="1149" height="517" viewBox="-1 -12 1149 517"><rect x="-1.000000" y="-12.000000" width="1149.000000" height="517.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-3083462307 .text-bold {
 	font-family: "d2-3083462307-font-bold";
 }
diff --git a/e2etests/testdata/stable/all_shapes_multiple/elk/sketch.exp.svg b/e2etests/testdata/stable/all_shapes_multiple/elk/sketch.exp.svg
index 9ca074845..b3548b9b3 100644
--- a/e2etests/testdata/stable/all_shapes_multiple/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/all_shapes_multiple/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 949 457"><svg id="d2-svg" class="d2-69781235" width="949" height="457" viewBox="11 0 949 457"><rect x="11.000000" y="0.000000" width="949.000000" height="457.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 949 457"><svg id="d2-svg" class="d2-69781235" width="949" height="457" viewBox="11 0 949 457"><rect x="11.000000" y="0.000000" width="949.000000" height="457.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-69781235 .text-bold {
 	font-family: "d2-69781235-font-bold";
 }
diff --git a/e2etests/testdata/stable/all_shapes_shadow/dagre/sketch.exp.svg b/e2etests/testdata/stable/all_shapes_shadow/dagre/sketch.exp.svg
index b06b5becc..c78727017 100644
--- a/e2etests/testdata/stable/all_shapes_shadow/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/all_shapes_shadow/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1138 506"><svg id="d2-svg" class="d2-2028600557" width="1138" height="506" viewBox="-1 -1 1138 506"><rect x="-1.000000" y="-1.000000" width="1138.000000" height="506.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1138 506"><svg id="d2-svg" class="d2-2028600557" width="1138" height="506" viewBox="-1 -1 1138 506"><rect x="-1.000000" y="-1.000000" width="1138.000000" height="506.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-2028600557 .text-bold {
 	font-family: "d2-2028600557-font-bold";
 }
diff --git a/e2etests/testdata/stable/all_shapes_shadow/elk/sketch.exp.svg b/e2etests/testdata/stable/all_shapes_shadow/elk/sketch.exp.svg
index 488a4cb01..9dd461ff1 100644
--- a/e2etests/testdata/stable/all_shapes_shadow/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/all_shapes_shadow/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 938 446"><svg id="d2-svg" class="d2-1617214889" width="938" height="446" viewBox="11 11 938 446"><rect x="11.000000" y="11.000000" width="938.000000" height="446.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 938 446"><svg id="d2-svg" class="d2-1617214889" width="938" height="446" viewBox="11 11 938 446"><rect x="11.000000" y="11.000000" width="938.000000" height="446.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-1617214889 .text-bold {
 	font-family: "d2-1617214889-font-bold";
 }
diff --git a/e2etests/testdata/stable/animated/dagre/sketch.exp.svg b/e2etests/testdata/stable/animated/dagre/sketch.exp.svg
index a279e6dd9..77a6f0f17 100644
--- a/e2etests/testdata/stable/animated/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/animated/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1222 255"><svg id="d2-svg" class="d2-602167261" width="1222" height="255" viewBox="-1 -1 1222 255"><rect x="-1.000000" y="-1.000000" width="1222.000000" height="255.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1222 255"><svg id="d2-svg" class="d2-602167261" width="1222" height="255" viewBox="-1 -1 1222 255"><rect x="-1.000000" y="-1.000000" width="1222.000000" height="255.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 @keyframes dashdraw {
 	from {
 		stroke-dashoffset: 0;
diff --git a/e2etests/testdata/stable/animated/elk/sketch.exp.svg b/e2etests/testdata/stable/animated/elk/sketch.exp.svg
index 9de103bd3..3ecab6271 100644
--- a/e2etests/testdata/stable/animated/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/animated/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 913 350"><svg id="d2-svg" class="d2-1162274579" width="913" height="350" viewBox="11 11 913 350"><rect x="11.000000" y="11.000000" width="913.000000" height="350.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 913 350"><svg id="d2-svg" class="d2-1162274579" width="913" height="350" viewBox="11 11 913 350"><rect x="11.000000" y="11.000000" width="913.000000" height="350.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 @keyframes dashdraw {
 	from {
 		stroke-dashoffset: 0;
diff --git a/e2etests/testdata/stable/arrowhead_adjustment/dagre/sketch.exp.svg b/e2etests/testdata/stable/arrowhead_adjustment/dagre/sketch.exp.svg
index 6c9675543..e0bfe3509 100644
--- a/e2etests/testdata/stable/arrowhead_adjustment/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/arrowhead_adjustment/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 187 616"><svg id="d2-svg" class="d2-1296221605" width="187" height="616" viewBox="-43 -4 187 616"><rect x="-43.000000" y="-4.000000" width="187.000000" height="616.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 187 616"><svg id="d2-svg" class="d2-1296221605" width="187" height="616" viewBox="-43 -4 187 616"><rect x="-43.000000" y="-4.000000" width="187.000000" height="616.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-1296221605 .text-bold {
 	font-family: "d2-1296221605-font-bold";
 }
diff --git a/e2etests/testdata/stable/arrowhead_adjustment/elk/sketch.exp.svg b/e2etests/testdata/stable/arrowhead_adjustment/elk/sketch.exp.svg
index 8ffcbd80e..fb9659d43 100644
--- a/e2etests/testdata/stable/arrowhead_adjustment/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/arrowhead_adjustment/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 188 556"><svg id="d2-svg" class="d2-1482414948" width="188" height="556" viewBox="9 8 188 556"><rect x="9.000000" y="8.000000" width="188.000000" height="556.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 188 556"><svg id="d2-svg" class="d2-1482414948" width="188" height="556" viewBox="9 8 188 556"><rect x="9.000000" y="8.000000" width="188.000000" height="556.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-1482414948 .text-bold {
 	font-family: "d2-1482414948-font-bold";
 }
diff --git a/e2etests/testdata/stable/arrowhead_labels/dagre/sketch.exp.svg b/e2etests/testdata/stable/arrowhead_labels/dagre/sketch.exp.svg
index c071a8ab5..7ef1cfe44 100644
--- a/e2etests/testdata/stable/arrowhead_labels/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/arrowhead_labels/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 201 255"><svg id="d2-svg" class="d2-2049549921" width="201" height="255" viewBox="0 -1 201 255"><rect x="0.000000" y="-1.000000" width="201.000000" height="255.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 201 255"><svg id="d2-svg" class="d2-2049549921" width="201" height="255" viewBox="0 -1 201 255"><rect x="0.000000" y="-1.000000" width="201.000000" height="255.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-2049549921 .text-bold {
 	font-family: "d2-2049549921-font-bold";
 }
diff --git a/e2etests/testdata/stable/arrowhead_labels/elk/sketch.exp.svg b/e2etests/testdata/stable/arrowhead_labels/elk/sketch.exp.svg
index 62505f81d..f8aff3ac9 100644
--- a/e2etests/testdata/stable/arrowhead_labels/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/arrowhead_labels/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 201 295"><svg id="d2-svg" class="d2-1589714364" width="201" height="295" viewBox="12 11 201 295"><rect x="12.000000" y="11.000000" width="201.000000" height="295.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 201 295"><svg id="d2-svg" class="d2-1589714364" width="201" height="295" viewBox="12 11 201 295"><rect x="12.000000" y="11.000000" width="201.000000" height="295.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-1589714364 .text-bold {
 	font-family: "d2-1589714364-font-bold";
 }
diff --git a/e2etests/testdata/stable/arrowhead_scaling/dagre/sketch.exp.svg b/e2etests/testdata/stable/arrowhead_scaling/dagre/sketch.exp.svg
index 432ddd057..166c8f2d8 100644
--- a/e2etests/testdata/stable/arrowhead_scaling/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/arrowhead_scaling/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 7165 554"><svg id="d2-svg" class="d2-633438655" width="7165" height="554" viewBox="-1 0 7165 554"><rect x="-1.000000" y="0.000000" width="7165.000000" height="554.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 7165 554"><svg id="d2-svg" class="d2-633438655" width="7165" height="554" viewBox="-1 0 7165 554"><rect x="-1.000000" y="0.000000" width="7165.000000" height="554.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-633438655 .text {
 	font-family: "d2-633438655-font-regular";
 }
diff --git a/e2etests/testdata/stable/arrowhead_scaling/elk/sketch.exp.svg b/e2etests/testdata/stable/arrowhead_scaling/elk/sketch.exp.svg
index 9565e4308..f47a7bb42 100644
--- a/e2etests/testdata/stable/arrowhead_scaling/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/arrowhead_scaling/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 6285 605"><svg id="d2-svg" class="d2-4229525926" width="6285" height="605" viewBox="11 11 6285 605"><rect x="11.000000" y="11.000000" width="6285.000000" height="605.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 6285 605"><svg id="d2-svg" class="d2-4229525926" width="6285" height="605" viewBox="11 11 6285 605"><rect x="11.000000" y="11.000000" width="6285.000000" height="605.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-4229525926 .text {
 	font-family: "d2-4229525926-font-regular";
 }
diff --git a/e2etests/testdata/stable/binary_tree/dagre/sketch.exp.svg b/e2etests/testdata/stable/binary_tree/dagre/sketch.exp.svg
index 2ebbbe56e..628f51d2d 100644
--- a/e2etests/testdata/stable/binary_tree/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/binary_tree/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 840 566"><svg id="d2-svg" class="d2-2620260944" width="840" height="566" viewBox="-1 -1 840 566"><rect x="-1.000000" y="-1.000000" width="840.000000" height="566.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 840 566"><svg id="d2-svg" class="d2-2620260944" width="840" height="566" viewBox="-1 -1 840 566"><rect x="-1.000000" y="-1.000000" width="840.000000" height="566.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-2620260944 .text-bold {
 	font-family: "d2-2620260944-font-bold";
 }
diff --git a/e2etests/testdata/stable/binary_tree/elk/sketch.exp.svg b/e2etests/testdata/stable/binary_tree/elk/sketch.exp.svg
index e21ee3d97..0e3e62064 100644
--- a/e2etests/testdata/stable/binary_tree/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/binary_tree/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 560 506"><svg id="d2-svg" class="d2-3462149843" width="560" height="506" viewBox="11 11 560 506"><rect x="11.000000" y="11.000000" width="560.000000" height="506.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 560 506"><svg id="d2-svg" class="d2-3462149843" width="560" height="506" viewBox="11 11 560 506"><rect x="11.000000" y="11.000000" width="560.000000" height="506.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-3462149843 .text-bold {
 	font-family: "d2-3462149843-font-bold";
 }
diff --git a/e2etests/testdata/stable/border-radius/dagre/sketch.exp.svg b/e2etests/testdata/stable/border-radius/dagre/sketch.exp.svg
index f86cf588a..3600abd31 100644
--- a/e2etests/testdata/stable/border-radius/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/border-radius/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 685 84"><svg id="d2-svg" class="d2-441686790" width="685" height="84" viewBox="-1 -17 685 84"><rect x="-1.000000" y="-17.000000" width="685.000000" height="84.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 685 84"><svg id="d2-svg" class="d2-441686790" width="685" height="84" viewBox="-1 -17 685 84"><rect x="-1.000000" y="-17.000000" width="685.000000" height="84.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-441686790 .text-bold {
 	font-family: "d2-441686790-font-bold";
 }
diff --git a/e2etests/testdata/stable/border-radius/elk/sketch.exp.svg b/e2etests/testdata/stable/border-radius/elk/sketch.exp.svg
index 41ad0afaa..3ea325b9e 100644
--- a/e2etests/testdata/stable/border-radius/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/border-radius/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 525 84"><svg id="d2-svg" class="d2-2541858325" width="525" height="84" viewBox="11 -5 525 84"><rect x="11.000000" y="-5.000000" width="525.000000" height="84.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 525 84"><svg id="d2-svg" class="d2-2541858325" width="525" height="84" viewBox="11 -5 525 84"><rect x="11.000000" y="-5.000000" width="525.000000" height="84.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-2541858325 .text-bold {
 	font-family: "d2-2541858325-font-bold";
 }
diff --git a/e2etests/testdata/stable/br/dagre/sketch.exp.svg b/e2etests/testdata/stable/br/dagre/sketch.exp.svg
index aafa8c61b..63dde0d9c 100644
--- a/e2etests/testdata/stable/br/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/br/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 152 385"><svg id="d2-svg" class="d2-1873103371" width="152" height="385" viewBox="-1 -1 152 385"><rect x="-1.000000" y="-1.000000" width="152.000000" height="385.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 152 385"><svg id="d2-svg" class="d2-1873103371" width="152" height="385" viewBox="-1 -1 152 385"><rect x="-1.000000" y="-1.000000" width="152.000000" height="385.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-1873103371 .text {
 	font-family: "d2-1873103371-font-regular";
 }
diff --git a/e2etests/testdata/stable/br/elk/sketch.exp.svg b/e2etests/testdata/stable/br/elk/sketch.exp.svg
index 98fd0e2cf..2f1120ab8 100644
--- a/e2etests/testdata/stable/br/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/br/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 152 385"><svg id="d2-svg" class="d2-658790083" width="152" height="385" viewBox="11 11 152 385"><rect x="11.000000" y="11.000000" width="152.000000" height="385.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 152 385"><svg id="d2-svg" class="d2-658790083" width="152" height="385" viewBox="11 11 152 385"><rect x="11.000000" y="11.000000" width="152.000000" height="385.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-658790083 .text {
 	font-family: "d2-658790083-font-regular";
 }
diff --git a/e2etests/testdata/stable/chaos2/dagre/sketch.exp.svg b/e2etests/testdata/stable/chaos2/dagre/sketch.exp.svg
index 7153bec1e..43f68c10e 100644
--- a/e2etests/testdata/stable/chaos2/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/chaos2/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 836 1356"><svg id="d2-svg" class="d2-833193616" width="836" height="1356" viewBox="-1 0 836 1356"><rect x="-1.000000" y="0.000000" width="836.000000" height="1356.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 836 1356"><svg id="d2-svg" class="d2-833193616" width="836" height="1356" viewBox="-1 0 836 1356"><rect x="-1.000000" y="0.000000" width="836.000000" height="1356.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-833193616 .text {
 	font-family: "d2-833193616-font-regular";
 }
diff --git a/e2etests/testdata/stable/chaos2/elk/sketch.exp.svg b/e2etests/testdata/stable/chaos2/elk/sketch.exp.svg
index f7b0adb9a..4ae2f6f6d 100644
--- a/e2etests/testdata/stable/chaos2/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/chaos2/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 703 1837"><svg id="d2-svg" class="d2-2365889684" width="703" height="1837" viewBox="11 11 703 1837"><rect x="11.000000" y="11.000000" width="703.000000" height="1837.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 703 1837"><svg id="d2-svg" class="d2-2365889684" width="703" height="1837" viewBox="11 11 703 1837"><rect x="11.000000" y="11.000000" width="703.000000" height="1837.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-2365889684 .text {
 	font-family: "d2-2365889684-font-regular";
 }
diff --git a/e2etests/testdata/stable/circle_arrowhead/dagre/sketch.exp.svg b/e2etests/testdata/stable/circle_arrowhead/dagre/sketch.exp.svg
index 28035b445..c055daaa4 100644
--- a/e2etests/testdata/stable/circle_arrowhead/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/circle_arrowhead/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 178 255"><svg id="d2-svg" class="d2-380984896" width="178" height="255" viewBox="-1 -1 178 255"><rect x="-1.000000" y="-1.000000" width="178.000000" height="255.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 178 255"><svg id="d2-svg" class="d2-380984896" width="178" height="255" viewBox="-1 -1 178 255"><rect x="-1.000000" y="-1.000000" width="178.000000" height="255.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-380984896 .text-bold {
 	font-family: "d2-380984896-font-bold";
 }
diff --git a/e2etests/testdata/stable/circle_arrowhead/elk/sketch.exp.svg b/e2etests/testdata/stable/circle_arrowhead/elk/sketch.exp.svg
index 466c0a566..8de2668f4 100644
--- a/e2etests/testdata/stable/circle_arrowhead/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/circle_arrowhead/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 138 295"><svg id="d2-svg" class="d2-3036836495" width="138" height="295" viewBox="11 11 138 295"><rect x="11.000000" y="11.000000" width="138.000000" height="295.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 138 295"><svg id="d2-svg" class="d2-3036836495" width="138" height="295" viewBox="11 11 138 295"><rect x="11.000000" y="11.000000" width="138.000000" height="295.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-3036836495 .text-bold {
 	font-family: "d2-3036836495-font-bold";
 }
diff --git a/e2etests/testdata/stable/circular_dependency/dagre/sketch.exp.svg b/e2etests/testdata/stable/circular_dependency/dagre/sketch.exp.svg
index 41505c013..4e07f6b0c 100644
--- a/e2etests/testdata/stable/circular_dependency/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/circular_dependency/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 55 400"><svg id="d2-svg" class="d2-1075267879" width="55" height="400" viewBox="-1 -1 55 400"><rect x="-1.000000" y="-1.000000" width="55.000000" height="400.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 55 400"><svg id="d2-svg" class="d2-1075267879" width="55" height="400" viewBox="-1 -1 55 400"><rect x="-1.000000" y="-1.000000" width="55.000000" height="400.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-1075267879 .text-bold {
 	font-family: "d2-1075267879-font-bold";
 }
diff --git a/e2etests/testdata/stable/circular_dependency/elk/sketch.exp.svg b/e2etests/testdata/stable/circular_dependency/elk/sketch.exp.svg
index 86afc29be..70fe29a84 100644
--- a/e2etests/testdata/stable/circular_dependency/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/circular_dependency/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 82 460"><svg id="d2-svg" class="d2-275598678" width="82" height="460" viewBox="11 11 82 460"><rect x="11.000000" y="11.000000" width="82.000000" height="460.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 82 460"><svg id="d2-svg" class="d2-275598678" width="82" height="460" viewBox="11 11 82 460"><rect x="11.000000" y="11.000000" width="82.000000" height="460.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-275598678 .text-bold {
 	font-family: "d2-275598678-font-bold";
 }
diff --git a/e2etests/testdata/stable/class/dagre/sketch.exp.svg b/e2etests/testdata/stable/class/dagre/sketch.exp.svg
index 020af6d71..64ec096f1 100644
--- a/e2etests/testdata/stable/class/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/class/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 424 370"><svg id="d2-svg" class="d2-3945613123" width="424" height="370" viewBox="-1 -1 424 370"><rect x="-1.000000" y="-1.000000" width="424.000000" height="370.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 424 370"><svg id="d2-svg" class="d2-3945613123" width="424" height="370" viewBox="-1 -1 424 370"><rect x="-1.000000" y="-1.000000" width="424.000000" height="370.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-3945613123 .text-mono {
 	font-family: "d2-3945613123-font-mono";
 }
diff --git a/e2etests/testdata/stable/class/elk/sketch.exp.svg b/e2etests/testdata/stable/class/elk/sketch.exp.svg
index 7123802fd..2ec3ae544 100644
--- a/e2etests/testdata/stable/class/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/class/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 424 370"><svg id="d2-svg" class="d2-444538747" width="424" height="370" viewBox="11 11 424 370"><rect x="11.000000" y="11.000000" width="424.000000" height="370.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 424 370"><svg id="d2-svg" class="d2-444538747" width="424" height="370" viewBox="11 11 424 370"><rect x="11.000000" y="11.000000" width="424.000000" height="370.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-444538747 .text-mono {
 	font-family: "d2-444538747-font-mono";
 }
diff --git a/e2etests/testdata/stable/class_and_sqlTable_border_radius/dagre/sketch.exp.svg b/e2etests/testdata/stable/class_and_sqlTable_border_radius/dagre/sketch.exp.svg
index af8349bb1..000f8bc8f 100644
--- a/e2etests/testdata/stable/class_and_sqlTable_border_radius/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/class_and_sqlTable_border_radius/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1195 186"><svg id="d2-svg" class="d2-4182820039" width="1195" height="186" viewBox="-1 -1 1195 186"><rect x="-1.000000" y="-1.000000" width="1195.000000" height="186.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1195 186"><svg id="d2-svg" class="d2-4182820039" width="1195" height="186" viewBox="-1 -1 1195 186"><rect x="-1.000000" y="-1.000000" width="1195.000000" height="186.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-4182820039 .text {
 	font-family: "d2-4182820039-font-regular";
 }
diff --git a/e2etests/testdata/stable/class_and_sqlTable_border_radius/elk/sketch.exp.svg b/e2etests/testdata/stable/class_and_sqlTable_border_radius/elk/sketch.exp.svg
index faffad133..4dc75d78d 100644
--- a/e2etests/testdata/stable/class_and_sqlTable_border_radius/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/class_and_sqlTable_border_radius/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1075 186"><svg id="d2-svg" class="d2-1931800600" width="1075" height="186" viewBox="11 11 1075 186"><rect x="11.000000" y="11.000000" width="1075.000000" height="186.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1075 186"><svg id="d2-svg" class="d2-1931800600" width="1075" height="186" viewBox="11 11 1075 186"><rect x="11.000000" y="11.000000" width="1075.000000" height="186.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-1931800600 .text {
 	font-family: "d2-1931800600-font-regular";
 }
diff --git a/e2etests/testdata/stable/classes/dagre/sketch.exp.svg b/e2etests/testdata/stable/classes/dagre/sketch.exp.svg
index ecbce855e..cee192458 100644
--- a/e2etests/testdata/stable/classes/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/classes/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 52 394"><svg id="d2-svg" class="d2-2376789252" width="52" height="394" viewBox="0 0 52 394"><rect x="0.000000" y="0.000000" width="52.000000" height="394.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 52 394"><svg id="d2-svg" class="d2-2376789252" width="52" height="394" viewBox="0 0 52 394"><rect x="0.000000" y="0.000000" width="52.000000" height="394.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-2376789252 .text-bold {
 	font-family: "d2-2376789252-font-bold";
 }
diff --git a/e2etests/testdata/stable/classes/elk/sketch.exp.svg b/e2etests/testdata/stable/classes/elk/sketch.exp.svg
index 8088c80d0..4ac9fdf42 100644
--- a/e2etests/testdata/stable/classes/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/classes/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 52 474"><svg id="d2-svg" class="d2-2782748831" width="52" height="474" viewBox="12 12 52 474"><rect x="12.000000" y="12.000000" width="52.000000" height="474.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 52 474"><svg id="d2-svg" class="d2-2782748831" width="52" height="474" viewBox="12 12 52 474"><rect x="12.000000" y="12.000000" width="52.000000" height="474.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-2782748831 .text-bold {
 	font-family: "d2-2782748831-font-bold";
 }
diff --git a/e2etests/testdata/stable/code_snippet/dagre/sketch.exp.svg b/e2etests/testdata/stable/code_snippet/dagre/sketch.exp.svg
index 3dcb2a0ec..75a30eefb 100644
--- a/e2etests/testdata/stable/code_snippet/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/code_snippet/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 757 500"><svg id="d2-svg" class="d2-3043363236" width="757" height="500" viewBox="-1 -1 757 500"><rect x="-1.000000" y="-1.000000" width="757.000000" height="500.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 757 500"><svg id="d2-svg" class="d2-3043363236" width="757" height="500" viewBox="-1 -1 757 500"><rect x="-1.000000" y="-1.000000" width="757.000000" height="500.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-3043363236 .text-bold {
 	font-family: "d2-3043363236-font-bold";
 }
diff --git a/e2etests/testdata/stable/code_snippet/elk/sketch.exp.svg b/e2etests/testdata/stable/code_snippet/elk/sketch.exp.svg
index b0c738d6b..a27549aaa 100644
--- a/e2etests/testdata/stable/code_snippet/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/code_snippet/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 757 440"><svg id="d2-svg" class="d2-2685370868" width="757" height="440" viewBox="11 11 757 440"><rect x="11.000000" y="11.000000" width="757.000000" height="440.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 757 440"><svg id="d2-svg" class="d2-2685370868" width="757" height="440" viewBox="11 11 757 440"><rect x="11.000000" y="11.000000" width="757.000000" height="440.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-2685370868 .text-bold {
 	font-family: "d2-2685370868-font-bold";
 }
diff --git a/e2etests/testdata/stable/complex-layers/dagre/sketch.exp.svg b/e2etests/testdata/stable/complex-layers/dagre/sketch.exp.svg
index 43fa84ddd..24f4bb67f 100644
--- a/e2etests/testdata/stable/complex-layers/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/complex-layers/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 394 68"><svg id="d2-svg" class="d2-1606881621" width="394" height="68" viewBox="-1 -1 394 68"><rect x="-1.000000" y="-1.000000" width="394.000000" height="68.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 394 68"><svg id="d2-svg" class="d2-1606881621" width="394" height="68" viewBox="-1 -1 394 68"><rect x="-1.000000" y="-1.000000" width="394.000000" height="68.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-1606881621 .text-bold {
 	font-family: "d2-1606881621-font-bold";
 }
diff --git a/e2etests/testdata/stable/complex-layers/elk/sketch.exp.svg b/e2etests/testdata/stable/complex-layers/elk/sketch.exp.svg
index 2b7d980fe..4f654f25f 100644
--- a/e2etests/testdata/stable/complex-layers/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/complex-layers/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 314 68"><svg id="d2-svg" class="d2-1428720329" width="314" height="68" viewBox="11 11 314 68"><rect x="11.000000" y="11.000000" width="314.000000" height="68.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 314 68"><svg id="d2-svg" class="d2-1428720329" width="314" height="68" viewBox="11 11 314 68"><rect x="11.000000" y="11.000000" width="314.000000" height="68.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-1428720329 .text-bold {
 	font-family: "d2-1428720329-font-bold";
 }
diff --git a/e2etests/testdata/stable/connected_container/dagre/sketch.exp.svg b/e2etests/testdata/stable/connected_container/dagre/sketch.exp.svg
index 6a1ad7f14..cffc511bf 100644
--- a/e2etests/testdata/stable/connected_container/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/connected_container/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 176 799"><svg id="d2-svg" class="d2-20850296" width="176" height="799" viewBox="-1 0 176 799"><rect x="-1.000000" y="0.000000" width="176.000000" height="799.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 176 799"><svg id="d2-svg" class="d2-20850296" width="176" height="799" viewBox="-1 0 176 799"><rect x="-1.000000" y="0.000000" width="176.000000" height="799.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-20850296 .text {
 	font-family: "d2-20850296-font-regular";
 }
diff --git a/e2etests/testdata/stable/connected_container/elk/sketch.exp.svg b/e2etests/testdata/stable/connected_container/elk/sketch.exp.svg
index c194d2a92..fdd7e4382 100644
--- a/e2etests/testdata/stable/connected_container/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/connected_container/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 256 765"><svg id="d2-svg" class="d2-3062014155" width="256" height="765" viewBox="11 11 256 765"><rect x="11.000000" y="11.000000" width="256.000000" height="765.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 256 765"><svg id="d2-svg" class="d2-3062014155" width="256" height="765" viewBox="11 11 256 765"><rect x="11.000000" y="11.000000" width="256.000000" height="765.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-3062014155 .text {
 	font-family: "d2-3062014155-font-regular";
 }
diff --git a/e2etests/testdata/stable/constant_near_stress/dagre/sketch.exp.svg b/e2etests/testdata/stable/constant_near_stress/dagre/sketch.exp.svg
index 29f614ed4..453ba98d6 100644
--- a/e2etests/testdata/stable/constant_near_stress/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/constant_near_stress/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1208 426"><svg id="d2-svg" class="d2-3571489153" width="1208" height="426" viewBox="-572 -42 1208 426"><rect x="-572.000000" y="-42.000000" width="1208.000000" height="426.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1208 426"><svg id="d2-svg" class="d2-3571489153" width="1208" height="426" viewBox="-572 -42 1208 426"><rect x="-572.000000" y="-42.000000" width="1208.000000" height="426.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-3571489153 .text {
 	font-family: "d2-3571489153-font-regular";
 }
diff --git a/e2etests/testdata/stable/constant_near_stress/elk/sketch.exp.svg b/e2etests/testdata/stable/constant_near_stress/elk/sketch.exp.svg
index 29ea1ff03..a698314ad 100644
--- a/e2etests/testdata/stable/constant_near_stress/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/constant_near_stress/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1208 396"><svg id="d2-svg" class="d2-1184005300" width="1208" height="396" viewBox="-560 -30 1208 396"><rect x="-560.000000" y="-30.000000" width="1208.000000" height="396.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1208 396"><svg id="d2-svg" class="d2-1184005300" width="1208" height="396" viewBox="-560 -30 1208 396"><rect x="-560.000000" y="-30.000000" width="1208.000000" height="396.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-1184005300 .text {
 	font-family: "d2-1184005300-font-regular";
 }
diff --git a/e2etests/testdata/stable/constant_near_title/dagre/sketch.exp.svg b/e2etests/testdata/stable/constant_near_title/dagre/sketch.exp.svg
index b3900f496..c9453a363 100644
--- a/e2etests/testdata/stable/constant_near_title/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/constant_near_title/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 333 637"><svg id="d2-svg" class="d2-2349203687" width="333" height="637" viewBox="-1 -72 333 637"><rect x="-1.000000" y="-72.000000" width="333.000000" height="637.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 333 637"><svg id="d2-svg" class="d2-2349203687" width="333" height="637" viewBox="-1 -72 333 637"><rect x="-1.000000" y="-72.000000" width="333.000000" height="637.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-2349203687 .text {
 	font-family: "d2-2349203687-font-regular";
 }
diff --git a/e2etests/testdata/stable/constant_near_title/elk/sketch.exp.svg b/e2etests/testdata/stable/constant_near_title/elk/sketch.exp.svg
index ae03fee53..ff0fd9406 100644
--- a/e2etests/testdata/stable/constant_near_title/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/constant_near_title/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 293 567"><svg id="d2-svg" class="d2-2541576668" width="293" height="567" viewBox="11 -60 293 567"><rect x="11.000000" y="-60.000000" width="293.000000" height="567.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 293 567"><svg id="d2-svg" class="d2-2541576668" width="293" height="567" viewBox="11 -60 293 567"><rect x="11.000000" y="-60.000000" width="293.000000" height="567.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-2541576668 .text {
 	font-family: "d2-2541576668-font-regular";
 }
diff --git a/e2etests/testdata/stable/container_edges/dagre/sketch.exp.svg b/e2etests/testdata/stable/container_edges/dagre/sketch.exp.svg
index a38c3d066..5bc973b58 100644
--- a/e2etests/testdata/stable/container_edges/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/container_edges/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 371 1032"><svg id="d2-svg" class="d2-1057294984" width="371" height="1032" viewBox="-1 -1 371 1032"><rect x="-1.000000" y="-1.000000" width="371.000000" height="1032.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 371 1032"><svg id="d2-svg" class="d2-1057294984" width="371" height="1032" viewBox="-1 -1 371 1032"><rect x="-1.000000" y="-1.000000" width="371.000000" height="1032.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-1057294984 .text {
 	font-family: "d2-1057294984-font-regular";
 }
diff --git a/e2etests/testdata/stable/container_edges/elk/sketch.exp.svg b/e2etests/testdata/stable/container_edges/elk/sketch.exp.svg
index f4f40c57b..dc7406668 100644
--- a/e2etests/testdata/stable/container_edges/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/container_edges/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 366 820"><svg id="d2-svg" class="d2-196107944" width="366" height="820" viewBox="11 11 366 820"><rect x="11.000000" y="11.000000" width="366.000000" height="820.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 366 820"><svg id="d2-svg" class="d2-196107944" width="366" height="820" viewBox="11 11 366 820"><rect x="11.000000" y="11.000000" width="366.000000" height="820.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-196107944 .text {
 	font-family: "d2-196107944-font-regular";
 }
diff --git a/e2etests/testdata/stable/crow_foot_arrowhead/dagre/sketch.exp.svg b/e2etests/testdata/stable/crow_foot_arrowhead/dagre/sketch.exp.svg
index e7366fa47..07d0c2d91 100644
--- a/e2etests/testdata/stable/crow_foot_arrowhead/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/crow_foot_arrowhead/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1522 400"><svg id="d2-svg" class="d2-3130667451" width="1522" height="400" viewBox="-1 -1 1522 400"><rect x="-1.000000" y="-1.000000" width="1522.000000" height="400.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1522 400"><svg id="d2-svg" class="d2-3130667451" width="1522" height="400" viewBox="-1 -1 1522 400"><rect x="-1.000000" y="-1.000000" width="1522.000000" height="400.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-3130667451 .text-bold {
 	font-family: "d2-3130667451-font-bold";
 }
diff --git a/e2etests/testdata/stable/crow_foot_arrowhead/elk/sketch.exp.svg b/e2etests/testdata/stable/crow_foot_arrowhead/elk/sketch.exp.svg
index 83285d923..354b4bb54 100644
--- a/e2etests/testdata/stable/crow_foot_arrowhead/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/crow_foot_arrowhead/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1042 340"><svg id="d2-svg" class="d2-2077915533" width="1042" height="340" viewBox="11 11 1042 340"><rect x="11.000000" y="11.000000" width="1042.000000" height="340.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1042 340"><svg id="d2-svg" class="d2-2077915533" width="1042" height="340" viewBox="11 11 1042 340"><rect x="11.000000" y="11.000000" width="1042.000000" height="340.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-2077915533 .text-bold {
 	font-family: "d2-2077915533-font-bold";
 }
diff --git a/e2etests/testdata/stable/dagger_grid/dagre/sketch.exp.svg b/e2etests/testdata/stable/dagger_grid/dagre/sketch.exp.svg
index cc62b273b..d55cc8988 100644
--- a/e2etests/testdata/stable/dagger_grid/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/dagger_grid/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 810 583"><svg id="d2-svg" class="d2-1659554808" width="810" height="583" viewBox="-5 -5 810 583"><rect x="-5.000000" y="-5.000000" width="810.000000" height="583.000000" rx="0.000000" fill="black" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 810 583"><svg id="d2-svg" class="d2-1659554808" width="810" height="583" viewBox="-5 -5 810 583"><rect x="-5.000000" y="-5.000000" width="810.000000" height="583.000000" rx="0.000000" fill="black" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-1659554808 .text-bold {
 	font-family: "d2-1659554808-font-bold";
 }
diff --git a/e2etests/testdata/stable/dagger_grid/elk/sketch.exp.svg b/e2etests/testdata/stable/dagger_grid/elk/sketch.exp.svg
index cc62b273b..d55cc8988 100644
--- a/e2etests/testdata/stable/dagger_grid/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/dagger_grid/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 810 583"><svg id="d2-svg" class="d2-1659554808" width="810" height="583" viewBox="-5 -5 810 583"><rect x="-5.000000" y="-5.000000" width="810.000000" height="583.000000" rx="0.000000" fill="black" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 810 583"><svg id="d2-svg" class="d2-1659554808" width="810" height="583" viewBox="-5 -5 810 583"><rect x="-5.000000" y="-5.000000" width="810.000000" height="583.000000" rx="0.000000" fill="black" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-1659554808 .text-bold {
 	font-family: "d2-1659554808-font-bold";
 }
diff --git a/e2etests/testdata/stable/dense/dagre/sketch.exp.svg b/e2etests/testdata/stable/dense/dagre/sketch.exp.svg
index 01ffa2c34..347c46474 100644
--- a/e2etests/testdata/stable/dense/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/dense/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 855 1064"><svg id="d2-svg" class="d2-1695189273" width="855" height="1064" viewBox="-1 -1 855 1064"><rect x="-1.000000" y="-1.000000" width="855.000000" height="1064.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 855 1064"><svg id="d2-svg" class="d2-1695189273" width="855" height="1064" viewBox="-1 -1 855 1064"><rect x="-1.000000" y="-1.000000" width="855.000000" height="1064.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-1695189273 .text-bold {
 	font-family: "d2-1695189273-font-bold";
 }
diff --git a/e2etests/testdata/stable/dense/elk/sketch.exp.svg b/e2etests/testdata/stable/dense/elk/sketch.exp.svg
index 1f6034501..179ec2293 100644
--- a/e2etests/testdata/stable/dense/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/dense/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 621 1280"><svg id="d2-svg" class="d2-625346191" width="621" height="1280" viewBox="11 11 621 1280"><rect x="11.000000" y="11.000000" width="621.000000" height="1280.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 621 1280"><svg id="d2-svg" class="d2-625346191" width="621" height="1280" viewBox="11 11 621 1280"><rect x="11.000000" y="11.000000" width="621.000000" height="1280.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-625346191 .text-bold {
 	font-family: "d2-625346191-font-bold";
 }
diff --git a/e2etests/testdata/stable/different_subgraphs/dagre/sketch.exp.svg b/e2etests/testdata/stable/different_subgraphs/dagre/sketch.exp.svg
index be3988572..5d94e81f5 100644
--- a/e2etests/testdata/stable/different_subgraphs/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/different_subgraphs/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1314 997"><svg id="d2-svg" class="d2-3143958550" width="1314" height="997" viewBox="-1 0 1314 997"><rect x="-1.000000" y="0.000000" width="1314.000000" height="997.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1314 997"><svg id="d2-svg" class="d2-3143958550" width="1314" height="997" viewBox="-1 0 1314 997"><rect x="-1.000000" y="0.000000" width="1314.000000" height="997.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-3143958550 .text {
 	font-family: "d2-3143958550-font-regular";
 }
diff --git a/e2etests/testdata/stable/different_subgraphs/elk/sketch.exp.svg b/e2etests/testdata/stable/different_subgraphs/elk/sketch.exp.svg
index e5c665190..3858c51b7 100644
--- a/e2etests/testdata/stable/different_subgraphs/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/different_subgraphs/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1049 878"><svg id="d2-svg" class="d2-4015186878" width="1049" height="878" viewBox="11 11 1049 878"><rect x="11.000000" y="11.000000" width="1049.000000" height="878.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1049 878"><svg id="d2-svg" class="d2-4015186878" width="1049" height="878" viewBox="11 11 1049 878"><rect x="11.000000" y="11.000000" width="1049.000000" height="878.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-4015186878 .text {
 	font-family: "d2-4015186878-font-regular";
 }
diff --git a/e2etests/testdata/stable/direction/dagre/sketch.exp.svg b/e2etests/testdata/stable/direction/dagre/sketch.exp.svg
index f832e5809..048a80e90 100644
--- a/e2etests/testdata/stable/direction/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/direction/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 176 2260"><svg id="d2-svg" class="d2-1309567078" width="176" height="2260" viewBox="-1 -1 176 2260"><rect x="-1.000000" y="-1.000000" width="176.000000" height="2260.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 176 2260"><svg id="d2-svg" class="d2-1309567078" width="176" height="2260" viewBox="-1 -1 176 2260"><rect x="-1.000000" y="-1.000000" width="176.000000" height="2260.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-1309567078 .text {
 	font-family: "d2-1309567078-font-regular";
 }
diff --git a/e2etests/testdata/stable/direction/elk/sketch.exp.svg b/e2etests/testdata/stable/direction/elk/sketch.exp.svg
index cdbaefac4..a0572e935 100644
--- a/e2etests/testdata/stable/direction/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/direction/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 256 1900"><svg id="d2-svg" class="d2-2256127645" width="256" height="1900" viewBox="11 11 256 1900"><rect x="11.000000" y="11.000000" width="256.000000" height="1900.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 256 1900"><svg id="d2-svg" class="d2-2256127645" width="256" height="1900" viewBox="11 11 256 1900"><rect x="11.000000" y="11.000000" width="256.000000" height="1900.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-2256127645 .text {
 	font-family: "d2-2256127645-font-regular";
 }
diff --git a/e2etests/testdata/stable/edge-label-overflow/dagre/sketch.exp.svg b/e2etests/testdata/stable/edge-label-overflow/dagre/sketch.exp.svg
index efcdc3cce..6f8fe32b5 100644
--- a/e2etests/testdata/stable/edge-label-overflow/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/edge-label-overflow/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 317 442"><svg id="d2-svg" class="d2-802819785" width="317" height="442" viewBox="22 -1 317 442"><rect x="22.000000" y="-1.000000" width="317.000000" height="442.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 317 442"><svg id="d2-svg" class="d2-802819785" width="317" height="442" viewBox="22 -1 317 442"><rect x="22.000000" y="-1.000000" width="317.000000" height="442.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-802819785 .text-bold {
 	font-family: "d2-802819785-font-bold";
 }
diff --git a/e2etests/testdata/stable/edge-label-overflow/elk/sketch.exp.svg b/e2etests/testdata/stable/edge-label-overflow/elk/sketch.exp.svg
index fd70eb8b0..cec943dfa 100644
--- a/e2etests/testdata/stable/edge-label-overflow/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/edge-label-overflow/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 312 542"><svg id="d2-svg" class="d2-3167598655" width="312" height="542" viewBox="12 11 312 542"><rect x="12.000000" y="11.000000" width="312.000000" height="542.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 312 542"><svg id="d2-svg" class="d2-3167598655" width="312" height="542" viewBox="12 11 312 542"><rect x="12.000000" y="11.000000" width="312.000000" height="542.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-3167598655 .text-bold {
 	font-family: "d2-3167598655-font-bold";
 }
diff --git a/e2etests/testdata/stable/elk_border_radius/dagre/sketch.exp.svg b/e2etests/testdata/stable/elk_border_radius/dagre/sketch.exp.svg
index 52e3f1d23..38711e023 100644
--- a/e2etests/testdata/stable/elk_border_radius/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/elk_border_radius/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 506 234"><svg id="d2-svg" class="d2-2261364272" width="506" height="234" viewBox="-1 -1 506 234"><rect x="-1.000000" y="-1.000000" width="506.000000" height="234.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 506 234"><svg id="d2-svg" class="d2-2261364272" width="506" height="234" viewBox="-1 -1 506 234"><rect x="-1.000000" y="-1.000000" width="506.000000" height="234.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-2261364272 .text-bold {
 	font-family: "d2-2261364272-font-bold";
 }
diff --git a/e2etests/testdata/stable/elk_border_radius/elk/sketch.exp.svg b/e2etests/testdata/stable/elk_border_radius/elk/sketch.exp.svg
index 75937eda7..888845d6d 100644
--- a/e2etests/testdata/stable/elk_border_radius/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/elk_border_radius/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 346 264"><svg id="d2-svg" class="d2-1677059962" width="346" height="264" viewBox="11 11 346 264"><rect x="11.000000" y="11.000000" width="346.000000" height="264.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 346 264"><svg id="d2-svg" class="d2-1677059962" width="346" height="264" viewBox="11 11 346 264"><rect x="11.000000" y="11.000000" width="346.000000" height="264.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-1677059962 .text-bold {
 	font-family: "d2-1677059962-font-bold";
 }
diff --git a/e2etests/testdata/stable/elk_container_height/dagre/sketch.exp.svg b/e2etests/testdata/stable/elk_container_height/dagre/sketch.exp.svg
index e10b13360..818db500b 100644
--- a/e2etests/testdata/stable/elk_container_height/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/elk_container_height/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 241 167"><svg id="d2-svg" class="d2-2441609443" width="241" height="167" viewBox="-54 0 241 167"><rect x="-54.000000" y="0.000000" width="241.000000" height="167.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 241 167"><svg id="d2-svg" class="d2-2441609443" width="241" height="167" viewBox="-54 0 241 167"><rect x="-54.000000" y="0.000000" width="241.000000" height="167.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-2441609443 .text {
 	font-family: "d2-2441609443-font-regular";
 }
diff --git a/e2etests/testdata/stable/elk_container_height/elk/sketch.exp.svg b/e2etests/testdata/stable/elk_container_height/elk/sketch.exp.svg
index 16b91efae..72384edc3 100644
--- a/e2etests/testdata/stable/elk_container_height/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/elk_container_height/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 288 231"><svg id="d2-svg" class="d2-2560454251" width="288" height="231" viewBox="11 11 288 231"><rect x="11.000000" y="11.000000" width="288.000000" height="231.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 288 231"><svg id="d2-svg" class="d2-2560454251" width="288" height="231" viewBox="11 11 288 231"><rect x="11.000000" y="11.000000" width="288.000000" height="231.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-2560454251 .text {
 	font-family: "d2-2560454251-font-regular";
 }
diff --git a/e2etests/testdata/stable/elk_shim/dagre/sketch.exp.svg b/e2etests/testdata/stable/elk_shim/dagre/sketch.exp.svg
index b7f521821..fcb34d70c 100644
--- a/e2etests/testdata/stable/elk_shim/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/elk_shim/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 580 1492"><svg id="d2-svg" class="d2-49621034" width="580" height="1492" viewBox="-6 -1 580 1492"><rect x="-6.000000" y="-1.000000" width="580.000000" height="1492.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 580 1492"><svg id="d2-svg" class="d2-49621034" width="580" height="1492" viewBox="-6 -1 580 1492"><rect x="-6.000000" y="-1.000000" width="580.000000" height="1492.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-49621034 .text {
 	font-family: "d2-49621034-font-regular";
 }
diff --git a/e2etests/testdata/stable/elk_shim/elk/sketch.exp.svg b/e2etests/testdata/stable/elk_shim/elk/sketch.exp.svg
index d67a74625..2e9f95d48 100644
--- a/e2etests/testdata/stable/elk_shim/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/elk_shim/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 769 1238"><svg id="d2-svg" class="d2-40321108" width="769" height="1238" viewBox="11 11 769 1238"><rect x="11.000000" y="11.000000" width="769.000000" height="1238.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 769 1238"><svg id="d2-svg" class="d2-40321108" width="769" height="1238" viewBox="11 11 769 1238"><rect x="11.000000" y="11.000000" width="769.000000" height="1238.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-40321108 .text {
 	font-family: "d2-40321108-font-regular";
 }
diff --git a/e2etests/testdata/stable/executive_grid/dagre/sketch.exp.svg b/e2etests/testdata/stable/executive_grid/dagre/sketch.exp.svg
index 8b27b5168..03932b434 100644
--- a/e2etests/testdata/stable/executive_grid/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/executive_grid/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1082 404"><svg id="d2-svg" class="d2-2060964008" width="1082" height="404" viewBox="-1 -1 1082 404"><rect x="-1.000000" y="-1.000000" width="1082.000000" height="404.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1082 404"><svg id="d2-svg" class="d2-2060964008" width="1082" height="404" viewBox="-1 -1 1082 404"><rect x="-1.000000" y="-1.000000" width="1082.000000" height="404.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-2060964008 .text-bold {
 	font-family: "d2-2060964008-font-bold";
 }
diff --git a/e2etests/testdata/stable/executive_grid/elk/sketch.exp.svg b/e2etests/testdata/stable/executive_grid/elk/sketch.exp.svg
index 8b27b5168..03932b434 100644
--- a/e2etests/testdata/stable/executive_grid/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/executive_grid/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1082 404"><svg id="d2-svg" class="d2-2060964008" width="1082" height="404" viewBox="-1 -1 1082 404"><rect x="-1.000000" y="-1.000000" width="1082.000000" height="404.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1082 404"><svg id="d2-svg" class="d2-2060964008" width="1082" height="404" viewBox="-1 -1 1082 404"><rect x="-1.000000" y="-1.000000" width="1082.000000" height="404.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-2060964008 .text-bold {
 	font-family: "d2-2060964008-font-bold";
 }
diff --git a/e2etests/testdata/stable/font_colors/dagre/sketch.exp.svg b/e2etests/testdata/stable/font_colors/dagre/sketch.exp.svg
index 98abedfca..221fe031b 100644
--- a/e2etests/testdata/stable/font_colors/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/font_colors/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 87 255"><svg id="d2-svg" class="d2-4232089579" width="87" height="255" viewBox="-1 -1 87 255"><rect x="-1.000000" y="-1.000000" width="87.000000" height="255.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 87 255"><svg id="d2-svg" class="d2-4232089579" width="87" height="255" viewBox="-1 -1 87 255"><rect x="-1.000000" y="-1.000000" width="87.000000" height="255.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-4232089579 .text-bold {
 	font-family: "d2-4232089579-font-bold";
 }
diff --git a/e2etests/testdata/stable/font_colors/elk/sketch.exp.svg b/e2etests/testdata/stable/font_colors/elk/sketch.exp.svg
index ea81739b6..98a5a7147 100644
--- a/e2etests/testdata/stable/font_colors/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/font_colors/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 87 295"><svg id="d2-svg" class="d2-2134232073" width="87" height="295" viewBox="11 11 87 295"><rect x="11.000000" y="11.000000" width="87.000000" height="295.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 87 295"><svg id="d2-svg" class="d2-2134232073" width="87" height="295" viewBox="11 11 87 295"><rect x="11.000000" y="11.000000" width="87.000000" height="295.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-2134232073 .text-bold {
 	font-family: "d2-2134232073-font-bold";
 }
diff --git a/e2etests/testdata/stable/font_sizes/dagre/sketch.exp.svg b/e2etests/testdata/stable/font_sizes/dagre/sketch.exp.svg
index 84744158f..9a016a320 100644
--- a/e2etests/testdata/stable/font_sizes/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/font_sizes/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1622 376"><svg id="d2-svg" class="d2-15399988" width="1622" height="376" viewBox="-1 -1 1622 376"><rect x="-1.000000" y="-1.000000" width="1622.000000" height="376.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1622 376"><svg id="d2-svg" class="d2-15399988" width="1622" height="376" viewBox="-1 -1 1622 376"><rect x="-1.000000" y="-1.000000" width="1622.000000" height="376.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-15399988 .text-bold {
 	font-family: "d2-15399988-font-bold";
 }
diff --git a/e2etests/testdata/stable/font_sizes/elk/sketch.exp.svg b/e2etests/testdata/stable/font_sizes/elk/sketch.exp.svg
index 1dada492d..7ae59e11d 100644
--- a/e2etests/testdata/stable/font_sizes/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/font_sizes/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1301 415"><svg id="d2-svg" class="d2-540636780" width="1301" height="415" viewBox="11 11 1301 415"><rect x="11.000000" y="11.000000" width="1301.000000" height="415.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1301 415"><svg id="d2-svg" class="d2-540636780" width="1301" height="415" viewBox="11 11 1301 415"><rect x="11.000000" y="11.000000" width="1301.000000" height="415.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-540636780 .text-bold {
 	font-family: "d2-540636780-font-bold";
 }
diff --git a/e2etests/testdata/stable/font_sizes_containers_large/dagre/sketch.exp.svg b/e2etests/testdata/stable/font_sizes_containers_large/dagre/sketch.exp.svg
index aaf9857d7..0f7ea172c 100644
--- a/e2etests/testdata/stable/font_sizes_containers_large/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/font_sizes_containers_large/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 452 537"><svg id="d2-svg" class="d2-4068858020" width="452" height="537" viewBox="-94 -80 452 537"><rect x="-94.000000" y="-80.000000" width="452.000000" height="537.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 452 537"><svg id="d2-svg" class="d2-4068858020" width="452" height="537" viewBox="-94 -80 452 537"><rect x="-94.000000" y="-80.000000" width="452.000000" height="537.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-4068858020 .text {
 	font-family: "d2-4068858020-font-regular";
 }
diff --git a/e2etests/testdata/stable/font_sizes_containers_large/elk/sketch.exp.svg b/e2etests/testdata/stable/font_sizes_containers_large/elk/sketch.exp.svg
index 2e22cb02a..ca3c09793 100644
--- a/e2etests/testdata/stable/font_sizes_containers_large/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/font_sizes_containers_large/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 499 574"><svg id="d2-svg" class="d2-4155058823" width="499" height="574" viewBox="11 11 499 574"><rect x="11.000000" y="11.000000" width="499.000000" height="574.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 499 574"><svg id="d2-svg" class="d2-4155058823" width="499" height="574" viewBox="11 11 499 574"><rect x="11.000000" y="11.000000" width="499.000000" height="574.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-4155058823 .text {
 	font-family: "d2-4155058823-font-regular";
 }
diff --git a/e2etests/testdata/stable/font_sizes_containers_large_right/dagre/sketch.exp.svg b/e2etests/testdata/stable/font_sizes_containers_large_right/dagre/sketch.exp.svg
index 84f286f88..d158266f5 100644
--- a/e2etests/testdata/stable/font_sizes_containers_large_right/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/font_sizes_containers_large_right/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 466 769"><svg id="d2-svg" class="d2-430793880" width="466" height="769" viewBox="-1 -80 466 769"><rect x="-1.000000" y="-80.000000" width="466.000000" height="769.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 466 769"><svg id="d2-svg" class="d2-430793880" width="466" height="769" viewBox="-1 -80 466 769"><rect x="-1.000000" y="-80.000000" width="466.000000" height="769.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-430793880 .text {
 	font-family: "d2-430793880-font-regular";
 }
diff --git a/e2etests/testdata/stable/font_sizes_containers_large_right/elk/sketch.exp.svg b/e2etests/testdata/stable/font_sizes_containers_large_right/elk/sketch.exp.svg
index 2e22cb02a..ca3c09793 100644
--- a/e2etests/testdata/stable/font_sizes_containers_large_right/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/font_sizes_containers_large_right/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 499 574"><svg id="d2-svg" class="d2-4155058823" width="499" height="574" viewBox="11 11 499 574"><rect x="11.000000" y="11.000000" width="499.000000" height="574.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 499 574"><svg id="d2-svg" class="d2-4155058823" width="499" height="574" viewBox="11 11 499 574"><rect x="11.000000" y="11.000000" width="499.000000" height="574.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-4155058823 .text {
 	font-family: "d2-4155058823-font-regular";
 }
diff --git a/e2etests/testdata/stable/giant_markdown_test/dagre/sketch.exp.svg b/e2etests/testdata/stable/giant_markdown_test/dagre/sketch.exp.svg
index 4235dd7b4..6bb3d93b8 100644
--- a/e2etests/testdata/stable/giant_markdown_test/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/giant_markdown_test/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 3053 5187"><svg id="d2-svg" class="d2-1972535454" width="3053" height="5187" viewBox="-1 -1 3053 5187"><rect x="-1.000000" y="-1.000000" width="3053.000000" height="5187.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 3053 5187"><svg id="d2-svg" class="d2-1972535454" width="3053" height="5187" viewBox="-1 -1 3053 5187"><rect x="-1.000000" y="-1.000000" width="3053.000000" height="5187.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-1972535454 .text {
 	font-family: "d2-1972535454-font-regular";
 }
diff --git a/e2etests/testdata/stable/giant_markdown_test/elk/sketch.exp.svg b/e2etests/testdata/stable/giant_markdown_test/elk/sketch.exp.svg
index b4b80f487..5ecb58680 100644
--- a/e2etests/testdata/stable/giant_markdown_test/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/giant_markdown_test/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 3053 5127"><svg id="d2-svg" class="d2-936211450" width="3053" height="5127" viewBox="11 11 3053 5127"><rect x="11.000000" y="11.000000" width="3053.000000" height="5127.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 3053 5127"><svg id="d2-svg" class="d2-936211450" width="3053" height="5127" viewBox="11 11 3053 5127"><rect x="11.000000" y="11.000000" width="3053.000000" height="5127.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-936211450 .text {
 	font-family: "d2-936211450-font-regular";
 }
diff --git a/e2etests/testdata/stable/grid_tests/dagre/sketch.exp.svg b/e2etests/testdata/stable/grid_tests/dagre/sketch.exp.svg
index 4f6c4484f..b7ff12b74 100644
--- a/e2etests/testdata/stable/grid_tests/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/grid_tests/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 5276 824"><svg id="d2-svg" class="d2-161667186" width="5276" height="824" viewBox="-1 -1 5276 824"><rect x="-1.000000" y="-1.000000" width="5276.000000" height="824.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 5276 824"><svg id="d2-svg" class="d2-161667186" width="5276" height="824" viewBox="-1 -1 5276 824"><rect x="-1.000000" y="-1.000000" width="5276.000000" height="824.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-161667186 .text {
 	font-family: "d2-161667186-font-regular";
 }
diff --git a/e2etests/testdata/stable/grid_tests/elk/sketch.exp.svg b/e2etests/testdata/stable/grid_tests/elk/sketch.exp.svg
index f85853334..e05d813c9 100644
--- a/e2etests/testdata/stable/grid_tests/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/grid_tests/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 4876 824"><svg id="d2-svg" class="d2-1021052366" width="4876" height="824" viewBox="11 11 4876 824"><rect x="11.000000" y="11.000000" width="4876.000000" height="824.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 4876 824"><svg id="d2-svg" class="d2-1021052366" width="4876" height="824" viewBox="11 11 4876 824"><rect x="11.000000" y="11.000000" width="4876.000000" height="824.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-1021052366 .text {
 	font-family: "d2-1021052366-font-regular";
 }
diff --git a/e2etests/testdata/stable/hexagon_3d/dagre/sketch.exp.svg b/e2etests/testdata/stable/hexagon_3d/dagre/sketch.exp.svg
index f442906e9..ad29c392f 100644
--- a/e2etests/testdata/stable/hexagon_3d/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/hexagon_3d/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 146 87"><svg id="d2-svg" class="d2-593352307" width="146" height="87" viewBox="-1 -17 146 87"><rect x="-1.000000" y="-17.000000" width="146.000000" height="87.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 146 87"><svg id="d2-svg" class="d2-593352307" width="146" height="87" viewBox="-1 -17 146 87"><rect x="-1.000000" y="-17.000000" width="146.000000" height="87.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-593352307 .text-bold {
 	font-family: "d2-593352307-font-bold";
 }
diff --git a/e2etests/testdata/stable/hexagon_3d/elk/sketch.exp.svg b/e2etests/testdata/stable/hexagon_3d/elk/sketch.exp.svg
index f6319fb9b..ad62dda5c 100644
--- a/e2etests/testdata/stable/hexagon_3d/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/hexagon_3d/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 146 87"><svg id="d2-svg" class="d2-601169211" width="146" height="87" viewBox="11 -5 146 87"><rect x="11.000000" y="-5.000000" width="146.000000" height="87.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 146 87"><svg id="d2-svg" class="d2-601169211" width="146" height="87" viewBox="11 -5 146 87"><rect x="11.000000" y="-5.000000" width="146.000000" height="87.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-601169211 .text-bold {
 	font-family: "d2-601169211-font-bold";
 }
diff --git a/e2etests/testdata/stable/hr/dagre/sketch.exp.svg b/e2etests/testdata/stable/hr/dagre/sketch.exp.svg
index 99d229e43..7f31dba2d 100644
--- a/e2etests/testdata/stable/hr/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/hr/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 740 469"><svg id="d2-svg" class="d2-151624429" width="740" height="469" viewBox="-1 -1 740 469"><rect x="-1.000000" y="-1.000000" width="740.000000" height="469.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 740 469"><svg id="d2-svg" class="d2-151624429" width="740" height="469" viewBox="-1 -1 740 469"><rect x="-1.000000" y="-1.000000" width="740.000000" height="469.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-151624429 .text {
 	font-family: "d2-151624429-font-regular";
 }
diff --git a/e2etests/testdata/stable/hr/elk/sketch.exp.svg b/e2etests/testdata/stable/hr/elk/sketch.exp.svg
index 3dc1d59c0..b6e411b04 100644
--- a/e2etests/testdata/stable/hr/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/hr/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 740 409"><svg id="d2-svg" class="d2-3716610703" width="740" height="409" viewBox="11 11 740 409"><rect x="11.000000" y="11.000000" width="740.000000" height="409.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 740 409"><svg id="d2-svg" class="d2-3716610703" width="740" height="409" viewBox="11 11 740 409"><rect x="11.000000" y="11.000000" width="740.000000" height="409.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-3716610703 .text {
 	font-family: "d2-3716610703-font-regular";
 }
diff --git a/e2etests/testdata/stable/icon-containers/dagre/sketch.exp.svg b/e2etests/testdata/stable/icon-containers/dagre/sketch.exp.svg
index 66e621e7f..17bf622fe 100644
--- a/e2etests/testdata/stable/icon-containers/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/icon-containers/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 322 513"><svg id="d2-svg" class="d2-2253098155" width="322" height="513" viewBox="-1 -28 322 513"><rect x="-1.000000" y="-28.000000" width="322.000000" height="513.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 322 513"><svg id="d2-svg" class="d2-2253098155" width="322" height="513" viewBox="-1 -28 322 513"><rect x="-1.000000" y="-28.000000" width="322.000000" height="513.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-2253098155 .text {
 	font-family: "d2-2253098155-font-regular";
 }
diff --git a/e2etests/testdata/stable/icon-containers/elk/sketch.exp.svg b/e2etests/testdata/stable/icon-containers/elk/sketch.exp.svg
index 2cd2b67a3..7c580f084 100644
--- a/e2etests/testdata/stable/icon-containers/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/icon-containers/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 462 468"><svg id="d2-svg" class="d2-318311499" width="462" height="468" viewBox="11 11 462 468"><rect x="11.000000" y="11.000000" width="462.000000" height="468.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 462 468"><svg id="d2-svg" class="d2-318311499" width="462" height="468" viewBox="11 11 462 468"><rect x="11.000000" y="11.000000" width="462.000000" height="468.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-318311499 .text {
 	font-family: "d2-318311499-font-regular";
 }
diff --git a/e2etests/testdata/stable/icon-label/dagre/sketch.exp.svg b/e2etests/testdata/stable/icon-label/dagre/sketch.exp.svg
index df946f79c..10807a0e8 100644
--- a/e2etests/testdata/stable/icon-label/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/icon-label/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 108 120"><svg id="d2-svg" class="d2-2620316509" width="108" height="120" viewBox="-1 -1 108 120"><rect x="-1.000000" y="-1.000000" width="108.000000" height="120.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 108 120"><svg id="d2-svg" class="d2-2620316509" width="108" height="120" viewBox="-1 -1 108 120"><rect x="-1.000000" y="-1.000000" width="108.000000" height="120.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-2620316509 .text-bold {
 	font-family: "d2-2620316509-font-bold";
 }
diff --git a/e2etests/testdata/stable/icon-label/elk/sketch.exp.svg b/e2etests/testdata/stable/icon-label/elk/sketch.exp.svg
index 2aa502d2a..6d2543bea 100644
--- a/e2etests/testdata/stable/icon-label/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/icon-label/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 108 120"><svg id="d2-svg" class="d2-3437037053" width="108" height="120" viewBox="11 11 108 120"><rect x="11.000000" y="11.000000" width="108.000000" height="120.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 108 120"><svg id="d2-svg" class="d2-3437037053" width="108" height="120" viewBox="11 11 108 120"><rect x="11.000000" y="11.000000" width="108.000000" height="120.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-3437037053 .text-bold {
 	font-family: "d2-3437037053-font-bold";
 }
diff --git a/e2etests/testdata/stable/images/dagre/sketch.exp.svg b/e2etests/testdata/stable/images/dagre/sketch.exp.svg
index f131a5e2f..67217a77e 100644
--- a/e2etests/testdata/stable/images/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/images/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 130 409"><svg id="d2-svg" class="d2-3456397239" width="130" height="409" viewBox="-1 -1 130 409"><rect x="-1.000000" y="-1.000000" width="130.000000" height="409.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 130 409"><svg id="d2-svg" class="d2-3456397239" width="130" height="409" viewBox="-1 -1 130 409"><rect x="-1.000000" y="-1.000000" width="130.000000" height="409.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-3456397239 .text-bold {
 	font-family: "d2-3456397239-font-bold";
 }
diff --git a/e2etests/testdata/stable/images/elk/sketch.exp.svg b/e2etests/testdata/stable/images/elk/sketch.exp.svg
index 75dbf10eb..e23f6f56d 100644
--- a/e2etests/testdata/stable/images/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/images/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 130 379"><svg id="d2-svg" class="d2-3214466853" width="130" height="379" viewBox="11 11 130 379"><rect x="11.000000" y="11.000000" width="130.000000" height="379.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 130 379"><svg id="d2-svg" class="d2-3214466853" width="130" height="379" viewBox="11 11 130 379"><rect x="11.000000" y="11.000000" width="130.000000" height="379.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-3214466853 .text-bold {
 	font-family: "d2-3214466853-font-bold";
 }
diff --git a/e2etests/testdata/stable/investigate/dagre/sketch.exp.svg b/e2etests/testdata/stable/investigate/dagre/sketch.exp.svg
index 1bc99a2f8..25bf939b5 100644
--- a/e2etests/testdata/stable/investigate/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/investigate/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 529 3654"><svg id="d2-svg" class="d2-2403722935" width="529" height="3654" viewBox="-1 -1 529 3654"><rect x="-1.000000" y="-1.000000" width="529.000000" height="3654.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 529 3654"><svg id="d2-svg" class="d2-2403722935" width="529" height="3654" viewBox="-1 -1 529 3654"><rect x="-1.000000" y="-1.000000" width="529.000000" height="3654.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-2403722935 .text {
 	font-family: "d2-2403722935-font-regular";
 }
diff --git a/e2etests/testdata/stable/investigate/elk/sketch.exp.svg b/e2etests/testdata/stable/investigate/elk/sketch.exp.svg
index c8e22b054..8844d4e7e 100644
--- a/e2etests/testdata/stable/investigate/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/investigate/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 544 3829"><svg id="d2-svg" class="d2-2985031090" width="544" height="3829" viewBox="11 11 544 3829"><rect x="11.000000" y="11.000000" width="544.000000" height="3829.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 544 3829"><svg id="d2-svg" class="d2-2985031090" width="544" height="3829" viewBox="11 11 544 3829"><rect x="11.000000" y="11.000000" width="544.000000" height="3829.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-2985031090 .text {
 	font-family: "d2-2985031090-font-regular";
 }
diff --git a/e2etests/testdata/stable/large_arch/dagre/sketch.exp.svg b/e2etests/testdata/stable/large_arch/dagre/sketch.exp.svg
index 3f46b4d68..f215be6e8 100644
--- a/e2etests/testdata/stable/large_arch/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/large_arch/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1904 1281"><svg id="d2-svg" class="d2-2322365230" width="1904" height="1281" viewBox="-1 0 1904 1281"><rect x="-1.000000" y="0.000000" width="1904.000000" height="1281.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1904 1281"><svg id="d2-svg" class="d2-2322365230" width="1904" height="1281" viewBox="-1 0 1904 1281"><rect x="-1.000000" y="0.000000" width="1904.000000" height="1281.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-2322365230 .text {
 	font-family: "d2-2322365230-font-regular";
 }
diff --git a/e2etests/testdata/stable/large_arch/elk/sketch.exp.svg b/e2etests/testdata/stable/large_arch/elk/sketch.exp.svg
index 5d9030bf5..c2d0c122b 100644
--- a/e2etests/testdata/stable/large_arch/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/large_arch/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 980 1910"><svg id="d2-svg" class="d2-1000489389" width="980" height="1910" viewBox="11 11 980 1910"><rect x="11.000000" y="11.000000" width="980.000000" height="1910.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 980 1910"><svg id="d2-svg" class="d2-1000489389" width="980" height="1910" viewBox="11 11 980 1910"><rect x="11.000000" y="11.000000" width="980.000000" height="1910.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-1000489389 .text {
 	font-family: "d2-1000489389-font-regular";
 }
diff --git a/e2etests/testdata/stable/latex/dagre/sketch.exp.svg b/e2etests/testdata/stable/latex/dagre/sketch.exp.svg
index 7d5004a56..2cfe3990b 100644
--- a/e2etests/testdata/stable/latex/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/latex/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 655 607"><svg id="d2-svg" class="d2-3063757784" width="655" height="607" viewBox="-1 -1 655 607"><rect x="-1.000000" y="-1.000000" width="655.000000" height="607.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 655 607"><svg id="d2-svg" class="d2-3063757784" width="655" height="607" viewBox="-1 -1 655 607"><rect x="-1.000000" y="-1.000000" width="655.000000" height="607.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-3063757784 .text-bold {
 	font-family: "d2-3063757784-font-bold";
 }
diff --git a/e2etests/testdata/stable/latex/elk/sketch.exp.svg b/e2etests/testdata/stable/latex/elk/sketch.exp.svg
index 3d2c6f3dc..d075ae8f7 100644
--- a/e2etests/testdata/stable/latex/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/latex/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 575 607"><svg id="d2-svg" class="d2-861151415" width="575" height="607" viewBox="11 11 575 607"><rect x="11.000000" y="11.000000" width="575.000000" height="607.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 575 607"><svg id="d2-svg" class="d2-861151415" width="575" height="607" viewBox="11 11 575 607"><rect x="11.000000" y="11.000000" width="575.000000" height="607.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-861151415 .text-bold {
 	font-family: "d2-861151415-font-bold";
 }
diff --git a/e2etests/testdata/stable/legend_with_near_key/dagre/sketch.exp.svg b/e2etests/testdata/stable/legend_with_near_key/dagre/sketch.exp.svg
index 25a518e7e..25c1191dd 100644
--- a/e2etests/testdata/stable/legend_with_near_key/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/legend_with_near_key/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 361 204"><svg id="d2-svg" class="d2-1518985372" width="361" height="204" viewBox="-1 -1 361 204"><rect x="-1.000000" y="-1.000000" width="361.000000" height="204.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 361 204"><svg id="d2-svg" class="d2-1518985372" width="361" height="204" viewBox="-1 -1 361 204"><rect x="-1.000000" y="-1.000000" width="361.000000" height="204.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-1518985372 .text {
 	font-family: "d2-1518985372-font-regular";
 }
diff --git a/e2etests/testdata/stable/legend_with_near_key/elk/sketch.exp.svg b/e2etests/testdata/stable/legend_with_near_key/elk/sketch.exp.svg
index cdc19dd66..750fd4a52 100644
--- a/e2etests/testdata/stable/legend_with_near_key/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/legend_with_near_key/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 301 209"><svg id="d2-svg" class="d2-1696315703" width="301" height="209" viewBox="11 11 301 209"><rect x="11.000000" y="11.000000" width="301.000000" height="209.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 301 209"><svg id="d2-svg" class="d2-1696315703" width="301" height="209" viewBox="11 11 301 209"><rect x="11.000000" y="11.000000" width="301.000000" height="209.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-1696315703 .text {
 	font-family: "d2-1696315703-font-regular";
 }
diff --git a/e2etests/testdata/stable/li1/dagre/sketch.exp.svg b/e2etests/testdata/stable/li1/dagre/sketch.exp.svg
index 6cba7b42b..1059b7a40 100644
--- a/e2etests/testdata/stable/li1/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/li1/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 381 434"><svg id="d2-svg" class="d2-2820568673" width="381" height="434" viewBox="-1 -1 381 434"><rect x="-1.000000" y="-1.000000" width="381.000000" height="434.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 381 434"><svg id="d2-svg" class="d2-2820568673" width="381" height="434" viewBox="-1 -1 381 434"><rect x="-1.000000" y="-1.000000" width="381.000000" height="434.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-2820568673 .text {
 	font-family: "d2-2820568673-font-regular";
 }
diff --git a/e2etests/testdata/stable/li1/elk/sketch.exp.svg b/e2etests/testdata/stable/li1/elk/sketch.exp.svg
index c3601646b..10e782ec8 100644
--- a/e2etests/testdata/stable/li1/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/li1/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 381 374"><svg id="d2-svg" class="d2-2389900904" width="381" height="374" viewBox="11 11 381 374"><rect x="11.000000" y="11.000000" width="381.000000" height="374.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 381 374"><svg id="d2-svg" class="d2-2389900904" width="381" height="374" viewBox="11 11 381 374"><rect x="11.000000" y="11.000000" width="381.000000" height="374.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-2389900904 .text {
 	font-family: "d2-2389900904-font-regular";
 }
diff --git a/e2etests/testdata/stable/li2/dagre/sketch.exp.svg b/e2etests/testdata/stable/li2/dagre/sketch.exp.svg
index 11e0fea06..e2d61dcbc 100644
--- a/e2etests/testdata/stable/li2/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/li2/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 247 410"><svg id="d2-svg" class="d2-3773717985" width="247" height="410" viewBox="-1 -1 247 410"><rect x="-1.000000" y="-1.000000" width="247.000000" height="410.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 247 410"><svg id="d2-svg" class="d2-3773717985" width="247" height="410" viewBox="-1 -1 247 410"><rect x="-1.000000" y="-1.000000" width="247.000000" height="410.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-3773717985 .text {
 	font-family: "d2-3773717985-font-regular";
 }
diff --git a/e2etests/testdata/stable/li2/elk/sketch.exp.svg b/e2etests/testdata/stable/li2/elk/sketch.exp.svg
index 2da0a2bf3..771f24835 100644
--- a/e2etests/testdata/stable/li2/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/li2/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 247 350"><svg id="d2-svg" class="d2-3851099401" width="247" height="350" viewBox="11 11 247 350"><rect x="11.000000" y="11.000000" width="247.000000" height="350.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 247 350"><svg id="d2-svg" class="d2-3851099401" width="247" height="350" viewBox="11 11 247 350"><rect x="11.000000" y="11.000000" width="247.000000" height="350.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-3851099401 .text {
 	font-family: "d2-3851099401-font-regular";
 }
diff --git a/e2etests/testdata/stable/li3/dagre/sketch.exp.svg b/e2etests/testdata/stable/li3/dagre/sketch.exp.svg
index 321c914fc..a145b7e8d 100644
--- a/e2etests/testdata/stable/li3/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/li3/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 349 846"><svg id="d2-svg" class="d2-2198371113" width="349" height="846" viewBox="-1 -1 349 846"><rect x="-1.000000" y="-1.000000" width="349.000000" height="846.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 349 846"><svg id="d2-svg" class="d2-2198371113" width="349" height="846" viewBox="-1 -1 349 846"><rect x="-1.000000" y="-1.000000" width="349.000000" height="846.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-2198371113 .text {
 	font-family: "d2-2198371113-font-regular";
 }
diff --git a/e2etests/testdata/stable/li3/elk/sketch.exp.svg b/e2etests/testdata/stable/li3/elk/sketch.exp.svg
index 902999620..91649f96c 100644
--- a/e2etests/testdata/stable/li3/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/li3/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 349 786"><svg id="d2-svg" class="d2-2947606895" width="349" height="786" viewBox="11 11 349 786"><rect x="11.000000" y="11.000000" width="349.000000" height="786.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 349 786"><svg id="d2-svg" class="d2-2947606895" width="349" height="786" viewBox="11 11 349 786"><rect x="11.000000" y="11.000000" width="349.000000" height="786.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-2947606895 .text {
 	font-family: "d2-2947606895-font-regular";
 }
diff --git a/e2etests/testdata/stable/li4/dagre/sketch.exp.svg b/e2etests/testdata/stable/li4/dagre/sketch.exp.svg
index 64049b5ec..d3ec9ded8 100644
--- a/e2etests/testdata/stable/li4/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/li4/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 922 710"><svg id="d2-svg" class="d2-331088253" width="922" height="710" viewBox="-1 -1 922 710"><rect x="-1.000000" y="-1.000000" width="922.000000" height="710.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 922 710"><svg id="d2-svg" class="d2-331088253" width="922" height="710" viewBox="-1 -1 922 710"><rect x="-1.000000" y="-1.000000" width="922.000000" height="710.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-331088253 .text {
 	font-family: "d2-331088253-font-regular";
 }
diff --git a/e2etests/testdata/stable/li4/elk/sketch.exp.svg b/e2etests/testdata/stable/li4/elk/sketch.exp.svg
index 1864e8341..dec69027e 100644
--- a/e2etests/testdata/stable/li4/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/li4/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 922 650"><svg id="d2-svg" class="d2-2116374503" width="922" height="650" viewBox="11 11 922 650"><rect x="11.000000" y="11.000000" width="922.000000" height="650.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 922 650"><svg id="d2-svg" class="d2-2116374503" width="922" height="650" viewBox="11 11 922 650"><rect x="11.000000" y="11.000000" width="922.000000" height="650.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-2116374503 .text {
 	font-family: "d2-2116374503-font-regular";
 }
diff --git a/e2etests/testdata/stable/links/dagre/sketch.exp.svg b/e2etests/testdata/stable/links/dagre/sketch.exp.svg
index 9252b8b09..cee474d10 100644
--- a/e2etests/testdata/stable/links/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/links/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 137 251"><svg id="d2-svg" class="d2-109718516" width="137" height="251" viewBox="-1 -18 137 251"><rect x="-1.000000" y="-18.000000" width="137.000000" height="251.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 137 251"><svg id="d2-svg" class="d2-109718516" width="137" height="251" viewBox="-1 -18 137 251"><rect x="-1.000000" y="-18.000000" width="137.000000" height="251.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .appendix-icon {
 	filter: drop-shadow(0px 0px 32px rgba(31, 36, 58, 0.1));
 }
diff --git a/e2etests/testdata/stable/links/elk/sketch.exp.svg b/e2etests/testdata/stable/links/elk/sketch.exp.svg
index 82c52fa61..be5ecebff 100644
--- a/e2etests/testdata/stable/links/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/links/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 137 221"><svg id="d2-svg" class="d2-3501585226" width="137" height="221" viewBox="11 -6 137 221"><rect x="11.000000" y="-6.000000" width="137.000000" height="221.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 137 221"><svg id="d2-svg" class="d2-3501585226" width="137" height="221" viewBox="11 -6 137 221"><rect x="11.000000" y="-6.000000" width="137.000000" height="221.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .appendix-icon {
 	filter: drop-shadow(0px 0px 32px rgba(31, 36, 58, 0.1));
 }
diff --git a/e2etests/testdata/stable/lone_h1/dagre/sketch.exp.svg b/e2etests/testdata/stable/lone_h1/dagre/sketch.exp.svg
index 113afdde8..c5a3bea66 100644
--- a/e2etests/testdata/stable/lone_h1/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/lone_h1/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 268 385"><svg id="d2-svg" class="d2-3822837630" width="268" height="385" viewBox="-1 -1 268 385"><rect x="-1.000000" y="-1.000000" width="268.000000" height="385.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 268 385"><svg id="d2-svg" class="d2-3822837630" width="268" height="385" viewBox="-1 -1 268 385"><rect x="-1.000000" y="-1.000000" width="268.000000" height="385.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-3822837630 .text {
 	font-family: "d2-3822837630-font-regular";
 }
diff --git a/e2etests/testdata/stable/lone_h1/elk/sketch.exp.svg b/e2etests/testdata/stable/lone_h1/elk/sketch.exp.svg
index 39d233fed..4c9e6ea07 100644
--- a/e2etests/testdata/stable/lone_h1/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/lone_h1/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 268 325"><svg id="d2-svg" class="d2-1391665154" width="268" height="325" viewBox="11 11 268 325"><rect x="11.000000" y="11.000000" width="268.000000" height="325.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 268 325"><svg id="d2-svg" class="d2-1391665154" width="268" height="325" viewBox="11 11 268 325"><rect x="11.000000" y="11.000000" width="268.000000" height="325.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-1391665154 .text {
 	font-family: "d2-1391665154-font-regular";
 }
diff --git a/e2etests/testdata/stable/markdown/dagre/sketch.exp.svg b/e2etests/testdata/stable/markdown/dagre/sketch.exp.svg
index 5ecc6ff96..eb379e31c 100644
--- a/e2etests/testdata/stable/markdown/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/markdown/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 533 561"><svg id="d2-svg" class="d2-982553194" width="533" height="561" viewBox="-1 -1 533 561"><rect x="-1.000000" y="-1.000000" width="533.000000" height="561.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 533 561"><svg id="d2-svg" class="d2-982553194" width="533" height="561" viewBox="-1 -1 533 561"><rect x="-1.000000" y="-1.000000" width="533.000000" height="561.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-982553194 .text {
 	font-family: "d2-982553194-font-regular";
 }
diff --git a/e2etests/testdata/stable/markdown/elk/sketch.exp.svg b/e2etests/testdata/stable/markdown/elk/sketch.exp.svg
index 9e8588a7a..4c3a3fc3d 100644
--- a/e2etests/testdata/stable/markdown/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/markdown/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 533 501"><svg id="d2-svg" class="d2-3773836240" width="533" height="501" viewBox="11 11 533 501"><rect x="11.000000" y="11.000000" width="533.000000" height="501.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 533 501"><svg id="d2-svg" class="d2-3773836240" width="533" height="501" viewBox="11 11 533 501"><rect x="11.000000" y="11.000000" width="533.000000" height="501.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-3773836240 .text {
 	font-family: "d2-3773836240-font-regular";
 }
diff --git a/e2etests/testdata/stable/markdown_stroke_fill/dagre/sketch.exp.svg b/e2etests/testdata/stable/markdown_stroke_fill/dagre/sketch.exp.svg
index c6822e3c9..fd4247e47 100644
--- a/e2etests/testdata/stable/markdown_stroke_fill/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/markdown_stroke_fill/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 294 483"><svg id="d2-svg" class="d2-169845462" width="294" height="483" viewBox="-1 0 294 483"><rect x="-1.000000" y="0.000000" width="294.000000" height="483.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 294 483"><svg id="d2-svg" class="d2-169845462" width="294" height="483" viewBox="-1 0 294 483"><rect x="-1.000000" y="0.000000" width="294.000000" height="483.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-169845462 .text {
 	font-family: "d2-169845462-font-regular";
 }
diff --git a/e2etests/testdata/stable/markdown_stroke_fill/elk/sketch.exp.svg b/e2etests/testdata/stable/markdown_stroke_fill/elk/sketch.exp.svg
index 4d587c641..4874ce236 100644
--- a/e2etests/testdata/stable/markdown_stroke_fill/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/markdown_stroke_fill/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 314 454"><svg id="d2-svg" class="d2-2198866824" width="314" height="454" viewBox="11 11 314 454"><rect x="11.000000" y="11.000000" width="314.000000" height="454.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 314 454"><svg id="d2-svg" class="d2-2198866824" width="314" height="454" viewBox="11 11 314 454"><rect x="11.000000" y="11.000000" width="314.000000" height="454.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-2198866824 .text {
 	font-family: "d2-2198866824-font-regular";
 }
diff --git a/e2etests/testdata/stable/md_2space_newline/dagre/sketch.exp.svg b/e2etests/testdata/stable/md_2space_newline/dagre/sketch.exp.svg
index 401745bfd..59b344880 100644
--- a/e2etests/testdata/stable/md_2space_newline/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/md_2space_newline/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 541 149"><svg id="d2-svg" class="d2-2196618569" width="541" height="149" viewBox="-1 0 541 149"><rect x="-1.000000" y="0.000000" width="541.000000" height="149.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 541 149"><svg id="d2-svg" class="d2-2196618569" width="541" height="149" viewBox="-1 0 541 149"><rect x="-1.000000" y="0.000000" width="541.000000" height="149.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-2196618569 .text {
 	font-family: "d2-2196618569-font-regular";
 }
diff --git a/e2etests/testdata/stable/md_2space_newline/elk/sketch.exp.svg b/e2etests/testdata/stable/md_2space_newline/elk/sketch.exp.svg
index 808ad2918..c2dd1a6cf 100644
--- a/e2etests/testdata/stable/md_2space_newline/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/md_2space_newline/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 561 150"><svg id="d2-svg" class="d2-2492575587" width="561" height="150" viewBox="11 11 561 150"><rect x="11.000000" y="11.000000" width="561.000000" height="150.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 561 150"><svg id="d2-svg" class="d2-2492575587" width="561" height="150" viewBox="11 11 561 150"><rect x="11.000000" y="11.000000" width="561.000000" height="150.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-2492575587 .text {
 	font-family: "d2-2492575587-font-regular";
 }
diff --git a/e2etests/testdata/stable/md_backslash_newline/dagre/sketch.exp.svg b/e2etests/testdata/stable/md_backslash_newline/dagre/sketch.exp.svg
index 272484705..4a5113021 100644
--- a/e2etests/testdata/stable/md_backslash_newline/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/md_backslash_newline/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 541 149"><svg id="d2-svg" class="d2-2320207089" width="541" height="149" viewBox="-1 0 541 149"><rect x="-1.000000" y="0.000000" width="541.000000" height="149.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 541 149"><svg id="d2-svg" class="d2-2320207089" width="541" height="149" viewBox="-1 0 541 149"><rect x="-1.000000" y="0.000000" width="541.000000" height="149.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-2320207089 .text {
 	font-family: "d2-2320207089-font-regular";
 }
diff --git a/e2etests/testdata/stable/md_backslash_newline/elk/sketch.exp.svg b/e2etests/testdata/stable/md_backslash_newline/elk/sketch.exp.svg
index a4a3e9acc..7b7b58b09 100644
--- a/e2etests/testdata/stable/md_backslash_newline/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/md_backslash_newline/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 561 150"><svg id="d2-svg" class="d2-116836707" width="561" height="150" viewBox="11 11 561 150"><rect x="11.000000" y="11.000000" width="561.000000" height="150.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 561 150"><svg id="d2-svg" class="d2-116836707" width="561" height="150" viewBox="11 11 561 150"><rect x="11.000000" y="11.000000" width="561.000000" height="150.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-116836707 .text {
 	font-family: "d2-116836707-font-regular";
 }
diff --git a/e2etests/testdata/stable/md_code_block_fenced/dagre/sketch.exp.svg b/e2etests/testdata/stable/md_code_block_fenced/dagre/sketch.exp.svg
index cb82d1fcd..ba696f229 100644
--- a/e2etests/testdata/stable/md_code_block_fenced/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/md_code_block_fenced/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 198 445"><svg id="d2-svg" class="d2-3384886150" width="198" height="445" viewBox="-1 -1 198 445"><rect x="-1.000000" y="-1.000000" width="198.000000" height="445.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 198 445"><svg id="d2-svg" class="d2-3384886150" width="198" height="445" viewBox="-1 -1 198 445"><rect x="-1.000000" y="-1.000000" width="198.000000" height="445.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-3384886150 .text {
 	font-family: "d2-3384886150-font-regular";
 }
diff --git a/e2etests/testdata/stable/md_code_block_fenced/elk/sketch.exp.svg b/e2etests/testdata/stable/md_code_block_fenced/elk/sketch.exp.svg
index 47e249ac5..54b0012c5 100644
--- a/e2etests/testdata/stable/md_code_block_fenced/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/md_code_block_fenced/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 198 385"><svg id="d2-svg" class="d2-1893882329" width="198" height="385" viewBox="11 11 198 385"><rect x="11.000000" y="11.000000" width="198.000000" height="385.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 198 385"><svg id="d2-svg" class="d2-1893882329" width="198" height="385" viewBox="11 11 198 385"><rect x="11.000000" y="11.000000" width="198.000000" height="385.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-1893882329 .text {
 	font-family: "d2-1893882329-font-regular";
 }
diff --git a/e2etests/testdata/stable/md_code_block_indented/dagre/sketch.exp.svg b/e2etests/testdata/stable/md_code_block_indented/dagre/sketch.exp.svg
index 54765ae47..a36750c0f 100644
--- a/e2etests/testdata/stable/md_code_block_indented/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/md_code_block_indented/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 214 485"><svg id="d2-svg" class="d2-1431208640" width="214" height="485" viewBox="-1 -1 214 485"><rect x="-1.000000" y="-1.000000" width="214.000000" height="485.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 214 485"><svg id="d2-svg" class="d2-1431208640" width="214" height="485" viewBox="-1 -1 214 485"><rect x="-1.000000" y="-1.000000" width="214.000000" height="485.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-1431208640 .text {
 	font-family: "d2-1431208640-font-regular";
 }
diff --git a/e2etests/testdata/stable/md_code_block_indented/elk/sketch.exp.svg b/e2etests/testdata/stable/md_code_block_indented/elk/sketch.exp.svg
index 1f9a147cd..9fe2ee988 100644
--- a/e2etests/testdata/stable/md_code_block_indented/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/md_code_block_indented/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 214 425"><svg id="d2-svg" class="d2-1954165990" width="214" height="425" viewBox="11 11 214 425"><rect x="11.000000" y="11.000000" width="214.000000" height="425.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 214 425"><svg id="d2-svg" class="d2-1954165990" width="214" height="425" viewBox="11 11 214 425"><rect x="11.000000" y="11.000000" width="214.000000" height="425.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-1954165990 .text {
 	font-family: "d2-1954165990-font-regular";
 }
diff --git a/e2etests/testdata/stable/md_code_inline/dagre/sketch.exp.svg b/e2etests/testdata/stable/md_code_inline/dagre/sketch.exp.svg
index 14363ce01..6836ac813 100644
--- a/e2etests/testdata/stable/md_code_inline/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/md_code_inline/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 55 358"><svg id="d2-svg" class="d2-798449560" width="55" height="358" viewBox="-1 -1 55 358"><rect x="-1.000000" y="-1.000000" width="55.000000" height="358.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 55 358"><svg id="d2-svg" class="d2-798449560" width="55" height="358" viewBox="-1 -1 55 358"><rect x="-1.000000" y="-1.000000" width="55.000000" height="358.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-798449560 .text {
 	font-family: "d2-798449560-font-regular";
 }
diff --git a/e2etests/testdata/stable/md_code_inline/elk/sketch.exp.svg b/e2etests/testdata/stable/md_code_inline/elk/sketch.exp.svg
index 9fceadef8..51d70e5e3 100644
--- a/e2etests/testdata/stable/md_code_inline/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/md_code_inline/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 55 298"><svg id="d2-svg" class="d2-1989507874" width="55" height="298" viewBox="11 11 55 298"><rect x="11.000000" y="11.000000" width="55.000000" height="298.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 55 298"><svg id="d2-svg" class="d2-1989507874" width="55" height="298" viewBox="11 11 55 298"><rect x="11.000000" y="11.000000" width="55.000000" height="298.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-1989507874 .text {
 	font-family: "d2-1989507874-font-regular";
 }
diff --git a/e2etests/testdata/stable/mono-edge/dagre/sketch.exp.svg b/e2etests/testdata/stable/mono-edge/dagre/sketch.exp.svg
index 2c7f8317c..fd543e746 100644
--- a/e2etests/testdata/stable/mono-edge/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/mono-edge/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 227 68"><svg id="d2-svg" class="d2-3767803488" width="227" height="68" viewBox="-1 -1 227 68"><rect x="-1.000000" y="-1.000000" width="227.000000" height="68.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 227 68"><svg id="d2-svg" class="d2-3767803488" width="227" height="68" viewBox="-1 -1 227 68"><rect x="-1.000000" y="-1.000000" width="227.000000" height="68.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-3767803488 .text-bold {
 	font-family: "d2-3767803488-font-bold";
 }
diff --git a/e2etests/testdata/stable/mono-edge/elk/sketch.exp.svg b/e2etests/testdata/stable/mono-edge/elk/sketch.exp.svg
index ba6dadb45..1a39b4ae3 100644
--- a/e2etests/testdata/stable/mono-edge/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/mono-edge/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 267 68"><svg id="d2-svg" class="d2-2657382742" width="267" height="68" viewBox="11 11 267 68"><rect x="11.000000" y="11.000000" width="267.000000" height="68.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 267 68"><svg id="d2-svg" class="d2-2657382742" width="267" height="68" viewBox="11 11 267 68"><rect x="11.000000" y="11.000000" width="267.000000" height="68.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-2657382742 .text-bold {
 	font-family: "d2-2657382742-font-bold";
 }
diff --git a/e2etests/testdata/stable/mono-font/dagre/sketch.exp.svg b/e2etests/testdata/stable/mono-font/dagre/sketch.exp.svg
index 3a7b425a7..ffbc4ffd5 100644
--- a/e2etests/testdata/stable/mono-font/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/mono-font/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 180 266"><svg id="d2-svg" class="d2-1620692864" width="180" height="266" viewBox="20 -12 180 266"><rect x="20.000000" y="-12.000000" width="180.000000" height="266.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 180 266"><svg id="d2-svg" class="d2-1620692864" width="180" height="266" viewBox="20 -12 180 266"><rect x="20.000000" y="-12.000000" width="180.000000" height="266.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-1620692864 .text-mono {
 	font-family: "d2-1620692864-font-mono";
 }
diff --git a/e2etests/testdata/stable/mono-font/elk/sketch.exp.svg b/e2etests/testdata/stable/mono-font/elk/sketch.exp.svg
index e27095499..87ff28fd5 100644
--- a/e2etests/testdata/stable/mono-font/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/mono-font/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 174 326"><svg id="d2-svg" class="d2-1397794193" width="174" height="326" viewBox="11 0 174 326"><rect x="11.000000" y="0.000000" width="174.000000" height="326.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 174 326"><svg id="d2-svg" class="d2-1397794193" width="174" height="326" viewBox="11 0 174 326"><rect x="11.000000" y="0.000000" width="174.000000" height="326.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-1397794193 .text-mono {
 	font-family: "d2-1397794193-font-mono";
 }
diff --git a/e2etests/testdata/stable/multiline_text/dagre/sketch.exp.svg b/e2etests/testdata/stable/multiline_text/dagre/sketch.exp.svg
index 5020a2543..cdb940b8d 100644
--- a/e2etests/testdata/stable/multiline_text/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/multiline_text/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 144 100"><svg id="d2-svg" class="d2-2684979736" width="144" height="100" viewBox="-1 -1 144 100"><rect x="-1.000000" y="-1.000000" width="144.000000" height="100.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 144 100"><svg id="d2-svg" class="d2-2684979736" width="144" height="100" viewBox="-1 -1 144 100"><rect x="-1.000000" y="-1.000000" width="144.000000" height="100.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-2684979736 .text-bold {
 	font-family: "d2-2684979736-font-bold";
 }
diff --git a/e2etests/testdata/stable/multiline_text/elk/sketch.exp.svg b/e2etests/testdata/stable/multiline_text/elk/sketch.exp.svg
index ed6bbf24d..ec453257c 100644
--- a/e2etests/testdata/stable/multiline_text/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/multiline_text/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 144 100"><svg id="d2-svg" class="d2-2296643624" width="144" height="100" viewBox="11 11 144 100"><rect x="11.000000" y="11.000000" width="144.000000" height="100.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 144 100"><svg id="d2-svg" class="d2-2296643624" width="144" height="100" viewBox="11 11 144 100"><rect x="11.000000" y="11.000000" width="144.000000" height="100.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-2296643624 .text-bold {
 	font-family: "d2-2296643624-font-bold";
 }
diff --git a/e2etests/testdata/stable/multiple_trees/dagre/sketch.exp.svg b/e2etests/testdata/stable/multiple_trees/dagre/sketch.exp.svg
index 9b6efa382..2bf5befc6 100644
--- a/e2etests/testdata/stable/multiple_trees/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/multiple_trees/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1112 898"><svg id="d2-svg" class="d2-1306824114" width="1112" height="898" viewBox="-1 -1 1112 898"><rect x="-1.000000" y="-1.000000" width="1112.000000" height="898.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1112 898"><svg id="d2-svg" class="d2-1306824114" width="1112" height="898" viewBox="-1 -1 1112 898"><rect x="-1.000000" y="-1.000000" width="1112.000000" height="898.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-1306824114 .text-bold {
 	font-family: "d2-1306824114-font-bold";
 }
diff --git a/e2etests/testdata/stable/multiple_trees/elk/sketch.exp.svg b/e2etests/testdata/stable/multiple_trees/elk/sketch.exp.svg
index 1efc62d08..734fc395e 100644
--- a/e2etests/testdata/stable/multiple_trees/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/multiple_trees/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 839 928"><svg id="d2-svg" class="d2-393352562" width="839" height="928" viewBox="11 11 839 928"><rect x="11.000000" y="11.000000" width="839.000000" height="928.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 839 928"><svg id="d2-svg" class="d2-393352562" width="839" height="928" viewBox="11 11 839 928"><rect x="11.000000" y="11.000000" width="839.000000" height="928.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-393352562 .text-bold {
 	font-family: "d2-393352562-font-bold";
 }
diff --git a/e2etests/testdata/stable/n22_e32/dagre/sketch.exp.svg b/e2etests/testdata/stable/n22_e32/dagre/sketch.exp.svg
index bbab22b22..8cff0cdd6 100644
--- a/e2etests/testdata/stable/n22_e32/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/n22_e32/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 696 1230"><svg id="d2-svg" class="d2-4128722345" width="696" height="1230" viewBox="-39 -1 696 1230"><rect x="-39.000000" y="-1.000000" width="696.000000" height="1230.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 696 1230"><svg id="d2-svg" class="d2-4128722345" width="696" height="1230" viewBox="-39 -1 696 1230"><rect x="-39.000000" y="-1.000000" width="696.000000" height="1230.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-4128722345 .text-bold {
 	font-family: "d2-4128722345-font-bold";
 }
diff --git a/e2etests/testdata/stable/n22_e32/elk/sketch.exp.svg b/e2etests/testdata/stable/n22_e32/elk/sketch.exp.svg
index a1fe20599..73c4c6571 100644
--- a/e2etests/testdata/stable/n22_e32/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/n22_e32/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 897 1230"><svg id="d2-svg" class="d2-4069483948" width="897" height="1230" viewBox="11 11 897 1230"><rect x="11.000000" y="11.000000" width="897.000000" height="1230.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 897 1230"><svg id="d2-svg" class="d2-4069483948" width="897" height="1230" viewBox="11 11 897 1230"><rect x="11.000000" y="11.000000" width="897.000000" height="1230.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-4069483948 .text-bold {
 	font-family: "d2-4069483948-font-bold";
 }
diff --git a/e2etests/testdata/stable/near-alone/dagre/sketch.exp.svg b/e2etests/testdata/stable/near-alone/dagre/sketch.exp.svg
index 6a9b6b56d..b497979f6 100644
--- a/e2etests/testdata/stable/near-alone/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/near-alone/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 128 174"><svg id="d2-svg" class="d2-668290438" width="128" height="174" viewBox="-100 -87 128 174"><rect x="-100.000000" y="-87.000000" width="128.000000" height="174.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 128 174"><svg id="d2-svg" class="d2-668290438" width="128" height="174" viewBox="-100 -87 128 174"><rect x="-100.000000" y="-87.000000" width="128.000000" height="174.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-668290438 .text-bold {
 	font-family: "d2-668290438-font-bold";
 }
diff --git a/e2etests/testdata/stable/near-alone/elk/sketch.exp.svg b/e2etests/testdata/stable/near-alone/elk/sketch.exp.svg
index 6a9b6b56d..b497979f6 100644
--- a/e2etests/testdata/stable/near-alone/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/near-alone/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 128 174"><svg id="d2-svg" class="d2-668290438" width="128" height="174" viewBox="-100 -87 128 174"><rect x="-100.000000" y="-87.000000" width="128.000000" height="174.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 128 174"><svg id="d2-svg" class="d2-668290438" width="128" height="174" viewBox="-100 -87 128 174"><rect x="-100.000000" y="-87.000000" width="128.000000" height="174.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-668290438 .text-bold {
 	font-family: "d2-668290438-font-bold";
 }
diff --git a/e2etests/testdata/stable/near_keys_for_container#01/dagre/board.exp.json b/e2etests/testdata/stable/near_keys_for_container#01/dagre/board.exp.json
new file mode 100644
index 000000000..97329ee10
--- /dev/null
+++ b/e2etests/testdata/stable/near_keys_for_container#01/dagre/board.exp.json
@@ -0,0 +1,1245 @@
+{
+  "name": "",
+  "isFolderOnly": false,
+  "fontFamily": "SourceSansPro",
+  "shapes": [
+    {
+      "id": "z",
+      "type": "rectangle",
+      "pos": {
+        "x": -123,
+        "y": 56
+      },
+      "width": 247,
+      "height": 291,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B4",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "z",
+      "fontSize": 28,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 12,
+      "labelHeight": 36,
+      "labelPosition": "OUTSIDE_TOP_CENTER",
+      "zIndex": 0,
+      "level": 1
+    },
+    {
+      "id": "z.a",
+      "type": "rectangle",
+      "pos": {
+        "x": -83,
+        "y": 85
+      },
+      "width": 53,
+      "height": 66,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B5",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "a",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 8,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "z.b",
+      "type": "rectangle",
+      "pos": {
+        "x": -83,
+        "y": 251
+      },
+      "width": 53,
+      "height": 66,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B5",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "b",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 8,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "z.c",
+      "type": "rectangle",
+      "pos": {
+        "x": 30,
+        "y": 85
+      },
+      "width": 53,
+      "height": 66,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B5",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "c",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 8,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "z.d",
+      "type": "rectangle",
+      "pos": {
+        "x": 29,
+        "y": 251
+      },
+      "width": 54,
+      "height": 66,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B5",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "d",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 9,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "a",
+      "type": "rectangle",
+      "pos": {
+        "x": -86,
+        "y": -245
+      },
+      "width": 173,
+      "height": 225,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B4",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "a",
+      "fontSize": 28,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 12,
+      "labelHeight": 36,
+      "labelPosition": "OUTSIDE_TOP_CENTER",
+      "zIndex": 0,
+      "level": 1
+    },
+    {
+      "id": "a.b",
+      "type": "rectangle",
+      "pos": {
+        "x": -66,
+        "y": -179
+      },
+      "width": 133,
+      "height": 130,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B5",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "b",
+      "fontSize": 24,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 12,
+      "labelHeight": 31,
+      "labelPosition": "OUTSIDE_TOP_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "a.b.c",
+      "type": "rectangle",
+      "pos": {
+        "x": -26,
+        "y": -147
+      },
+      "width": 53,
+      "height": 66,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B6",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "c",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 8,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 3
+    },
+    {
+      "id": "x",
+      "type": "rectangle",
+      "pos": {
+        "x": -390,
+        "y": -311
+      },
+      "width": 247,
+      "height": 291,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B4",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "x",
+      "fontSize": 28,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 13,
+      "labelHeight": 36,
+      "labelPosition": "OUTSIDE_TOP_CENTER",
+      "zIndex": 0,
+      "level": 1
+    },
+    {
+      "id": "x.a",
+      "type": "rectangle",
+      "pos": {
+        "x": -350,
+        "y": -281
+      },
+      "width": 53,
+      "height": 66,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B5",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "a",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 8,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "x.b",
+      "type": "rectangle",
+      "pos": {
+        "x": -350,
+        "y": -115
+      },
+      "width": 53,
+      "height": 66,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B5",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "b",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 8,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "x.c",
+      "type": "rectangle",
+      "pos": {
+        "x": -236,
+        "y": -281
+      },
+      "width": 53,
+      "height": 66,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B5",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "c",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 8,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "x.d",
+      "type": "rectangle",
+      "pos": {
+        "x": -237,
+        "y": -115
+      },
+      "width": 54,
+      "height": 66,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B5",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "d",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 9,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "y",
+      "type": "rectangle",
+      "pos": {
+        "x": 143,
+        "y": -311
+      },
+      "width": 247,
+      "height": 291,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B4",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "y",
+      "fontSize": 28,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 13,
+      "labelHeight": 36,
+      "labelPosition": "OUTSIDE_TOP_CENTER",
+      "zIndex": 0,
+      "level": 1
+    },
+    {
+      "id": "y.a",
+      "type": "rectangle",
+      "pos": {
+        "x": 183,
+        "y": -281
+      },
+      "width": 53,
+      "height": 66,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B5",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "a",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 8,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "y.b",
+      "type": "rectangle",
+      "pos": {
+        "x": 183,
+        "y": -115
+      },
+      "width": 53,
+      "height": 66,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B5",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "b",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 8,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "y.c",
+      "type": "rectangle",
+      "pos": {
+        "x": 297,
+        "y": -281
+      },
+      "width": 53,
+      "height": 66,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B5",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "c",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 8,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "y.d",
+      "type": "rectangle",
+      "pos": {
+        "x": 296,
+        "y": -115
+      },
+      "width": 54,
+      "height": 66,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B5",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "d",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 9,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "b",
+      "type": "rectangle",
+      "pos": {
+        "x": 143,
+        "y": 56
+      },
+      "width": 214,
+      "height": 325,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B4",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "b",
+      "fontSize": 28,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 13,
+      "labelHeight": 36,
+      "labelPosition": "OUTSIDE_TOP_CENTER",
+      "zIndex": 0,
+      "level": 1
+    },
+    {
+      "id": "b.a",
+      "type": "rectangle",
+      "pos": {
+        "x": 163,
+        "y": 121
+      },
+      "width": 174,
+      "height": 230,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B5",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "a",
+      "fontSize": 24,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 10,
+      "labelHeight": 31,
+      "labelPosition": "OUTSIDE_TOP_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "b.a.c",
+      "type": "rectangle",
+      "pos": {
+        "x": 183,
+        "y": 184
+      },
+      "width": 134,
+      "height": 135,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B6",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "c",
+      "fontSize": 20,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 9,
+      "labelHeight": 26,
+      "labelPosition": "OUTSIDE_TOP_CENTER",
+      "zIndex": 0,
+      "level": 3
+    },
+    {
+      "id": "b.a.c.d",
+      "type": "rectangle",
+      "pos": {
+        "x": 223,
+        "y": 219
+      },
+      "width": 54,
+      "height": 66,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "N7",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "d",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 9,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 4
+    }
+  ],
+  "connections": [
+    {
+      "id": "z.(a -> b)[0]",
+      "src": "z.a",
+      "srcArrow": "none",
+      "srcLabel": "",
+      "dst": "z.b",
+      "dstArrow": "triangle",
+      "dstLabel": "",
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "stroke": "B1",
+      "borderRadius": 10,
+      "label": "",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N2",
+      "italic": true,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 0,
+      "labelHeight": 0,
+      "labelPosition": "",
+      "labelPercentage": 0,
+      "route": [
+        {
+          "x": -57,
+          "y": 151.5
+        },
+        {
+          "x": -57,
+          "y": 191.5
+        },
+        {
+          "x": -57,
+          "y": 211.5
+        },
+        {
+          "x": -57,
+          "y": 251.5
+        }
+      ],
+      "isCurve": true,
+      "animated": false,
+      "tooltip": "",
+      "icon": null,
+      "zIndex": 0
+    },
+    {
+      "id": "z.(c -> d)[0]",
+      "src": "z.c",
+      "srcArrow": "none",
+      "srcLabel": "",
+      "dst": "z.d",
+      "dstArrow": "triangle",
+      "dstLabel": "",
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "stroke": "B1",
+      "borderRadius": 10,
+      "label": "",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N2",
+      "italic": true,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 0,
+      "labelHeight": 0,
+      "labelPosition": "",
+      "labelPercentage": 0,
+      "route": [
+        {
+          "x": 56.5,
+          "y": 151.5
+        },
+        {
+          "x": 56.5,
+          "y": 191.5
+        },
+        {
+          "x": 56.5,
+          "y": 211.5
+        },
+        {
+          "x": 56.5,
+          "y": 251.5
+        }
+      ],
+      "isCurve": true,
+      "animated": false,
+      "tooltip": "",
+      "icon": null,
+      "zIndex": 0
+    },
+    {
+      "id": "x.(a -> b)[0]",
+      "src": "x.a",
+      "srcArrow": "none",
+      "srcLabel": "",
+      "dst": "x.b",
+      "dstArrow": "triangle",
+      "dstLabel": "",
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "stroke": "B1",
+      "borderRadius": 10,
+      "label": "",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N2",
+      "italic": true,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 0,
+      "labelHeight": 0,
+      "labelPosition": "",
+      "labelPercentage": 0,
+      "route": [
+        {
+          "x": -324,
+          "y": -215.5
+        },
+        {
+          "x": -324,
+          "y": -175.5
+        },
+        {
+          "x": -324,
+          "y": -155.5
+        },
+        {
+          "x": -324,
+          "y": -115.5
+        }
+      ],
+      "isCurve": true,
+      "animated": false,
+      "tooltip": "",
+      "icon": null,
+      "zIndex": 0
+    },
+    {
+      "id": "x.(c -> d)[0]",
+      "src": "x.c",
+      "srcArrow": "none",
+      "srcLabel": "",
+      "dst": "x.d",
+      "dstArrow": "triangle",
+      "dstLabel": "",
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "stroke": "B1",
+      "borderRadius": 10,
+      "label": "",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N2",
+      "italic": true,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 0,
+      "labelHeight": 0,
+      "labelPosition": "",
+      "labelPercentage": 0,
+      "route": [
+        {
+          "x": -210.5,
+          "y": -215.5
+        },
+        {
+          "x": -210.5,
+          "y": -175.5
+        },
+        {
+          "x": -210.5,
+          "y": -155.5
+        },
+        {
+          "x": -210.5,
+          "y": -115.5
+        }
+      ],
+      "isCurve": true,
+      "animated": false,
+      "tooltip": "",
+      "icon": null,
+      "zIndex": 0
+    },
+    {
+      "id": "y.(a -> b)[0]",
+      "src": "y.a",
+      "srcArrow": "none",
+      "srcLabel": "",
+      "dst": "y.b",
+      "dstArrow": "triangle",
+      "dstLabel": "",
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "stroke": "B1",
+      "borderRadius": 10,
+      "label": "",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N2",
+      "italic": true,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 0,
+      "labelHeight": 0,
+      "labelPosition": "",
+      "labelPercentage": 0,
+      "route": [
+        {
+          "x": 210,
+          "y": -215.5
+        },
+        {
+          "x": 210,
+          "y": -175.5
+        },
+        {
+          "x": 210,
+          "y": -155.5
+        },
+        {
+          "x": 210,
+          "y": -115.5
+        }
+      ],
+      "isCurve": true,
+      "animated": false,
+      "tooltip": "",
+      "icon": null,
+      "zIndex": 0
+    },
+    {
+      "id": "y.(c -> d)[0]",
+      "src": "y.c",
+      "srcArrow": "none",
+      "srcLabel": "",
+      "dst": "y.d",
+      "dstArrow": "triangle",
+      "dstLabel": "",
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "stroke": "B1",
+      "borderRadius": 10,
+      "label": "",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N2",
+      "italic": true,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 0,
+      "labelHeight": 0,
+      "labelPosition": "",
+      "labelPercentage": 0,
+      "route": [
+        {
+          "x": 323.5,
+          "y": -215.5
+        },
+        {
+          "x": 323.5,
+          "y": -175.5
+        },
+        {
+          "x": 323.5,
+          "y": -155.5
+        },
+        {
+          "x": 323.5,
+          "y": -115.5
+        }
+      ],
+      "isCurve": true,
+      "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": "",
+    "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
+  }
+}
diff --git a/e2etests/testdata/stable/near_keys_for_container#01/dagre/sketch.exp.svg b/e2etests/testdata/stable/near_keys_for_container#01/dagre/sketch.exp.svg
new file mode 100644
index 000000000..48a0d7d1b
--- /dev/null
+++ b/e2etests/testdata/stable/near_keys_for_container#01/dagre/sketch.exp.svg
@@ -0,0 +1,102 @@
+<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 782 734"><svg id="d2-svg" class="d2-1209788547" width="782" height="734" viewBox="-391 -352 782 734"><rect x="-391.000000" y="-352.000000" width="782.000000" height="734.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
+.d2-1209788547 .text {
+	font-family: "d2-1209788547-font-regular";
+}
+@font-face {
+	font-family: d2-1209788547-font-regular;
+	src: url("data:application/font-woff;base64,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");
+}
+.d2-1209788547 .text-bold {
+	font-family: "d2-1209788547-font-bold";
+}
+@font-face {
+	font-family: d2-1209788547-font-bold;
+	src: url("data:application/font-woff;base64,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");
+}]]></style><style type="text/css"><![CDATA[.shape {
+  shape-rendering: geometricPrecision;
+  stroke-linejoin: round;
+}
+.connection {
+  stroke-linecap: round;
+  stroke-linejoin: round;
+}
+.blend {
+  mix-blend-mode: multiply;
+  opacity: 0.5;
+}
+
+		.d2-1209788547 .fill-N1{fill:#0A0F25;}
+		.d2-1209788547 .fill-N2{fill:#676C7E;}
+		.d2-1209788547 .fill-N3{fill:#9499AB;}
+		.d2-1209788547 .fill-N4{fill:#CFD2DD;}
+		.d2-1209788547 .fill-N5{fill:#DEE1EB;}
+		.d2-1209788547 .fill-N6{fill:#EEF1F8;}
+		.d2-1209788547 .fill-N7{fill:#FFFFFF;}
+		.d2-1209788547 .fill-B1{fill:#0D32B2;}
+		.d2-1209788547 .fill-B2{fill:#0D32B2;}
+		.d2-1209788547 .fill-B3{fill:#E3E9FD;}
+		.d2-1209788547 .fill-B4{fill:#E3E9FD;}
+		.d2-1209788547 .fill-B5{fill:#EDF0FD;}
+		.d2-1209788547 .fill-B6{fill:#F7F8FE;}
+		.d2-1209788547 .fill-AA2{fill:#4A6FF3;}
+		.d2-1209788547 .fill-AA4{fill:#EDF0FD;}
+		.d2-1209788547 .fill-AA5{fill:#F7F8FE;}
+		.d2-1209788547 .fill-AB4{fill:#EDF0FD;}
+		.d2-1209788547 .fill-AB5{fill:#F7F8FE;}
+		.d2-1209788547 .stroke-N1{stroke:#0A0F25;}
+		.d2-1209788547 .stroke-N2{stroke:#676C7E;}
+		.d2-1209788547 .stroke-N3{stroke:#9499AB;}
+		.d2-1209788547 .stroke-N4{stroke:#CFD2DD;}
+		.d2-1209788547 .stroke-N5{stroke:#DEE1EB;}
+		.d2-1209788547 .stroke-N6{stroke:#EEF1F8;}
+		.d2-1209788547 .stroke-N7{stroke:#FFFFFF;}
+		.d2-1209788547 .stroke-B1{stroke:#0D32B2;}
+		.d2-1209788547 .stroke-B2{stroke:#0D32B2;}
+		.d2-1209788547 .stroke-B3{stroke:#E3E9FD;}
+		.d2-1209788547 .stroke-B4{stroke:#E3E9FD;}
+		.d2-1209788547 .stroke-B5{stroke:#EDF0FD;}
+		.d2-1209788547 .stroke-B6{stroke:#F7F8FE;}
+		.d2-1209788547 .stroke-AA2{stroke:#4A6FF3;}
+		.d2-1209788547 .stroke-AA4{stroke:#EDF0FD;}
+		.d2-1209788547 .stroke-AA5{stroke:#F7F8FE;}
+		.d2-1209788547 .stroke-AB4{stroke:#EDF0FD;}
+		.d2-1209788547 .stroke-AB5{stroke:#F7F8FE;}
+		.d2-1209788547 .background-color-N1{background-color:#0A0F25;}
+		.d2-1209788547 .background-color-N2{background-color:#676C7E;}
+		.d2-1209788547 .background-color-N3{background-color:#9499AB;}
+		.d2-1209788547 .background-color-N4{background-color:#CFD2DD;}
+		.d2-1209788547 .background-color-N5{background-color:#DEE1EB;}
+		.d2-1209788547 .background-color-N6{background-color:#EEF1F8;}
+		.d2-1209788547 .background-color-N7{background-color:#FFFFFF;}
+		.d2-1209788547 .background-color-B1{background-color:#0D32B2;}
+		.d2-1209788547 .background-color-B2{background-color:#0D32B2;}
+		.d2-1209788547 .background-color-B3{background-color:#E3E9FD;}
+		.d2-1209788547 .background-color-B4{background-color:#E3E9FD;}
+		.d2-1209788547 .background-color-B5{background-color:#EDF0FD;}
+		.d2-1209788547 .background-color-B6{background-color:#F7F8FE;}
+		.d2-1209788547 .background-color-AA2{background-color:#4A6FF3;}
+		.d2-1209788547 .background-color-AA4{background-color:#EDF0FD;}
+		.d2-1209788547 .background-color-AA5{background-color:#F7F8FE;}
+		.d2-1209788547 .background-color-AB4{background-color:#EDF0FD;}
+		.d2-1209788547 .background-color-AB5{background-color:#F7F8FE;}
+		.d2-1209788547 .color-N1{color:#0A0F25;}
+		.d2-1209788547 .color-N2{color:#676C7E;}
+		.d2-1209788547 .color-N3{color:#9499AB;}
+		.d2-1209788547 .color-N4{color:#CFD2DD;}
+		.d2-1209788547 .color-N5{color:#DEE1EB;}
+		.d2-1209788547 .color-N6{color:#EEF1F8;}
+		.d2-1209788547 .color-N7{color:#FFFFFF;}
+		.d2-1209788547 .color-B1{color:#0D32B2;}
+		.d2-1209788547 .color-B2{color:#0D32B2;}
+		.d2-1209788547 .color-B3{color:#E3E9FD;}
+		.d2-1209788547 .color-B4{color:#E3E9FD;}
+		.d2-1209788547 .color-B5{color:#EDF0FD;}
+		.d2-1209788547 .color-B6{color:#F7F8FE;}
+		.d2-1209788547 .color-AA2{color:#4A6FF3;}
+		.d2-1209788547 .color-AA4{color:#EDF0FD;}
+		.d2-1209788547 .color-AA5{color:#F7F8FE;}
+		.d2-1209788547 .color-AB4{color:#EDF0FD;}
+		.d2-1209788547 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g id="z"><g class="shape" ><rect x="-123.000000" y="56.000000" width="247.000000" height="291.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="0.500000" y="43.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">z</text></g><g id="a"><g class="shape" ><rect x="-86.000000" y="-245.000000" width="173.000000" height="225.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="0.500000" y="-258.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">a</text></g><g id="x"><g class="shape" ><rect x="-390.000000" y="-311.000000" width="247.000000" height="291.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="-266.500000" y="-324.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">x</text></g><g id="y"><g class="shape" ><rect x="143.000000" y="-311.000000" width="247.000000" height="291.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="266.500000" y="-324.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">y</text></g><g id="b"><g class="shape" ><rect x="143.000000" y="56.000000" width="214.000000" height="325.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="250.000000" y="43.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">b</text></g><g id="z.a"><g class="shape" ><rect x="-83.000000" y="85.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="-56.500000" y="123.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="z.b"><g class="shape" ><rect x="-83.000000" y="251.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="-56.500000" y="289.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="z.c"><g class="shape" ><rect x="30.000000" y="85.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="56.500000" y="123.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="z.d"><g class="shape" ><rect x="29.000000" y="251.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="56.000000" y="289.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="a.b"><g class="shape" ><rect x="-66.000000" y="-179.000000" width="133.000000" height="130.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="0.500000" y="-191.000000" class="text fill-N1" style="text-anchor:middle;font-size:24px">b</text></g><g id="x.a"><g class="shape" ><rect x="-350.000000" y="-281.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="-323.500000" y="-242.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="x.b"><g class="shape" ><rect x="-350.000000" y="-115.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="-323.500000" y="-76.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="x.c"><g class="shape" ><rect x="-236.000000" y="-281.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="-209.500000" y="-242.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="x.d"><g class="shape" ><rect x="-237.000000" y="-115.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="-210.000000" y="-76.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="y.a"><g class="shape" ><rect x="183.000000" y="-281.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="209.500000" y="-242.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="y.b"><g class="shape" ><rect x="183.000000" y="-115.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="209.500000" y="-76.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="y.c"><g class="shape" ><rect x="297.000000" y="-281.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="323.500000" y="-242.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="y.d"><g class="shape" ><rect x="296.000000" y="-115.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="323.000000" y="-76.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="b.a"><g class="shape" ><rect x="163.000000" y="121.000000" width="174.000000" height="230.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="250.000000" y="109.000000" class="text fill-N1" style="text-anchor:middle;font-size:24px">a</text></g><g id="a.b.c"><g class="shape" ><rect x="-26.000000" y="-147.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="0.500000" y="-108.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="b.a.c"><g class="shape" ><rect x="183.000000" y="184.000000" width="134.000000" height="135.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="250.000000" y="173.000000" class="text fill-N1" style="text-anchor:middle;font-size:20px">c</text></g><g id="b.a.c.d"><g class="shape" ><rect x="223.000000" y="219.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="250.000000" y="257.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="z.(a -&gt; b)[0]"><marker id="mk-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" class="connection fill-B1" stroke-width="2" /> </marker><path d="M -57.000000 153.500000 C -57.000000 191.500000 -57.000000 211.500000 -57.000000 247.500000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1209788547)" /></g><g id="z.(c -&gt; d)[0]"><path d="M 56.500000 153.500000 C 56.500000 191.500000 56.500000 211.500000 56.500000 247.500000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1209788547)" /></g><g id="x.(a -&gt; b)[0]"><path d="M -324.000000 -213.500000 C -324.000000 -175.500000 -324.000000 -155.500000 -324.000000 -119.500000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1209788547)" /></g><g id="x.(c -&gt; d)[0]"><path d="M -210.500000 -213.500000 C -210.500000 -175.500000 -210.500000 -155.500000 -210.500000 -119.500000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1209788547)" /></g><g id="y.(a -&gt; b)[0]"><path d="M 210.000000 -213.500000 C 210.000000 -175.500000 210.000000 -155.500000 210.000000 -119.500000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1209788547)" /></g><g id="y.(c -&gt; d)[0]"><path d="M 323.500000 -213.500000 C 323.500000 -175.500000 323.500000 -155.500000 323.500000 -119.500000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1209788547)" /></g><mask id="d2-1209788547" maskUnits="userSpaceOnUse" x="-391" y="-352" width="782" height="734">
+<rect x="-391" y="-352" width="782" height="734" fill="white"></rect>
+
+</mask></svg></svg>
\ No newline at end of file
diff --git a/e2etests/testdata/stable/near_keys_for_container#01/elk/board.exp.json b/e2etests/testdata/stable/near_keys_for_container#01/elk/board.exp.json
new file mode 100644
index 000000000..942b0e639
--- /dev/null
+++ b/e2etests/testdata/stable/near_keys_for_container#01/elk/board.exp.json
@@ -0,0 +1,1191 @@
+{
+  "name": "",
+  "isFolderOnly": false,
+  "fontFamily": "SourceSansPro",
+  "shapes": [
+    {
+      "id": "z",
+      "type": "rectangle",
+      "pos": {
+        "x": -113,
+        "y": 20
+      },
+      "width": 227,
+      "height": 302,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B4",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "z",
+      "fontSize": 28,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 12,
+      "labelHeight": 36,
+      "labelPosition": "INSIDE_TOP_CENTER",
+      "zIndex": 0,
+      "level": 1
+    },
+    {
+      "id": "z.a",
+      "type": "rectangle",
+      "pos": {
+        "x": -63,
+        "y": 70
+      },
+      "width": 53,
+      "height": 66,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B5",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "a",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 8,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "z.b",
+      "type": "rectangle",
+      "pos": {
+        "x": -63,
+        "y": 206
+      },
+      "width": 53,
+      "height": 66,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B5",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "b",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 8,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "z.c",
+      "type": "rectangle",
+      "pos": {
+        "x": 10,
+        "y": 70
+      },
+      "width": 53,
+      "height": 66,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B5",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "c",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 8,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "z.d",
+      "type": "rectangle",
+      "pos": {
+        "x": 9,
+        "y": 206
+      },
+      "width": 54,
+      "height": 66,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B5",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "d",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 9,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "a",
+      "type": "rectangle",
+      "pos": {
+        "x": -126,
+        "y": -286
+      },
+      "width": 253,
+      "height": 266,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B4",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "a",
+      "fontSize": 28,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 12,
+      "labelHeight": 36,
+      "labelPosition": "INSIDE_TOP_CENTER",
+      "zIndex": 0,
+      "level": 1
+    },
+    {
+      "id": "a.b",
+      "type": "rectangle",
+      "pos": {
+        "x": -76,
+        "y": -236
+      },
+      "width": 153,
+      "height": 166,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B5",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "b",
+      "fontSize": 24,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 12,
+      "labelHeight": 31,
+      "labelPosition": "INSIDE_TOP_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "a.b.c",
+      "type": "rectangle",
+      "pos": {
+        "x": -26,
+        "y": -186
+      },
+      "width": 53,
+      "height": 66,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B6",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "c",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 8,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 3
+    },
+    {
+      "id": "x",
+      "type": "rectangle",
+      "pos": {
+        "x": -373,
+        "y": -322
+      },
+      "width": 227,
+      "height": 302,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B4",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "x",
+      "fontSize": 28,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 13,
+      "labelHeight": 36,
+      "labelPosition": "INSIDE_TOP_CENTER",
+      "zIndex": 0,
+      "level": 1
+    },
+    {
+      "id": "x.a",
+      "type": "rectangle",
+      "pos": {
+        "x": -323,
+        "y": -272
+      },
+      "width": 53,
+      "height": 66,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B5",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "a",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 8,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "x.b",
+      "type": "rectangle",
+      "pos": {
+        "x": -323,
+        "y": -136
+      },
+      "width": 53,
+      "height": 66,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B5",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "b",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 8,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "x.c",
+      "type": "rectangle",
+      "pos": {
+        "x": -250,
+        "y": -272
+      },
+      "width": 53,
+      "height": 66,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B5",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "c",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 8,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "x.d",
+      "type": "rectangle",
+      "pos": {
+        "x": -250,
+        "y": -136
+      },
+      "width": 54,
+      "height": 66,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B5",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "d",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 9,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "y",
+      "type": "rectangle",
+      "pos": {
+        "x": 146,
+        "y": -322
+      },
+      "width": 227,
+      "height": 302,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B4",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "y",
+      "fontSize": 28,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 13,
+      "labelHeight": 36,
+      "labelPosition": "INSIDE_TOP_CENTER",
+      "zIndex": 0,
+      "level": 1
+    },
+    {
+      "id": "y.a",
+      "type": "rectangle",
+      "pos": {
+        "x": 196,
+        "y": -272
+      },
+      "width": 53,
+      "height": 66,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B5",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "a",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 8,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "y.b",
+      "type": "rectangle",
+      "pos": {
+        "x": 196,
+        "y": -136
+      },
+      "width": 53,
+      "height": 66,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B5",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "b",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 8,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "y.c",
+      "type": "rectangle",
+      "pos": {
+        "x": 270,
+        "y": -272
+      },
+      "width": 53,
+      "height": 66,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B5",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "c",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 8,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "y.d",
+      "type": "rectangle",
+      "pos": {
+        "x": 269,
+        "y": -136
+      },
+      "width": 54,
+      "height": 66,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B5",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "d",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 9,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "b",
+      "type": "rectangle",
+      "pos": {
+        "x": 146,
+        "y": 20
+      },
+      "width": 354,
+      "height": 366,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B4",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "b",
+      "fontSize": 28,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 13,
+      "labelHeight": 36,
+      "labelPosition": "INSIDE_TOP_CENTER",
+      "zIndex": 0,
+      "level": 1
+    },
+    {
+      "id": "b.a",
+      "type": "rectangle",
+      "pos": {
+        "x": 196,
+        "y": 70
+      },
+      "width": 254,
+      "height": 266,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B5",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "a",
+      "fontSize": 24,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 10,
+      "labelHeight": 31,
+      "labelPosition": "INSIDE_TOP_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "b.a.c",
+      "type": "rectangle",
+      "pos": {
+        "x": 246,
+        "y": 120
+      },
+      "width": 154,
+      "height": 166,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B6",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "c",
+      "fontSize": 20,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 9,
+      "labelHeight": 26,
+      "labelPosition": "INSIDE_TOP_CENTER",
+      "zIndex": 0,
+      "level": 3
+    },
+    {
+      "id": "b.a.c.d",
+      "type": "rectangle",
+      "pos": {
+        "x": 296,
+        "y": 170
+      },
+      "width": 54,
+      "height": 66,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "N7",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "d",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 9,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 4
+    }
+  ],
+  "connections": [
+    {
+      "id": "z.(a -> b)[0]",
+      "src": "z.a",
+      "srcArrow": "none",
+      "srcLabel": "",
+      "dst": "z.b",
+      "dstArrow": "triangle",
+      "dstLabel": "",
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "stroke": "B1",
+      "borderRadius": 10,
+      "label": "",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N2",
+      "italic": true,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 0,
+      "labelHeight": 0,
+      "labelPosition": "",
+      "labelPercentage": 0,
+      "route": [
+        {
+          "x": -37,
+          "y": 136
+        },
+        {
+          "x": -37,
+          "y": 206
+        }
+      ],
+      "animated": false,
+      "tooltip": "",
+      "icon": null,
+      "zIndex": 0
+    },
+    {
+      "id": "z.(c -> d)[0]",
+      "src": "z.c",
+      "srcArrow": "none",
+      "srcLabel": "",
+      "dst": "z.d",
+      "dstArrow": "triangle",
+      "dstLabel": "",
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "stroke": "B1",
+      "borderRadius": 10,
+      "label": "",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N2",
+      "italic": true,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 0,
+      "labelHeight": 0,
+      "labelPosition": "",
+      "labelPercentage": 0,
+      "route": [
+        {
+          "x": 36.5,
+          "y": 136
+        },
+        {
+          "x": 36.5,
+          "y": 206
+        }
+      ],
+      "animated": false,
+      "tooltip": "",
+      "icon": null,
+      "zIndex": 0
+    },
+    {
+      "id": "x.(a -> b)[0]",
+      "src": "x.a",
+      "srcArrow": "none",
+      "srcLabel": "",
+      "dst": "x.b",
+      "dstArrow": "triangle",
+      "dstLabel": "",
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "stroke": "B1",
+      "borderRadius": 10,
+      "label": "",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N2",
+      "italic": true,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 0,
+      "labelHeight": 0,
+      "labelPosition": "",
+      "labelPercentage": 0,
+      "route": [
+        {
+          "x": -297,
+          "y": -206
+        },
+        {
+          "x": -297,
+          "y": -136
+        }
+      ],
+      "animated": false,
+      "tooltip": "",
+      "icon": null,
+      "zIndex": 0
+    },
+    {
+      "id": "x.(c -> d)[0]",
+      "src": "x.c",
+      "srcArrow": "none",
+      "srcLabel": "",
+      "dst": "x.d",
+      "dstArrow": "triangle",
+      "dstLabel": "",
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "stroke": "B1",
+      "borderRadius": 10,
+      "label": "",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N2",
+      "italic": true,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 0,
+      "labelHeight": 0,
+      "labelPosition": "",
+      "labelPercentage": 0,
+      "route": [
+        {
+          "x": -223.5,
+          "y": -206
+        },
+        {
+          "x": -223.5,
+          "y": -136
+        }
+      ],
+      "animated": false,
+      "tooltip": "",
+      "icon": null,
+      "zIndex": 0
+    },
+    {
+      "id": "y.(a -> b)[0]",
+      "src": "y.a",
+      "srcArrow": "none",
+      "srcLabel": "",
+      "dst": "y.b",
+      "dstArrow": "triangle",
+      "dstLabel": "",
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "stroke": "B1",
+      "borderRadius": 10,
+      "label": "",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N2",
+      "italic": true,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 0,
+      "labelHeight": 0,
+      "labelPosition": "",
+      "labelPercentage": 0,
+      "route": [
+        {
+          "x": 223,
+          "y": -206
+        },
+        {
+          "x": 223,
+          "y": -136
+        }
+      ],
+      "animated": false,
+      "tooltip": "",
+      "icon": null,
+      "zIndex": 0
+    },
+    {
+      "id": "y.(c -> d)[0]",
+      "src": "y.c",
+      "srcArrow": "none",
+      "srcLabel": "",
+      "dst": "y.d",
+      "dstArrow": "triangle",
+      "dstLabel": "",
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "stroke": "B1",
+      "borderRadius": 10,
+      "label": "",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N2",
+      "italic": true,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 0,
+      "labelHeight": 0,
+      "labelPosition": "",
+      "labelPercentage": 0,
+      "route": [
+        {
+          "x": 296.5,
+          "y": -206
+        },
+        {
+          "x": 296.5,
+          "y": -136
+        }
+      ],
+      "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": "",
+    "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
+  }
+}
diff --git a/e2etests/testdata/stable/near_keys_for_container#01/elk/sketch.exp.svg b/e2etests/testdata/stable/near_keys_for_container#01/elk/sketch.exp.svg
new file mode 100644
index 000000000..4e75f8514
--- /dev/null
+++ b/e2etests/testdata/stable/near_keys_for_container#01/elk/sketch.exp.svg
@@ -0,0 +1,102 @@
+<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 875 710"><svg id="d2-svg" class="d2-1517716488" width="875" height="710" viewBox="-374 -323 875 710"><rect x="-374.000000" y="-323.000000" width="875.000000" height="710.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
+.d2-1517716488 .text {
+	font-family: "d2-1517716488-font-regular";
+}
+@font-face {
+	font-family: d2-1517716488-font-regular;
+	src: url("data:application/font-woff;base64,d09GRgABAAAAAAggAAoAAAAADQgAAguFAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAAA9AAAAGAAAABgXd/Vo2NtYXAAAAFUAAAAQwAAAEQAswCiZ2x5ZgAAAZgAAAKUAAAC1MdOdE1oZWFkAAAELAAAADYAAAA2G4Ue32hoZWEAAARkAAAAJAAAACQKhAXKaG10eAAABIgAAAAgAAAAIA/bAXVsb2NhAAAEqAAAABIAAAASA7gDEG1heHAAAAS8AAAAIAAAACAAIAD2bmFtZQAABNwAAAMjAAAIFAbDVU1wb3N0AAAIAAAAAB0AAAAg/9EAMgADAgkBkAAFAAACigJYAAAASwKKAlgAAAFeADIBIwAAAgsFAwMEAwICBGAAAvcAAAADAAAAAAAAAABBREJPAEAAIP//Au7/BgAAA9gBESAAAZ8AAAAAAeYClAAAACAAA3icHMtBDYQwFAXAafu3e8EMkkgQQfCAB5w+kt5n0AwNm7JjKk13uhMcriRvnqWs0Q3lZ/rzAQAA//8BAAD//yoHCU8AeJw80M1PE3kcx/Hvd1pmYPsAQ+eBsi2dB+jQUrZspzO/0nYLbSkLGxIKDQuFZAnbQ01QEzCRcJGLD/FgMIGbif4J6smDN4yRk4kXExOPppJ4EmtiYpiaDuI/8H19P2/ogCoAZVCH4IAu6IZe4AF0VmaHZE1TGaIToooOoiHLVPG9dR9xNuk0TeefhU+F3b09XLlBHZ5dTt+s11/+t7Nj3WucWAl8fQIUJFtNfIqn0A+DAKISNpImSYbDqkIzmmnqCYFnVU2laS1hEoOmeU44+mth/wE7Mhz9JygptXS1PMU4lAVBzam7Gwn3bL68xIZSqsSNC5Era9bbdCBaUEJ3urPxyBBQsNhq4nfqGHwgAXQoYU1lVFbnmXOLsyEjafu8IGBEmZUcTGGRkueH1//PrE9n5zOl0KQqTbjlYII6PloJare3KtdzpfpquaZIrYAIAIDwR6uJj/EUArbSntUGRMae1p6hJ0wi0jT2Tl7K5jdzYyV/lI8HYyWtUlTSwqBcdme3y4vbWUU0fX3xpVSlHuRIUAagIN5q4ruLDefN7OOaoV/EIsYv6Nva1cwGieYkZ2WKcQTm/JPZ0PiANhGedt/anb+WG+ivPD9LjQcipaIVEOOV1HINELwA+AQb4AfQiaaLgiDqpkmIzoiqFg63FYbxPjqo5l19HqdLcGX+PXhY/dvT73V6+twF62TTF+W4qG/z89ctIcbzI+KW3cXdiuMrbMDv9ucaEewQxKH7fgo+3eGlVnuC7p5OritidrteLNVcfpfTxf22XH7GxktvaGee6siMDuJH60toRpFnJPScnY7NjbbvhwBwHxvQBaAbqBoyjzIfQviAcy3AzhjuFGPW3SLADwAAAP//AQAA//+KYZpgAAEAAAACC4XZNOFRXw889QADA+gAAAAA2F2goQAAAADdZi82/jr+2whvA8gAAAADAAIAAAAAAAAAAQAAA9j+7wAACJj+Ov46CG8AAQAAAAAAAAAAAAAAAAAAAAgCjQBZAfgANAIpAFIByAAuAisALwG+AA4B0wAMAakAHwAAACwAZACYAMYA+AEkAVQBagAAAAEAAAAIAIwADABmAAcAAQAAAAAAAAAAAAAAAAAEAAN4nJyU3U4bVxSFPwfbbVQ1FxWKyA06l22VjN0IogSuTAmKVYRTj9Mfqao0eMY/Yjwz8gxQqj5Ar/sWfYtc9Tn6EFWvq7O8DTaqFIEQsM6cvfdZZ6+1D7DJv2xQqz8E/mr+YLjGdnPP8AMeNZ8a3uC48bfh+kpMg7jxm+EmXzb6hj/iff0Pwx+zU//Z8EO26keGP+F5fdPwpxuOfww/Yof3C1yDl/xuuMYWheEHbPKT4Q0eYzVrdR7TNtzgM7YNN9kGBkypSJmSMcYxYsqYc+YklIQkzJkyIiHG0aVDSqWvGZGQY/y/XyNCKuZEqjihwpESkhJRMrGKvyor561OHGk1t70OFRMiTpVxRkSGI2dMTkbCmepUVBTs0aJFyVB8CypKAkqmpATkzBnToscRxwyYMKXEcaRKnllIzoiKSyKd7yzCd2ZIQkZprM7JiMXTiV+i7C7HOHoUil2tfLxW4SmO75TtueWK/YpAv26F2fq5SzYRF+pnqq6k2rmUghPt+nM7fCtcsYe7V3/WmXy4R7H+V6p8yrn0j6VUJiYZzm3RIZSDQvcEx4HWXUJ15Hu6DHhDj3cMtO7Qp0+HEwZ0ea3cHn0cX9PjhENldIUXe0dyzAk/4viGrmJ87cT6s1As4RcKc3cpjnPdY0ahnnvmge6a6IZ3V9jPUL7mjlI5Q82Rj3TSL9OcRYzNFYUYztTLpTdK619sjpjpLl7bm30/DRc2e8spviLXDHu3Ljh55RaMPqRqcMszl/oJiIjJOVXEkJwZLSquxPstEeekOA7VvTeakorOdY4/50ouSZiJQZdMdeYU+huZb0LjPlzzvbO3JFa+Z3p2fav7nOLUqxuN3ql7y73QupysKNAyVfMVNw3FNTPvJ5qpVf6hcku9bjnP6JNI9VQ3uP0OPCegzQ677DPROUPtXNgb0dY70eYV++rBGYmiRnJ1YhV2CXjBLru84sVazQ6HHNBj/w4cF1k9Dnh9a2ddp2UVZ3X+FJu2+DqeXa9e3luvz+/gyy80UTcvY1/a+G5fWLUb/58QMfNc3NbqndwTgv8AAAD//wEAAP//B1tMMAB4nGJgZgCD/+cYjBiwAAAAAAD//wEAAP//LwECAwAAAA==");
+}
+.d2-1517716488 .text-bold {
+	font-family: "d2-1517716488-font-bold";
+}
+@font-face {
+	font-family: d2-1517716488-font-bold;
+	src: url("data:application/font-woff;base64,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");
+}]]></style><style type="text/css"><![CDATA[.shape {
+  shape-rendering: geometricPrecision;
+  stroke-linejoin: round;
+}
+.connection {
+  stroke-linecap: round;
+  stroke-linejoin: round;
+}
+.blend {
+  mix-blend-mode: multiply;
+  opacity: 0.5;
+}
+
+		.d2-1517716488 .fill-N1{fill:#0A0F25;}
+		.d2-1517716488 .fill-N2{fill:#676C7E;}
+		.d2-1517716488 .fill-N3{fill:#9499AB;}
+		.d2-1517716488 .fill-N4{fill:#CFD2DD;}
+		.d2-1517716488 .fill-N5{fill:#DEE1EB;}
+		.d2-1517716488 .fill-N6{fill:#EEF1F8;}
+		.d2-1517716488 .fill-N7{fill:#FFFFFF;}
+		.d2-1517716488 .fill-B1{fill:#0D32B2;}
+		.d2-1517716488 .fill-B2{fill:#0D32B2;}
+		.d2-1517716488 .fill-B3{fill:#E3E9FD;}
+		.d2-1517716488 .fill-B4{fill:#E3E9FD;}
+		.d2-1517716488 .fill-B5{fill:#EDF0FD;}
+		.d2-1517716488 .fill-B6{fill:#F7F8FE;}
+		.d2-1517716488 .fill-AA2{fill:#4A6FF3;}
+		.d2-1517716488 .fill-AA4{fill:#EDF0FD;}
+		.d2-1517716488 .fill-AA5{fill:#F7F8FE;}
+		.d2-1517716488 .fill-AB4{fill:#EDF0FD;}
+		.d2-1517716488 .fill-AB5{fill:#F7F8FE;}
+		.d2-1517716488 .stroke-N1{stroke:#0A0F25;}
+		.d2-1517716488 .stroke-N2{stroke:#676C7E;}
+		.d2-1517716488 .stroke-N3{stroke:#9499AB;}
+		.d2-1517716488 .stroke-N4{stroke:#CFD2DD;}
+		.d2-1517716488 .stroke-N5{stroke:#DEE1EB;}
+		.d2-1517716488 .stroke-N6{stroke:#EEF1F8;}
+		.d2-1517716488 .stroke-N7{stroke:#FFFFFF;}
+		.d2-1517716488 .stroke-B1{stroke:#0D32B2;}
+		.d2-1517716488 .stroke-B2{stroke:#0D32B2;}
+		.d2-1517716488 .stroke-B3{stroke:#E3E9FD;}
+		.d2-1517716488 .stroke-B4{stroke:#E3E9FD;}
+		.d2-1517716488 .stroke-B5{stroke:#EDF0FD;}
+		.d2-1517716488 .stroke-B6{stroke:#F7F8FE;}
+		.d2-1517716488 .stroke-AA2{stroke:#4A6FF3;}
+		.d2-1517716488 .stroke-AA4{stroke:#EDF0FD;}
+		.d2-1517716488 .stroke-AA5{stroke:#F7F8FE;}
+		.d2-1517716488 .stroke-AB4{stroke:#EDF0FD;}
+		.d2-1517716488 .stroke-AB5{stroke:#F7F8FE;}
+		.d2-1517716488 .background-color-N1{background-color:#0A0F25;}
+		.d2-1517716488 .background-color-N2{background-color:#676C7E;}
+		.d2-1517716488 .background-color-N3{background-color:#9499AB;}
+		.d2-1517716488 .background-color-N4{background-color:#CFD2DD;}
+		.d2-1517716488 .background-color-N5{background-color:#DEE1EB;}
+		.d2-1517716488 .background-color-N6{background-color:#EEF1F8;}
+		.d2-1517716488 .background-color-N7{background-color:#FFFFFF;}
+		.d2-1517716488 .background-color-B1{background-color:#0D32B2;}
+		.d2-1517716488 .background-color-B2{background-color:#0D32B2;}
+		.d2-1517716488 .background-color-B3{background-color:#E3E9FD;}
+		.d2-1517716488 .background-color-B4{background-color:#E3E9FD;}
+		.d2-1517716488 .background-color-B5{background-color:#EDF0FD;}
+		.d2-1517716488 .background-color-B6{background-color:#F7F8FE;}
+		.d2-1517716488 .background-color-AA2{background-color:#4A6FF3;}
+		.d2-1517716488 .background-color-AA4{background-color:#EDF0FD;}
+		.d2-1517716488 .background-color-AA5{background-color:#F7F8FE;}
+		.d2-1517716488 .background-color-AB4{background-color:#EDF0FD;}
+		.d2-1517716488 .background-color-AB5{background-color:#F7F8FE;}
+		.d2-1517716488 .color-N1{color:#0A0F25;}
+		.d2-1517716488 .color-N2{color:#676C7E;}
+		.d2-1517716488 .color-N3{color:#9499AB;}
+		.d2-1517716488 .color-N4{color:#CFD2DD;}
+		.d2-1517716488 .color-N5{color:#DEE1EB;}
+		.d2-1517716488 .color-N6{color:#EEF1F8;}
+		.d2-1517716488 .color-N7{color:#FFFFFF;}
+		.d2-1517716488 .color-B1{color:#0D32B2;}
+		.d2-1517716488 .color-B2{color:#0D32B2;}
+		.d2-1517716488 .color-B3{color:#E3E9FD;}
+		.d2-1517716488 .color-B4{color:#E3E9FD;}
+		.d2-1517716488 .color-B5{color:#EDF0FD;}
+		.d2-1517716488 .color-B6{color:#F7F8FE;}
+		.d2-1517716488 .color-AA2{color:#4A6FF3;}
+		.d2-1517716488 .color-AA4{color:#EDF0FD;}
+		.d2-1517716488 .color-AA5{color:#F7F8FE;}
+		.d2-1517716488 .color-AB4{color:#EDF0FD;}
+		.d2-1517716488 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g id="z"><g class="shape" ><rect x="-113.000000" y="20.000000" width="227.000000" height="302.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="0.500000" y="53.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">z</text></g><g id="a"><g class="shape" ><rect x="-126.000000" y="-286.000000" width="253.000000" height="266.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="0.500000" y="-253.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">a</text></g><g id="x"><g class="shape" ><rect x="-373.000000" y="-322.000000" width="227.000000" height="302.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="-259.500000" y="-289.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">x</text></g><g id="y"><g class="shape" ><rect x="146.000000" y="-322.000000" width="227.000000" height="302.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="259.500000" y="-289.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">y</text></g><g id="b"><g class="shape" ><rect x="146.000000" y="20.000000" width="354.000000" height="366.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="323.000000" y="53.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">b</text></g><g id="z.a"><g class="shape" ><rect x="-63.000000" y="70.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="-36.500000" y="108.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="z.b"><g class="shape" ><rect x="-63.000000" y="206.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="-36.500000" y="244.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="z.c"><g class="shape" ><rect x="10.000000" y="70.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="36.500000" y="108.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="z.d"><g class="shape" ><rect x="9.000000" y="206.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="36.000000" y="244.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="a.b"><g class="shape" ><rect x="-76.000000" y="-236.000000" width="153.000000" height="166.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="0.500000" y="-207.000000" class="text fill-N1" style="text-anchor:middle;font-size:24px">b</text></g><g id="x.a"><g class="shape" ><rect x="-323.000000" y="-272.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="-296.500000" y="-233.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="x.b"><g class="shape" ><rect x="-323.000000" y="-136.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="-296.500000" y="-97.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="x.c"><g class="shape" ><rect x="-250.000000" y="-272.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="-223.500000" y="-233.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="x.d"><g class="shape" ><rect x="-250.000000" y="-136.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="-223.000000" y="-97.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="y.a"><g class="shape" ><rect x="196.000000" y="-272.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="222.500000" y="-233.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="y.b"><g class="shape" ><rect x="196.000000" y="-136.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="222.500000" y="-97.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="y.c"><g class="shape" ><rect x="270.000000" y="-272.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="296.500000" y="-233.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="y.d"><g class="shape" ><rect x="269.000000" y="-136.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="296.000000" y="-97.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="b.a"><g class="shape" ><rect x="196.000000" y="70.000000" width="254.000000" height="266.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="323.000000" y="99.000000" class="text fill-N1" style="text-anchor:middle;font-size:24px">a</text></g><g id="a.b.c"><g class="shape" ><rect x="-26.000000" y="-186.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="0.500000" y="-147.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="b.a.c"><g class="shape" ><rect x="246.000000" y="120.000000" width="154.000000" height="166.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="323.000000" y="145.000000" class="text fill-N1" style="text-anchor:middle;font-size:20px">c</text></g><g id="b.a.c.d"><g class="shape" ><rect x="296.000000" y="170.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="323.000000" y="208.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="z.(a -&gt; b)[0]"><marker id="mk-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" class="connection fill-B1" stroke-width="2" /> </marker><path d="M -37.000000 138.000000 L -37.000000 202.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1517716488)" /></g><g id="z.(c -&gt; d)[0]"><path d="M 36.500000 138.000000 L 36.500000 202.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1517716488)" /></g><g id="x.(a -&gt; b)[0]"><path d="M -297.000000 -204.000000 L -297.000000 -140.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1517716488)" /></g><g id="x.(c -&gt; d)[0]"><path d="M -223.500000 -204.000000 L -223.500000 -140.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1517716488)" /></g><g id="y.(a -&gt; b)[0]"><path d="M 223.000000 -204.000000 L 223.000000 -140.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1517716488)" /></g><g id="y.(c -&gt; d)[0]"><path d="M 296.500000 -204.000000 L 296.500000 -140.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1517716488)" /></g><mask id="d2-1517716488" maskUnits="userSpaceOnUse" x="-374" y="-323" width="875" height="710">
+<rect x="-374" y="-323" width="875" height="710" fill="white"></rect>
+
+</mask></svg></svg>
\ No newline at end of file
diff --git a/e2etests/testdata/stable/near_keys_for_container/dagre/board.exp.json b/e2etests/testdata/stable/near_keys_for_container/dagre/board.exp.json
index 97329ee10..3b4eefd91 100644
--- a/e2etests/testdata/stable/near_keys_for_container/dagre/board.exp.json
+++ b/e2etests/testdata/stable/near_keys_for_container/dagre/board.exp.json
@@ -4,20 +4,20 @@
   "fontFamily": "SourceSansPro",
   "shapes": [
     {
-      "id": "z",
-      "type": "rectangle",
+      "id": "title",
+      "type": "text",
       "pos": {
-        "x": -123,
-        "y": 56
+        "x": -324,
+        "y": -71
       },
-      "width": 247,
-      "height": 291,
+      "width": 648,
+      "height": 51,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
       "borderRadius": 0,
-      "fill": "B4",
-      "stroke": "B1",
+      "fill": "transparent",
+      "stroke": "N1",
       "shadow": false,
       "3d": false,
       "multiple": false,
@@ -30,1178 +30,21 @@
       "fields": null,
       "methods": null,
       "columns": null,
-      "label": "z",
-      "fontSize": 28,
+      "label": "# Service-Cluster Provisioning (\"Outside view\")",
+      "fontSize": 16,
       "fontFamily": "DEFAULT",
-      "language": "",
+      "language": "markdown",
       "color": "N1",
       "italic": false,
       "bold": false,
       "underline": false,
-      "labelWidth": 12,
-      "labelHeight": 36,
-      "labelPosition": "OUTSIDE_TOP_CENTER",
+      "labelWidth": 648,
+      "labelHeight": 51,
       "zIndex": 0,
       "level": 1
-    },
-    {
-      "id": "z.a",
-      "type": "rectangle",
-      "pos": {
-        "x": -83,
-        "y": 85
-      },
-      "width": 53,
-      "height": 66,
-      "opacity": 1,
-      "strokeDash": 0,
-      "strokeWidth": 2,
-      "borderRadius": 0,
-      "fill": "B5",
-      "stroke": "B1",
-      "shadow": false,
-      "3d": false,
-      "multiple": false,
-      "double-border": false,
-      "tooltip": "",
-      "link": "",
-      "icon": null,
-      "iconPosition": "",
-      "blend": false,
-      "fields": null,
-      "methods": null,
-      "columns": null,
-      "label": "a",
-      "fontSize": 16,
-      "fontFamily": "DEFAULT",
-      "language": "",
-      "color": "N1",
-      "italic": false,
-      "bold": true,
-      "underline": false,
-      "labelWidth": 8,
-      "labelHeight": 21,
-      "labelPosition": "INSIDE_MIDDLE_CENTER",
-      "zIndex": 0,
-      "level": 2
-    },
-    {
-      "id": "z.b",
-      "type": "rectangle",
-      "pos": {
-        "x": -83,
-        "y": 251
-      },
-      "width": 53,
-      "height": 66,
-      "opacity": 1,
-      "strokeDash": 0,
-      "strokeWidth": 2,
-      "borderRadius": 0,
-      "fill": "B5",
-      "stroke": "B1",
-      "shadow": false,
-      "3d": false,
-      "multiple": false,
-      "double-border": false,
-      "tooltip": "",
-      "link": "",
-      "icon": null,
-      "iconPosition": "",
-      "blend": false,
-      "fields": null,
-      "methods": null,
-      "columns": null,
-      "label": "b",
-      "fontSize": 16,
-      "fontFamily": "DEFAULT",
-      "language": "",
-      "color": "N1",
-      "italic": false,
-      "bold": true,
-      "underline": false,
-      "labelWidth": 8,
-      "labelHeight": 21,
-      "labelPosition": "INSIDE_MIDDLE_CENTER",
-      "zIndex": 0,
-      "level": 2
-    },
-    {
-      "id": "z.c",
-      "type": "rectangle",
-      "pos": {
-        "x": 30,
-        "y": 85
-      },
-      "width": 53,
-      "height": 66,
-      "opacity": 1,
-      "strokeDash": 0,
-      "strokeWidth": 2,
-      "borderRadius": 0,
-      "fill": "B5",
-      "stroke": "B1",
-      "shadow": false,
-      "3d": false,
-      "multiple": false,
-      "double-border": false,
-      "tooltip": "",
-      "link": "",
-      "icon": null,
-      "iconPosition": "",
-      "blend": false,
-      "fields": null,
-      "methods": null,
-      "columns": null,
-      "label": "c",
-      "fontSize": 16,
-      "fontFamily": "DEFAULT",
-      "language": "",
-      "color": "N1",
-      "italic": false,
-      "bold": true,
-      "underline": false,
-      "labelWidth": 8,
-      "labelHeight": 21,
-      "labelPosition": "INSIDE_MIDDLE_CENTER",
-      "zIndex": 0,
-      "level": 2
-    },
-    {
-      "id": "z.d",
-      "type": "rectangle",
-      "pos": {
-        "x": 29,
-        "y": 251
-      },
-      "width": 54,
-      "height": 66,
-      "opacity": 1,
-      "strokeDash": 0,
-      "strokeWidth": 2,
-      "borderRadius": 0,
-      "fill": "B5",
-      "stroke": "B1",
-      "shadow": false,
-      "3d": false,
-      "multiple": false,
-      "double-border": false,
-      "tooltip": "",
-      "link": "",
-      "icon": null,
-      "iconPosition": "",
-      "blend": false,
-      "fields": null,
-      "methods": null,
-      "columns": null,
-      "label": "d",
-      "fontSize": 16,
-      "fontFamily": "DEFAULT",
-      "language": "",
-      "color": "N1",
-      "italic": false,
-      "bold": true,
-      "underline": false,
-      "labelWidth": 9,
-      "labelHeight": 21,
-      "labelPosition": "INSIDE_MIDDLE_CENTER",
-      "zIndex": 0,
-      "level": 2
-    },
-    {
-      "id": "a",
-      "type": "rectangle",
-      "pos": {
-        "x": -86,
-        "y": -245
-      },
-      "width": 173,
-      "height": 225,
-      "opacity": 1,
-      "strokeDash": 0,
-      "strokeWidth": 2,
-      "borderRadius": 0,
-      "fill": "B4",
-      "stroke": "B1",
-      "shadow": false,
-      "3d": false,
-      "multiple": false,
-      "double-border": false,
-      "tooltip": "",
-      "link": "",
-      "icon": null,
-      "iconPosition": "",
-      "blend": false,
-      "fields": null,
-      "methods": null,
-      "columns": null,
-      "label": "a",
-      "fontSize": 28,
-      "fontFamily": "DEFAULT",
-      "language": "",
-      "color": "N1",
-      "italic": false,
-      "bold": false,
-      "underline": false,
-      "labelWidth": 12,
-      "labelHeight": 36,
-      "labelPosition": "OUTSIDE_TOP_CENTER",
-      "zIndex": 0,
-      "level": 1
-    },
-    {
-      "id": "a.b",
-      "type": "rectangle",
-      "pos": {
-        "x": -66,
-        "y": -179
-      },
-      "width": 133,
-      "height": 130,
-      "opacity": 1,
-      "strokeDash": 0,
-      "strokeWidth": 2,
-      "borderRadius": 0,
-      "fill": "B5",
-      "stroke": "B1",
-      "shadow": false,
-      "3d": false,
-      "multiple": false,
-      "double-border": false,
-      "tooltip": "",
-      "link": "",
-      "icon": null,
-      "iconPosition": "",
-      "blend": false,
-      "fields": null,
-      "methods": null,
-      "columns": null,
-      "label": "b",
-      "fontSize": 24,
-      "fontFamily": "DEFAULT",
-      "language": "",
-      "color": "N1",
-      "italic": false,
-      "bold": false,
-      "underline": false,
-      "labelWidth": 12,
-      "labelHeight": 31,
-      "labelPosition": "OUTSIDE_TOP_CENTER",
-      "zIndex": 0,
-      "level": 2
-    },
-    {
-      "id": "a.b.c",
-      "type": "rectangle",
-      "pos": {
-        "x": -26,
-        "y": -147
-      },
-      "width": 53,
-      "height": 66,
-      "opacity": 1,
-      "strokeDash": 0,
-      "strokeWidth": 2,
-      "borderRadius": 0,
-      "fill": "B6",
-      "stroke": "B1",
-      "shadow": false,
-      "3d": false,
-      "multiple": false,
-      "double-border": false,
-      "tooltip": "",
-      "link": "",
-      "icon": null,
-      "iconPosition": "",
-      "blend": false,
-      "fields": null,
-      "methods": null,
-      "columns": null,
-      "label": "c",
-      "fontSize": 16,
-      "fontFamily": "DEFAULT",
-      "language": "",
-      "color": "N1",
-      "italic": false,
-      "bold": true,
-      "underline": false,
-      "labelWidth": 8,
-      "labelHeight": 21,
-      "labelPosition": "INSIDE_MIDDLE_CENTER",
-      "zIndex": 0,
-      "level": 3
-    },
-    {
-      "id": "x",
-      "type": "rectangle",
-      "pos": {
-        "x": -390,
-        "y": -311
-      },
-      "width": 247,
-      "height": 291,
-      "opacity": 1,
-      "strokeDash": 0,
-      "strokeWidth": 2,
-      "borderRadius": 0,
-      "fill": "B4",
-      "stroke": "B1",
-      "shadow": false,
-      "3d": false,
-      "multiple": false,
-      "double-border": false,
-      "tooltip": "",
-      "link": "",
-      "icon": null,
-      "iconPosition": "",
-      "blend": false,
-      "fields": null,
-      "methods": null,
-      "columns": null,
-      "label": "x",
-      "fontSize": 28,
-      "fontFamily": "DEFAULT",
-      "language": "",
-      "color": "N1",
-      "italic": false,
-      "bold": false,
-      "underline": false,
-      "labelWidth": 13,
-      "labelHeight": 36,
-      "labelPosition": "OUTSIDE_TOP_CENTER",
-      "zIndex": 0,
-      "level": 1
-    },
-    {
-      "id": "x.a",
-      "type": "rectangle",
-      "pos": {
-        "x": -350,
-        "y": -281
-      },
-      "width": 53,
-      "height": 66,
-      "opacity": 1,
-      "strokeDash": 0,
-      "strokeWidth": 2,
-      "borderRadius": 0,
-      "fill": "B5",
-      "stroke": "B1",
-      "shadow": false,
-      "3d": false,
-      "multiple": false,
-      "double-border": false,
-      "tooltip": "",
-      "link": "",
-      "icon": null,
-      "iconPosition": "",
-      "blend": false,
-      "fields": null,
-      "methods": null,
-      "columns": null,
-      "label": "a",
-      "fontSize": 16,
-      "fontFamily": "DEFAULT",
-      "language": "",
-      "color": "N1",
-      "italic": false,
-      "bold": true,
-      "underline": false,
-      "labelWidth": 8,
-      "labelHeight": 21,
-      "labelPosition": "INSIDE_MIDDLE_CENTER",
-      "zIndex": 0,
-      "level": 2
-    },
-    {
-      "id": "x.b",
-      "type": "rectangle",
-      "pos": {
-        "x": -350,
-        "y": -115
-      },
-      "width": 53,
-      "height": 66,
-      "opacity": 1,
-      "strokeDash": 0,
-      "strokeWidth": 2,
-      "borderRadius": 0,
-      "fill": "B5",
-      "stroke": "B1",
-      "shadow": false,
-      "3d": false,
-      "multiple": false,
-      "double-border": false,
-      "tooltip": "",
-      "link": "",
-      "icon": null,
-      "iconPosition": "",
-      "blend": false,
-      "fields": null,
-      "methods": null,
-      "columns": null,
-      "label": "b",
-      "fontSize": 16,
-      "fontFamily": "DEFAULT",
-      "language": "",
-      "color": "N1",
-      "italic": false,
-      "bold": true,
-      "underline": false,
-      "labelWidth": 8,
-      "labelHeight": 21,
-      "labelPosition": "INSIDE_MIDDLE_CENTER",
-      "zIndex": 0,
-      "level": 2
-    },
-    {
-      "id": "x.c",
-      "type": "rectangle",
-      "pos": {
-        "x": -236,
-        "y": -281
-      },
-      "width": 53,
-      "height": 66,
-      "opacity": 1,
-      "strokeDash": 0,
-      "strokeWidth": 2,
-      "borderRadius": 0,
-      "fill": "B5",
-      "stroke": "B1",
-      "shadow": false,
-      "3d": false,
-      "multiple": false,
-      "double-border": false,
-      "tooltip": "",
-      "link": "",
-      "icon": null,
-      "iconPosition": "",
-      "blend": false,
-      "fields": null,
-      "methods": null,
-      "columns": null,
-      "label": "c",
-      "fontSize": 16,
-      "fontFamily": "DEFAULT",
-      "language": "",
-      "color": "N1",
-      "italic": false,
-      "bold": true,
-      "underline": false,
-      "labelWidth": 8,
-      "labelHeight": 21,
-      "labelPosition": "INSIDE_MIDDLE_CENTER",
-      "zIndex": 0,
-      "level": 2
-    },
-    {
-      "id": "x.d",
-      "type": "rectangle",
-      "pos": {
-        "x": -237,
-        "y": -115
-      },
-      "width": 54,
-      "height": 66,
-      "opacity": 1,
-      "strokeDash": 0,
-      "strokeWidth": 2,
-      "borderRadius": 0,
-      "fill": "B5",
-      "stroke": "B1",
-      "shadow": false,
-      "3d": false,
-      "multiple": false,
-      "double-border": false,
-      "tooltip": "",
-      "link": "",
-      "icon": null,
-      "iconPosition": "",
-      "blend": false,
-      "fields": null,
-      "methods": null,
-      "columns": null,
-      "label": "d",
-      "fontSize": 16,
-      "fontFamily": "DEFAULT",
-      "language": "",
-      "color": "N1",
-      "italic": false,
-      "bold": true,
-      "underline": false,
-      "labelWidth": 9,
-      "labelHeight": 21,
-      "labelPosition": "INSIDE_MIDDLE_CENTER",
-      "zIndex": 0,
-      "level": 2
-    },
-    {
-      "id": "y",
-      "type": "rectangle",
-      "pos": {
-        "x": 143,
-        "y": -311
-      },
-      "width": 247,
-      "height": 291,
-      "opacity": 1,
-      "strokeDash": 0,
-      "strokeWidth": 2,
-      "borderRadius": 0,
-      "fill": "B4",
-      "stroke": "B1",
-      "shadow": false,
-      "3d": false,
-      "multiple": false,
-      "double-border": false,
-      "tooltip": "",
-      "link": "",
-      "icon": null,
-      "iconPosition": "",
-      "blend": false,
-      "fields": null,
-      "methods": null,
-      "columns": null,
-      "label": "y",
-      "fontSize": 28,
-      "fontFamily": "DEFAULT",
-      "language": "",
-      "color": "N1",
-      "italic": false,
-      "bold": false,
-      "underline": false,
-      "labelWidth": 13,
-      "labelHeight": 36,
-      "labelPosition": "OUTSIDE_TOP_CENTER",
-      "zIndex": 0,
-      "level": 1
-    },
-    {
-      "id": "y.a",
-      "type": "rectangle",
-      "pos": {
-        "x": 183,
-        "y": -281
-      },
-      "width": 53,
-      "height": 66,
-      "opacity": 1,
-      "strokeDash": 0,
-      "strokeWidth": 2,
-      "borderRadius": 0,
-      "fill": "B5",
-      "stroke": "B1",
-      "shadow": false,
-      "3d": false,
-      "multiple": false,
-      "double-border": false,
-      "tooltip": "",
-      "link": "",
-      "icon": null,
-      "iconPosition": "",
-      "blend": false,
-      "fields": null,
-      "methods": null,
-      "columns": null,
-      "label": "a",
-      "fontSize": 16,
-      "fontFamily": "DEFAULT",
-      "language": "",
-      "color": "N1",
-      "italic": false,
-      "bold": true,
-      "underline": false,
-      "labelWidth": 8,
-      "labelHeight": 21,
-      "labelPosition": "INSIDE_MIDDLE_CENTER",
-      "zIndex": 0,
-      "level": 2
-    },
-    {
-      "id": "y.b",
-      "type": "rectangle",
-      "pos": {
-        "x": 183,
-        "y": -115
-      },
-      "width": 53,
-      "height": 66,
-      "opacity": 1,
-      "strokeDash": 0,
-      "strokeWidth": 2,
-      "borderRadius": 0,
-      "fill": "B5",
-      "stroke": "B1",
-      "shadow": false,
-      "3d": false,
-      "multiple": false,
-      "double-border": false,
-      "tooltip": "",
-      "link": "",
-      "icon": null,
-      "iconPosition": "",
-      "blend": false,
-      "fields": null,
-      "methods": null,
-      "columns": null,
-      "label": "b",
-      "fontSize": 16,
-      "fontFamily": "DEFAULT",
-      "language": "",
-      "color": "N1",
-      "italic": false,
-      "bold": true,
-      "underline": false,
-      "labelWidth": 8,
-      "labelHeight": 21,
-      "labelPosition": "INSIDE_MIDDLE_CENTER",
-      "zIndex": 0,
-      "level": 2
-    },
-    {
-      "id": "y.c",
-      "type": "rectangle",
-      "pos": {
-        "x": 297,
-        "y": -281
-      },
-      "width": 53,
-      "height": 66,
-      "opacity": 1,
-      "strokeDash": 0,
-      "strokeWidth": 2,
-      "borderRadius": 0,
-      "fill": "B5",
-      "stroke": "B1",
-      "shadow": false,
-      "3d": false,
-      "multiple": false,
-      "double-border": false,
-      "tooltip": "",
-      "link": "",
-      "icon": null,
-      "iconPosition": "",
-      "blend": false,
-      "fields": null,
-      "methods": null,
-      "columns": null,
-      "label": "c",
-      "fontSize": 16,
-      "fontFamily": "DEFAULT",
-      "language": "",
-      "color": "N1",
-      "italic": false,
-      "bold": true,
-      "underline": false,
-      "labelWidth": 8,
-      "labelHeight": 21,
-      "labelPosition": "INSIDE_MIDDLE_CENTER",
-      "zIndex": 0,
-      "level": 2
-    },
-    {
-      "id": "y.d",
-      "type": "rectangle",
-      "pos": {
-        "x": 296,
-        "y": -115
-      },
-      "width": 54,
-      "height": 66,
-      "opacity": 1,
-      "strokeDash": 0,
-      "strokeWidth": 2,
-      "borderRadius": 0,
-      "fill": "B5",
-      "stroke": "B1",
-      "shadow": false,
-      "3d": false,
-      "multiple": false,
-      "double-border": false,
-      "tooltip": "",
-      "link": "",
-      "icon": null,
-      "iconPosition": "",
-      "blend": false,
-      "fields": null,
-      "methods": null,
-      "columns": null,
-      "label": "d",
-      "fontSize": 16,
-      "fontFamily": "DEFAULT",
-      "language": "",
-      "color": "N1",
-      "italic": false,
-      "bold": true,
-      "underline": false,
-      "labelWidth": 9,
-      "labelHeight": 21,
-      "labelPosition": "INSIDE_MIDDLE_CENTER",
-      "zIndex": 0,
-      "level": 2
-    },
-    {
-      "id": "b",
-      "type": "rectangle",
-      "pos": {
-        "x": 143,
-        "y": 56
-      },
-      "width": 214,
-      "height": 325,
-      "opacity": 1,
-      "strokeDash": 0,
-      "strokeWidth": 2,
-      "borderRadius": 0,
-      "fill": "B4",
-      "stroke": "B1",
-      "shadow": false,
-      "3d": false,
-      "multiple": false,
-      "double-border": false,
-      "tooltip": "",
-      "link": "",
-      "icon": null,
-      "iconPosition": "",
-      "blend": false,
-      "fields": null,
-      "methods": null,
-      "columns": null,
-      "label": "b",
-      "fontSize": 28,
-      "fontFamily": "DEFAULT",
-      "language": "",
-      "color": "N1",
-      "italic": false,
-      "bold": false,
-      "underline": false,
-      "labelWidth": 13,
-      "labelHeight": 36,
-      "labelPosition": "OUTSIDE_TOP_CENTER",
-      "zIndex": 0,
-      "level": 1
-    },
-    {
-      "id": "b.a",
-      "type": "rectangle",
-      "pos": {
-        "x": 163,
-        "y": 121
-      },
-      "width": 174,
-      "height": 230,
-      "opacity": 1,
-      "strokeDash": 0,
-      "strokeWidth": 2,
-      "borderRadius": 0,
-      "fill": "B5",
-      "stroke": "B1",
-      "shadow": false,
-      "3d": false,
-      "multiple": false,
-      "double-border": false,
-      "tooltip": "",
-      "link": "",
-      "icon": null,
-      "iconPosition": "",
-      "blend": false,
-      "fields": null,
-      "methods": null,
-      "columns": null,
-      "label": "a",
-      "fontSize": 24,
-      "fontFamily": "DEFAULT",
-      "language": "",
-      "color": "N1",
-      "italic": false,
-      "bold": false,
-      "underline": false,
-      "labelWidth": 10,
-      "labelHeight": 31,
-      "labelPosition": "OUTSIDE_TOP_CENTER",
-      "zIndex": 0,
-      "level": 2
-    },
-    {
-      "id": "b.a.c",
-      "type": "rectangle",
-      "pos": {
-        "x": 183,
-        "y": 184
-      },
-      "width": 134,
-      "height": 135,
-      "opacity": 1,
-      "strokeDash": 0,
-      "strokeWidth": 2,
-      "borderRadius": 0,
-      "fill": "B6",
-      "stroke": "B1",
-      "shadow": false,
-      "3d": false,
-      "multiple": false,
-      "double-border": false,
-      "tooltip": "",
-      "link": "",
-      "icon": null,
-      "iconPosition": "",
-      "blend": false,
-      "fields": null,
-      "methods": null,
-      "columns": null,
-      "label": "c",
-      "fontSize": 20,
-      "fontFamily": "DEFAULT",
-      "language": "",
-      "color": "N1",
-      "italic": false,
-      "bold": false,
-      "underline": false,
-      "labelWidth": 9,
-      "labelHeight": 26,
-      "labelPosition": "OUTSIDE_TOP_CENTER",
-      "zIndex": 0,
-      "level": 3
-    },
-    {
-      "id": "b.a.c.d",
-      "type": "rectangle",
-      "pos": {
-        "x": 223,
-        "y": 219
-      },
-      "width": 54,
-      "height": 66,
-      "opacity": 1,
-      "strokeDash": 0,
-      "strokeWidth": 2,
-      "borderRadius": 0,
-      "fill": "N7",
-      "stroke": "B1",
-      "shadow": false,
-      "3d": false,
-      "multiple": false,
-      "double-border": false,
-      "tooltip": "",
-      "link": "",
-      "icon": null,
-      "iconPosition": "",
-      "blend": false,
-      "fields": null,
-      "methods": null,
-      "columns": null,
-      "label": "d",
-      "fontSize": 16,
-      "fontFamily": "DEFAULT",
-      "language": "",
-      "color": "N1",
-      "italic": false,
-      "bold": true,
-      "underline": false,
-      "labelWidth": 9,
-      "labelHeight": 21,
-      "labelPosition": "INSIDE_MIDDLE_CENTER",
-      "zIndex": 0,
-      "level": 4
-    }
-  ],
-  "connections": [
-    {
-      "id": "z.(a -> b)[0]",
-      "src": "z.a",
-      "srcArrow": "none",
-      "srcLabel": "",
-      "dst": "z.b",
-      "dstArrow": "triangle",
-      "dstLabel": "",
-      "opacity": 1,
-      "strokeDash": 0,
-      "strokeWidth": 2,
-      "stroke": "B1",
-      "borderRadius": 10,
-      "label": "",
-      "fontSize": 16,
-      "fontFamily": "DEFAULT",
-      "language": "",
-      "color": "N2",
-      "italic": true,
-      "bold": false,
-      "underline": false,
-      "labelWidth": 0,
-      "labelHeight": 0,
-      "labelPosition": "",
-      "labelPercentage": 0,
-      "route": [
-        {
-          "x": -57,
-          "y": 151.5
-        },
-        {
-          "x": -57,
-          "y": 191.5
-        },
-        {
-          "x": -57,
-          "y": 211.5
-        },
-        {
-          "x": -57,
-          "y": 251.5
-        }
-      ],
-      "isCurve": true,
-      "animated": false,
-      "tooltip": "",
-      "icon": null,
-      "zIndex": 0
-    },
-    {
-      "id": "z.(c -> d)[0]",
-      "src": "z.c",
-      "srcArrow": "none",
-      "srcLabel": "",
-      "dst": "z.d",
-      "dstArrow": "triangle",
-      "dstLabel": "",
-      "opacity": 1,
-      "strokeDash": 0,
-      "strokeWidth": 2,
-      "stroke": "B1",
-      "borderRadius": 10,
-      "label": "",
-      "fontSize": 16,
-      "fontFamily": "DEFAULT",
-      "language": "",
-      "color": "N2",
-      "italic": true,
-      "bold": false,
-      "underline": false,
-      "labelWidth": 0,
-      "labelHeight": 0,
-      "labelPosition": "",
-      "labelPercentage": 0,
-      "route": [
-        {
-          "x": 56.5,
-          "y": 151.5
-        },
-        {
-          "x": 56.5,
-          "y": 191.5
-        },
-        {
-          "x": 56.5,
-          "y": 211.5
-        },
-        {
-          "x": 56.5,
-          "y": 251.5
-        }
-      ],
-      "isCurve": true,
-      "animated": false,
-      "tooltip": "",
-      "icon": null,
-      "zIndex": 0
-    },
-    {
-      "id": "x.(a -> b)[0]",
-      "src": "x.a",
-      "srcArrow": "none",
-      "srcLabel": "",
-      "dst": "x.b",
-      "dstArrow": "triangle",
-      "dstLabel": "",
-      "opacity": 1,
-      "strokeDash": 0,
-      "strokeWidth": 2,
-      "stroke": "B1",
-      "borderRadius": 10,
-      "label": "",
-      "fontSize": 16,
-      "fontFamily": "DEFAULT",
-      "language": "",
-      "color": "N2",
-      "italic": true,
-      "bold": false,
-      "underline": false,
-      "labelWidth": 0,
-      "labelHeight": 0,
-      "labelPosition": "",
-      "labelPercentage": 0,
-      "route": [
-        {
-          "x": -324,
-          "y": -215.5
-        },
-        {
-          "x": -324,
-          "y": -175.5
-        },
-        {
-          "x": -324,
-          "y": -155.5
-        },
-        {
-          "x": -324,
-          "y": -115.5
-        }
-      ],
-      "isCurve": true,
-      "animated": false,
-      "tooltip": "",
-      "icon": null,
-      "zIndex": 0
-    },
-    {
-      "id": "x.(c -> d)[0]",
-      "src": "x.c",
-      "srcArrow": "none",
-      "srcLabel": "",
-      "dst": "x.d",
-      "dstArrow": "triangle",
-      "dstLabel": "",
-      "opacity": 1,
-      "strokeDash": 0,
-      "strokeWidth": 2,
-      "stroke": "B1",
-      "borderRadius": 10,
-      "label": "",
-      "fontSize": 16,
-      "fontFamily": "DEFAULT",
-      "language": "",
-      "color": "N2",
-      "italic": true,
-      "bold": false,
-      "underline": false,
-      "labelWidth": 0,
-      "labelHeight": 0,
-      "labelPosition": "",
-      "labelPercentage": 0,
-      "route": [
-        {
-          "x": -210.5,
-          "y": -215.5
-        },
-        {
-          "x": -210.5,
-          "y": -175.5
-        },
-        {
-          "x": -210.5,
-          "y": -155.5
-        },
-        {
-          "x": -210.5,
-          "y": -115.5
-        }
-      ],
-      "isCurve": true,
-      "animated": false,
-      "tooltip": "",
-      "icon": null,
-      "zIndex": 0
-    },
-    {
-      "id": "y.(a -> b)[0]",
-      "src": "y.a",
-      "srcArrow": "none",
-      "srcLabel": "",
-      "dst": "y.b",
-      "dstArrow": "triangle",
-      "dstLabel": "",
-      "opacity": 1,
-      "strokeDash": 0,
-      "strokeWidth": 2,
-      "stroke": "B1",
-      "borderRadius": 10,
-      "label": "",
-      "fontSize": 16,
-      "fontFamily": "DEFAULT",
-      "language": "",
-      "color": "N2",
-      "italic": true,
-      "bold": false,
-      "underline": false,
-      "labelWidth": 0,
-      "labelHeight": 0,
-      "labelPosition": "",
-      "labelPercentage": 0,
-      "route": [
-        {
-          "x": 210,
-          "y": -215.5
-        },
-        {
-          "x": 210,
-          "y": -175.5
-        },
-        {
-          "x": 210,
-          "y": -155.5
-        },
-        {
-          "x": 210,
-          "y": -115.5
-        }
-      ],
-      "isCurve": true,
-      "animated": false,
-      "tooltip": "",
-      "icon": null,
-      "zIndex": 0
-    },
-    {
-      "id": "y.(c -> d)[0]",
-      "src": "y.c",
-      "srcArrow": "none",
-      "srcLabel": "",
-      "dst": "y.d",
-      "dstArrow": "triangle",
-      "dstLabel": "",
-      "opacity": 1,
-      "strokeDash": 0,
-      "strokeWidth": 2,
-      "stroke": "B1",
-      "borderRadius": 10,
-      "label": "",
-      "fontSize": 16,
-      "fontFamily": "DEFAULT",
-      "language": "",
-      "color": "N2",
-      "italic": true,
-      "bold": false,
-      "underline": false,
-      "labelWidth": 0,
-      "labelHeight": 0,
-      "labelPosition": "",
-      "labelPercentage": 0,
-      "route": [
-        {
-          "x": 323.5,
-          "y": -215.5
-        },
-        {
-          "x": 323.5,
-          "y": -175.5
-        },
-        {
-          "x": 323.5,
-          "y": -155.5
-        },
-        {
-          "x": 323.5,
-          "y": -115.5
-        }
-      ],
-      "isCurve": true,
-      "animated": false,
-      "tooltip": "",
-      "icon": null,
-      "zIndex": 0
     }
   ],
+  "connections": [],
   "root": {
     "id": "",
     "type": "",
diff --git a/e2etests/testdata/stable/near_keys_for_container/dagre/sketch.exp.svg b/e2etests/testdata/stable/near_keys_for_container/dagre/sketch.exp.svg
index 0074bee6b..69ab1095c 100644
--- a/e2etests/testdata/stable/near_keys_for_container/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/near_keys_for_container/dagre/sketch.exp.svg
@@ -1,17 +1,10 @@
-<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 782 734"><svg id="d2-svg" class="d2-1209788547" width="782" height="734" viewBox="-391 -352 782 734"><rect x="-391.000000" y="-352.000000" width="782.000000" height="734.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
-.d2-1209788547 .text {
-	font-family: "d2-1209788547-font-regular";
+<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 650 53"><svg id="d2-svg" class="d2-3409823234" width="650" height="53" viewBox="-325 -72 650 53"><rect x="-325.000000" y="-72.000000" width="650.000000" height="53.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
+.d2-3409823234 .text {
+	font-family: "d2-3409823234-font-regular";
 }
 @font-face {
-	font-family: d2-1209788547-font-regular;
-	src: url("data:application/font-woff;base64,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");
-}
-.d2-1209788547 .text-bold {
-	font-family: "d2-1209788547-font-bold";
-}
-@font-face {
-	font-family: d2-1209788547-font-bold;
-	src: url("data:application/font-woff;base64,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");
+	font-family: d2-3409823234-font-regular;
+	src: url("data:application/font-woff;base64,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");
 }]]></style><style type="text/css"><![CDATA[.shape {
   shape-rendering: geometricPrecision;
   stroke-linejoin: round;
@@ -25,78 +18,821 @@
   opacity: 0.5;
 }
 
-		.d2-1209788547 .fill-N1{fill:#0A0F25;}
-		.d2-1209788547 .fill-N2{fill:#676C7E;}
-		.d2-1209788547 .fill-N3{fill:#9499AB;}
-		.d2-1209788547 .fill-N4{fill:#CFD2DD;}
-		.d2-1209788547 .fill-N5{fill:#DEE1EB;}
-		.d2-1209788547 .fill-N6{fill:#EEF1F8;}
-		.d2-1209788547 .fill-N7{fill:#FFFFFF;}
-		.d2-1209788547 .fill-B1{fill:#0D32B2;}
-		.d2-1209788547 .fill-B2{fill:#0D32B2;}
-		.d2-1209788547 .fill-B3{fill:#E3E9FD;}
-		.d2-1209788547 .fill-B4{fill:#E3E9FD;}
-		.d2-1209788547 .fill-B5{fill:#EDF0FD;}
-		.d2-1209788547 .fill-B6{fill:#F7F8FE;}
-		.d2-1209788547 .fill-AA2{fill:#4A6FF3;}
-		.d2-1209788547 .fill-AA4{fill:#EDF0FD;}
-		.d2-1209788547 .fill-AA5{fill:#F7F8FE;}
-		.d2-1209788547 .fill-AB4{fill:#EDF0FD;}
-		.d2-1209788547 .fill-AB5{fill:#F7F8FE;}
-		.d2-1209788547 .stroke-N1{stroke:#0A0F25;}
-		.d2-1209788547 .stroke-N2{stroke:#676C7E;}
-		.d2-1209788547 .stroke-N3{stroke:#9499AB;}
-		.d2-1209788547 .stroke-N4{stroke:#CFD2DD;}
-		.d2-1209788547 .stroke-N5{stroke:#DEE1EB;}
-		.d2-1209788547 .stroke-N6{stroke:#EEF1F8;}
-		.d2-1209788547 .stroke-N7{stroke:#FFFFFF;}
-		.d2-1209788547 .stroke-B1{stroke:#0D32B2;}
-		.d2-1209788547 .stroke-B2{stroke:#0D32B2;}
-		.d2-1209788547 .stroke-B3{stroke:#E3E9FD;}
-		.d2-1209788547 .stroke-B4{stroke:#E3E9FD;}
-		.d2-1209788547 .stroke-B5{stroke:#EDF0FD;}
-		.d2-1209788547 .stroke-B6{stroke:#F7F8FE;}
-		.d2-1209788547 .stroke-AA2{stroke:#4A6FF3;}
-		.d2-1209788547 .stroke-AA4{stroke:#EDF0FD;}
-		.d2-1209788547 .stroke-AA5{stroke:#F7F8FE;}
-		.d2-1209788547 .stroke-AB4{stroke:#EDF0FD;}
-		.d2-1209788547 .stroke-AB5{stroke:#F7F8FE;}
-		.d2-1209788547 .background-color-N1{background-color:#0A0F25;}
-		.d2-1209788547 .background-color-N2{background-color:#676C7E;}
-		.d2-1209788547 .background-color-N3{background-color:#9499AB;}
-		.d2-1209788547 .background-color-N4{background-color:#CFD2DD;}
-		.d2-1209788547 .background-color-N5{background-color:#DEE1EB;}
-		.d2-1209788547 .background-color-N6{background-color:#EEF1F8;}
-		.d2-1209788547 .background-color-N7{background-color:#FFFFFF;}
-		.d2-1209788547 .background-color-B1{background-color:#0D32B2;}
-		.d2-1209788547 .background-color-B2{background-color:#0D32B2;}
-		.d2-1209788547 .background-color-B3{background-color:#E3E9FD;}
-		.d2-1209788547 .background-color-B4{background-color:#E3E9FD;}
-		.d2-1209788547 .background-color-B5{background-color:#EDF0FD;}
-		.d2-1209788547 .background-color-B6{background-color:#F7F8FE;}
-		.d2-1209788547 .background-color-AA2{background-color:#4A6FF3;}
-		.d2-1209788547 .background-color-AA4{background-color:#EDF0FD;}
-		.d2-1209788547 .background-color-AA5{background-color:#F7F8FE;}
-		.d2-1209788547 .background-color-AB4{background-color:#EDF0FD;}
-		.d2-1209788547 .background-color-AB5{background-color:#F7F8FE;}
-		.d2-1209788547 .color-N1{color:#0A0F25;}
-		.d2-1209788547 .color-N2{color:#676C7E;}
-		.d2-1209788547 .color-N3{color:#9499AB;}
-		.d2-1209788547 .color-N4{color:#CFD2DD;}
-		.d2-1209788547 .color-N5{color:#DEE1EB;}
-		.d2-1209788547 .color-N6{color:#EEF1F8;}
-		.d2-1209788547 .color-N7{color:#FFFFFF;}
-		.d2-1209788547 .color-B1{color:#0D32B2;}
-		.d2-1209788547 .color-B2{color:#0D32B2;}
-		.d2-1209788547 .color-B3{color:#E3E9FD;}
-		.d2-1209788547 .color-B4{color:#E3E9FD;}
-		.d2-1209788547 .color-B5{color:#EDF0FD;}
-		.d2-1209788547 .color-B6{color:#F7F8FE;}
-		.d2-1209788547 .color-AA2{color:#4A6FF3;}
-		.d2-1209788547 .color-AA4{color:#EDF0FD;}
-		.d2-1209788547 .color-AA5{color:#F7F8FE;}
-		.d2-1209788547 .color-AB4{color:#EDF0FD;}
-		.d2-1209788547 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g id="z"><g class="shape" ><rect x="-123.000000" y="56.000000" width="247.000000" height="291.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="0.500000" y="43.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">z</text></g><g id="a"><g class="shape" ><rect x="-86.000000" y="-245.000000" width="173.000000" height="225.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="0.500000" y="-258.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">a</text></g><g id="x"><g class="shape" ><rect x="-390.000000" y="-311.000000" width="247.000000" height="291.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="-266.500000" y="-324.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">x</text></g><g id="y"><g class="shape" ><rect x="143.000000" y="-311.000000" width="247.000000" height="291.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="266.500000" y="-324.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">y</text></g><g id="b"><g class="shape" ><rect x="143.000000" y="56.000000" width="214.000000" height="325.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="250.000000" y="43.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">b</text></g><g id="z.a"><g class="shape" ><rect x="-83.000000" y="85.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="-56.500000" y="123.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="z.b"><g class="shape" ><rect x="-83.000000" y="251.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="-56.500000" y="289.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="z.c"><g class="shape" ><rect x="30.000000" y="85.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="56.500000" y="123.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="z.d"><g class="shape" ><rect x="29.000000" y="251.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="56.000000" y="289.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="a.b"><g class="shape" ><rect x="-66.000000" y="-179.000000" width="133.000000" height="130.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="0.500000" y="-191.000000" class="text fill-N1" style="text-anchor:middle;font-size:24px">b</text></g><g id="x.a"><g class="shape" ><rect x="-350.000000" y="-281.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="-323.500000" y="-242.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="x.b"><g class="shape" ><rect x="-350.000000" y="-115.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="-323.500000" y="-76.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="x.c"><g class="shape" ><rect x="-236.000000" y="-281.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="-209.500000" y="-242.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="x.d"><g class="shape" ><rect x="-237.000000" y="-115.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="-210.000000" y="-76.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="y.a"><g class="shape" ><rect x="183.000000" y="-281.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="209.500000" y="-242.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="y.b"><g class="shape" ><rect x="183.000000" y="-115.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="209.500000" y="-76.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="y.c"><g class="shape" ><rect x="297.000000" y="-281.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="323.500000" y="-242.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="y.d"><g class="shape" ><rect x="296.000000" y="-115.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="323.000000" y="-76.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="b.a"><g class="shape" ><rect x="163.000000" y="121.000000" width="174.000000" height="230.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="250.000000" y="109.000000" class="text fill-N1" style="text-anchor:middle;font-size:24px">a</text></g><g id="a.b.c"><g class="shape" ><rect x="-26.000000" y="-147.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="0.500000" y="-108.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="b.a.c"><g class="shape" ><rect x="183.000000" y="184.000000" width="134.000000" height="135.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="250.000000" y="173.000000" class="text fill-N1" style="text-anchor:middle;font-size:20px">c</text></g><g id="b.a.c.d"><g class="shape" ><rect x="223.000000" y="219.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="250.000000" y="257.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="z.(a -&gt; b)[0]"><marker id="mk-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" class="connection fill-B1" stroke-width="2" /> </marker><path d="M -57.000000 153.500000 C -57.000000 191.500000 -57.000000 211.500000 -57.000000 247.500000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1209788547)" /></g><g id="z.(c -&gt; d)[0]"><path d="M 56.500000 153.500000 C 56.500000 191.500000 56.500000 211.500000 56.500000 247.500000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1209788547)" /></g><g id="x.(a -&gt; b)[0]"><path d="M -324.000000 -213.500000 C -324.000000 -175.500000 -324.000000 -155.500000 -324.000000 -119.500000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1209788547)" /></g><g id="x.(c -&gt; d)[0]"><path d="M -210.500000 -213.500000 C -210.500000 -175.500000 -210.500000 -155.500000 -210.500000 -119.500000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1209788547)" /></g><g id="y.(a -&gt; b)[0]"><path d="M 210.000000 -213.500000 C 210.000000 -175.500000 210.000000 -155.500000 210.000000 -119.500000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1209788547)" /></g><g id="y.(c -&gt; d)[0]"><path d="M 323.500000 -213.500000 C 323.500000 -175.500000 323.500000 -155.500000 323.500000 -119.500000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1209788547)" /></g><mask id="d2-1209788547" maskUnits="userSpaceOnUse" x="-391" y="-352" width="782" height="734">
-<rect x="-391" y="-352" width="782" height="734" fill="white"></rect>
+		.d2-3409823234 .fill-N1{fill:#0A0F25;}
+		.d2-3409823234 .fill-N2{fill:#676C7E;}
+		.d2-3409823234 .fill-N3{fill:#9499AB;}
+		.d2-3409823234 .fill-N4{fill:#CFD2DD;}
+		.d2-3409823234 .fill-N5{fill:#DEE1EB;}
+		.d2-3409823234 .fill-N6{fill:#EEF1F8;}
+		.d2-3409823234 .fill-N7{fill:#FFFFFF;}
+		.d2-3409823234 .fill-B1{fill:#0D32B2;}
+		.d2-3409823234 .fill-B2{fill:#0D32B2;}
+		.d2-3409823234 .fill-B3{fill:#E3E9FD;}
+		.d2-3409823234 .fill-B4{fill:#E3E9FD;}
+		.d2-3409823234 .fill-B5{fill:#EDF0FD;}
+		.d2-3409823234 .fill-B6{fill:#F7F8FE;}
+		.d2-3409823234 .fill-AA2{fill:#4A6FF3;}
+		.d2-3409823234 .fill-AA4{fill:#EDF0FD;}
+		.d2-3409823234 .fill-AA5{fill:#F7F8FE;}
+		.d2-3409823234 .fill-AB4{fill:#EDF0FD;}
+		.d2-3409823234 .fill-AB5{fill:#F7F8FE;}
+		.d2-3409823234 .stroke-N1{stroke:#0A0F25;}
+		.d2-3409823234 .stroke-N2{stroke:#676C7E;}
+		.d2-3409823234 .stroke-N3{stroke:#9499AB;}
+		.d2-3409823234 .stroke-N4{stroke:#CFD2DD;}
+		.d2-3409823234 .stroke-N5{stroke:#DEE1EB;}
+		.d2-3409823234 .stroke-N6{stroke:#EEF1F8;}
+		.d2-3409823234 .stroke-N7{stroke:#FFFFFF;}
+		.d2-3409823234 .stroke-B1{stroke:#0D32B2;}
+		.d2-3409823234 .stroke-B2{stroke:#0D32B2;}
+		.d2-3409823234 .stroke-B3{stroke:#E3E9FD;}
+		.d2-3409823234 .stroke-B4{stroke:#E3E9FD;}
+		.d2-3409823234 .stroke-B5{stroke:#EDF0FD;}
+		.d2-3409823234 .stroke-B6{stroke:#F7F8FE;}
+		.d2-3409823234 .stroke-AA2{stroke:#4A6FF3;}
+		.d2-3409823234 .stroke-AA4{stroke:#EDF0FD;}
+		.d2-3409823234 .stroke-AA5{stroke:#F7F8FE;}
+		.d2-3409823234 .stroke-AB4{stroke:#EDF0FD;}
+		.d2-3409823234 .stroke-AB5{stroke:#F7F8FE;}
+		.d2-3409823234 .background-color-N1{background-color:#0A0F25;}
+		.d2-3409823234 .background-color-N2{background-color:#676C7E;}
+		.d2-3409823234 .background-color-N3{background-color:#9499AB;}
+		.d2-3409823234 .background-color-N4{background-color:#CFD2DD;}
+		.d2-3409823234 .background-color-N5{background-color:#DEE1EB;}
+		.d2-3409823234 .background-color-N6{background-color:#EEF1F8;}
+		.d2-3409823234 .background-color-N7{background-color:#FFFFFF;}
+		.d2-3409823234 .background-color-B1{background-color:#0D32B2;}
+		.d2-3409823234 .background-color-B2{background-color:#0D32B2;}
+		.d2-3409823234 .background-color-B3{background-color:#E3E9FD;}
+		.d2-3409823234 .background-color-B4{background-color:#E3E9FD;}
+		.d2-3409823234 .background-color-B5{background-color:#EDF0FD;}
+		.d2-3409823234 .background-color-B6{background-color:#F7F8FE;}
+		.d2-3409823234 .background-color-AA2{background-color:#4A6FF3;}
+		.d2-3409823234 .background-color-AA4{background-color:#EDF0FD;}
+		.d2-3409823234 .background-color-AA5{background-color:#F7F8FE;}
+		.d2-3409823234 .background-color-AB4{background-color:#EDF0FD;}
+		.d2-3409823234 .background-color-AB5{background-color:#F7F8FE;}
+		.d2-3409823234 .color-N1{color:#0A0F25;}
+		.d2-3409823234 .color-N2{color:#676C7E;}
+		.d2-3409823234 .color-N3{color:#9499AB;}
+		.d2-3409823234 .color-N4{color:#CFD2DD;}
+		.d2-3409823234 .color-N5{color:#DEE1EB;}
+		.d2-3409823234 .color-N6{color:#EEF1F8;}
+		.d2-3409823234 .color-N7{color:#FFFFFF;}
+		.d2-3409823234 .color-B1{color:#0D32B2;}
+		.d2-3409823234 .color-B2{color:#0D32B2;}
+		.d2-3409823234 .color-B3{color:#E3E9FD;}
+		.d2-3409823234 .color-B4{color:#E3E9FD;}
+		.d2-3409823234 .color-B5{color:#EDF0FD;}
+		.d2-3409823234 .color-B6{color:#F7F8FE;}
+		.d2-3409823234 .color-AA2{color:#4A6FF3;}
+		.d2-3409823234 .color-AA4{color:#EDF0FD;}
+		.d2-3409823234 .color-AA5{color:#F7F8FE;}
+		.d2-3409823234 .color-AB4{color:#EDF0FD;}
+		.d2-3409823234 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.d2-3409823234 .md em,
+.d2-3409823234 .md dfn {
+  font-family: "d2-3409823234-font-italic";
+}
+
+.d2-3409823234 .md b,
+.d2-3409823234 .md strong {
+  font-family: "d2-3409823234-font-bold";
+}
+
+.d2-3409823234 .md code,
+.d2-3409823234 .md kbd,
+.d2-3409823234 .md pre,
+.d2-3409823234 .md samp {
+  font-family: "d2-3409823234-font-mono";
+  font-size: 1em;
+}
+
+.d2-3409823234 .md {
+  tab-size: 4;
+}
+
+/* variables are provided in d2renderers/d2svg/d2svg.go */
+
+.d2-3409823234 .md {
+  -ms-text-size-adjust: 100%;
+  -webkit-text-size-adjust: 100%;
+  margin: 0;
+  color: var(--color-fg-default);
+  background-color: transparent; /* we don't want to define the background color */
+  font-family: "d2-3409823234-font-regular";
+  font-size: 16px;
+  line-height: 1.5;
+  word-wrap: break-word;
+}
+
+.d2-3409823234 .md details,
+.d2-3409823234 .md figcaption,
+.d2-3409823234 .md figure {
+  display: block;
+}
+
+.d2-3409823234 .md summary {
+  display: list-item;
+}
+
+.d2-3409823234 .md [hidden] {
+  display: none !important;
+}
+
+.d2-3409823234 .md a {
+  background-color: transparent;
+  color: var(--color-accent-fg);
+  text-decoration: none;
+}
+
+.d2-3409823234 .md a:active,
+.d2-3409823234 .md a:hover {
+  outline-width: 0;
+}
+
+.d2-3409823234 .md abbr[title] {
+  border-bottom: none;
+  text-decoration: underline dotted;
+}
+
+.d2-3409823234 .md dfn {
+  font-style: italic;
+}
+
+.d2-3409823234 .md h1 {
+  margin: 0.67em 0;
+  font-weight: 600;
+  padding-bottom: 0.3em;
+  font-size: 2em;
+  border-bottom: 1px solid var(--color-border-muted);
+}
+
+.d2-3409823234 .md mark {
+  background-color: var(--color-attention-subtle);
+  color: var(--color-text-primary);
+}
+
+.d2-3409823234 .md small {
+  font-size: 90%;
+}
+
+.d2-3409823234 .md sub,
+.d2-3409823234 .md sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+
+.d2-3409823234 .md sub {
+  bottom: -0.25em;
+}
+
+.d2-3409823234 .md sup {
+  top: -0.5em;
+}
+
+.d2-3409823234 .md img {
+  border-style: none;
+  max-width: 100%;
+  box-sizing: content-box;
+  background-color: var(--color-canvas-default);
+}
+
+.d2-3409823234 .md figure {
+  margin: 1em 40px;
+}
+
+.d2-3409823234 .md hr {
+  box-sizing: content-box;
+  overflow: hidden;
+  background: transparent;
+  border-bottom: 1px solid var(--color-border-muted);
+  height: 0.25em;
+  padding: 0;
+  margin: 24px 0;
+  background-color: var(--color-border-default);
+  border: 0;
+}
+
+.d2-3409823234 .md input {
+  font: inherit;
+  margin: 0;
+  overflow: visible;
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+}
+
+.d2-3409823234 .md [type="button"],
+.d2-3409823234 .md [type="reset"],
+.d2-3409823234 .md [type="submit"] {
+  -webkit-appearance: button;
+}
+
+.d2-3409823234 .md [type="button"]::-moz-focus-inner,
+.d2-3409823234 .md [type="reset"]::-moz-focus-inner,
+.d2-3409823234 .md [type="submit"]::-moz-focus-inner {
+  border-style: none;
+  padding: 0;
+}
+
+.d2-3409823234 .md [type="button"]:-moz-focusring,
+.d2-3409823234 .md [type="reset"]:-moz-focusring,
+.d2-3409823234 .md [type="submit"]:-moz-focusring {
+  outline: 1px dotted ButtonText;
+}
+
+.d2-3409823234 .md [type="checkbox"],
+.d2-3409823234 .md [type="radio"] {
+  box-sizing: border-box;
+  padding: 0;
+}
+
+.d2-3409823234 .md [type="number"]::-webkit-inner-spin-button,
+.d2-3409823234 .md [type="number"]::-webkit-outer-spin-button {
+  height: auto;
+}
+
+.d2-3409823234 .md [type="search"] {
+  -webkit-appearance: textfield;
+  outline-offset: -2px;
+}
+
+.d2-3409823234 .md [type="search"]::-webkit-search-cancel-button,
+.d2-3409823234 .md [type="search"]::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+.d2-3409823234 .md ::-webkit-input-placeholder {
+  color: inherit;
+  opacity: 0.54;
+}
+
+.d2-3409823234 .md ::-webkit-file-upload-button {
+  -webkit-appearance: button;
+  font: inherit;
+}
+
+.d2-3409823234 .md a:hover {
+  text-decoration: underline;
+}
+
+.d2-3409823234 .md hr::before {
+  display: table;
+  content: "";
+}
+
+.d2-3409823234 .md hr::after {
+  display: table;
+  clear: both;
+  content: "";
+}
+
+.d2-3409823234 .md table {
+  border-spacing: 0;
+  border-collapse: collapse;
+  display: block;
+  width: max-content;
+  max-width: 100%;
+  overflow: auto;
+}
+
+.d2-3409823234 .md td,
+.d2-3409823234 .md th {
+  padding: 0;
+}
+
+.d2-3409823234 .md details summary {
+  cursor: pointer;
+}
+
+.d2-3409823234 .md details:not([open]) > *:not(summary) {
+  display: none !important;
+}
+
+.d2-3409823234 .md kbd {
+  display: inline-block;
+  padding: 3px 5px;
+  color: var(--color-fg-default);
+  vertical-align: middle;
+  background-color: var(--color-canvas-subtle);
+  border: solid 1px var(--color-neutral-muted);
+  border-bottom-color: var(--color-neutral-muted);
+  border-radius: 6px;
+  box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
+}
+
+.d2-3409823234 .md h1,
+.d2-3409823234 .md h2,
+.d2-3409823234 .md h3,
+.d2-3409823234 .md h4,
+.d2-3409823234 .md h5,
+.d2-3409823234 .md h6 {
+  margin-top: 24px;
+  margin-bottom: 16px;
+  font-weight: 600;
+  line-height: 1.25;
+  font-family: "d2-3409823234-font-regular";
+}
+
+.d2-3409823234 .md h2 {
+  font-weight: 600;
+  padding-bottom: 0.3em;
+  font-size: 1.5em;
+  border-bottom: 1px solid var(--color-border-muted);
+}
+
+.d2-3409823234 .md h3 {
+  font-weight: 600;
+  font-size: 1.25em;
+}
+
+.d2-3409823234 .md h4 {
+  font-weight: 600;
+  font-size: 1em;
+}
+
+.d2-3409823234 .md h5 {
+  font-weight: 600;
+  font-size: 0.875em;
+}
+
+.d2-3409823234 .md h6 {
+  font-weight: 600;
+  font-size: 0.85em;
+  color: var(--color-fg-muted);
+}
+
+.d2-3409823234 .md p {
+  margin-top: 0;
+  margin-bottom: 10px;
+}
+
+.d2-3409823234 .md blockquote {
+  margin: 0;
+  padding: 0 1em;
+  color: var(--color-fg-muted);
+  border-left: 0.25em solid var(--color-border-default);
+}
+
+.d2-3409823234 .md ul,
+.d2-3409823234 .md ol {
+  margin-top: 0;
+  margin-bottom: 0;
+  padding-left: 2em;
+}
+
+.d2-3409823234 .md ol ol,
+.d2-3409823234 .md ul ol {
+  list-style-type: lower-roman;
+}
+
+.d2-3409823234 .md ul ul ol,
+.d2-3409823234 .md ul ol ol,
+.d2-3409823234 .md ol ul ol,
+.d2-3409823234 .md ol ol ol {
+  list-style-type: lower-alpha;
+}
+
+.d2-3409823234 .md dd {
+  margin-left: 0;
+}
+
+.d2-3409823234 .md pre {
+  margin-top: 0;
+  margin-bottom: 0;
+  word-wrap: normal;
+}
+
+.d2-3409823234 .md ::placeholder {
+  color: var(--color-fg-subtle);
+  opacity: 1;
+}
+
+.d2-3409823234 .md input::-webkit-outer-spin-button,
+.d2-3409823234 .md input::-webkit-inner-spin-button {
+  margin: 0;
+  -webkit-appearance: none;
+  appearance: none;
+}
+
+.d2-3409823234 .md::before {
+  display: table;
+  content: "";
+}
+
+.d2-3409823234 .md::after {
+  display: table;
+  clear: both;
+  content: "";
+}
+
+.d2-3409823234 .md > *:first-child {
+  margin-top: 0 !important;
+}
+
+.d2-3409823234 .md > *:last-child {
+  margin-bottom: 0 !important;
+}
+
+.d2-3409823234 .md a:not([href]) {
+  color: inherit;
+  text-decoration: none;
+}
+
+.d2-3409823234 .md .absent {
+  color: var(--color-danger-fg);
+}
+
+.d2-3409823234 .md .anchor {
+  float: left;
+  padding-right: 4px;
+  margin-left: -20px;
+  line-height: 1;
+}
+
+.d2-3409823234 .md .anchor:focus {
+  outline: none;
+}
+
+.d2-3409823234 .md p,
+.d2-3409823234 .md blockquote,
+.d2-3409823234 .md ul,
+.d2-3409823234 .md ol,
+.d2-3409823234 .md dl,
+.d2-3409823234 .md table,
+.d2-3409823234 .md pre,
+.d2-3409823234 .md details {
+  margin-top: 0;
+  margin-bottom: 16px;
+}
+
+.d2-3409823234 .md blockquote > :first-child {
+  margin-top: 0;
+}
+
+.d2-3409823234 .md blockquote > :last-child {
+  margin-bottom: 0;
+}
+
+.d2-3409823234 .md sup > a::before {
+  content: "[";
+}
+
+.d2-3409823234 .md sup > a::after {
+  content: "]";
+}
+
+.d2-3409823234 .md h1:hover .anchor,
+.d2-3409823234 .md h2:hover .anchor,
+.d2-3409823234 .md h3:hover .anchor,
+.d2-3409823234 .md h4:hover .anchor,
+.d2-3409823234 .md h5:hover .anchor,
+.d2-3409823234 .md h6:hover .anchor {
+  text-decoration: none;
+}
+
+.d2-3409823234 .md h1 tt,
+.d2-3409823234 .md h1 code,
+.d2-3409823234 .md h2 tt,
+.d2-3409823234 .md h2 code,
+.d2-3409823234 .md h3 tt,
+.d2-3409823234 .md h3 code,
+.d2-3409823234 .md h4 tt,
+.d2-3409823234 .md h4 code,
+.d2-3409823234 .md h5 tt,
+.d2-3409823234 .md h5 code,
+.d2-3409823234 .md h6 tt,
+.d2-3409823234 .md h6 code {
+  padding: 0 0.2em;
+  font-size: inherit;
+}
+
+.d2-3409823234 .md ul.no-list,
+.d2-3409823234 .md ol.no-list {
+  padding: 0;
+  list-style-type: none;
+}
+
+.d2-3409823234 .md ol[type="1"] {
+  list-style-type: decimal;
+}
+
+.d2-3409823234 .md ol[type="a"] {
+  list-style-type: lower-alpha;
+}
+
+.d2-3409823234 .md ol[type="i"] {
+  list-style-type: lower-roman;
+}
+
+.d2-3409823234 .md div > ol:not([type]) {
+  list-style-type: decimal;
+}
+
+.d2-3409823234 .md ul ul,
+.d2-3409823234 .md ul ol,
+.d2-3409823234 .md ol ol,
+.d2-3409823234 .md ol ul {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+.d2-3409823234 .md li > p {
+  margin-top: 16px;
+}
+
+.d2-3409823234 .md li + li {
+  margin-top: 0.25em;
+}
+
+.d2-3409823234 .md dl {
+  padding: 0;
+}
+
+.d2-3409823234 .md dl dt {
+  padding: 0;
+  margin-top: 16px;
+  font-size: 1em;
+  font-style: italic;
+  font-weight: 600;
+}
+
+.d2-3409823234 .md dl dd {
+  padding: 0 16px;
+  margin-bottom: 16px;
+}
+
+.d2-3409823234 .md table th {
+  font-weight: 600;
+}
+
+.d2-3409823234 .md table th,
+.d2-3409823234 .md table td {
+  padding: 6px 13px;
+  border: 1px solid var(--color-border-default);
+}
+
+.d2-3409823234 .md table tr {
+  background-color: var(--color-canvas-default);
+  border-top: 1px solid var(--color-border-muted);
+}
+
+.d2-3409823234 .md table tr:nth-child(2n) {
+  background-color: var(--color-canvas-subtle);
+}
+
+.d2-3409823234 .md table img {
+  background-color: transparent;
+}
+
+.d2-3409823234 .md img[align="right"] {
+  padding-left: 20px;
+}
+
+.d2-3409823234 .md img[align="left"] {
+  padding-right: 20px;
+}
+
+.d2-3409823234 .md span.frame {
+  display: block;
+  overflow: hidden;
+}
+
+.d2-3409823234 .md span.frame > span {
+  display: block;
+  float: left;
+  width: auto;
+  padding: 7px;
+  margin: 13px 0 0;
+  overflow: hidden;
+  border: 1px solid var(--color-border-default);
+}
+
+.d2-3409823234 .md span.frame span img {
+  display: block;
+  float: left;
+}
+
+.d2-3409823234 .md span.frame span span {
+  display: block;
+  padding: 5px 0 0;
+  clear: both;
+  color: var(--color-fg-default);
+}
+
+.d2-3409823234 .md span.align-center {
+  display: block;
+  overflow: hidden;
+  clear: both;
+}
+
+.d2-3409823234 .md span.align-center > span {
+  display: block;
+  margin: 13px auto 0;
+  overflow: hidden;
+  text-align: center;
+}
+
+.d2-3409823234 .md span.align-center span img {
+  margin: 0 auto;
+  text-align: center;
+}
+
+.d2-3409823234 .md span.align-right {
+  display: block;
+  overflow: hidden;
+  clear: both;
+}
+
+.d2-3409823234 .md span.align-right > span {
+  display: block;
+  margin: 13px 0 0;
+  overflow: hidden;
+  text-align: right;
+}
+
+.d2-3409823234 .md span.align-right span img {
+  margin: 0;
+  text-align: right;
+}
+
+.d2-3409823234 .md span.float-left {
+  display: block;
+  float: left;
+  margin-right: 13px;
+  overflow: hidden;
+}
+
+.d2-3409823234 .md span.float-left span {
+  margin: 13px 0 0;
+}
+
+.d2-3409823234 .md span.float-right {
+  display: block;
+  float: right;
+  margin-left: 13px;
+  overflow: hidden;
+}
+
+.d2-3409823234 .md span.float-right > span {
+  display: block;
+  margin: 13px auto 0;
+  overflow: hidden;
+  text-align: right;
+}
+
+.d2-3409823234 .md code,
+.d2-3409823234 .md tt {
+  padding: 0.2em 0.4em;
+  margin: 0;
+  font-size: 85%;
+  background-color: var(--color-neutral-muted);
+  border-radius: 6px;
+}
+
+.d2-3409823234 .md code br,
+.d2-3409823234 .md tt br {
+  display: none;
+}
+
+.d2-3409823234 .md del code {
+  text-decoration: inherit;
+}
+
+.d2-3409823234 .md pre code {
+  font-size: 100%;
+}
+
+.d2-3409823234 .md pre > code {
+  padding: 0;
+  margin: 0;
+  word-break: normal;
+  white-space: pre;
+  background: transparent;
+  border: 0;
+}
+
+.d2-3409823234 .md .highlight {
+  margin-bottom: 16px;
+}
+
+.d2-3409823234 .md .highlight pre {
+  margin-bottom: 0;
+  word-break: normal;
+}
+
+.d2-3409823234 .md .highlight pre,
+.d2-3409823234 .md pre {
+  padding: 16px;
+  overflow: auto;
+  font-size: 85%;
+  line-height: 1.45;
+  background-color: var(--color-canvas-subtle);
+  border-radius: 6px;
+}
+
+.d2-3409823234 .md pre code,
+.d2-3409823234 .md pre tt {
+  display: inline;
+  max-width: auto;
+  padding: 0;
+  margin: 0;
+  overflow: visible;
+  line-height: inherit;
+  word-wrap: normal;
+  background-color: transparent;
+  border: 0;
+}
+
+.d2-3409823234 .md .csv-data td,
+.d2-3409823234 .md .csv-data th {
+  padding: 5px;
+  overflow: hidden;
+  font-size: 12px;
+  line-height: 1;
+  text-align: left;
+  white-space: nowrap;
+}
+
+.d2-3409823234 .md .csv-data .blob-num {
+  padding: 10px 8px 9px;
+  text-align: right;
+  background: var(--color-canvas-default);
+  border: 0;
+}
+
+.d2-3409823234 .md .csv-data tr {
+  border-top: 0;
+}
+
+.d2-3409823234 .md .csv-data th {
+  font-weight: 600;
+  background: var(--color-canvas-subtle);
+  border-top: 0;
+}
+
+.d2-3409823234 .md .footnotes {
+  font-size: 12px;
+  color: var(--color-fg-muted);
+  border-top: 1px solid var(--color-border-default);
+}
+
+.d2-3409823234 .md .footnotes ol {
+  padding-left: 16px;
+}
+
+.d2-3409823234 .md .footnotes li {
+  position: relative;
+}
+
+.d2-3409823234 .md .footnotes li:target::before {
+  position: absolute;
+  top: -8px;
+  right: -8px;
+  bottom: -8px;
+  left: -24px;
+  pointer-events: none;
+  content: "";
+  border: 2px solid var(--color-accent-emphasis);
+  border-radius: 6px;
+}
+
+.d2-3409823234 .md .footnotes li:target {
+  color: var(--color-fg-default);
+}
+
+.d2-3409823234 .md .task-list-item {
+  list-style-type: none;
+}
+
+.d2-3409823234 .md .task-list-item label {
+  font-weight: 400;
+}
+
+.d2-3409823234 .md .task-list-item.enabled label {
+  cursor: pointer;
+}
+
+.d2-3409823234 .md .task-list-item + .task-list-item {
+  margin-top: 3px;
+}
+
+.d2-3409823234 .md .task-list-item .handle {
+  display: none;
+}
+
+.d2-3409823234 .md .task-list-item-checkbox {
+  margin: 0 0.2em 0.25em -1.6em;
+  vertical-align: middle;
+}
+
+.d2-3409823234 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
+  margin: 0 -1.6em 0.25em 0.2em;
+}
+</style><g id="title"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="-324.000000" y="-71.000000" width="648" height="51"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><h1>Service-Cluster Provisioning (&quot;Outside view&quot;)</h1>
+</div></foreignObject></g></g><mask id="d2-3409823234" maskUnits="userSpaceOnUse" x="-325" y="-72" width="650" height="53">
+<rect x="-325" y="-72" width="650" height="53" fill="white"></rect>
 
 </mask></svg></svg>
\ No newline at end of file
diff --git a/e2etests/testdata/stable/near_keys_for_container/elk/board.exp.json b/e2etests/testdata/stable/near_keys_for_container/elk/board.exp.json
index 942b0e639..3b4eefd91 100644
--- a/e2etests/testdata/stable/near_keys_for_container/elk/board.exp.json
+++ b/e2etests/testdata/stable/near_keys_for_container/elk/board.exp.json
@@ -4,20 +4,20 @@
   "fontFamily": "SourceSansPro",
   "shapes": [
     {
-      "id": "z",
-      "type": "rectangle",
+      "id": "title",
+      "type": "text",
       "pos": {
-        "x": -113,
-        "y": 20
+        "x": -324,
+        "y": -71
       },
-      "width": 227,
-      "height": 302,
+      "width": 648,
+      "height": 51,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
       "borderRadius": 0,
-      "fill": "B4",
-      "stroke": "B1",
+      "fill": "transparent",
+      "stroke": "N1",
       "shadow": false,
       "3d": false,
       "multiple": false,
@@ -30,1124 +30,21 @@
       "fields": null,
       "methods": null,
       "columns": null,
-      "label": "z",
-      "fontSize": 28,
+      "label": "# Service-Cluster Provisioning (\"Outside view\")",
+      "fontSize": 16,
       "fontFamily": "DEFAULT",
-      "language": "",
+      "language": "markdown",
       "color": "N1",
       "italic": false,
       "bold": false,
       "underline": false,
-      "labelWidth": 12,
-      "labelHeight": 36,
-      "labelPosition": "INSIDE_TOP_CENTER",
+      "labelWidth": 648,
+      "labelHeight": 51,
       "zIndex": 0,
       "level": 1
-    },
-    {
-      "id": "z.a",
-      "type": "rectangle",
-      "pos": {
-        "x": -63,
-        "y": 70
-      },
-      "width": 53,
-      "height": 66,
-      "opacity": 1,
-      "strokeDash": 0,
-      "strokeWidth": 2,
-      "borderRadius": 0,
-      "fill": "B5",
-      "stroke": "B1",
-      "shadow": false,
-      "3d": false,
-      "multiple": false,
-      "double-border": false,
-      "tooltip": "",
-      "link": "",
-      "icon": null,
-      "iconPosition": "",
-      "blend": false,
-      "fields": null,
-      "methods": null,
-      "columns": null,
-      "label": "a",
-      "fontSize": 16,
-      "fontFamily": "DEFAULT",
-      "language": "",
-      "color": "N1",
-      "italic": false,
-      "bold": true,
-      "underline": false,
-      "labelWidth": 8,
-      "labelHeight": 21,
-      "labelPosition": "INSIDE_MIDDLE_CENTER",
-      "zIndex": 0,
-      "level": 2
-    },
-    {
-      "id": "z.b",
-      "type": "rectangle",
-      "pos": {
-        "x": -63,
-        "y": 206
-      },
-      "width": 53,
-      "height": 66,
-      "opacity": 1,
-      "strokeDash": 0,
-      "strokeWidth": 2,
-      "borderRadius": 0,
-      "fill": "B5",
-      "stroke": "B1",
-      "shadow": false,
-      "3d": false,
-      "multiple": false,
-      "double-border": false,
-      "tooltip": "",
-      "link": "",
-      "icon": null,
-      "iconPosition": "",
-      "blend": false,
-      "fields": null,
-      "methods": null,
-      "columns": null,
-      "label": "b",
-      "fontSize": 16,
-      "fontFamily": "DEFAULT",
-      "language": "",
-      "color": "N1",
-      "italic": false,
-      "bold": true,
-      "underline": false,
-      "labelWidth": 8,
-      "labelHeight": 21,
-      "labelPosition": "INSIDE_MIDDLE_CENTER",
-      "zIndex": 0,
-      "level": 2
-    },
-    {
-      "id": "z.c",
-      "type": "rectangle",
-      "pos": {
-        "x": 10,
-        "y": 70
-      },
-      "width": 53,
-      "height": 66,
-      "opacity": 1,
-      "strokeDash": 0,
-      "strokeWidth": 2,
-      "borderRadius": 0,
-      "fill": "B5",
-      "stroke": "B1",
-      "shadow": false,
-      "3d": false,
-      "multiple": false,
-      "double-border": false,
-      "tooltip": "",
-      "link": "",
-      "icon": null,
-      "iconPosition": "",
-      "blend": false,
-      "fields": null,
-      "methods": null,
-      "columns": null,
-      "label": "c",
-      "fontSize": 16,
-      "fontFamily": "DEFAULT",
-      "language": "",
-      "color": "N1",
-      "italic": false,
-      "bold": true,
-      "underline": false,
-      "labelWidth": 8,
-      "labelHeight": 21,
-      "labelPosition": "INSIDE_MIDDLE_CENTER",
-      "zIndex": 0,
-      "level": 2
-    },
-    {
-      "id": "z.d",
-      "type": "rectangle",
-      "pos": {
-        "x": 9,
-        "y": 206
-      },
-      "width": 54,
-      "height": 66,
-      "opacity": 1,
-      "strokeDash": 0,
-      "strokeWidth": 2,
-      "borderRadius": 0,
-      "fill": "B5",
-      "stroke": "B1",
-      "shadow": false,
-      "3d": false,
-      "multiple": false,
-      "double-border": false,
-      "tooltip": "",
-      "link": "",
-      "icon": null,
-      "iconPosition": "",
-      "blend": false,
-      "fields": null,
-      "methods": null,
-      "columns": null,
-      "label": "d",
-      "fontSize": 16,
-      "fontFamily": "DEFAULT",
-      "language": "",
-      "color": "N1",
-      "italic": false,
-      "bold": true,
-      "underline": false,
-      "labelWidth": 9,
-      "labelHeight": 21,
-      "labelPosition": "INSIDE_MIDDLE_CENTER",
-      "zIndex": 0,
-      "level": 2
-    },
-    {
-      "id": "a",
-      "type": "rectangle",
-      "pos": {
-        "x": -126,
-        "y": -286
-      },
-      "width": 253,
-      "height": 266,
-      "opacity": 1,
-      "strokeDash": 0,
-      "strokeWidth": 2,
-      "borderRadius": 0,
-      "fill": "B4",
-      "stroke": "B1",
-      "shadow": false,
-      "3d": false,
-      "multiple": false,
-      "double-border": false,
-      "tooltip": "",
-      "link": "",
-      "icon": null,
-      "iconPosition": "",
-      "blend": false,
-      "fields": null,
-      "methods": null,
-      "columns": null,
-      "label": "a",
-      "fontSize": 28,
-      "fontFamily": "DEFAULT",
-      "language": "",
-      "color": "N1",
-      "italic": false,
-      "bold": false,
-      "underline": false,
-      "labelWidth": 12,
-      "labelHeight": 36,
-      "labelPosition": "INSIDE_TOP_CENTER",
-      "zIndex": 0,
-      "level": 1
-    },
-    {
-      "id": "a.b",
-      "type": "rectangle",
-      "pos": {
-        "x": -76,
-        "y": -236
-      },
-      "width": 153,
-      "height": 166,
-      "opacity": 1,
-      "strokeDash": 0,
-      "strokeWidth": 2,
-      "borderRadius": 0,
-      "fill": "B5",
-      "stroke": "B1",
-      "shadow": false,
-      "3d": false,
-      "multiple": false,
-      "double-border": false,
-      "tooltip": "",
-      "link": "",
-      "icon": null,
-      "iconPosition": "",
-      "blend": false,
-      "fields": null,
-      "methods": null,
-      "columns": null,
-      "label": "b",
-      "fontSize": 24,
-      "fontFamily": "DEFAULT",
-      "language": "",
-      "color": "N1",
-      "italic": false,
-      "bold": false,
-      "underline": false,
-      "labelWidth": 12,
-      "labelHeight": 31,
-      "labelPosition": "INSIDE_TOP_CENTER",
-      "zIndex": 0,
-      "level": 2
-    },
-    {
-      "id": "a.b.c",
-      "type": "rectangle",
-      "pos": {
-        "x": -26,
-        "y": -186
-      },
-      "width": 53,
-      "height": 66,
-      "opacity": 1,
-      "strokeDash": 0,
-      "strokeWidth": 2,
-      "borderRadius": 0,
-      "fill": "B6",
-      "stroke": "B1",
-      "shadow": false,
-      "3d": false,
-      "multiple": false,
-      "double-border": false,
-      "tooltip": "",
-      "link": "",
-      "icon": null,
-      "iconPosition": "",
-      "blend": false,
-      "fields": null,
-      "methods": null,
-      "columns": null,
-      "label": "c",
-      "fontSize": 16,
-      "fontFamily": "DEFAULT",
-      "language": "",
-      "color": "N1",
-      "italic": false,
-      "bold": true,
-      "underline": false,
-      "labelWidth": 8,
-      "labelHeight": 21,
-      "labelPosition": "INSIDE_MIDDLE_CENTER",
-      "zIndex": 0,
-      "level": 3
-    },
-    {
-      "id": "x",
-      "type": "rectangle",
-      "pos": {
-        "x": -373,
-        "y": -322
-      },
-      "width": 227,
-      "height": 302,
-      "opacity": 1,
-      "strokeDash": 0,
-      "strokeWidth": 2,
-      "borderRadius": 0,
-      "fill": "B4",
-      "stroke": "B1",
-      "shadow": false,
-      "3d": false,
-      "multiple": false,
-      "double-border": false,
-      "tooltip": "",
-      "link": "",
-      "icon": null,
-      "iconPosition": "",
-      "blend": false,
-      "fields": null,
-      "methods": null,
-      "columns": null,
-      "label": "x",
-      "fontSize": 28,
-      "fontFamily": "DEFAULT",
-      "language": "",
-      "color": "N1",
-      "italic": false,
-      "bold": false,
-      "underline": false,
-      "labelWidth": 13,
-      "labelHeight": 36,
-      "labelPosition": "INSIDE_TOP_CENTER",
-      "zIndex": 0,
-      "level": 1
-    },
-    {
-      "id": "x.a",
-      "type": "rectangle",
-      "pos": {
-        "x": -323,
-        "y": -272
-      },
-      "width": 53,
-      "height": 66,
-      "opacity": 1,
-      "strokeDash": 0,
-      "strokeWidth": 2,
-      "borderRadius": 0,
-      "fill": "B5",
-      "stroke": "B1",
-      "shadow": false,
-      "3d": false,
-      "multiple": false,
-      "double-border": false,
-      "tooltip": "",
-      "link": "",
-      "icon": null,
-      "iconPosition": "",
-      "blend": false,
-      "fields": null,
-      "methods": null,
-      "columns": null,
-      "label": "a",
-      "fontSize": 16,
-      "fontFamily": "DEFAULT",
-      "language": "",
-      "color": "N1",
-      "italic": false,
-      "bold": true,
-      "underline": false,
-      "labelWidth": 8,
-      "labelHeight": 21,
-      "labelPosition": "INSIDE_MIDDLE_CENTER",
-      "zIndex": 0,
-      "level": 2
-    },
-    {
-      "id": "x.b",
-      "type": "rectangle",
-      "pos": {
-        "x": -323,
-        "y": -136
-      },
-      "width": 53,
-      "height": 66,
-      "opacity": 1,
-      "strokeDash": 0,
-      "strokeWidth": 2,
-      "borderRadius": 0,
-      "fill": "B5",
-      "stroke": "B1",
-      "shadow": false,
-      "3d": false,
-      "multiple": false,
-      "double-border": false,
-      "tooltip": "",
-      "link": "",
-      "icon": null,
-      "iconPosition": "",
-      "blend": false,
-      "fields": null,
-      "methods": null,
-      "columns": null,
-      "label": "b",
-      "fontSize": 16,
-      "fontFamily": "DEFAULT",
-      "language": "",
-      "color": "N1",
-      "italic": false,
-      "bold": true,
-      "underline": false,
-      "labelWidth": 8,
-      "labelHeight": 21,
-      "labelPosition": "INSIDE_MIDDLE_CENTER",
-      "zIndex": 0,
-      "level": 2
-    },
-    {
-      "id": "x.c",
-      "type": "rectangle",
-      "pos": {
-        "x": -250,
-        "y": -272
-      },
-      "width": 53,
-      "height": 66,
-      "opacity": 1,
-      "strokeDash": 0,
-      "strokeWidth": 2,
-      "borderRadius": 0,
-      "fill": "B5",
-      "stroke": "B1",
-      "shadow": false,
-      "3d": false,
-      "multiple": false,
-      "double-border": false,
-      "tooltip": "",
-      "link": "",
-      "icon": null,
-      "iconPosition": "",
-      "blend": false,
-      "fields": null,
-      "methods": null,
-      "columns": null,
-      "label": "c",
-      "fontSize": 16,
-      "fontFamily": "DEFAULT",
-      "language": "",
-      "color": "N1",
-      "italic": false,
-      "bold": true,
-      "underline": false,
-      "labelWidth": 8,
-      "labelHeight": 21,
-      "labelPosition": "INSIDE_MIDDLE_CENTER",
-      "zIndex": 0,
-      "level": 2
-    },
-    {
-      "id": "x.d",
-      "type": "rectangle",
-      "pos": {
-        "x": -250,
-        "y": -136
-      },
-      "width": 54,
-      "height": 66,
-      "opacity": 1,
-      "strokeDash": 0,
-      "strokeWidth": 2,
-      "borderRadius": 0,
-      "fill": "B5",
-      "stroke": "B1",
-      "shadow": false,
-      "3d": false,
-      "multiple": false,
-      "double-border": false,
-      "tooltip": "",
-      "link": "",
-      "icon": null,
-      "iconPosition": "",
-      "blend": false,
-      "fields": null,
-      "methods": null,
-      "columns": null,
-      "label": "d",
-      "fontSize": 16,
-      "fontFamily": "DEFAULT",
-      "language": "",
-      "color": "N1",
-      "italic": false,
-      "bold": true,
-      "underline": false,
-      "labelWidth": 9,
-      "labelHeight": 21,
-      "labelPosition": "INSIDE_MIDDLE_CENTER",
-      "zIndex": 0,
-      "level": 2
-    },
-    {
-      "id": "y",
-      "type": "rectangle",
-      "pos": {
-        "x": 146,
-        "y": -322
-      },
-      "width": 227,
-      "height": 302,
-      "opacity": 1,
-      "strokeDash": 0,
-      "strokeWidth": 2,
-      "borderRadius": 0,
-      "fill": "B4",
-      "stroke": "B1",
-      "shadow": false,
-      "3d": false,
-      "multiple": false,
-      "double-border": false,
-      "tooltip": "",
-      "link": "",
-      "icon": null,
-      "iconPosition": "",
-      "blend": false,
-      "fields": null,
-      "methods": null,
-      "columns": null,
-      "label": "y",
-      "fontSize": 28,
-      "fontFamily": "DEFAULT",
-      "language": "",
-      "color": "N1",
-      "italic": false,
-      "bold": false,
-      "underline": false,
-      "labelWidth": 13,
-      "labelHeight": 36,
-      "labelPosition": "INSIDE_TOP_CENTER",
-      "zIndex": 0,
-      "level": 1
-    },
-    {
-      "id": "y.a",
-      "type": "rectangle",
-      "pos": {
-        "x": 196,
-        "y": -272
-      },
-      "width": 53,
-      "height": 66,
-      "opacity": 1,
-      "strokeDash": 0,
-      "strokeWidth": 2,
-      "borderRadius": 0,
-      "fill": "B5",
-      "stroke": "B1",
-      "shadow": false,
-      "3d": false,
-      "multiple": false,
-      "double-border": false,
-      "tooltip": "",
-      "link": "",
-      "icon": null,
-      "iconPosition": "",
-      "blend": false,
-      "fields": null,
-      "methods": null,
-      "columns": null,
-      "label": "a",
-      "fontSize": 16,
-      "fontFamily": "DEFAULT",
-      "language": "",
-      "color": "N1",
-      "italic": false,
-      "bold": true,
-      "underline": false,
-      "labelWidth": 8,
-      "labelHeight": 21,
-      "labelPosition": "INSIDE_MIDDLE_CENTER",
-      "zIndex": 0,
-      "level": 2
-    },
-    {
-      "id": "y.b",
-      "type": "rectangle",
-      "pos": {
-        "x": 196,
-        "y": -136
-      },
-      "width": 53,
-      "height": 66,
-      "opacity": 1,
-      "strokeDash": 0,
-      "strokeWidth": 2,
-      "borderRadius": 0,
-      "fill": "B5",
-      "stroke": "B1",
-      "shadow": false,
-      "3d": false,
-      "multiple": false,
-      "double-border": false,
-      "tooltip": "",
-      "link": "",
-      "icon": null,
-      "iconPosition": "",
-      "blend": false,
-      "fields": null,
-      "methods": null,
-      "columns": null,
-      "label": "b",
-      "fontSize": 16,
-      "fontFamily": "DEFAULT",
-      "language": "",
-      "color": "N1",
-      "italic": false,
-      "bold": true,
-      "underline": false,
-      "labelWidth": 8,
-      "labelHeight": 21,
-      "labelPosition": "INSIDE_MIDDLE_CENTER",
-      "zIndex": 0,
-      "level": 2
-    },
-    {
-      "id": "y.c",
-      "type": "rectangle",
-      "pos": {
-        "x": 270,
-        "y": -272
-      },
-      "width": 53,
-      "height": 66,
-      "opacity": 1,
-      "strokeDash": 0,
-      "strokeWidth": 2,
-      "borderRadius": 0,
-      "fill": "B5",
-      "stroke": "B1",
-      "shadow": false,
-      "3d": false,
-      "multiple": false,
-      "double-border": false,
-      "tooltip": "",
-      "link": "",
-      "icon": null,
-      "iconPosition": "",
-      "blend": false,
-      "fields": null,
-      "methods": null,
-      "columns": null,
-      "label": "c",
-      "fontSize": 16,
-      "fontFamily": "DEFAULT",
-      "language": "",
-      "color": "N1",
-      "italic": false,
-      "bold": true,
-      "underline": false,
-      "labelWidth": 8,
-      "labelHeight": 21,
-      "labelPosition": "INSIDE_MIDDLE_CENTER",
-      "zIndex": 0,
-      "level": 2
-    },
-    {
-      "id": "y.d",
-      "type": "rectangle",
-      "pos": {
-        "x": 269,
-        "y": -136
-      },
-      "width": 54,
-      "height": 66,
-      "opacity": 1,
-      "strokeDash": 0,
-      "strokeWidth": 2,
-      "borderRadius": 0,
-      "fill": "B5",
-      "stroke": "B1",
-      "shadow": false,
-      "3d": false,
-      "multiple": false,
-      "double-border": false,
-      "tooltip": "",
-      "link": "",
-      "icon": null,
-      "iconPosition": "",
-      "blend": false,
-      "fields": null,
-      "methods": null,
-      "columns": null,
-      "label": "d",
-      "fontSize": 16,
-      "fontFamily": "DEFAULT",
-      "language": "",
-      "color": "N1",
-      "italic": false,
-      "bold": true,
-      "underline": false,
-      "labelWidth": 9,
-      "labelHeight": 21,
-      "labelPosition": "INSIDE_MIDDLE_CENTER",
-      "zIndex": 0,
-      "level": 2
-    },
-    {
-      "id": "b",
-      "type": "rectangle",
-      "pos": {
-        "x": 146,
-        "y": 20
-      },
-      "width": 354,
-      "height": 366,
-      "opacity": 1,
-      "strokeDash": 0,
-      "strokeWidth": 2,
-      "borderRadius": 0,
-      "fill": "B4",
-      "stroke": "B1",
-      "shadow": false,
-      "3d": false,
-      "multiple": false,
-      "double-border": false,
-      "tooltip": "",
-      "link": "",
-      "icon": null,
-      "iconPosition": "",
-      "blend": false,
-      "fields": null,
-      "methods": null,
-      "columns": null,
-      "label": "b",
-      "fontSize": 28,
-      "fontFamily": "DEFAULT",
-      "language": "",
-      "color": "N1",
-      "italic": false,
-      "bold": false,
-      "underline": false,
-      "labelWidth": 13,
-      "labelHeight": 36,
-      "labelPosition": "INSIDE_TOP_CENTER",
-      "zIndex": 0,
-      "level": 1
-    },
-    {
-      "id": "b.a",
-      "type": "rectangle",
-      "pos": {
-        "x": 196,
-        "y": 70
-      },
-      "width": 254,
-      "height": 266,
-      "opacity": 1,
-      "strokeDash": 0,
-      "strokeWidth": 2,
-      "borderRadius": 0,
-      "fill": "B5",
-      "stroke": "B1",
-      "shadow": false,
-      "3d": false,
-      "multiple": false,
-      "double-border": false,
-      "tooltip": "",
-      "link": "",
-      "icon": null,
-      "iconPosition": "",
-      "blend": false,
-      "fields": null,
-      "methods": null,
-      "columns": null,
-      "label": "a",
-      "fontSize": 24,
-      "fontFamily": "DEFAULT",
-      "language": "",
-      "color": "N1",
-      "italic": false,
-      "bold": false,
-      "underline": false,
-      "labelWidth": 10,
-      "labelHeight": 31,
-      "labelPosition": "INSIDE_TOP_CENTER",
-      "zIndex": 0,
-      "level": 2
-    },
-    {
-      "id": "b.a.c",
-      "type": "rectangle",
-      "pos": {
-        "x": 246,
-        "y": 120
-      },
-      "width": 154,
-      "height": 166,
-      "opacity": 1,
-      "strokeDash": 0,
-      "strokeWidth": 2,
-      "borderRadius": 0,
-      "fill": "B6",
-      "stroke": "B1",
-      "shadow": false,
-      "3d": false,
-      "multiple": false,
-      "double-border": false,
-      "tooltip": "",
-      "link": "",
-      "icon": null,
-      "iconPosition": "",
-      "blend": false,
-      "fields": null,
-      "methods": null,
-      "columns": null,
-      "label": "c",
-      "fontSize": 20,
-      "fontFamily": "DEFAULT",
-      "language": "",
-      "color": "N1",
-      "italic": false,
-      "bold": false,
-      "underline": false,
-      "labelWidth": 9,
-      "labelHeight": 26,
-      "labelPosition": "INSIDE_TOP_CENTER",
-      "zIndex": 0,
-      "level": 3
-    },
-    {
-      "id": "b.a.c.d",
-      "type": "rectangle",
-      "pos": {
-        "x": 296,
-        "y": 170
-      },
-      "width": 54,
-      "height": 66,
-      "opacity": 1,
-      "strokeDash": 0,
-      "strokeWidth": 2,
-      "borderRadius": 0,
-      "fill": "N7",
-      "stroke": "B1",
-      "shadow": false,
-      "3d": false,
-      "multiple": false,
-      "double-border": false,
-      "tooltip": "",
-      "link": "",
-      "icon": null,
-      "iconPosition": "",
-      "blend": false,
-      "fields": null,
-      "methods": null,
-      "columns": null,
-      "label": "d",
-      "fontSize": 16,
-      "fontFamily": "DEFAULT",
-      "language": "",
-      "color": "N1",
-      "italic": false,
-      "bold": true,
-      "underline": false,
-      "labelWidth": 9,
-      "labelHeight": 21,
-      "labelPosition": "INSIDE_MIDDLE_CENTER",
-      "zIndex": 0,
-      "level": 4
-    }
-  ],
-  "connections": [
-    {
-      "id": "z.(a -> b)[0]",
-      "src": "z.a",
-      "srcArrow": "none",
-      "srcLabel": "",
-      "dst": "z.b",
-      "dstArrow": "triangle",
-      "dstLabel": "",
-      "opacity": 1,
-      "strokeDash": 0,
-      "strokeWidth": 2,
-      "stroke": "B1",
-      "borderRadius": 10,
-      "label": "",
-      "fontSize": 16,
-      "fontFamily": "DEFAULT",
-      "language": "",
-      "color": "N2",
-      "italic": true,
-      "bold": false,
-      "underline": false,
-      "labelWidth": 0,
-      "labelHeight": 0,
-      "labelPosition": "",
-      "labelPercentage": 0,
-      "route": [
-        {
-          "x": -37,
-          "y": 136
-        },
-        {
-          "x": -37,
-          "y": 206
-        }
-      ],
-      "animated": false,
-      "tooltip": "",
-      "icon": null,
-      "zIndex": 0
-    },
-    {
-      "id": "z.(c -> d)[0]",
-      "src": "z.c",
-      "srcArrow": "none",
-      "srcLabel": "",
-      "dst": "z.d",
-      "dstArrow": "triangle",
-      "dstLabel": "",
-      "opacity": 1,
-      "strokeDash": 0,
-      "strokeWidth": 2,
-      "stroke": "B1",
-      "borderRadius": 10,
-      "label": "",
-      "fontSize": 16,
-      "fontFamily": "DEFAULT",
-      "language": "",
-      "color": "N2",
-      "italic": true,
-      "bold": false,
-      "underline": false,
-      "labelWidth": 0,
-      "labelHeight": 0,
-      "labelPosition": "",
-      "labelPercentage": 0,
-      "route": [
-        {
-          "x": 36.5,
-          "y": 136
-        },
-        {
-          "x": 36.5,
-          "y": 206
-        }
-      ],
-      "animated": false,
-      "tooltip": "",
-      "icon": null,
-      "zIndex": 0
-    },
-    {
-      "id": "x.(a -> b)[0]",
-      "src": "x.a",
-      "srcArrow": "none",
-      "srcLabel": "",
-      "dst": "x.b",
-      "dstArrow": "triangle",
-      "dstLabel": "",
-      "opacity": 1,
-      "strokeDash": 0,
-      "strokeWidth": 2,
-      "stroke": "B1",
-      "borderRadius": 10,
-      "label": "",
-      "fontSize": 16,
-      "fontFamily": "DEFAULT",
-      "language": "",
-      "color": "N2",
-      "italic": true,
-      "bold": false,
-      "underline": false,
-      "labelWidth": 0,
-      "labelHeight": 0,
-      "labelPosition": "",
-      "labelPercentage": 0,
-      "route": [
-        {
-          "x": -297,
-          "y": -206
-        },
-        {
-          "x": -297,
-          "y": -136
-        }
-      ],
-      "animated": false,
-      "tooltip": "",
-      "icon": null,
-      "zIndex": 0
-    },
-    {
-      "id": "x.(c -> d)[0]",
-      "src": "x.c",
-      "srcArrow": "none",
-      "srcLabel": "",
-      "dst": "x.d",
-      "dstArrow": "triangle",
-      "dstLabel": "",
-      "opacity": 1,
-      "strokeDash": 0,
-      "strokeWidth": 2,
-      "stroke": "B1",
-      "borderRadius": 10,
-      "label": "",
-      "fontSize": 16,
-      "fontFamily": "DEFAULT",
-      "language": "",
-      "color": "N2",
-      "italic": true,
-      "bold": false,
-      "underline": false,
-      "labelWidth": 0,
-      "labelHeight": 0,
-      "labelPosition": "",
-      "labelPercentage": 0,
-      "route": [
-        {
-          "x": -223.5,
-          "y": -206
-        },
-        {
-          "x": -223.5,
-          "y": -136
-        }
-      ],
-      "animated": false,
-      "tooltip": "",
-      "icon": null,
-      "zIndex": 0
-    },
-    {
-      "id": "y.(a -> b)[0]",
-      "src": "y.a",
-      "srcArrow": "none",
-      "srcLabel": "",
-      "dst": "y.b",
-      "dstArrow": "triangle",
-      "dstLabel": "",
-      "opacity": 1,
-      "strokeDash": 0,
-      "strokeWidth": 2,
-      "stroke": "B1",
-      "borderRadius": 10,
-      "label": "",
-      "fontSize": 16,
-      "fontFamily": "DEFAULT",
-      "language": "",
-      "color": "N2",
-      "italic": true,
-      "bold": false,
-      "underline": false,
-      "labelWidth": 0,
-      "labelHeight": 0,
-      "labelPosition": "",
-      "labelPercentage": 0,
-      "route": [
-        {
-          "x": 223,
-          "y": -206
-        },
-        {
-          "x": 223,
-          "y": -136
-        }
-      ],
-      "animated": false,
-      "tooltip": "",
-      "icon": null,
-      "zIndex": 0
-    },
-    {
-      "id": "y.(c -> d)[0]",
-      "src": "y.c",
-      "srcArrow": "none",
-      "srcLabel": "",
-      "dst": "y.d",
-      "dstArrow": "triangle",
-      "dstLabel": "",
-      "opacity": 1,
-      "strokeDash": 0,
-      "strokeWidth": 2,
-      "stroke": "B1",
-      "borderRadius": 10,
-      "label": "",
-      "fontSize": 16,
-      "fontFamily": "DEFAULT",
-      "language": "",
-      "color": "N2",
-      "italic": true,
-      "bold": false,
-      "underline": false,
-      "labelWidth": 0,
-      "labelHeight": 0,
-      "labelPosition": "",
-      "labelPercentage": 0,
-      "route": [
-        {
-          "x": 296.5,
-          "y": -206
-        },
-        {
-          "x": 296.5,
-          "y": -136
-        }
-      ],
-      "animated": false,
-      "tooltip": "",
-      "icon": null,
-      "zIndex": 0
     }
   ],
+  "connections": [],
   "root": {
     "id": "",
     "type": "",
diff --git a/e2etests/testdata/stable/near_keys_for_container/elk/sketch.exp.svg b/e2etests/testdata/stable/near_keys_for_container/elk/sketch.exp.svg
index a6c4191ba..69ab1095c 100644
--- a/e2etests/testdata/stable/near_keys_for_container/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/near_keys_for_container/elk/sketch.exp.svg
@@ -1,17 +1,10 @@
-<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 875 710"><svg id="d2-svg" class="d2-1517716488" width="875" height="710" viewBox="-374 -323 875 710"><rect x="-374.000000" y="-323.000000" width="875.000000" height="710.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
-.d2-1517716488 .text {
-	font-family: "d2-1517716488-font-regular";
+<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 650 53"><svg id="d2-svg" class="d2-3409823234" width="650" height="53" viewBox="-325 -72 650 53"><rect x="-325.000000" y="-72.000000" width="650.000000" height="53.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
+.d2-3409823234 .text {
+	font-family: "d2-3409823234-font-regular";
 }
 @font-face {
-	font-family: d2-1517716488-font-regular;
-	src: url("data:application/font-woff;base64,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");
-}
-.d2-1517716488 .text-bold {
-	font-family: "d2-1517716488-font-bold";
-}
-@font-face {
-	font-family: d2-1517716488-font-bold;
-	src: url("data:application/font-woff;base64,d09GRgABAAAAAAgYAAoAAAAADRQAAguFAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAAA9AAAAGAAAABgXxHXrmNtYXAAAAFUAAAAQwAAAEQAswCiZ2x5ZgAAAZgAAAKIAAACyPTeVxJoZWFkAAAEIAAAADYAAAA2G38e1GhoZWEAAARYAAAAJAAAACQKfwXHaG10eAAABHwAAAAgAAAAIBDlAUZsb2NhAAAEnAAAABIAAAASA6oDBm1heHAAAASwAAAAIAAAACAAIAD3bmFtZQAABNAAAAMoAAAIKgjwVkFwb3N0AAAH+AAAAB0AAAAg/9EAMgADAioCvAAFAAACigJYAAAASwKKAlgAAAFeADIBKQAAAgsHAwMEAwICBGAAAvcAAAADAAAAAAAAAABBREJPACAAIP//Au7/BgAAA9gBESAAAZ8AAAAAAfAClAAAACAAA3icHMtBDYQwFAXAafu3e8EMkkgQQfCAB5w+kt5n0AwNm7JjKk13uhMcriRvnqWs0Q3lZ/rzAQAA//8BAAD//yoHCU8AeJxM0E9PE1sYx/HnTIeZtkzadDpnpi309s9p51DKBW4PM0OgtBAovTcp0IvhT6JxlIUbjSAVU1wbN4ZoAgvcsNKFCUs3kFQTt2wwkfgCdG3QNK6gNZ1owht4Ps/vC11QBeDWuD1wgQf8IAMGYIFEIM0oJaLFLItoLouigFjl5NbrVzTDZzJ8f3w/9ti20dxNbu/y3vW5tbWf9vh46+DouLWDascAHPS3m+gTuoAwEAAtqRsjpqXrJCmI1DRZTsUBQokgWDnTMgQBK+q7meqTXY5kYpMpY+jumH2n7uVjZXc4HZzPx6SV4vyqP0FD+HY0dX+z9ZX1kk0tuOLNRkMadLypdpNTuQYoEAPoSuqUiCTAsOhgKlYEgeZMY4QkRayqqJSYjvJSbZePziTzq0N5e1U3lwcySp+UiBtc47ASiRYeVJa2i/XZytO/T2QfACBItZuogS4g4gidSZ3jmtiZhRWV5UxLEwQULq1P/ftoZrDcWyJxo1gcDg0Gx9LL0sTW4rWHE39pdrQyNTmH/bfiPeD8TttNdME1IAjxP62cw9RgVyrpv5kfN9bH7ZHMaFjYrXv5yCwXonIwqxBzSHq2/f9WoTdUeXM5/U+E1JXwieybLv9XAgQ+ANRE5xAGYEHKNFXVmGlaFhM1QnW9o4iib//5wYBX9fJu2Z3cf/HyYFjSJN6jeCjivlVxFuMsrra/L+IBjLPqYqeJ1C6gS3QOPc7n1FKdDJbriuDycXU14Y+Isjvd5xXf75W7ZS/vDnjyO4fa6MIHgd9AXaloBH05S86mSZmctboLS/3gNNcB0Ft0Dh4AZgSJkcAuhvXTI7Rx+nkBDdbmWx9r8AsAAP//AQAA//+9h5XNAAEAAAACC4V1dRaHXw889QABA+gAAAAA2F2ghAAAAADdZi82/jf+xAhtA/EAAQADAAIAAAAAAAAAAQAAA9j+7wAACJj+N/43CG0AAQAAAAAAAAAAAAAAAAAAAAgCsgBQAg8AKgI9AEEB0wAkAj0AJwICAA4CCQAMAcwAJgAAACwAZACWAMIA9AEgAVABZAAAAAEAAAAIAJAADABjAAcAAQAAAAAAAAAAAAAAAAAEAAN4nJyUz24bVRTGf05s0wrBAkVVuonugkWR6NhUSdU2K4fUikUUB48LQkJIE8/4jzKeGXkmDuEJWPMWvEVXPATPgVij+Xzs2AXRJoqSfHfu+fOdc75zgR3+ZptK9SHwRz0xXGGvfm54iwf1E8PbtOtbhqs8qf1puEZYmxuu83mtZ/gj3lZ/M/yA/epPhh+yW20b/phn1R3Dn2w7/jL8Kfu8XeAKvOBXwxV2yQxvscOPhrd5hMWsVHlE03CNz9gzXGcP6DOhIGZCwgjHkAkjrpgRkeMTMWPCkIgQR4cWMYW+JgRCjtF/fg3wKZgRKOKYAkeMT0xAztgi/iKvlHNlHOo0s7sWBWMCLuRxSUCCI2VESkLEpeIUFGS8okGDnIH4ZhTkeORMiPFImTGiQZc2p/QZMyHH0VakkplPypCCawLld2ZRdmZAREJurK5ICMXTiV8k7w6nOLpksl2PfLoR4Usc38m75JbK9is8/bo1Zpt5l2wC5upnrK7EurnWBMe6LfO2+Fa44BXuXv3ZZPL+HoX6XyjyBVeaf6hJJWKS4NwuLXwpyHePcRzp3MFXR76nQ58Turyhr3OLHj1anNGnw2v5dunh+JouZxzLoyO8uGtLMWf8gOMbOrIpY0fWn8XEIn4mM3Xn4jhTHVMy9bxk7qnWSBXefcLlDqUb6sjlM9AelZZO80u0ZwEjU0UmhlP1cqmN3PoXmiKmqqWc7e19uQ1z273lFt+QaodLtS44lZNbMHrfVL13NHOtH4+AkJQLWQxImdKg4Ea8zwm4IsZxrO6daEsKWiufMs+NVBIxFYMOieLMyPQ3MN34xn2woXtnb0ko/5Lp5aqq+2Rx6tXtjN6oe8s737ocrU2gYVNN19Q0ENfEtB9pp9b5+/LN9bqlPOWIlJjwXy/AMzya7HPAIWNlGOhmbq9DUy9Ek5ccqvpLIlkNpefIIhzg8ZwDDnjJ83f6uGTijItbcVnP3eKYI7ocflAVC/suR7xeffv/rL+LaVO1OJ6uTi/uPcUnd1DrF9qz2/eyp4mVk5hbtNutOCNgWnJxu+s1ucd4/wAAAP//AQAA///0t09ReJxiYGYAg//nGIwYsAAAAAAA//8BAAD//y8BAgMAAAA=");
+	font-family: d2-3409823234-font-regular;
+	src: url("data:application/font-woff;base64,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");
 }]]></style><style type="text/css"><![CDATA[.shape {
   shape-rendering: geometricPrecision;
   stroke-linejoin: round;
@@ -25,78 +18,821 @@
   opacity: 0.5;
 }
 
-		.d2-1517716488 .fill-N1{fill:#0A0F25;}
-		.d2-1517716488 .fill-N2{fill:#676C7E;}
-		.d2-1517716488 .fill-N3{fill:#9499AB;}
-		.d2-1517716488 .fill-N4{fill:#CFD2DD;}
-		.d2-1517716488 .fill-N5{fill:#DEE1EB;}
-		.d2-1517716488 .fill-N6{fill:#EEF1F8;}
-		.d2-1517716488 .fill-N7{fill:#FFFFFF;}
-		.d2-1517716488 .fill-B1{fill:#0D32B2;}
-		.d2-1517716488 .fill-B2{fill:#0D32B2;}
-		.d2-1517716488 .fill-B3{fill:#E3E9FD;}
-		.d2-1517716488 .fill-B4{fill:#E3E9FD;}
-		.d2-1517716488 .fill-B5{fill:#EDF0FD;}
-		.d2-1517716488 .fill-B6{fill:#F7F8FE;}
-		.d2-1517716488 .fill-AA2{fill:#4A6FF3;}
-		.d2-1517716488 .fill-AA4{fill:#EDF0FD;}
-		.d2-1517716488 .fill-AA5{fill:#F7F8FE;}
-		.d2-1517716488 .fill-AB4{fill:#EDF0FD;}
-		.d2-1517716488 .fill-AB5{fill:#F7F8FE;}
-		.d2-1517716488 .stroke-N1{stroke:#0A0F25;}
-		.d2-1517716488 .stroke-N2{stroke:#676C7E;}
-		.d2-1517716488 .stroke-N3{stroke:#9499AB;}
-		.d2-1517716488 .stroke-N4{stroke:#CFD2DD;}
-		.d2-1517716488 .stroke-N5{stroke:#DEE1EB;}
-		.d2-1517716488 .stroke-N6{stroke:#EEF1F8;}
-		.d2-1517716488 .stroke-N7{stroke:#FFFFFF;}
-		.d2-1517716488 .stroke-B1{stroke:#0D32B2;}
-		.d2-1517716488 .stroke-B2{stroke:#0D32B2;}
-		.d2-1517716488 .stroke-B3{stroke:#E3E9FD;}
-		.d2-1517716488 .stroke-B4{stroke:#E3E9FD;}
-		.d2-1517716488 .stroke-B5{stroke:#EDF0FD;}
-		.d2-1517716488 .stroke-B6{stroke:#F7F8FE;}
-		.d2-1517716488 .stroke-AA2{stroke:#4A6FF3;}
-		.d2-1517716488 .stroke-AA4{stroke:#EDF0FD;}
-		.d2-1517716488 .stroke-AA5{stroke:#F7F8FE;}
-		.d2-1517716488 .stroke-AB4{stroke:#EDF0FD;}
-		.d2-1517716488 .stroke-AB5{stroke:#F7F8FE;}
-		.d2-1517716488 .background-color-N1{background-color:#0A0F25;}
-		.d2-1517716488 .background-color-N2{background-color:#676C7E;}
-		.d2-1517716488 .background-color-N3{background-color:#9499AB;}
-		.d2-1517716488 .background-color-N4{background-color:#CFD2DD;}
-		.d2-1517716488 .background-color-N5{background-color:#DEE1EB;}
-		.d2-1517716488 .background-color-N6{background-color:#EEF1F8;}
-		.d2-1517716488 .background-color-N7{background-color:#FFFFFF;}
-		.d2-1517716488 .background-color-B1{background-color:#0D32B2;}
-		.d2-1517716488 .background-color-B2{background-color:#0D32B2;}
-		.d2-1517716488 .background-color-B3{background-color:#E3E9FD;}
-		.d2-1517716488 .background-color-B4{background-color:#E3E9FD;}
-		.d2-1517716488 .background-color-B5{background-color:#EDF0FD;}
-		.d2-1517716488 .background-color-B6{background-color:#F7F8FE;}
-		.d2-1517716488 .background-color-AA2{background-color:#4A6FF3;}
-		.d2-1517716488 .background-color-AA4{background-color:#EDF0FD;}
-		.d2-1517716488 .background-color-AA5{background-color:#F7F8FE;}
-		.d2-1517716488 .background-color-AB4{background-color:#EDF0FD;}
-		.d2-1517716488 .background-color-AB5{background-color:#F7F8FE;}
-		.d2-1517716488 .color-N1{color:#0A0F25;}
-		.d2-1517716488 .color-N2{color:#676C7E;}
-		.d2-1517716488 .color-N3{color:#9499AB;}
-		.d2-1517716488 .color-N4{color:#CFD2DD;}
-		.d2-1517716488 .color-N5{color:#DEE1EB;}
-		.d2-1517716488 .color-N6{color:#EEF1F8;}
-		.d2-1517716488 .color-N7{color:#FFFFFF;}
-		.d2-1517716488 .color-B1{color:#0D32B2;}
-		.d2-1517716488 .color-B2{color:#0D32B2;}
-		.d2-1517716488 .color-B3{color:#E3E9FD;}
-		.d2-1517716488 .color-B4{color:#E3E9FD;}
-		.d2-1517716488 .color-B5{color:#EDF0FD;}
-		.d2-1517716488 .color-B6{color:#F7F8FE;}
-		.d2-1517716488 .color-AA2{color:#4A6FF3;}
-		.d2-1517716488 .color-AA4{color:#EDF0FD;}
-		.d2-1517716488 .color-AA5{color:#F7F8FE;}
-		.d2-1517716488 .color-AB4{color:#EDF0FD;}
-		.d2-1517716488 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g id="z"><g class="shape" ><rect x="-113.000000" y="20.000000" width="227.000000" height="302.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="0.500000" y="53.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">z</text></g><g id="a"><g class="shape" ><rect x="-126.000000" y="-286.000000" width="253.000000" height="266.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="0.500000" y="-253.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">a</text></g><g id="x"><g class="shape" ><rect x="-373.000000" y="-322.000000" width="227.000000" height="302.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="-259.500000" y="-289.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">x</text></g><g id="y"><g class="shape" ><rect x="146.000000" y="-322.000000" width="227.000000" height="302.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="259.500000" y="-289.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">y</text></g><g id="b"><g class="shape" ><rect x="146.000000" y="20.000000" width="354.000000" height="366.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="323.000000" y="53.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">b</text></g><g id="z.a"><g class="shape" ><rect x="-63.000000" y="70.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="-36.500000" y="108.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="z.b"><g class="shape" ><rect x="-63.000000" y="206.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="-36.500000" y="244.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="z.c"><g class="shape" ><rect x="10.000000" y="70.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="36.500000" y="108.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="z.d"><g class="shape" ><rect x="9.000000" y="206.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="36.000000" y="244.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="a.b"><g class="shape" ><rect x="-76.000000" y="-236.000000" width="153.000000" height="166.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="0.500000" y="-207.000000" class="text fill-N1" style="text-anchor:middle;font-size:24px">b</text></g><g id="x.a"><g class="shape" ><rect x="-323.000000" y="-272.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="-296.500000" y="-233.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="x.b"><g class="shape" ><rect x="-323.000000" y="-136.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="-296.500000" y="-97.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="x.c"><g class="shape" ><rect x="-250.000000" y="-272.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="-223.500000" y="-233.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="x.d"><g class="shape" ><rect x="-250.000000" y="-136.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="-223.000000" y="-97.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="y.a"><g class="shape" ><rect x="196.000000" y="-272.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="222.500000" y="-233.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="y.b"><g class="shape" ><rect x="196.000000" y="-136.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="222.500000" y="-97.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="y.c"><g class="shape" ><rect x="270.000000" y="-272.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="296.500000" y="-233.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="y.d"><g class="shape" ><rect x="269.000000" y="-136.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="296.000000" y="-97.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="b.a"><g class="shape" ><rect x="196.000000" y="70.000000" width="254.000000" height="266.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="323.000000" y="99.000000" class="text fill-N1" style="text-anchor:middle;font-size:24px">a</text></g><g id="a.b.c"><g class="shape" ><rect x="-26.000000" y="-186.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="0.500000" y="-147.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="b.a.c"><g class="shape" ><rect x="246.000000" y="120.000000" width="154.000000" height="166.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="323.000000" y="145.000000" class="text fill-N1" style="text-anchor:middle;font-size:20px">c</text></g><g id="b.a.c.d"><g class="shape" ><rect x="296.000000" y="170.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="323.000000" y="208.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="z.(a -&gt; b)[0]"><marker id="mk-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" class="connection fill-B1" stroke-width="2" /> </marker><path d="M -37.000000 138.000000 L -37.000000 202.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1517716488)" /></g><g id="z.(c -&gt; d)[0]"><path d="M 36.500000 138.000000 L 36.500000 202.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1517716488)" /></g><g id="x.(a -&gt; b)[0]"><path d="M -297.000000 -204.000000 L -297.000000 -140.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1517716488)" /></g><g id="x.(c -&gt; d)[0]"><path d="M -223.500000 -204.000000 L -223.500000 -140.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1517716488)" /></g><g id="y.(a -&gt; b)[0]"><path d="M 223.000000 -204.000000 L 223.000000 -140.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1517716488)" /></g><g id="y.(c -&gt; d)[0]"><path d="M 296.500000 -204.000000 L 296.500000 -140.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1517716488)" /></g><mask id="d2-1517716488" maskUnits="userSpaceOnUse" x="-374" y="-323" width="875" height="710">
-<rect x="-374" y="-323" width="875" height="710" fill="white"></rect>
+		.d2-3409823234 .fill-N1{fill:#0A0F25;}
+		.d2-3409823234 .fill-N2{fill:#676C7E;}
+		.d2-3409823234 .fill-N3{fill:#9499AB;}
+		.d2-3409823234 .fill-N4{fill:#CFD2DD;}
+		.d2-3409823234 .fill-N5{fill:#DEE1EB;}
+		.d2-3409823234 .fill-N6{fill:#EEF1F8;}
+		.d2-3409823234 .fill-N7{fill:#FFFFFF;}
+		.d2-3409823234 .fill-B1{fill:#0D32B2;}
+		.d2-3409823234 .fill-B2{fill:#0D32B2;}
+		.d2-3409823234 .fill-B3{fill:#E3E9FD;}
+		.d2-3409823234 .fill-B4{fill:#E3E9FD;}
+		.d2-3409823234 .fill-B5{fill:#EDF0FD;}
+		.d2-3409823234 .fill-B6{fill:#F7F8FE;}
+		.d2-3409823234 .fill-AA2{fill:#4A6FF3;}
+		.d2-3409823234 .fill-AA4{fill:#EDF0FD;}
+		.d2-3409823234 .fill-AA5{fill:#F7F8FE;}
+		.d2-3409823234 .fill-AB4{fill:#EDF0FD;}
+		.d2-3409823234 .fill-AB5{fill:#F7F8FE;}
+		.d2-3409823234 .stroke-N1{stroke:#0A0F25;}
+		.d2-3409823234 .stroke-N2{stroke:#676C7E;}
+		.d2-3409823234 .stroke-N3{stroke:#9499AB;}
+		.d2-3409823234 .stroke-N4{stroke:#CFD2DD;}
+		.d2-3409823234 .stroke-N5{stroke:#DEE1EB;}
+		.d2-3409823234 .stroke-N6{stroke:#EEF1F8;}
+		.d2-3409823234 .stroke-N7{stroke:#FFFFFF;}
+		.d2-3409823234 .stroke-B1{stroke:#0D32B2;}
+		.d2-3409823234 .stroke-B2{stroke:#0D32B2;}
+		.d2-3409823234 .stroke-B3{stroke:#E3E9FD;}
+		.d2-3409823234 .stroke-B4{stroke:#E3E9FD;}
+		.d2-3409823234 .stroke-B5{stroke:#EDF0FD;}
+		.d2-3409823234 .stroke-B6{stroke:#F7F8FE;}
+		.d2-3409823234 .stroke-AA2{stroke:#4A6FF3;}
+		.d2-3409823234 .stroke-AA4{stroke:#EDF0FD;}
+		.d2-3409823234 .stroke-AA5{stroke:#F7F8FE;}
+		.d2-3409823234 .stroke-AB4{stroke:#EDF0FD;}
+		.d2-3409823234 .stroke-AB5{stroke:#F7F8FE;}
+		.d2-3409823234 .background-color-N1{background-color:#0A0F25;}
+		.d2-3409823234 .background-color-N2{background-color:#676C7E;}
+		.d2-3409823234 .background-color-N3{background-color:#9499AB;}
+		.d2-3409823234 .background-color-N4{background-color:#CFD2DD;}
+		.d2-3409823234 .background-color-N5{background-color:#DEE1EB;}
+		.d2-3409823234 .background-color-N6{background-color:#EEF1F8;}
+		.d2-3409823234 .background-color-N7{background-color:#FFFFFF;}
+		.d2-3409823234 .background-color-B1{background-color:#0D32B2;}
+		.d2-3409823234 .background-color-B2{background-color:#0D32B2;}
+		.d2-3409823234 .background-color-B3{background-color:#E3E9FD;}
+		.d2-3409823234 .background-color-B4{background-color:#E3E9FD;}
+		.d2-3409823234 .background-color-B5{background-color:#EDF0FD;}
+		.d2-3409823234 .background-color-B6{background-color:#F7F8FE;}
+		.d2-3409823234 .background-color-AA2{background-color:#4A6FF3;}
+		.d2-3409823234 .background-color-AA4{background-color:#EDF0FD;}
+		.d2-3409823234 .background-color-AA5{background-color:#F7F8FE;}
+		.d2-3409823234 .background-color-AB4{background-color:#EDF0FD;}
+		.d2-3409823234 .background-color-AB5{background-color:#F7F8FE;}
+		.d2-3409823234 .color-N1{color:#0A0F25;}
+		.d2-3409823234 .color-N2{color:#676C7E;}
+		.d2-3409823234 .color-N3{color:#9499AB;}
+		.d2-3409823234 .color-N4{color:#CFD2DD;}
+		.d2-3409823234 .color-N5{color:#DEE1EB;}
+		.d2-3409823234 .color-N6{color:#EEF1F8;}
+		.d2-3409823234 .color-N7{color:#FFFFFF;}
+		.d2-3409823234 .color-B1{color:#0D32B2;}
+		.d2-3409823234 .color-B2{color:#0D32B2;}
+		.d2-3409823234 .color-B3{color:#E3E9FD;}
+		.d2-3409823234 .color-B4{color:#E3E9FD;}
+		.d2-3409823234 .color-B5{color:#EDF0FD;}
+		.d2-3409823234 .color-B6{color:#F7F8FE;}
+		.d2-3409823234 .color-AA2{color:#4A6FF3;}
+		.d2-3409823234 .color-AA4{color:#EDF0FD;}
+		.d2-3409823234 .color-AA5{color:#F7F8FE;}
+		.d2-3409823234 .color-AB4{color:#EDF0FD;}
+		.d2-3409823234 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.d2-3409823234 .md em,
+.d2-3409823234 .md dfn {
+  font-family: "d2-3409823234-font-italic";
+}
+
+.d2-3409823234 .md b,
+.d2-3409823234 .md strong {
+  font-family: "d2-3409823234-font-bold";
+}
+
+.d2-3409823234 .md code,
+.d2-3409823234 .md kbd,
+.d2-3409823234 .md pre,
+.d2-3409823234 .md samp {
+  font-family: "d2-3409823234-font-mono";
+  font-size: 1em;
+}
+
+.d2-3409823234 .md {
+  tab-size: 4;
+}
+
+/* variables are provided in d2renderers/d2svg/d2svg.go */
+
+.d2-3409823234 .md {
+  -ms-text-size-adjust: 100%;
+  -webkit-text-size-adjust: 100%;
+  margin: 0;
+  color: var(--color-fg-default);
+  background-color: transparent; /* we don't want to define the background color */
+  font-family: "d2-3409823234-font-regular";
+  font-size: 16px;
+  line-height: 1.5;
+  word-wrap: break-word;
+}
+
+.d2-3409823234 .md details,
+.d2-3409823234 .md figcaption,
+.d2-3409823234 .md figure {
+  display: block;
+}
+
+.d2-3409823234 .md summary {
+  display: list-item;
+}
+
+.d2-3409823234 .md [hidden] {
+  display: none !important;
+}
+
+.d2-3409823234 .md a {
+  background-color: transparent;
+  color: var(--color-accent-fg);
+  text-decoration: none;
+}
+
+.d2-3409823234 .md a:active,
+.d2-3409823234 .md a:hover {
+  outline-width: 0;
+}
+
+.d2-3409823234 .md abbr[title] {
+  border-bottom: none;
+  text-decoration: underline dotted;
+}
+
+.d2-3409823234 .md dfn {
+  font-style: italic;
+}
+
+.d2-3409823234 .md h1 {
+  margin: 0.67em 0;
+  font-weight: 600;
+  padding-bottom: 0.3em;
+  font-size: 2em;
+  border-bottom: 1px solid var(--color-border-muted);
+}
+
+.d2-3409823234 .md mark {
+  background-color: var(--color-attention-subtle);
+  color: var(--color-text-primary);
+}
+
+.d2-3409823234 .md small {
+  font-size: 90%;
+}
+
+.d2-3409823234 .md sub,
+.d2-3409823234 .md sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+
+.d2-3409823234 .md sub {
+  bottom: -0.25em;
+}
+
+.d2-3409823234 .md sup {
+  top: -0.5em;
+}
+
+.d2-3409823234 .md img {
+  border-style: none;
+  max-width: 100%;
+  box-sizing: content-box;
+  background-color: var(--color-canvas-default);
+}
+
+.d2-3409823234 .md figure {
+  margin: 1em 40px;
+}
+
+.d2-3409823234 .md hr {
+  box-sizing: content-box;
+  overflow: hidden;
+  background: transparent;
+  border-bottom: 1px solid var(--color-border-muted);
+  height: 0.25em;
+  padding: 0;
+  margin: 24px 0;
+  background-color: var(--color-border-default);
+  border: 0;
+}
+
+.d2-3409823234 .md input {
+  font: inherit;
+  margin: 0;
+  overflow: visible;
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+}
+
+.d2-3409823234 .md [type="button"],
+.d2-3409823234 .md [type="reset"],
+.d2-3409823234 .md [type="submit"] {
+  -webkit-appearance: button;
+}
+
+.d2-3409823234 .md [type="button"]::-moz-focus-inner,
+.d2-3409823234 .md [type="reset"]::-moz-focus-inner,
+.d2-3409823234 .md [type="submit"]::-moz-focus-inner {
+  border-style: none;
+  padding: 0;
+}
+
+.d2-3409823234 .md [type="button"]:-moz-focusring,
+.d2-3409823234 .md [type="reset"]:-moz-focusring,
+.d2-3409823234 .md [type="submit"]:-moz-focusring {
+  outline: 1px dotted ButtonText;
+}
+
+.d2-3409823234 .md [type="checkbox"],
+.d2-3409823234 .md [type="radio"] {
+  box-sizing: border-box;
+  padding: 0;
+}
+
+.d2-3409823234 .md [type="number"]::-webkit-inner-spin-button,
+.d2-3409823234 .md [type="number"]::-webkit-outer-spin-button {
+  height: auto;
+}
+
+.d2-3409823234 .md [type="search"] {
+  -webkit-appearance: textfield;
+  outline-offset: -2px;
+}
+
+.d2-3409823234 .md [type="search"]::-webkit-search-cancel-button,
+.d2-3409823234 .md [type="search"]::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+.d2-3409823234 .md ::-webkit-input-placeholder {
+  color: inherit;
+  opacity: 0.54;
+}
+
+.d2-3409823234 .md ::-webkit-file-upload-button {
+  -webkit-appearance: button;
+  font: inherit;
+}
+
+.d2-3409823234 .md a:hover {
+  text-decoration: underline;
+}
+
+.d2-3409823234 .md hr::before {
+  display: table;
+  content: "";
+}
+
+.d2-3409823234 .md hr::after {
+  display: table;
+  clear: both;
+  content: "";
+}
+
+.d2-3409823234 .md table {
+  border-spacing: 0;
+  border-collapse: collapse;
+  display: block;
+  width: max-content;
+  max-width: 100%;
+  overflow: auto;
+}
+
+.d2-3409823234 .md td,
+.d2-3409823234 .md th {
+  padding: 0;
+}
+
+.d2-3409823234 .md details summary {
+  cursor: pointer;
+}
+
+.d2-3409823234 .md details:not([open]) > *:not(summary) {
+  display: none !important;
+}
+
+.d2-3409823234 .md kbd {
+  display: inline-block;
+  padding: 3px 5px;
+  color: var(--color-fg-default);
+  vertical-align: middle;
+  background-color: var(--color-canvas-subtle);
+  border: solid 1px var(--color-neutral-muted);
+  border-bottom-color: var(--color-neutral-muted);
+  border-radius: 6px;
+  box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
+}
+
+.d2-3409823234 .md h1,
+.d2-3409823234 .md h2,
+.d2-3409823234 .md h3,
+.d2-3409823234 .md h4,
+.d2-3409823234 .md h5,
+.d2-3409823234 .md h6 {
+  margin-top: 24px;
+  margin-bottom: 16px;
+  font-weight: 600;
+  line-height: 1.25;
+  font-family: "d2-3409823234-font-regular";
+}
+
+.d2-3409823234 .md h2 {
+  font-weight: 600;
+  padding-bottom: 0.3em;
+  font-size: 1.5em;
+  border-bottom: 1px solid var(--color-border-muted);
+}
+
+.d2-3409823234 .md h3 {
+  font-weight: 600;
+  font-size: 1.25em;
+}
+
+.d2-3409823234 .md h4 {
+  font-weight: 600;
+  font-size: 1em;
+}
+
+.d2-3409823234 .md h5 {
+  font-weight: 600;
+  font-size: 0.875em;
+}
+
+.d2-3409823234 .md h6 {
+  font-weight: 600;
+  font-size: 0.85em;
+  color: var(--color-fg-muted);
+}
+
+.d2-3409823234 .md p {
+  margin-top: 0;
+  margin-bottom: 10px;
+}
+
+.d2-3409823234 .md blockquote {
+  margin: 0;
+  padding: 0 1em;
+  color: var(--color-fg-muted);
+  border-left: 0.25em solid var(--color-border-default);
+}
+
+.d2-3409823234 .md ul,
+.d2-3409823234 .md ol {
+  margin-top: 0;
+  margin-bottom: 0;
+  padding-left: 2em;
+}
+
+.d2-3409823234 .md ol ol,
+.d2-3409823234 .md ul ol {
+  list-style-type: lower-roman;
+}
+
+.d2-3409823234 .md ul ul ol,
+.d2-3409823234 .md ul ol ol,
+.d2-3409823234 .md ol ul ol,
+.d2-3409823234 .md ol ol ol {
+  list-style-type: lower-alpha;
+}
+
+.d2-3409823234 .md dd {
+  margin-left: 0;
+}
+
+.d2-3409823234 .md pre {
+  margin-top: 0;
+  margin-bottom: 0;
+  word-wrap: normal;
+}
+
+.d2-3409823234 .md ::placeholder {
+  color: var(--color-fg-subtle);
+  opacity: 1;
+}
+
+.d2-3409823234 .md input::-webkit-outer-spin-button,
+.d2-3409823234 .md input::-webkit-inner-spin-button {
+  margin: 0;
+  -webkit-appearance: none;
+  appearance: none;
+}
+
+.d2-3409823234 .md::before {
+  display: table;
+  content: "";
+}
+
+.d2-3409823234 .md::after {
+  display: table;
+  clear: both;
+  content: "";
+}
+
+.d2-3409823234 .md > *:first-child {
+  margin-top: 0 !important;
+}
+
+.d2-3409823234 .md > *:last-child {
+  margin-bottom: 0 !important;
+}
+
+.d2-3409823234 .md a:not([href]) {
+  color: inherit;
+  text-decoration: none;
+}
+
+.d2-3409823234 .md .absent {
+  color: var(--color-danger-fg);
+}
+
+.d2-3409823234 .md .anchor {
+  float: left;
+  padding-right: 4px;
+  margin-left: -20px;
+  line-height: 1;
+}
+
+.d2-3409823234 .md .anchor:focus {
+  outline: none;
+}
+
+.d2-3409823234 .md p,
+.d2-3409823234 .md blockquote,
+.d2-3409823234 .md ul,
+.d2-3409823234 .md ol,
+.d2-3409823234 .md dl,
+.d2-3409823234 .md table,
+.d2-3409823234 .md pre,
+.d2-3409823234 .md details {
+  margin-top: 0;
+  margin-bottom: 16px;
+}
+
+.d2-3409823234 .md blockquote > :first-child {
+  margin-top: 0;
+}
+
+.d2-3409823234 .md blockquote > :last-child {
+  margin-bottom: 0;
+}
+
+.d2-3409823234 .md sup > a::before {
+  content: "[";
+}
+
+.d2-3409823234 .md sup > a::after {
+  content: "]";
+}
+
+.d2-3409823234 .md h1:hover .anchor,
+.d2-3409823234 .md h2:hover .anchor,
+.d2-3409823234 .md h3:hover .anchor,
+.d2-3409823234 .md h4:hover .anchor,
+.d2-3409823234 .md h5:hover .anchor,
+.d2-3409823234 .md h6:hover .anchor {
+  text-decoration: none;
+}
+
+.d2-3409823234 .md h1 tt,
+.d2-3409823234 .md h1 code,
+.d2-3409823234 .md h2 tt,
+.d2-3409823234 .md h2 code,
+.d2-3409823234 .md h3 tt,
+.d2-3409823234 .md h3 code,
+.d2-3409823234 .md h4 tt,
+.d2-3409823234 .md h4 code,
+.d2-3409823234 .md h5 tt,
+.d2-3409823234 .md h5 code,
+.d2-3409823234 .md h6 tt,
+.d2-3409823234 .md h6 code {
+  padding: 0 0.2em;
+  font-size: inherit;
+}
+
+.d2-3409823234 .md ul.no-list,
+.d2-3409823234 .md ol.no-list {
+  padding: 0;
+  list-style-type: none;
+}
+
+.d2-3409823234 .md ol[type="1"] {
+  list-style-type: decimal;
+}
+
+.d2-3409823234 .md ol[type="a"] {
+  list-style-type: lower-alpha;
+}
+
+.d2-3409823234 .md ol[type="i"] {
+  list-style-type: lower-roman;
+}
+
+.d2-3409823234 .md div > ol:not([type]) {
+  list-style-type: decimal;
+}
+
+.d2-3409823234 .md ul ul,
+.d2-3409823234 .md ul ol,
+.d2-3409823234 .md ol ol,
+.d2-3409823234 .md ol ul {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+.d2-3409823234 .md li > p {
+  margin-top: 16px;
+}
+
+.d2-3409823234 .md li + li {
+  margin-top: 0.25em;
+}
+
+.d2-3409823234 .md dl {
+  padding: 0;
+}
+
+.d2-3409823234 .md dl dt {
+  padding: 0;
+  margin-top: 16px;
+  font-size: 1em;
+  font-style: italic;
+  font-weight: 600;
+}
+
+.d2-3409823234 .md dl dd {
+  padding: 0 16px;
+  margin-bottom: 16px;
+}
+
+.d2-3409823234 .md table th {
+  font-weight: 600;
+}
+
+.d2-3409823234 .md table th,
+.d2-3409823234 .md table td {
+  padding: 6px 13px;
+  border: 1px solid var(--color-border-default);
+}
+
+.d2-3409823234 .md table tr {
+  background-color: var(--color-canvas-default);
+  border-top: 1px solid var(--color-border-muted);
+}
+
+.d2-3409823234 .md table tr:nth-child(2n) {
+  background-color: var(--color-canvas-subtle);
+}
+
+.d2-3409823234 .md table img {
+  background-color: transparent;
+}
+
+.d2-3409823234 .md img[align="right"] {
+  padding-left: 20px;
+}
+
+.d2-3409823234 .md img[align="left"] {
+  padding-right: 20px;
+}
+
+.d2-3409823234 .md span.frame {
+  display: block;
+  overflow: hidden;
+}
+
+.d2-3409823234 .md span.frame > span {
+  display: block;
+  float: left;
+  width: auto;
+  padding: 7px;
+  margin: 13px 0 0;
+  overflow: hidden;
+  border: 1px solid var(--color-border-default);
+}
+
+.d2-3409823234 .md span.frame span img {
+  display: block;
+  float: left;
+}
+
+.d2-3409823234 .md span.frame span span {
+  display: block;
+  padding: 5px 0 0;
+  clear: both;
+  color: var(--color-fg-default);
+}
+
+.d2-3409823234 .md span.align-center {
+  display: block;
+  overflow: hidden;
+  clear: both;
+}
+
+.d2-3409823234 .md span.align-center > span {
+  display: block;
+  margin: 13px auto 0;
+  overflow: hidden;
+  text-align: center;
+}
+
+.d2-3409823234 .md span.align-center span img {
+  margin: 0 auto;
+  text-align: center;
+}
+
+.d2-3409823234 .md span.align-right {
+  display: block;
+  overflow: hidden;
+  clear: both;
+}
+
+.d2-3409823234 .md span.align-right > span {
+  display: block;
+  margin: 13px 0 0;
+  overflow: hidden;
+  text-align: right;
+}
+
+.d2-3409823234 .md span.align-right span img {
+  margin: 0;
+  text-align: right;
+}
+
+.d2-3409823234 .md span.float-left {
+  display: block;
+  float: left;
+  margin-right: 13px;
+  overflow: hidden;
+}
+
+.d2-3409823234 .md span.float-left span {
+  margin: 13px 0 0;
+}
+
+.d2-3409823234 .md span.float-right {
+  display: block;
+  float: right;
+  margin-left: 13px;
+  overflow: hidden;
+}
+
+.d2-3409823234 .md span.float-right > span {
+  display: block;
+  margin: 13px auto 0;
+  overflow: hidden;
+  text-align: right;
+}
+
+.d2-3409823234 .md code,
+.d2-3409823234 .md tt {
+  padding: 0.2em 0.4em;
+  margin: 0;
+  font-size: 85%;
+  background-color: var(--color-neutral-muted);
+  border-radius: 6px;
+}
+
+.d2-3409823234 .md code br,
+.d2-3409823234 .md tt br {
+  display: none;
+}
+
+.d2-3409823234 .md del code {
+  text-decoration: inherit;
+}
+
+.d2-3409823234 .md pre code {
+  font-size: 100%;
+}
+
+.d2-3409823234 .md pre > code {
+  padding: 0;
+  margin: 0;
+  word-break: normal;
+  white-space: pre;
+  background: transparent;
+  border: 0;
+}
+
+.d2-3409823234 .md .highlight {
+  margin-bottom: 16px;
+}
+
+.d2-3409823234 .md .highlight pre {
+  margin-bottom: 0;
+  word-break: normal;
+}
+
+.d2-3409823234 .md .highlight pre,
+.d2-3409823234 .md pre {
+  padding: 16px;
+  overflow: auto;
+  font-size: 85%;
+  line-height: 1.45;
+  background-color: var(--color-canvas-subtle);
+  border-radius: 6px;
+}
+
+.d2-3409823234 .md pre code,
+.d2-3409823234 .md pre tt {
+  display: inline;
+  max-width: auto;
+  padding: 0;
+  margin: 0;
+  overflow: visible;
+  line-height: inherit;
+  word-wrap: normal;
+  background-color: transparent;
+  border: 0;
+}
+
+.d2-3409823234 .md .csv-data td,
+.d2-3409823234 .md .csv-data th {
+  padding: 5px;
+  overflow: hidden;
+  font-size: 12px;
+  line-height: 1;
+  text-align: left;
+  white-space: nowrap;
+}
+
+.d2-3409823234 .md .csv-data .blob-num {
+  padding: 10px 8px 9px;
+  text-align: right;
+  background: var(--color-canvas-default);
+  border: 0;
+}
+
+.d2-3409823234 .md .csv-data tr {
+  border-top: 0;
+}
+
+.d2-3409823234 .md .csv-data th {
+  font-weight: 600;
+  background: var(--color-canvas-subtle);
+  border-top: 0;
+}
+
+.d2-3409823234 .md .footnotes {
+  font-size: 12px;
+  color: var(--color-fg-muted);
+  border-top: 1px solid var(--color-border-default);
+}
+
+.d2-3409823234 .md .footnotes ol {
+  padding-left: 16px;
+}
+
+.d2-3409823234 .md .footnotes li {
+  position: relative;
+}
+
+.d2-3409823234 .md .footnotes li:target::before {
+  position: absolute;
+  top: -8px;
+  right: -8px;
+  bottom: -8px;
+  left: -24px;
+  pointer-events: none;
+  content: "";
+  border: 2px solid var(--color-accent-emphasis);
+  border-radius: 6px;
+}
+
+.d2-3409823234 .md .footnotes li:target {
+  color: var(--color-fg-default);
+}
+
+.d2-3409823234 .md .task-list-item {
+  list-style-type: none;
+}
+
+.d2-3409823234 .md .task-list-item label {
+  font-weight: 400;
+}
+
+.d2-3409823234 .md .task-list-item.enabled label {
+  cursor: pointer;
+}
+
+.d2-3409823234 .md .task-list-item + .task-list-item {
+  margin-top: 3px;
+}
+
+.d2-3409823234 .md .task-list-item .handle {
+  display: none;
+}
+
+.d2-3409823234 .md .task-list-item-checkbox {
+  margin: 0 0.2em 0.25em -1.6em;
+  vertical-align: middle;
+}
+
+.d2-3409823234 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
+  margin: 0 -1.6em 0.25em 0.2em;
+}
+</style><g id="title"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="-324.000000" y="-71.000000" width="648" height="51"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><h1>Service-Cluster Provisioning (&quot;Outside view&quot;)</h1>
+</div></foreignObject></g></g><mask id="d2-3409823234" maskUnits="userSpaceOnUse" x="-325" y="-72" width="650" height="53">
+<rect x="-325" y="-72" width="650" height="53" fill="white"></rect>
 
 </mask></svg></svg>
\ No newline at end of file
diff --git a/e2etests/testdata/stable/number_connections/dagre/sketch.exp.svg b/e2etests/testdata/stable/number_connections/dagre/sketch.exp.svg
index 56aa55d52..902736aa0 100644
--- a/e2etests/testdata/stable/number_connections/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/number_connections/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 214 234"><svg id="d2-svg" class="d2-3493511673" width="214" height="234" viewBox="-1 -1 214 234"><rect x="-1.000000" y="-1.000000" width="214.000000" height="234.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 214 234"><svg id="d2-svg" class="d2-3493511673" width="214" height="234" viewBox="-1 -1 214 234"><rect x="-1.000000" y="-1.000000" width="214.000000" height="234.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-3493511673 .text-bold {
 	font-family: "d2-3493511673-font-bold";
 }
diff --git a/e2etests/testdata/stable/number_connections/elk/sketch.exp.svg b/e2etests/testdata/stable/number_connections/elk/sketch.exp.svg
index a604e48df..66329689e 100644
--- a/e2etests/testdata/stable/number_connections/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/number_connections/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 173 204"><svg id="d2-svg" class="d2-2678785839" width="173" height="204" viewBox="11 11 173 204"><rect x="11.000000" y="11.000000" width="173.000000" height="204.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 173 204"><svg id="d2-svg" class="d2-2678785839" width="173" height="204" viewBox="11 11 173 204"><rect x="11.000000" y="11.000000" width="173.000000" height="204.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-2678785839 .text-bold {
 	font-family: "d2-2678785839-font-bold";
 }
diff --git a/e2etests/testdata/stable/one_container_loop/dagre/sketch.exp.svg b/e2etests/testdata/stable/one_container_loop/dagre/sketch.exp.svg
index 8952e099e..3bc404ce5 100644
--- a/e2etests/testdata/stable/one_container_loop/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/one_container_loop/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 315 831"><svg id="d2-svg" class="d2-3428134582" width="315" height="831" viewBox="-1 0 315 831"><rect x="-1.000000" y="0.000000" width="315.000000" height="831.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 315 831"><svg id="d2-svg" class="d2-3428134582" width="315" height="831" viewBox="-1 0 315 831"><rect x="-1.000000" y="0.000000" width="315.000000" height="831.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-3428134582 .text {
 	font-family: "d2-3428134582-font-regular";
 }
diff --git a/e2etests/testdata/stable/one_container_loop/elk/sketch.exp.svg b/e2etests/testdata/stable/one_container_loop/elk/sketch.exp.svg
index 1f11f6f12..d03533821 100644
--- a/e2etests/testdata/stable/one_container_loop/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/one_container_loop/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 237 837"><svg id="d2-svg" class="d2-1309689446" width="237" height="837" viewBox="11 11 237 837"><rect x="11.000000" y="11.000000" width="237.000000" height="837.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 237 837"><svg id="d2-svg" class="d2-1309689446" width="237" height="837" viewBox="11 11 237 837"><rect x="11.000000" y="11.000000" width="237.000000" height="837.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-1309689446 .text {
 	font-family: "d2-1309689446-font-regular";
 }
diff --git a/e2etests/testdata/stable/one_three_one_container/dagre/sketch.exp.svg b/e2etests/testdata/stable/one_three_one_container/dagre/sketch.exp.svg
index 854d4e121..4a66183b4 100644
--- a/e2etests/testdata/stable/one_three_one_container/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/one_three_one_container/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 328 599"><svg id="d2-svg" class="d2-3633694368" width="328" height="599" viewBox="-1 0 328 599"><rect x="-1.000000" y="0.000000" width="328.000000" height="599.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 328 599"><svg id="d2-svg" class="d2-3633694368" width="328" height="599" viewBox="-1 0 328 599"><rect x="-1.000000" y="0.000000" width="328.000000" height="599.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-3633694368 .text {
 	font-family: "d2-3633694368-font-regular";
 }
diff --git a/e2etests/testdata/stable/one_three_one_container/elk/sketch.exp.svg b/e2etests/testdata/stable/one_three_one_container/elk/sketch.exp.svg
index 66cbfd847..89ae5369a 100644
--- a/e2etests/testdata/stable/one_three_one_container/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/one_three_one_container/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 222 570"><svg id="d2-svg" class="d2-1537556023" width="222" height="570" viewBox="11 11 222 570"><rect x="11.000000" y="11.000000" width="222.000000" height="570.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 222 570"><svg id="d2-svg" class="d2-1537556023" width="222" height="570" viewBox="11 11 222 570"><rect x="11.000000" y="11.000000" width="222.000000" height="570.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-1537556023 .text {
 	font-family: "d2-1537556023-font-regular";
 }
diff --git a/e2etests/testdata/stable/ovals/dagre/sketch.exp.svg b/e2etests/testdata/stable/ovals/dagre/sketch.exp.svg
index 4d1d0732c..84b99b43c 100644
--- a/e2etests/testdata/stable/ovals/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/ovals/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 2740 258"><svg id="d2-svg" class="d2-3837141257" width="2740" height="258" viewBox="-1 -1 2740 258"><rect x="-1.000000" y="-1.000000" width="2740.000000" height="258.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 2740 258"><svg id="d2-svg" class="d2-3837141257" width="2740" height="258" viewBox="-1 -1 2740 258"><rect x="-1.000000" y="-1.000000" width="2740.000000" height="258.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-3837141257 .text-bold {
 	font-family: "d2-3837141257-font-bold";
 }
diff --git a/e2etests/testdata/stable/ovals/elk/sketch.exp.svg b/e2etests/testdata/stable/ovals/elk/sketch.exp.svg
index 1d9d8ca1f..4b2d315b5 100644
--- a/e2etests/testdata/stable/ovals/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/ovals/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 2300 258"><svg id="d2-svg" class="d2-1777832286" width="2300" height="258" viewBox="11 11 2300 258"><rect x="11.000000" y="11.000000" width="2300.000000" height="258.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 2300 258"><svg id="d2-svg" class="d2-1777832286" width="2300" height="258" viewBox="11 11 2300 258"><rect x="11.000000" y="11.000000" width="2300.000000" height="258.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-1777832286 .text-bold {
 	font-family: "d2-1777832286-font-bold";
 }
diff --git a/e2etests/testdata/stable/overlapping_image_container_labels/dagre/sketch.exp.svg b/e2etests/testdata/stable/overlapping_image_container_labels/dagre/sketch.exp.svg
index cdd2ab953..56117d877 100644
--- a/e2etests/testdata/stable/overlapping_image_container_labels/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/overlapping_image_container_labels/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 934 1260"><svg id="d2-svg" class="d2-341299887" width="934" height="1260" viewBox="-1 -1 934 1260"><rect x="-1.000000" y="-1.000000" width="934.000000" height="1260.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 934 1260"><svg id="d2-svg" class="d2-341299887" width="934" height="1260" viewBox="-1 -1 934 1260"><rect x="-1.000000" y="-1.000000" width="934.000000" height="1260.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-341299887 .text {
 	font-family: "d2-341299887-font-regular";
 }
diff --git a/e2etests/testdata/stable/overlapping_image_container_labels/elk/sketch.exp.svg b/e2etests/testdata/stable/overlapping_image_container_labels/elk/sketch.exp.svg
index fc9280c86..17b856ddb 100644
--- a/e2etests/testdata/stable/overlapping_image_container_labels/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/overlapping_image_container_labels/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1074 1345"><svg id="d2-svg" class="d2-744376889" width="1074" height="1345" viewBox="11 11 1074 1345"><rect x="11.000000" y="11.000000" width="1074.000000" height="1345.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1074 1345"><svg id="d2-svg" class="d2-744376889" width="1074" height="1345" viewBox="11 11 1074 1345"><rect x="11.000000" y="11.000000" width="1074.000000" height="1345.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-744376889 .text {
 	font-family: "d2-744376889-font-regular";
 }
diff --git a/e2etests/testdata/stable/p/dagre/sketch.exp.svg b/e2etests/testdata/stable/p/dagre/sketch.exp.svg
index 226dae6fa..08124b457 100644
--- a/e2etests/testdata/stable/p/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/p/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1859 358"><svg id="d2-svg" class="d2-2436602908" width="1859" height="358" viewBox="-1 -1 1859 358"><rect x="-1.000000" y="-1.000000" width="1859.000000" height="358.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1859 358"><svg id="d2-svg" class="d2-2436602908" width="1859" height="358" viewBox="-1 -1 1859 358"><rect x="-1.000000" y="-1.000000" width="1859.000000" height="358.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-2436602908 .text {
 	font-family: "d2-2436602908-font-regular";
 }
diff --git a/e2etests/testdata/stable/p/elk/sketch.exp.svg b/e2etests/testdata/stable/p/elk/sketch.exp.svg
index 578754628..6983e0e2f 100644
--- a/e2etests/testdata/stable/p/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/p/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1859 298"><svg id="d2-svg" class="d2-2094531179" width="1859" height="298" viewBox="11 11 1859 298"><rect x="11.000000" y="11.000000" width="1859.000000" height="298.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1859 298"><svg id="d2-svg" class="d2-2094531179" width="1859" height="298" viewBox="11 11 1859 298"><rect x="11.000000" y="11.000000" width="1859.000000" height="298.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-2094531179 .text {
 	font-family: "d2-2094531179-font-regular";
 }
diff --git a/e2etests/testdata/stable/people/dagre/sketch.exp.svg b/e2etests/testdata/stable/people/dagre/sketch.exp.svg
index 9247babf6..fb3fa8dbd 100644
--- a/e2etests/testdata/stable/people/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/people/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 2269 368"><svg id="d2-svg" class="d2-2883168986" width="2269" height="368" viewBox="-1 -1 2269 368"><rect x="-1.000000" y="-1.000000" width="2269.000000" height="368.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 2269 368"><svg id="d2-svg" class="d2-2883168986" width="2269" height="368" viewBox="-1 -1 2269 368"><rect x="-1.000000" y="-1.000000" width="2269.000000" height="368.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-2883168986 .text-bold {
 	font-family: "d2-2883168986-font-bold";
 }
diff --git a/e2etests/testdata/stable/people/elk/sketch.exp.svg b/e2etests/testdata/stable/people/elk/sketch.exp.svg
index 61c97290e..74dca0c40 100644
--- a/e2etests/testdata/stable/people/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/people/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1829 368"><svg id="d2-svg" class="d2-1439112038" width="1829" height="368" viewBox="11 11 1829 368"><rect x="11.000000" y="11.000000" width="1829.000000" height="368.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1829 368"><svg id="d2-svg" class="d2-1439112038" width="1829" height="368" viewBox="11 11 1829 368"><rect x="11.000000" y="11.000000" width="1829.000000" height="368.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-1439112038 .text-bold {
 	font-family: "d2-1439112038-font-bold";
 }
diff --git a/e2etests/testdata/stable/pre/dagre/sketch.exp.svg b/e2etests/testdata/stable/pre/dagre/sketch.exp.svg
index c7609ea07..081375d52 100644
--- a/e2etests/testdata/stable/pre/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/pre/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 604 504"><svg id="d2-svg" class="d2-1941904450" width="604" height="504" viewBox="-1 -1 604 504"><rect x="-1.000000" y="-1.000000" width="604.000000" height="504.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 604 504"><svg id="d2-svg" class="d2-1941904450" width="604" height="504" viewBox="-1 -1 604 504"><rect x="-1.000000" y="-1.000000" width="604.000000" height="504.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-1941904450 .text {
 	font-family: "d2-1941904450-font-regular";
 }
diff --git a/e2etests/testdata/stable/pre/elk/sketch.exp.svg b/e2etests/testdata/stable/pre/elk/sketch.exp.svg
index 2a6fa08c2..418a46898 100644
--- a/e2etests/testdata/stable/pre/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/pre/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 604 444"><svg id="d2-svg" class="d2-1366933285" width="604" height="444" viewBox="11 11 604 444"><rect x="11.000000" y="11.000000" width="604.000000" height="444.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 604 444"><svg id="d2-svg" class="d2-1366933285" width="604" height="444" viewBox="11 11 604 444"><rect x="11.000000" y="11.000000" width="604.000000" height="444.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-1366933285 .text {
 	font-family: "d2-1366933285-font-regular";
 }
diff --git a/e2etests/testdata/stable/self-referencing/dagre/sketch.exp.svg b/e2etests/testdata/stable/self-referencing/dagre/sketch.exp.svg
index 57476f28f..bf96491ff 100644
--- a/e2etests/testdata/stable/self-referencing/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/self-referencing/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 317 234"><svg id="d2-svg" class="d2-4144856773" width="317" height="234" viewBox="-1 -1 317 234"><rect x="-1.000000" y="-1.000000" width="317.000000" height="234.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 317 234"><svg id="d2-svg" class="d2-4144856773" width="317" height="234" viewBox="-1 -1 317 234"><rect x="-1.000000" y="-1.000000" width="317.000000" height="234.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-4144856773 .text-bold {
 	font-family: "d2-4144856773-font-bold";
 }
diff --git a/e2etests/testdata/stable/self-referencing/elk/sketch.exp.svg b/e2etests/testdata/stable/self-referencing/elk/sketch.exp.svg
index bf7e0d66d..10ec4e0f1 100644
--- a/e2etests/testdata/stable/self-referencing/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/self-referencing/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 367 214"><svg id="d2-svg" class="d2-2213813808" width="367" height="214" viewBox="11 11 367 214"><rect x="11.000000" y="11.000000" width="367.000000" height="214.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 367 214"><svg id="d2-svg" class="d2-2213813808" width="367" height="214" viewBox="11 11 367 214"><rect x="11.000000" y="11.000000" width="367.000000" height="214.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-2213813808 .text-bold {
 	font-family: "d2-2213813808-font-bold";
 }
diff --git a/e2etests/testdata/stable/sequence-inter-span-self/dagre/sketch.exp.svg b/e2etests/testdata/stable/sequence-inter-span-self/dagre/sketch.exp.svg
index 6600576ef..03b8cdbf9 100644
--- a/e2etests/testdata/stable/sequence-inter-span-self/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/sequence-inter-span-self/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 252 348"><svg id="d2-svg" class="d2-3546742015" width="252" height="348" viewBox="11 51 252 348"><rect x="11.000000" y="51.000000" width="252.000000" height="348.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 252 348"><svg id="d2-svg" class="d2-3546742015" width="252" height="348" viewBox="11 51 252 348"><rect x="11.000000" y="51.000000" width="252.000000" height="348.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-3546742015 .text {
 	font-family: "d2-3546742015-font-regular";
 }
diff --git a/e2etests/testdata/stable/sequence-inter-span-self/elk/sketch.exp.svg b/e2etests/testdata/stable/sequence-inter-span-self/elk/sketch.exp.svg
index 6600576ef..03b8cdbf9 100644
--- a/e2etests/testdata/stable/sequence-inter-span-self/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/sequence-inter-span-self/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 252 348"><svg id="d2-svg" class="d2-3546742015" width="252" height="348" viewBox="11 51 252 348"><rect x="11.000000" y="51.000000" width="252.000000" height="348.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 252 348"><svg id="d2-svg" class="d2-3546742015" width="252" height="348" viewBox="11 51 252 348"><rect x="11.000000" y="51.000000" width="252.000000" height="348.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-3546742015 .text {
 	font-family: "d2-3546742015-font-regular";
 }
diff --git a/e2etests/testdata/stable/sequence_diagram_actor_distance/dagre/sketch.exp.svg b/e2etests/testdata/stable/sequence_diagram_actor_distance/dagre/sketch.exp.svg
index aaaca0ba5..d002b1f4a 100644
--- a/e2etests/testdata/stable/sequence_diagram_actor_distance/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/sequence_diagram_actor_distance/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 2236 718"><svg id="d2-svg" class="d2-797649482" width="2236" height="718" viewBox="11 51 2236 718"><rect x="11.000000" y="51.000000" width="2236.000000" height="718.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 2236 718"><svg id="d2-svg" class="d2-797649482" width="2236" height="718" viewBox="11 51 2236 718"><rect x="11.000000" y="51.000000" width="2236.000000" height="718.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-797649482 .text {
 	font-family: "d2-797649482-font-regular";
 }
diff --git a/e2etests/testdata/stable/sequence_diagram_actor_distance/elk/sketch.exp.svg b/e2etests/testdata/stable/sequence_diagram_actor_distance/elk/sketch.exp.svg
index aaaca0ba5..d002b1f4a 100644
--- a/e2etests/testdata/stable/sequence_diagram_actor_distance/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/sequence_diagram_actor_distance/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 2236 718"><svg id="d2-svg" class="d2-797649482" width="2236" height="718" viewBox="11 51 2236 718"><rect x="11.000000" y="51.000000" width="2236.000000" height="718.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 2236 718"><svg id="d2-svg" class="d2-797649482" width="2236" height="718" viewBox="11 51 2236 718"><rect x="11.000000" y="51.000000" width="2236.000000" height="718.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-797649482 .text {
 	font-family: "d2-797649482-font-regular";
 }
diff --git a/e2etests/testdata/stable/sequence_diagram_all_shapes/dagre/sketch.exp.svg b/e2etests/testdata/stable/sequence_diagram_all_shapes/dagre/sketch.exp.svg
index 45db95a76..42648e8d0 100644
--- a/e2etests/testdata/stable/sequence_diagram_all_shapes/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/sequence_diagram_all_shapes/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 3558 1586"><svg id="d2-svg" class="d2-2300199003" width="3558" height="1586" viewBox="11 51 3558 1586"><rect x="11.000000" y="51.000000" width="3558.000000" height="1586.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 3558 1586"><svg id="d2-svg" class="d2-2300199003" width="3558" height="1586" viewBox="11 51 3558 1586"><rect x="11.000000" y="51.000000" width="3558.000000" height="1586.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-2300199003 .text {
 	font-family: "d2-2300199003-font-regular";
 }
diff --git a/e2etests/testdata/stable/sequence_diagram_all_shapes/elk/sketch.exp.svg b/e2etests/testdata/stable/sequence_diagram_all_shapes/elk/sketch.exp.svg
index 45db95a76..42648e8d0 100644
--- a/e2etests/testdata/stable/sequence_diagram_all_shapes/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/sequence_diagram_all_shapes/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 3558 1586"><svg id="d2-svg" class="d2-2300199003" width="3558" height="1586" viewBox="11 51 3558 1586"><rect x="11.000000" y="51.000000" width="3558.000000" height="1586.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 3558 1586"><svg id="d2-svg" class="d2-2300199003" width="3558" height="1586" viewBox="11 51 3558 1586"><rect x="11.000000" y="51.000000" width="3558.000000" height="1586.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-2300199003 .text {
 	font-family: "d2-2300199003-font-regular";
 }
diff --git a/e2etests/testdata/stable/sequence_diagram_distance/dagre/sketch.exp.svg b/e2etests/testdata/stable/sequence_diagram_distance/dagre/sketch.exp.svg
index 4a77910fb..bad1349bd 100644
--- a/e2etests/testdata/stable/sequence_diagram_distance/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/sequence_diagram_distance/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 494 278"><svg id="d2-svg" class="d2-3920310894" width="494" height="278" viewBox="11 51 494 278"><rect x="11.000000" y="51.000000" width="494.000000" height="278.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 494 278"><svg id="d2-svg" class="d2-3920310894" width="494" height="278" viewBox="11 51 494 278"><rect x="11.000000" y="51.000000" width="494.000000" height="278.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-3920310894 .text {
 	font-family: "d2-3920310894-font-regular";
 }
diff --git a/e2etests/testdata/stable/sequence_diagram_distance/elk/sketch.exp.svg b/e2etests/testdata/stable/sequence_diagram_distance/elk/sketch.exp.svg
index 4a77910fb..bad1349bd 100644
--- a/e2etests/testdata/stable/sequence_diagram_distance/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/sequence_diagram_distance/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 494 278"><svg id="d2-svg" class="d2-3920310894" width="494" height="278" viewBox="11 51 494 278"><rect x="11.000000" y="51.000000" width="494.000000" height="278.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 494 278"><svg id="d2-svg" class="d2-3920310894" width="494" height="278" viewBox="11 51 494 278"><rect x="11.000000" y="51.000000" width="494.000000" height="278.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-3920310894 .text {
 	font-family: "d2-3920310894-font-regular";
 }
diff --git a/e2etests/testdata/stable/sequence_diagram_groups/dagre/sketch.exp.svg b/e2etests/testdata/stable/sequence_diagram_groups/dagre/sketch.exp.svg
index 358918035..6cc77f575 100644
--- a/e2etests/testdata/stable/sequence_diagram_groups/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/sequence_diagram_groups/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 593 1255"><svg id="d2-svg" class="d2-3542013522" width="593" height="1255" viewBox="11 51 593 1255"><rect x="11.000000" y="51.000000" width="593.000000" height="1255.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 593 1255"><svg id="d2-svg" class="d2-3542013522" width="593" height="1255" viewBox="11 51 593 1255"><rect x="11.000000" y="51.000000" width="593.000000" height="1255.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-3542013522 .text {
 	font-family: "d2-3542013522-font-regular";
 }
diff --git a/e2etests/testdata/stable/sequence_diagram_groups/elk/sketch.exp.svg b/e2etests/testdata/stable/sequence_diagram_groups/elk/sketch.exp.svg
index 358918035..6cc77f575 100644
--- a/e2etests/testdata/stable/sequence_diagram_groups/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/sequence_diagram_groups/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 593 1255"><svg id="d2-svg" class="d2-3542013522" width="593" height="1255" viewBox="11 51 593 1255"><rect x="11.000000" y="51.000000" width="593.000000" height="1255.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 593 1255"><svg id="d2-svg" class="d2-3542013522" width="593" height="1255" viewBox="11 51 593 1255"><rect x="11.000000" y="51.000000" width="593.000000" height="1255.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-3542013522 .text {
 	font-family: "d2-3542013522-font-regular";
 }
diff --git a/e2etests/testdata/stable/sequence_diagram_long_note/dagre/sketch.exp.svg b/e2etests/testdata/stable/sequence_diagram_long_note/dagre/sketch.exp.svg
index 410d9f6ce..f75770b0e 100644
--- a/e2etests/testdata/stable/sequence_diagram_long_note/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/sequence_diagram_long_note/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 467 544"><svg id="d2-svg" class="d2-4031841182" width="467" height="544" viewBox="-21 51 467 544"><rect x="-21.000000" y="51.000000" width="467.000000" height="544.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 467 544"><svg id="d2-svg" class="d2-4031841182" width="467" height="544" viewBox="-21 51 467 544"><rect x="-21.000000" y="51.000000" width="467.000000" height="544.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-4031841182 .text {
 	font-family: "d2-4031841182-font-regular";
 }
diff --git a/e2etests/testdata/stable/sequence_diagram_long_note/elk/sketch.exp.svg b/e2etests/testdata/stable/sequence_diagram_long_note/elk/sketch.exp.svg
index 410d9f6ce..f75770b0e 100644
--- a/e2etests/testdata/stable/sequence_diagram_long_note/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/sequence_diagram_long_note/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 467 544"><svg id="d2-svg" class="d2-4031841182" width="467" height="544" viewBox="-21 51 467 544"><rect x="-21.000000" y="51.000000" width="467.000000" height="544.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 467 544"><svg id="d2-svg" class="d2-4031841182" width="467" height="544" viewBox="-21 51 467 544"><rect x="-21.000000" y="51.000000" width="467.000000" height="544.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-4031841182 .text {
 	font-family: "d2-4031841182-font-regular";
 }
diff --git a/e2etests/testdata/stable/sequence_diagram_nested_groups/dagre/sketch.exp.svg b/e2etests/testdata/stable/sequence_diagram_nested_groups/dagre/sketch.exp.svg
index da7d68643..a86941b7d 100644
--- a/e2etests/testdata/stable/sequence_diagram_nested_groups/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/sequence_diagram_nested_groups/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 731 1530"><svg id="d2-svg" class="d2-1442643039" width="731" height="1530" viewBox="-58 51 731 1530"><rect x="-58.000000" y="51.000000" width="731.000000" height="1530.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 731 1530"><svg id="d2-svg" class="d2-1442643039" width="731" height="1530" viewBox="-58 51 731 1530"><rect x="-58.000000" y="51.000000" width="731.000000" height="1530.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-1442643039 .text {
 	font-family: "d2-1442643039-font-regular";
 }
diff --git a/e2etests/testdata/stable/sequence_diagram_nested_groups/elk/sketch.exp.svg b/e2etests/testdata/stable/sequence_diagram_nested_groups/elk/sketch.exp.svg
index da7d68643..a86941b7d 100644
--- a/e2etests/testdata/stable/sequence_diagram_nested_groups/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/sequence_diagram_nested_groups/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 731 1530"><svg id="d2-svg" class="d2-1442643039" width="731" height="1530" viewBox="-58 51 731 1530"><rect x="-58.000000" y="51.000000" width="731.000000" height="1530.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 731 1530"><svg id="d2-svg" class="d2-1442643039" width="731" height="1530" viewBox="-58 51 731 1530"><rect x="-58.000000" y="51.000000" width="731.000000" height="1530.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-1442643039 .text {
 	font-family: "d2-1442643039-font-regular";
 }
diff --git a/e2etests/testdata/stable/sequence_diagram_nested_span/dagre/sketch.exp.svg b/e2etests/testdata/stable/sequence_diagram_nested_span/dagre/sketch.exp.svg
index b25f099d6..c20dcc22d 100644
--- a/e2etests/testdata/stable/sequence_diagram_nested_span/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/sequence_diagram_nested_span/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 897 770"><svg id="d2-svg" class="d2-2574879239" width="897" height="770" viewBox="9 49 897 770"><rect x="9.000000" y="49.000000" width="897.000000" height="770.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 897 770"><svg id="d2-svg" class="d2-2574879239" width="897" height="770" viewBox="9 49 897 770"><rect x="9.000000" y="49.000000" width="897.000000" height="770.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-2574879239 .text {
 	font-family: "d2-2574879239-font-regular";
 }
diff --git a/e2etests/testdata/stable/sequence_diagram_nested_span/elk/sketch.exp.svg b/e2etests/testdata/stable/sequence_diagram_nested_span/elk/sketch.exp.svg
index b25f099d6..c20dcc22d 100644
--- a/e2etests/testdata/stable/sequence_diagram_nested_span/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/sequence_diagram_nested_span/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 897 770"><svg id="d2-svg" class="d2-2574879239" width="897" height="770" viewBox="9 49 897 770"><rect x="9.000000" y="49.000000" width="897.000000" height="770.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 897 770"><svg id="d2-svg" class="d2-2574879239" width="897" height="770" viewBox="9 49 897 770"><rect x="9.000000" y="49.000000" width="897.000000" height="770.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-2574879239 .text {
 	font-family: "d2-2574879239-font-regular";
 }
diff --git a/e2etests/testdata/stable/sequence_diagram_note/dagre/sketch.exp.svg b/e2etests/testdata/stable/sequence_diagram_note/dagre/sketch.exp.svg
index d447b7f05..dc75a5566 100644
--- a/e2etests/testdata/stable/sequence_diagram_note/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/sequence_diagram_note/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 868 908"><svg id="d2-svg" class="d2-4183124346" width="868" height="908" viewBox="-29 51 868 908"><rect x="-29.000000" y="51.000000" width="868.000000" height="908.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 868 908"><svg id="d2-svg" class="d2-4183124346" width="868" height="908" viewBox="-29 51 868 908"><rect x="-29.000000" y="51.000000" width="868.000000" height="908.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-4183124346 .text {
 	font-family: "d2-4183124346-font-regular";
 }
diff --git a/e2etests/testdata/stable/sequence_diagram_note/elk/sketch.exp.svg b/e2etests/testdata/stable/sequence_diagram_note/elk/sketch.exp.svg
index d447b7f05..dc75a5566 100644
--- a/e2etests/testdata/stable/sequence_diagram_note/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/sequence_diagram_note/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 868 908"><svg id="d2-svg" class="d2-4183124346" width="868" height="908" viewBox="-29 51 868 908"><rect x="-29.000000" y="51.000000" width="868.000000" height="908.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 868 908"><svg id="d2-svg" class="d2-4183124346" width="868" height="908" viewBox="-29 51 868 908"><rect x="-29.000000" y="51.000000" width="868.000000" height="908.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-4183124346 .text {
 	font-family: "d2-4183124346-font-regular";
 }
diff --git a/e2etests/testdata/stable/sequence_diagram_real/dagre/sketch.exp.svg b/e2etests/testdata/stable/sequence_diagram_real/dagre/sketch.exp.svg
index e928f7a12..98c619cc8 100644
--- a/e2etests/testdata/stable/sequence_diagram_real/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/sequence_diagram_real/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1528 1311"><svg id="d2-svg" class="d2-3977685561" width="1528" height="1311" viewBox="0 0 1528 1311"><rect x="0.000000" y="0.000000" width="1528.000000" height="1311.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1528 1311"><svg id="d2-svg" class="d2-3977685561" width="1528" height="1311" viewBox="0 0 1528 1311"><rect x="0.000000" y="0.000000" width="1528.000000" height="1311.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-3977685561 .text {
 	font-family: "d2-3977685561-font-regular";
 }
diff --git a/e2etests/testdata/stable/sequence_diagram_real/elk/sketch.exp.svg b/e2etests/testdata/stable/sequence_diagram_real/elk/sketch.exp.svg
index 0e810845a..35ed2ec39 100644
--- a/e2etests/testdata/stable/sequence_diagram_real/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/sequence_diagram_real/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1528 1311"><svg id="d2-svg" class="d2-1259906485" width="1528" height="1311" viewBox="12 12 1528 1311"><rect x="12.000000" y="12.000000" width="1528.000000" height="1311.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1528 1311"><svg id="d2-svg" class="d2-1259906485" width="1528" height="1311" viewBox="12 12 1528 1311"><rect x="12.000000" y="12.000000" width="1528.000000" height="1311.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-1259906485 .text {
 	font-family: "d2-1259906485-font-regular";
 }
diff --git a/e2etests/testdata/stable/sequence_diagram_self_edges/dagre/sketch.exp.svg b/e2etests/testdata/stable/sequence_diagram_self_edges/dagre/sketch.exp.svg
index 02dc377dc..07b375573 100644
--- a/e2etests/testdata/stable/sequence_diagram_self_edges/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/sequence_diagram_self_edges/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 353 628"><svg id="d2-svg" class="d2-3861174162" width="353" height="628" viewBox="11 51 353 628"><rect x="11.000000" y="51.000000" width="353.000000" height="628.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 353 628"><svg id="d2-svg" class="d2-3861174162" width="353" height="628" viewBox="11 51 353 628"><rect x="11.000000" y="51.000000" width="353.000000" height="628.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-3861174162 .text {
 	font-family: "d2-3861174162-font-regular";
 }
diff --git a/e2etests/testdata/stable/sequence_diagram_self_edges/elk/sketch.exp.svg b/e2etests/testdata/stable/sequence_diagram_self_edges/elk/sketch.exp.svg
index 02dc377dc..07b375573 100644
--- a/e2etests/testdata/stable/sequence_diagram_self_edges/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/sequence_diagram_self_edges/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 353 628"><svg id="d2-svg" class="d2-3861174162" width="353" height="628" viewBox="11 51 353 628"><rect x="11.000000" y="51.000000" width="353.000000" height="628.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 353 628"><svg id="d2-svg" class="d2-3861174162" width="353" height="628" viewBox="11 51 353 628"><rect x="11.000000" y="51.000000" width="353.000000" height="628.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-3861174162 .text {
 	font-family: "d2-3861174162-font-regular";
 }
diff --git a/e2etests/testdata/stable/sequence_diagram_simple/dagre/sketch.exp.svg b/e2etests/testdata/stable/sequence_diagram_simple/dagre/sketch.exp.svg
index ff3e33125..959487ec1 100644
--- a/e2etests/testdata/stable/sequence_diagram_simple/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/sequence_diagram_simple/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1301 970"><svg id="d2-svg" class="d2-3170632497" width="1301" height="970" viewBox="11 31 1301 970"><rect x="11.000000" y="31.000000" width="1301.000000" height="970.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1301 970"><svg id="d2-svg" class="d2-3170632497" width="1301" height="970" viewBox="11 31 1301 970"><rect x="11.000000" y="31.000000" width="1301.000000" height="970.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-3170632497 .text {
 	font-family: "d2-3170632497-font-regular";
 }
diff --git a/e2etests/testdata/stable/sequence_diagram_simple/elk/sketch.exp.svg b/e2etests/testdata/stable/sequence_diagram_simple/elk/sketch.exp.svg
index ff3e33125..959487ec1 100644
--- a/e2etests/testdata/stable/sequence_diagram_simple/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/sequence_diagram_simple/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1301 970"><svg id="d2-svg" class="d2-3170632497" width="1301" height="970" viewBox="11 31 1301 970"><rect x="11.000000" y="31.000000" width="1301.000000" height="970.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1301 970"><svg id="d2-svg" class="d2-3170632497" width="1301" height="970" viewBox="11 31 1301 970"><rect x="11.000000" y="31.000000" width="1301.000000" height="970.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-3170632497 .text {
 	font-family: "d2-3170632497-font-regular";
 }
diff --git a/e2etests/testdata/stable/sequence_diagram_span/dagre/sketch.exp.svg b/e2etests/testdata/stable/sequence_diagram_span/dagre/sketch.exp.svg
index ccb79f9c6..674b89e8d 100644
--- a/e2etests/testdata/stable/sequence_diagram_span/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/sequence_diagram_span/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 932 1048"><svg id="d2-svg" class="d2-3179030335" width="932" height="1048" viewBox="11 51 932 1048"><rect x="11.000000" y="51.000000" width="932.000000" height="1048.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 932 1048"><svg id="d2-svg" class="d2-3179030335" width="932" height="1048" viewBox="11 51 932 1048"><rect x="11.000000" y="51.000000" width="932.000000" height="1048.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-3179030335 .text {
 	font-family: "d2-3179030335-font-regular";
 }
diff --git a/e2etests/testdata/stable/sequence_diagram_span/elk/sketch.exp.svg b/e2etests/testdata/stable/sequence_diagram_span/elk/sketch.exp.svg
index ccb79f9c6..674b89e8d 100644
--- a/e2etests/testdata/stable/sequence_diagram_span/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/sequence_diagram_span/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 932 1048"><svg id="d2-svg" class="d2-3179030335" width="932" height="1048" viewBox="11 51 932 1048"><rect x="11.000000" y="51.000000" width="932.000000" height="1048.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 932 1048"><svg id="d2-svg" class="d2-3179030335" width="932" height="1048" viewBox="11 51 932 1048"><rect x="11.000000" y="51.000000" width="932.000000" height="1048.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-3179030335 .text {
 	font-family: "d2-3179030335-font-regular";
 }
diff --git a/e2etests/testdata/stable/sequence_diagrams/dagre/sketch.exp.svg b/e2etests/testdata/stable/sequence_diagrams/dagre/sketch.exp.svg
index e01a45c4a..a9e21e5c7 100644
--- a/e2etests/testdata/stable/sequence_diagrams/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/sequence_diagrams/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 2313 2447"><svg id="d2-svg" class="d2-3948469414" width="2313" height="2447" viewBox="0 -1 2313 2447"><rect x="0.000000" y="-1.000000" width="2313.000000" height="2447.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 2313 2447"><svg id="d2-svg" class="d2-3948469414" width="2313" height="2447" viewBox="0 -1 2313 2447"><rect x="0.000000" y="-1.000000" width="2313.000000" height="2447.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-3948469414 .text {
 	font-family: "d2-3948469414-font-regular";
 }
diff --git a/e2etests/testdata/stable/sequence_diagrams/elk/sketch.exp.svg b/e2etests/testdata/stable/sequence_diagrams/elk/sketch.exp.svg
index 1c7cad7d9..ef3486e12 100644
--- a/e2etests/testdata/stable/sequence_diagrams/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/sequence_diagrams/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 2297 2417"><svg id="d2-svg" class="d2-1435012343" width="2297" height="2417" viewBox="12 11 2297 2417"><rect x="12.000000" y="11.000000" width="2297.000000" height="2417.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 2297 2417"><svg id="d2-svg" class="d2-1435012343" width="2297" height="2417" viewBox="12 11 2297 2417"><rect x="12.000000" y="11.000000" width="2297.000000" height="2417.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-1435012343 .text {
 	font-family: "d2-1435012343-font-regular";
 }
diff --git a/e2etests/testdata/stable/sql_table_column_styles/dagre/sketch.exp.svg b/e2etests/testdata/stable/sql_table_column_styles/dagre/sketch.exp.svg
index a56a59185..1d6a5b7fd 100644
--- a/e2etests/testdata/stable/sql_table_column_styles/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/sql_table_column_styles/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 2856 466"><svg id="d2-svg" class="d2-2555987415" width="2856" height="466" viewBox="-1 -1 2856 466"><rect x="-1.000000" y="-1.000000" width="2856.000000" height="466.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 2856 466"><svg id="d2-svg" class="d2-2555987415" width="2856" height="466" viewBox="-1 -1 2856 466"><rect x="-1.000000" y="-1.000000" width="2856.000000" height="466.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-2555987415 .text {
 	font-family: "d2-2555987415-font-regular";
 }
diff --git a/e2etests/testdata/stable/sql_table_column_styles/elk/sketch.exp.svg b/e2etests/testdata/stable/sql_table_column_styles/elk/sketch.exp.svg
index 524679f6c..9d58ad78f 100644
--- a/e2etests/testdata/stable/sql_table_column_styles/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/sql_table_column_styles/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 2736 466"><svg id="d2-svg" class="d2-416346713" width="2736" height="466" viewBox="11 11 2736 466"><rect x="11.000000" y="11.000000" width="2736.000000" height="466.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 2736 466"><svg id="d2-svg" class="d2-416346713" width="2736" height="466" viewBox="11 11 2736 466"><rect x="11.000000" y="11.000000" width="2736.000000" height="466.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-416346713 .text {
 	font-family: "d2-416346713-font-regular";
 }
diff --git a/e2etests/testdata/stable/sql_table_tooltip_animated/dagre/sketch.exp.svg b/e2etests/testdata/stable/sql_table_tooltip_animated/dagre/sketch.exp.svg
index 0432b125e..12ba54267 100644
--- a/e2etests/testdata/stable/sql_table_tooltip_animated/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/sql_table_tooltip_animated/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 79 263"><svg id="d2-svg" class="d2-3178337596" width="79" height="263" viewBox="-1 -18 79 263"><rect x="-1.000000" y="-18.000000" width="79.000000" height="263.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 79 263"><svg id="d2-svg" class="d2-3178337596" width="79" height="263" viewBox="-1 -18 79 263"><rect x="-1.000000" y="-18.000000" width="79.000000" height="263.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-3178337596 .text {
 	font-family: "d2-3178337596-font-regular";
 }
diff --git a/e2etests/testdata/stable/sql_table_tooltip_animated/elk/sketch.exp.svg b/e2etests/testdata/stable/sql_table_tooltip_animated/elk/sketch.exp.svg
index 73100d8af..e344592f1 100644
--- a/e2etests/testdata/stable/sql_table_tooltip_animated/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/sql_table_tooltip_animated/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 79 233"><svg id="d2-svg" class="d2-1504905341" width="79" height="233" viewBox="11 -6 79 233"><rect x="11.000000" y="-6.000000" width="79.000000" height="233.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 79 233"><svg id="d2-svg" class="d2-1504905341" width="79" height="233" viewBox="11 -6 79 233"><rect x="11.000000" y="-6.000000" width="79.000000" height="233.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-1504905341 .text {
 	font-family: "d2-1504905341-font-regular";
 }
diff --git a/e2etests/testdata/stable/sql_tables/dagre/sketch.exp.svg b/e2etests/testdata/stable/sql_tables/dagre/sketch.exp.svg
index 8e3318000..64ab95ce4 100644
--- a/e2etests/testdata/stable/sql_tables/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/sql_tables/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 798 462"><svg id="d2-svg" class="d2-3647924326" width="798" height="462" viewBox="-1 -1 798 462"><rect x="-1.000000" y="-1.000000" width="798.000000" height="462.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 798 462"><svg id="d2-svg" class="d2-3647924326" width="798" height="462" viewBox="-1 -1 798 462"><rect x="-1.000000" y="-1.000000" width="798.000000" height="462.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-3647924326 .text {
 	font-family: "d2-3647924326-font-regular";
 }
diff --git a/e2etests/testdata/stable/sql_tables/elk/sketch.exp.svg b/e2etests/testdata/stable/sql_tables/elk/sketch.exp.svg
index 97e756dd3..b96a2120a 100644
--- a/e2etests/testdata/stable/sql_tables/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/sql_tables/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 718 442"><svg id="d2-svg" class="d2-33049533" width="718" height="442" viewBox="11 11 718 442"><rect x="11.000000" y="11.000000" width="718.000000" height="442.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 718 442"><svg id="d2-svg" class="d2-33049533" width="718" height="442" viewBox="11 11 718 442"><rect x="11.000000" y="11.000000" width="718.000000" height="442.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-33049533 .text {
 	font-family: "d2-33049533-font-regular";
 }
diff --git a/e2etests/testdata/stable/square_3d/dagre/sketch.exp.svg b/e2etests/testdata/stable/square_3d/dagre/sketch.exp.svg
index 3629ac1ba..fb17215fd 100644
--- a/e2etests/testdata/stable/square_3d/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/square_3d/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 129 278"><svg id="d2-svg" class="d2-2285664181" width="129" height="278" viewBox="-1 -17 129 278"><rect x="-1.000000" y="-17.000000" width="129.000000" height="278.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 129 278"><svg id="d2-svg" class="d2-2285664181" width="129" height="278" viewBox="-1 -17 129 278"><rect x="-1.000000" y="-17.000000" width="129.000000" height="278.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-2285664181 .text-bold {
 	font-family: "d2-2285664181-font-bold";
 }
diff --git a/e2etests/testdata/stable/square_3d/elk/sketch.exp.svg b/e2etests/testdata/stable/square_3d/elk/sketch.exp.svg
index a0b56af79..f2006c64b 100644
--- a/e2etests/testdata/stable/square_3d/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/square_3d/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 129 248"><svg id="d2-svg" class="d2-697742782" width="129" height="248" viewBox="11 -5 129 248"><rect x="11.000000" y="-5.000000" width="129.000000" height="248.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 129 248"><svg id="d2-svg" class="d2-697742782" width="129" height="248" viewBox="11 -5 129 248"><rect x="11.000000" y="-5.000000" width="129.000000" height="248.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-697742782 .text-bold {
 	font-family: "d2-697742782-font-bold";
 }
diff --git a/e2etests/testdata/stable/straight_hierarchy_container/dagre/sketch.exp.svg b/e2etests/testdata/stable/straight_hierarchy_container/dagre/sketch.exp.svg
index e5f7103a8..86276eea5 100644
--- a/e2etests/testdata/stable/straight_hierarchy_container/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/straight_hierarchy_container/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 481 1232"><svg id="d2-svg" class="d2-4178911930" width="481" height="1232" viewBox="-1 -1 481 1232"><rect x="-1.000000" y="-1.000000" width="481.000000" height="1232.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 481 1232"><svg id="d2-svg" class="d2-4178911930" width="481" height="1232" viewBox="-1 -1 481 1232"><rect x="-1.000000" y="-1.000000" width="481.000000" height="1232.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-4178911930 .text {
 	font-family: "d2-4178911930-font-regular";
 }
diff --git a/e2etests/testdata/stable/straight_hierarchy_container/elk/sketch.exp.svg b/e2etests/testdata/stable/straight_hierarchy_container/elk/sketch.exp.svg
index b0b91efd5..2577b88a8 100644
--- a/e2etests/testdata/stable/straight_hierarchy_container/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/straight_hierarchy_container/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 601 1312"><svg id="d2-svg" class="d2-795172828" width="601" height="1312" viewBox="11 11 601 1312"><rect x="11.000000" y="11.000000" width="601.000000" height="1312.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 601 1312"><svg id="d2-svg" class="d2-795172828" width="601" height="1312" viewBox="11 11 601 1312"><rect x="11.000000" y="11.000000" width="601.000000" height="1312.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-795172828 .text {
 	font-family: "d2-795172828-font-regular";
 }
diff --git a/e2etests/testdata/stable/stylish/dagre/sketch.exp.svg b/e2etests/testdata/stable/stylish/dagre/sketch.exp.svg
index 052cc411c..2a0874edd 100644
--- a/e2etests/testdata/stable/stylish/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/stylish/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 73 257"><svg id="d2-svg" class="d2-3406583666" width="73" height="257" viewBox="-2 -3 73 257"><rect x="-2.000000" y="-3.000000" width="73.000000" height="257.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 73 257"><svg id="d2-svg" class="d2-3406583666" width="73" height="257" viewBox="-2 -3 73 257"><rect x="-2.000000" y="-3.000000" width="73.000000" height="257.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-3406583666 .text-bold {
 	font-family: "d2-3406583666-font-bold";
 }
diff --git a/e2etests/testdata/stable/stylish/elk/sketch.exp.svg b/e2etests/testdata/stable/stylish/elk/sketch.exp.svg
index 5c3112327..c3ac5bbab 100644
--- a/e2etests/testdata/stable/stylish/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/stylish/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 74 297"><svg id="d2-svg" class="d2-1187565662" width="74" height="297" viewBox="9 9 74 297"><rect x="9.000000" y="9.000000" width="74.000000" height="297.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 74 297"><svg id="d2-svg" class="d2-1187565662" width="74" height="297" viewBox="9 9 74 297"><rect x="9.000000" y="9.000000" width="74.000000" height="297.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-1187565662 .text-bold {
 	font-family: "d2-1187565662-font-bold";
 }
diff --git a/e2etests/testdata/stable/teleport_grid/dagre/sketch.exp.svg b/e2etests/testdata/stable/teleport_grid/dagre/sketch.exp.svg
index ad5adcd68..03970862c 100644
--- a/e2etests/testdata/stable/teleport_grid/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/teleport_grid/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 2847 742"><svg id="d2-svg" class="d2-1509487685" width="2847" height="742" viewBox="-1 -1 2847 742"><rect x="-1.000000" y="-1.000000" width="2847.000000" height="742.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 2847 742"><svg id="d2-svg" class="d2-1509487685" width="2847" height="742" viewBox="-1 -1 2847 742"><rect x="-1.000000" y="-1.000000" width="2847.000000" height="742.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-1509487685 .text {
 	font-family: "d2-1509487685-font-regular";
 }
diff --git a/e2etests/testdata/stable/teleport_grid/elk/sketch.exp.svg b/e2etests/testdata/stable/teleport_grid/elk/sketch.exp.svg
index 71a6f919b..debdef719 100644
--- a/e2etests/testdata/stable/teleport_grid/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/teleport_grid/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 2725 722"><svg id="d2-svg" class="d2-3110095931" width="2725" height="722" viewBox="11 11 2725 722"><rect x="11.000000" y="11.000000" width="2725.000000" height="722.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 2725 722"><svg id="d2-svg" class="d2-3110095931" width="2725" height="722" viewBox="11 11 2725 722"><rect x="11.000000" y="11.000000" width="2725.000000" height="722.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-3110095931 .text {
 	font-family: "d2-3110095931-font-regular";
 }
diff --git a/e2etests/testdata/stable/text_font_sizes/dagre/sketch.exp.svg b/e2etests/testdata/stable/text_font_sizes/dagre/sketch.exp.svg
index e2462e12c..e574898c0 100644
--- a/e2etests/testdata/stable/text_font_sizes/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/text_font_sizes/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 331 171"><svg id="d2-svg" class="d2-734888898" width="331" height="171" viewBox="-1 -1 331 171"><rect x="-1.000000" y="-1.000000" width="331.000000" height="171.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 331 171"><svg id="d2-svg" class="d2-734888898" width="331" height="171" viewBox="-1 -1 331 171"><rect x="-1.000000" y="-1.000000" width="331.000000" height="171.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-734888898 .text {
 	font-family: "d2-734888898-font-regular";
 }
diff --git a/e2etests/testdata/stable/text_font_sizes/elk/sketch.exp.svg b/e2etests/testdata/stable/text_font_sizes/elk/sketch.exp.svg
index 98dc9ab3d..2a13e0057 100644
--- a/e2etests/testdata/stable/text_font_sizes/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/text_font_sizes/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 291 151"><svg id="d2-svg" class="d2-1924191754" width="291" height="151" viewBox="11 11 291 151"><rect x="11.000000" y="11.000000" width="291.000000" height="151.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 291 151"><svg id="d2-svg" class="d2-1924191754" width="291" height="151" viewBox="11 11 291 151"><rect x="11.000000" y="11.000000" width="291.000000" height="151.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-1924191754 .text {
 	font-family: "d2-1924191754-font-regular";
 }
diff --git a/e2etests/testdata/stable/tooltips/dagre/sketch.exp.svg b/e2etests/testdata/stable/tooltips/dagre/sketch.exp.svg
index cab7f2d8a..edff3b1cb 100644
--- a/e2etests/testdata/stable/tooltips/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/tooltips/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 105 251"><svg id="d2-svg" class="d2-1773020175" width="105" height="251" viewBox="-1 -18 105 251"><rect x="-1.000000" y="-18.000000" width="105.000000" height="251.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 105 251"><svg id="d2-svg" class="d2-1773020175" width="105" height="251" viewBox="-1 -18 105 251"><rect x="-1.000000" y="-18.000000" width="105.000000" height="251.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .appendix-icon {
 	filter: drop-shadow(0px 0px 32px rgba(31, 36, 58, 0.1));
 }
diff --git a/e2etests/testdata/stable/tooltips/elk/sketch.exp.svg b/e2etests/testdata/stable/tooltips/elk/sketch.exp.svg
index 978e3af8f..191aa8d7f 100644
--- a/e2etests/testdata/stable/tooltips/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/tooltips/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 105 221"><svg id="d2-svg" class="d2-2743958121" width="105" height="221" viewBox="11 -6 105 221"><rect x="11.000000" y="-6.000000" width="105.000000" height="221.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 105 221"><svg id="d2-svg" class="d2-2743958121" width="105" height="221" viewBox="11 -6 105 221"><rect x="11.000000" y="-6.000000" width="105.000000" height="221.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .appendix-icon {
 	filter: drop-shadow(0px 0px 32px rgba(31, 36, 58, 0.1));
 }
diff --git a/e2etests/testdata/stable/transparent_3d/dagre/sketch.exp.svg b/e2etests/testdata/stable/transparent_3d/dagre/sketch.exp.svg
index 2adaaafb3..74497c8b3 100644
--- a/e2etests/testdata/stable/transparent_3d/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/transparent_3d/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 105 92"><svg id="d2-svg" class="d2-285423310" width="105" height="92" viewBox="-4 -22 105 92"><rect x="-4.000000" y="-22.000000" width="105.000000" height="92.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 105 92"><svg id="d2-svg" class="d2-285423310" width="105" height="92" viewBox="-4 -22 105 92"><rect x="-4.000000" y="-22.000000" width="105.000000" height="92.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-285423310 .text-bold {
 	font-family: "d2-285423310-font-bold";
 }
diff --git a/e2etests/testdata/stable/transparent_3d/elk/sketch.exp.svg b/e2etests/testdata/stable/transparent_3d/elk/sketch.exp.svg
index b63bb3164..c93001d37 100644
--- a/e2etests/testdata/stable/transparent_3d/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/transparent_3d/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 105 92"><svg id="d2-svg" class="d2-487888566" width="105" height="92" viewBox="8 -10 105 92"><rect x="8.000000" y="-10.000000" width="105.000000" height="92.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 105 92"><svg id="d2-svg" class="d2-487888566" width="105" height="92" viewBox="8 -10 105 92"><rect x="8.000000" y="-10.000000" width="105.000000" height="92.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-487888566 .text-bold {
 	font-family: "d2-487888566-font-bold";
 }
diff --git a/e2etests/testdata/stable/unnamed_only_height/dagre/sketch.exp.svg b/e2etests/testdata/stable/unnamed_only_height/dagre/sketch.exp.svg
index 5a91a2d4d..d5d2f934d 100644
--- a/e2etests/testdata/stable/unnamed_only_height/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/unnamed_only_height/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 424 2550"><svg id="d2-svg" class="d2-1865452115" width="424" height="2550" viewBox="-1 -1 424 2550"><rect x="-1.000000" y="-1.000000" width="424.000000" height="2550.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 424 2550"><svg id="d2-svg" class="d2-1865452115" width="424" height="2550" viewBox="-1 -1 424 2550"><rect x="-1.000000" y="-1.000000" width="424.000000" height="2550.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-1865452115 .text {
 	font-family: "d2-1865452115-font-regular";
 }
diff --git a/e2etests/testdata/stable/unnamed_only_height/elk/sketch.exp.svg b/e2etests/testdata/stable/unnamed_only_height/elk/sketch.exp.svg
index fb1242618..7c952ba13 100644
--- a/e2etests/testdata/stable/unnamed_only_height/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/unnamed_only_height/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 424 2430"><svg id="d2-svg" class="d2-754102534" width="424" height="2430" viewBox="11 11 424 2430"><rect x="11.000000" y="11.000000" width="424.000000" height="2430.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 424 2430"><svg id="d2-svg" class="d2-754102534" width="424" height="2430" viewBox="11 11 424 2430"><rect x="11.000000" y="11.000000" width="424.000000" height="2430.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-754102534 .text {
 	font-family: "d2-754102534-font-regular";
 }
diff --git a/e2etests/testdata/stable/unnamed_only_width/dagre/sketch.exp.svg b/e2etests/testdata/stable/unnamed_only_width/dagre/sketch.exp.svg
index 5532131d2..1f8b8567a 100644
--- a/e2etests/testdata/stable/unnamed_only_width/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/unnamed_only_width/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 514 1221"><svg id="d2-svg" class="d2-995104800" width="514" height="1221" viewBox="-1 -1 514 1221"><rect x="-1.000000" y="-1.000000" width="514.000000" height="1221.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 514 1221"><svg id="d2-svg" class="d2-995104800" width="514" height="1221" viewBox="-1 -1 514 1221"><rect x="-1.000000" y="-1.000000" width="514.000000" height="1221.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-995104800 .text {
 	font-family: "d2-995104800-font-regular";
 }
diff --git a/e2etests/testdata/stable/unnamed_only_width/elk/sketch.exp.svg b/e2etests/testdata/stable/unnamed_only_width/elk/sketch.exp.svg
index b8061c2ca..5f9549e00 100644
--- a/e2etests/testdata/stable/unnamed_only_width/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/unnamed_only_width/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 514 1101"><svg id="d2-svg" class="d2-3755768396" width="514" height="1101" viewBox="11 11 514 1101"><rect x="11.000000" y="11.000000" width="514.000000" height="1101.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 514 1101"><svg id="d2-svg" class="d2-3755768396" width="514" height="1101" viewBox="11 11 514 1101"><rect x="11.000000" y="11.000000" width="514.000000" height="1101.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-3755768396 .text {
 	font-family: "d2-3755768396-font-regular";
 }
diff --git a/e2etests/testdata/stable/us_map/dagre/sketch.exp.svg b/e2etests/testdata/stable/us_map/dagre/sketch.exp.svg
index dbd8ed1a2..d287ceb11 100644
--- a/e2etests/testdata/stable/us_map/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/us_map/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1967 1894"><svg id="d2-svg" class="d2-1889947644" width="1967" height="1894" viewBox="-1 -1 1967 1894"><rect x="-1.000000" y="-1.000000" width="1967.000000" height="1894.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1967 1894"><svg id="d2-svg" class="d2-1889947644" width="1967" height="1894" viewBox="-1 -1 1967 1894"><rect x="-1.000000" y="-1.000000" width="1967.000000" height="1894.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-1889947644 .text-bold {
 	font-family: "d2-1889947644-font-bold";
 }
diff --git a/e2etests/testdata/stable/us_map/elk/sketch.exp.svg b/e2etests/testdata/stable/us_map/elk/sketch.exp.svg
index cc1c7f3fc..901abf608 100644
--- a/e2etests/testdata/stable/us_map/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/us_map/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1806 3764"><svg id="d2-svg" class="d2-3481387151" width="1806" height="3764" viewBox="11 11 1806 3764"><rect x="11.000000" y="11.000000" width="1806.000000" height="3764.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1806 3764"><svg id="d2-svg" class="d2-3481387151" width="1806" height="3764" viewBox="11 11 1806 3764"><rect x="11.000000" y="11.000000" width="1806.000000" height="3764.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-3481387151 .text-bold {
 	font-family: "d2-3481387151-font-bold";
 }
diff --git a/e2etests/testdata/themes/origami/dagre/sketch.exp.svg b/e2etests/testdata/themes/origami/dagre/sketch.exp.svg
index a580bee19..d1e24160d 100644
--- a/e2etests/testdata/themes/origami/dagre/sketch.exp.svg
+++ b/e2etests/testdata/themes/origami/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 636 1502"><svg id="d2-svg" class="d2-445610015" width="636" height="1502" viewBox="-43 -1 636 1502"><rect x="-43.000000" y="-1.000000" width="636.000000" height="1502.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 636 1502"><svg id="d2-svg" class="d2-445610015" width="636" height="1502" viewBox="-43 -1 636 1502"><rect x="-43.000000" y="-1.000000" width="636.000000" height="1502.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-445610015 .text {
 	font-family: "d2-445610015-font-regular";
 }
diff --git a/e2etests/testdata/themes/origami/elk/sketch.exp.svg b/e2etests/testdata/themes/origami/elk/sketch.exp.svg
index 0eab53c0e..f2efef011 100644
--- a/e2etests/testdata/themes/origami/elk/sketch.exp.svg
+++ b/e2etests/testdata/themes/origami/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 867 1248"><svg id="d2-svg" class="d2-1948840672" width="867" height="1248" viewBox="11 11 867 1248"><rect x="11.000000" y="11.000000" width="867.000000" height="1248.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 867 1248"><svg id="d2-svg" class="d2-1948840672" width="867" height="1248" viewBox="11 11 867 1248"><rect x="11.000000" y="11.000000" width="867.000000" height="1248.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-1948840672 .text {
 	font-family: "d2-1948840672-font-regular";
 }
diff --git a/e2etests/testdata/themes/terminal/dagre/sketch.exp.svg b/e2etests/testdata/themes/terminal/dagre/sketch.exp.svg
index 01594dce9..907afe8cf 100644
--- a/e2etests/testdata/themes/terminal/dagre/sketch.exp.svg
+++ b/e2etests/testdata/themes/terminal/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1410 2005"><svg id="d2-svg" class="d2-2900518315" width="1410" height="2005" viewBox="-1 -1 1410 2005"><rect x="-1.000000" y="-1.000000" width="1410.000000" height="2005.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1410 2005"><svg id="d2-svg" class="d2-2900518315" width="1410" height="2005" viewBox="-1 -1 1410 2005"><rect x="-1.000000" y="-1.000000" width="1410.000000" height="2005.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-2900518315 .text {
 	font-family: "d2-2900518315-font-regular";
 }
diff --git a/e2etests/testdata/themes/terminal/elk/sketch.exp.svg b/e2etests/testdata/themes/terminal/elk/sketch.exp.svg
index e5a620586..b756bc500 100644
--- a/e2etests/testdata/themes/terminal/elk/sketch.exp.svg
+++ b/e2etests/testdata/themes/terminal/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1731 1846"><svg id="d2-svg" class="d2-1716679499" width="1731" height="1846" viewBox="11 11 1731 1846"><rect x="11.000000" y="11.000000" width="1731.000000" height="1846.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1731 1846"><svg id="d2-svg" class="d2-1716679499" width="1731" height="1846" viewBox="11 11 1731 1846"><rect x="11.000000" y="11.000000" width="1731.000000" height="1846.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-1716679499 .text {
 	font-family: "d2-1716679499-font-regular";
 }
diff --git a/e2etests/testdata/themes/terminal_grayscale/dagre/sketch.exp.svg b/e2etests/testdata/themes/terminal_grayscale/dagre/sketch.exp.svg
index e76c544c7..4e92ff921 100644
--- a/e2etests/testdata/themes/terminal_grayscale/dagre/sketch.exp.svg
+++ b/e2etests/testdata/themes/terminal_grayscale/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 621 1502"><svg id="d2-svg" class="d2-457017616" width="621" height="1502" viewBox="-1 -1 621 1502"><rect x="-1.000000" y="-1.000000" width="621.000000" height="1502.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 621 1502"><svg id="d2-svg" class="d2-457017616" width="621" height="1502" viewBox="-1 -1 621 1502"><rect x="-1.000000" y="-1.000000" width="621.000000" height="1502.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-457017616 .text-mono {
 	font-family: "d2-457017616-font-mono";
 }
diff --git a/e2etests/testdata/themes/terminal_grayscale/elk/sketch.exp.svg b/e2etests/testdata/themes/terminal_grayscale/elk/sketch.exp.svg
index f67038ada..af07a75e4 100644
--- a/e2etests/testdata/themes/terminal_grayscale/elk/sketch.exp.svg
+++ b/e2etests/testdata/themes/terminal_grayscale/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 786 1248"><svg id="d2-svg" class="d2-186795793" width="786" height="1248" viewBox="11 11 786 1248"><rect x="11.000000" y="11.000000" width="786.000000" height="1248.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 786 1248"><svg id="d2-svg" class="d2-186795793" width="786" height="1248" viewBox="11 11 786 1248"><rect x="11.000000" y="11.000000" width="786.000000" height="1248.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-186795793 .text-mono {
 	font-family: "d2-186795793-font-mono";
 }
diff --git a/e2etests/testdata/todo/container_icon_label/dagre/sketch.exp.svg b/e2etests/testdata/todo/container_icon_label/dagre/sketch.exp.svg
index d5dd9109d..849f020bd 100644
--- a/e2etests/testdata/todo/container_icon_label/dagre/sketch.exp.svg
+++ b/e2etests/testdata/todo/container_icon_label/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 175 625"><svg id="d2-svg" class="d2-1863321835" width="175" height="625" viewBox="-1 -26 175 625"><rect x="-1.000000" y="-26.000000" width="175.000000" height="625.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 175 625"><svg id="d2-svg" class="d2-1863321835" width="175" height="625" viewBox="-1 -26 175 625"><rect x="-1.000000" y="-26.000000" width="175.000000" height="625.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-1863321835 .text {
 	font-family: "d2-1863321835-font-regular";
 }
diff --git a/e2etests/testdata/todo/container_icon_label/elk/sketch.exp.svg b/e2etests/testdata/todo/container_icon_label/elk/sketch.exp.svg
index 48abc51e4..00616fcff 100644
--- a/e2etests/testdata/todo/container_icon_label/elk/sketch.exp.svg
+++ b/e2etests/testdata/todo/container_icon_label/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 255 564"><svg id="d2-svg" class="d2-3470920563" width="255" height="564" viewBox="11 11 255 564"><rect x="11.000000" y="11.000000" width="255.000000" height="564.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 255 564"><svg id="d2-svg" class="d2-3470920563" width="255" height="564" viewBox="11 11 255 564"><rect x="11.000000" y="11.000000" width="255.000000" height="564.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-3470920563 .text {
 	font-family: "d2-3470920563-font-regular";
 }
diff --git a/e2etests/testdata/todo/container_label_edge_adjustment/dagre/sketch.exp.svg b/e2etests/testdata/todo/container_label_edge_adjustment/dagre/sketch.exp.svg
index 00f5df52c..a944d200a 100644
--- a/e2etests/testdata/todo/container_label_edge_adjustment/dagre/sketch.exp.svg
+++ b/e2etests/testdata/todo/container_label_edge_adjustment/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 407 500"><svg id="d2-svg" class="d2-1866195856" width="407" height="500" viewBox="-1 -1 407 500"><rect x="-1.000000" y="-1.000000" width="407.000000" height="500.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 407 500"><svg id="d2-svg" class="d2-1866195856" width="407" height="500" viewBox="-1 -1 407 500"><rect x="-1.000000" y="-1.000000" width="407.000000" height="500.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-1866195856 .text {
 	font-family: "d2-1866195856-font-regular";
 }
diff --git a/e2etests/testdata/todo/container_label_edge_adjustment/elk/sketch.exp.svg b/e2etests/testdata/todo/container_label_edge_adjustment/elk/sketch.exp.svg
index 93b25d1b6..e529917b8 100644
--- a/e2etests/testdata/todo/container_label_edge_adjustment/elk/sketch.exp.svg
+++ b/e2etests/testdata/todo/container_label_edge_adjustment/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 302 616"><svg id="d2-svg" class="d2-306197837" width="302" height="616" viewBox="11 11 302 616"><rect x="11.000000" y="11.000000" width="302.000000" height="616.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 302 616"><svg id="d2-svg" class="d2-306197837" width="302" height="616" viewBox="11 11 302 616"><rect x="11.000000" y="11.000000" width="302.000000" height="616.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-306197837 .text {
 	font-family: "d2-306197837-font-regular";
 }
diff --git a/e2etests/testdata/todo/container_label_edge_adjustment2/dagre/sketch.exp.svg b/e2etests/testdata/todo/container_label_edge_adjustment2/dagre/sketch.exp.svg
index c5148b264..18aea3274 100644
--- a/e2etests/testdata/todo/container_label_edge_adjustment2/dagre/sketch.exp.svg
+++ b/e2etests/testdata/todo/container_label_edge_adjustment2/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 134 334"><svg id="d2-svg" class="d2-2355214216" width="134" height="334" viewBox="-1 -1 134 334"><rect x="-1.000000" y="-1.000000" width="134.000000" height="334.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 134 334"><svg id="d2-svg" class="d2-2355214216" width="134" height="334" viewBox="-1 -1 134 334"><rect x="-1.000000" y="-1.000000" width="134.000000" height="334.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-2355214216 .text {
 	font-family: "d2-2355214216-font-regular";
 }
diff --git a/e2etests/testdata/todo/container_label_edge_adjustment2/elk/sketch.exp.svg b/e2etests/testdata/todo/container_label_edge_adjustment2/elk/sketch.exp.svg
index 0d56b3f61..34b0c21c7 100644
--- a/e2etests/testdata/todo/container_label_edge_adjustment2/elk/sketch.exp.svg
+++ b/e2etests/testdata/todo/container_label_edge_adjustment2/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 154 304"><svg id="d2-svg" class="d2-154151572" width="154" height="304" viewBox="11 11 154 304"><rect x="11.000000" y="11.000000" width="154.000000" height="304.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 154 304"><svg id="d2-svg" class="d2-154151572" width="154" height="304" viewBox="11 11 154 304"><rect x="11.000000" y="11.000000" width="154.000000" height="304.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-154151572 .text {
 	font-family: "d2-154151572-font-regular";
 }
diff --git a/e2etests/testdata/todo/dagre_container_md_label_panic/dagre/sketch.exp.svg b/e2etests/testdata/todo/dagre_container_md_label_panic/dagre/sketch.exp.svg
index 9cc1f2881..9fd7fccf5 100644
--- a/e2etests/testdata/todo/dagre_container_md_label_panic/dagre/sketch.exp.svg
+++ b/e2etests/testdata/todo/dagre_container_md_label_panic/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 355 832"><svg id="d2-svg" class="d2-4172678989" width="355" height="832" viewBox="-1 -1 355 832"><rect x="-1.000000" y="-1.000000" width="355.000000" height="832.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 355 832"><svg id="d2-svg" class="d2-4172678989" width="355" height="832" viewBox="-1 -1 355 832"><rect x="-1.000000" y="-1.000000" width="355.000000" height="832.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-4172678989 .text {
 	font-family: "d2-4172678989-font-regular";
 }
diff --git a/e2etests/testdata/todo/dagre_container_md_label_panic/elk/sketch.exp.svg b/e2etests/testdata/todo/dagre_container_md_label_panic/elk/sketch.exp.svg
index 20e519701..cdc766926 100644
--- a/e2etests/testdata/todo/dagre_container_md_label_panic/elk/sketch.exp.svg
+++ b/e2etests/testdata/todo/dagre_container_md_label_panic/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 344 742"><svg id="d2-svg" class="d2-3324342607" width="344" height="742" viewBox="11 11 344 742"><rect x="11.000000" y="11.000000" width="344.000000" height="742.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 344 742"><svg id="d2-svg" class="d2-3324342607" width="344" height="742" viewBox="11 11 344 742"><rect x="11.000000" y="11.000000" width="344.000000" height="742.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-3324342607 .text {
 	font-family: "d2-3324342607-font-regular";
 }
diff --git a/e2etests/testdata/todo/sequence_diagram_actor_padding_nested_groups/dagre/sketch.exp.svg b/e2etests/testdata/todo/sequence_diagram_actor_padding_nested_groups/dagre/sketch.exp.svg
index 0e583555f..baa743666 100644
--- a/e2etests/testdata/todo/sequence_diagram_actor_padding_nested_groups/dagre/sketch.exp.svg
+++ b/e2etests/testdata/todo/sequence_diagram_actor_padding_nested_groups/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 439 703"><svg id="d2-svg" class="d2-2392336133" width="439" height="703" viewBox="-26 51 439 703"><rect x="-26.000000" y="51.000000" width="439.000000" height="703.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 439 703"><svg id="d2-svg" class="d2-2392336133" width="439" height="703" viewBox="-26 51 439 703"><rect x="-26.000000" y="51.000000" width="439.000000" height="703.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-2392336133 .text {
 	font-family: "d2-2392336133-font-regular";
 }
diff --git a/e2etests/testdata/todo/sequence_diagram_actor_padding_nested_groups/elk/sketch.exp.svg b/e2etests/testdata/todo/sequence_diagram_actor_padding_nested_groups/elk/sketch.exp.svg
index 0e583555f..baa743666 100644
--- a/e2etests/testdata/todo/sequence_diagram_actor_padding_nested_groups/elk/sketch.exp.svg
+++ b/e2etests/testdata/todo/sequence_diagram_actor_padding_nested_groups/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 439 703"><svg id="d2-svg" class="d2-2392336133" width="439" height="703" viewBox="-26 51 439 703"><rect x="-26.000000" y="51.000000" width="439.000000" height="703.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 439 703"><svg id="d2-svg" class="d2-2392336133" width="439" height="703" viewBox="-26 51 439 703"><rect x="-26.000000" y="51.000000" width="439.000000" height="703.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-2392336133 .text {
 	font-family: "d2-2392336133-font-regular";
 }
diff --git a/e2etests/testdata/todo/sequence_diagram_edge_group_span_field/dagre/sketch.exp.svg b/e2etests/testdata/todo/sequence_diagram_edge_group_span_field/dagre/sketch.exp.svg
index 547083299..5fdd970a3 100644
--- a/e2etests/testdata/todo/sequence_diagram_edge_group_span_field/dagre/sketch.exp.svg
+++ b/e2etests/testdata/todo/sequence_diagram_edge_group_span_field/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 351 603"><svg id="d2-svg" class="d2-2341319486" width="351" height="603" viewBox="0 0 351 603"><rect x="0.000000" y="0.000000" width="351.000000" height="603.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 351 603"><svg id="d2-svg" class="d2-2341319486" width="351" height="603" viewBox="0 0 351 603"><rect x="0.000000" y="0.000000" width="351.000000" height="603.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-2341319486 .text {
 	font-family: "d2-2341319486-font-regular";
 }
diff --git a/e2etests/testdata/todo/sequence_diagram_edge_group_span_field/elk/sketch.exp.svg b/e2etests/testdata/todo/sequence_diagram_edge_group_span_field/elk/sketch.exp.svg
index 3cc2749c1..d5d1c7e50 100644
--- a/e2etests/testdata/todo/sequence_diagram_edge_group_span_field/elk/sketch.exp.svg
+++ b/e2etests/testdata/todo/sequence_diagram_edge_group_span_field/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 351 603"><svg id="d2-svg" class="d2-70922247" width="351" height="603" viewBox="12 12 351 603"><rect x="12.000000" y="12.000000" width="351.000000" height="603.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 351 603"><svg id="d2-svg" class="d2-70922247" width="351" height="603" viewBox="12 12 351 603"><rect x="12.000000" y="12.000000" width="351.000000" height="603.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-70922247 .text {
 	font-family: "d2-70922247-font-regular";
 }
diff --git a/e2etests/testdata/todo/shape_set_width_height/dagre/sketch.exp.svg b/e2etests/testdata/todo/shape_set_width_height/dagre/sketch.exp.svg
index f3e7e1d46..2c9434fe1 100644
--- a/e2etests/testdata/todo/shape_set_width_height/dagre/sketch.exp.svg
+++ b/e2etests/testdata/todo/shape_set_width_height/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 2090 2469"><svg id="d2-svg" class="d2-1916015322" width="2090" height="2469" viewBox="-1 0 2090 2469"><rect x="-1.000000" y="0.000000" width="2090.000000" height="2469.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 2090 2469"><svg id="d2-svg" class="d2-1916015322" width="2090" height="2469" viewBox="-1 0 2090 2469"><rect x="-1.000000" y="0.000000" width="2090.000000" height="2469.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-1916015322 .text {
 	font-family: "d2-1916015322-font-regular";
 }
diff --git a/e2etests/testdata/todo/shape_set_width_height/elk/sketch.exp.svg b/e2etests/testdata/todo/shape_set_width_height/elk/sketch.exp.svg
index 19995f506..e6453867c 100644
--- a/e2etests/testdata/todo/shape_set_width_height/elk/sketch.exp.svg
+++ b/e2etests/testdata/todo/shape_set_width_height/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 2486 2362"><svg id="d2-svg" class="d2-971574072" width="2486" height="2362" viewBox="11 11 2486 2362"><rect x="11.000000" y="11.000000" width="2486.000000" height="2362.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 2486 2362"><svg id="d2-svg" class="d2-971574072" width="2486" height="2362" viewBox="11 11 2486 2362"><rect x="11.000000" y="11.000000" width="2486.000000" height="2362.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-971574072 .text {
 	font-family: "d2-971574072-font-regular";
 }
diff --git a/e2etests/testdata/unicode/chinese/dagre/sketch.exp.svg b/e2etests/testdata/unicode/chinese/dagre/sketch.exp.svg
index 5dd38dfea..bf2adc80b 100644
--- a/e2etests/testdata/unicode/chinese/dagre/sketch.exp.svg
+++ b/e2etests/testdata/unicode/chinese/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 228 312"><svg id="d2-svg" class="d2-2143562443" width="228" height="312" viewBox="-1 -1 228 312"><rect x="-1.000000" y="-1.000000" width="228.000000" height="312.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 228 312"><svg id="d2-svg" class="d2-2143562443" width="228" height="312" viewBox="-1 -1 228 312"><rect x="-1.000000" y="-1.000000" width="228.000000" height="312.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-2143562443 .text {
 	font-family: "d2-2143562443-font-regular";
 }
diff --git a/e2etests/testdata/unicode/chinese/elk/sketch.exp.svg b/e2etests/testdata/unicode/chinese/elk/sketch.exp.svg
index 41a172eff..657ad48d8 100644
--- a/e2etests/testdata/unicode/chinese/elk/sketch.exp.svg
+++ b/e2etests/testdata/unicode/chinese/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 228 282"><svg id="d2-svg" class="d2-2220045025" width="228" height="282" viewBox="11 11 228 282"><rect x="11.000000" y="11.000000" width="228.000000" height="282.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 228 282"><svg id="d2-svg" class="d2-2220045025" width="228" height="282" viewBox="11 11 228 282"><rect x="11.000000" y="11.000000" width="228.000000" height="282.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-2220045025 .text {
 	font-family: "d2-2220045025-font-regular";
 }
diff --git a/e2etests/testdata/unicode/emojis/dagre/sketch.exp.svg b/e2etests/testdata/unicode/emojis/dagre/sketch.exp.svg
index 22f3164f3..2ec219a8b 100644
--- a/e2etests/testdata/unicode/emojis/dagre/sketch.exp.svg
+++ b/e2etests/testdata/unicode/emojis/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1136 234"><svg id="d2-svg" class="d2-13621709" width="1136" height="234" viewBox="-1 -1 1136 234"><rect x="-1.000000" y="-1.000000" width="1136.000000" height="234.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1136 234"><svg id="d2-svg" class="d2-13621709" width="1136" height="234" viewBox="-1 -1 1136 234"><rect x="-1.000000" y="-1.000000" width="1136.000000" height="234.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-13621709 .text-bold {
 	font-family: "d2-13621709-font-bold";
 }
diff --git a/e2etests/testdata/unicode/emojis/elk/sketch.exp.svg b/e2etests/testdata/unicode/emojis/elk/sketch.exp.svg
index d5ecda54a..090fb631b 100644
--- a/e2etests/testdata/unicode/emojis/elk/sketch.exp.svg
+++ b/e2etests/testdata/unicode/emojis/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1096 204"><svg id="d2-svg" class="d2-4162931981" width="1096" height="204" viewBox="11 11 1096 204"><rect x="11.000000" y="11.000000" width="1096.000000" height="204.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1096 204"><svg id="d2-svg" class="d2-4162931981" width="1096" height="204" viewBox="11 11 1096 204"><rect x="11.000000" y="11.000000" width="1096.000000" height="204.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-4162931981 .text-bold {
 	font-family: "d2-4162931981-font-bold";
 }
diff --git a/e2etests/testdata/unicode/japanese-basic/dagre/sketch.exp.svg b/e2etests/testdata/unicode/japanese-basic/dagre/sketch.exp.svg
index 523d018e7..81a86e887 100644
--- a/e2etests/testdata/unicode/japanese-basic/dagre/sketch.exp.svg
+++ b/e2etests/testdata/unicode/japanese-basic/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 248 68"><svg id="d2-svg" class="d2-885085492" width="248" height="68" viewBox="-1 -1 248 68"><rect x="-1.000000" y="-1.000000" width="248.000000" height="68.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 248 68"><svg id="d2-svg" class="d2-885085492" width="248" height="68" viewBox="-1 -1 248 68"><rect x="-1.000000" y="-1.000000" width="248.000000" height="68.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-885085492 .text-bold {
 	font-family: "d2-885085492-font-bold";
 }
diff --git a/e2etests/testdata/unicode/japanese-basic/elk/sketch.exp.svg b/e2etests/testdata/unicode/japanese-basic/elk/sketch.exp.svg
index ca6df1ce2..eee9fa987 100644
--- a/e2etests/testdata/unicode/japanese-basic/elk/sketch.exp.svg
+++ b/e2etests/testdata/unicode/japanese-basic/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 248 68"><svg id="d2-svg" class="d2-3826722188" width="248" height="68" viewBox="11 11 248 68"><rect x="11.000000" y="11.000000" width="248.000000" height="68.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 248 68"><svg id="d2-svg" class="d2-3826722188" width="248" height="68" viewBox="11 11 248 68"><rect x="11.000000" y="11.000000" width="248.000000" height="68.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-3826722188 .text-bold {
 	font-family: "d2-3826722188-font-bold";
 }
diff --git a/e2etests/testdata/unicode/japanese-full/dagre/sketch.exp.svg b/e2etests/testdata/unicode/japanese-full/dagre/sketch.exp.svg
index fc14e2351..20e22ca38 100644
--- a/e2etests/testdata/unicode/japanese-full/dagre/sketch.exp.svg
+++ b/e2etests/testdata/unicode/japanese-full/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1384 336"><svg id="d2-svg" class="d2-3888192125" width="1384" height="336" viewBox="-1 -1 1384 336"><rect x="-1.000000" y="-1.000000" width="1384.000000" height="336.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1384 336"><svg id="d2-svg" class="d2-3888192125" width="1384" height="336" viewBox="-1 -1 1384 336"><rect x="-1.000000" y="-1.000000" width="1384.000000" height="336.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-3888192125 .text-bold {
 	font-family: "d2-3888192125-font-bold";
 }
diff --git a/e2etests/testdata/unicode/japanese-full/elk/sketch.exp.svg b/e2etests/testdata/unicode/japanese-full/elk/sketch.exp.svg
index 34ab89327..39bc7a2e6 100644
--- a/e2etests/testdata/unicode/japanese-full/elk/sketch.exp.svg
+++ b/e2etests/testdata/unicode/japanese-full/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1384 376"><svg id="d2-svg" class="d2-3227094950" width="1384" height="376" viewBox="11 11 1384 376"><rect x="11.000000" y="11.000000" width="1384.000000" height="376.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1384 376"><svg id="d2-svg" class="d2-3227094950" width="1384" height="376" viewBox="11 11 1384 376"><rect x="11.000000" y="11.000000" width="1384.000000" height="376.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-3227094950 .text-bold {
 	font-family: "d2-3227094950-font-bold";
 }
diff --git a/e2etests/testdata/unicode/japanese-mixed/dagre/sketch.exp.svg b/e2etests/testdata/unicode/japanese-mixed/dagre/sketch.exp.svg
index a1900a8cb..9cb157b2a 100644
--- a/e2etests/testdata/unicode/japanese-mixed/dagre/sketch.exp.svg
+++ b/e2etests/testdata/unicode/japanese-mixed/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 3961 1037"><svg id="d2-svg" class="d2-198816819" width="3961" height="1037" viewBox="-1 -1 3961 1037"><rect x="-1.000000" y="-1.000000" width="3961.000000" height="1037.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 3961 1037"><svg id="d2-svg" class="d2-198816819" width="3961" height="1037" viewBox="-1 -1 3961 1037"><rect x="-1.000000" y="-1.000000" width="3961.000000" height="1037.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-198816819 .text-bold {
 	font-family: "d2-198816819-font-bold";
 }
diff --git a/e2etests/testdata/unicode/japanese-mixed/elk/sketch.exp.svg b/e2etests/testdata/unicode/japanese-mixed/elk/sketch.exp.svg
index 5b53da8ad..4e78d1eed 100644
--- a/e2etests/testdata/unicode/japanese-mixed/elk/sketch.exp.svg
+++ b/e2etests/testdata/unicode/japanese-mixed/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 3961 887"><svg id="d2-svg" class="d2-2752515409" width="3961" height="887" viewBox="11 11 3961 887"><rect x="11.000000" y="11.000000" width="3961.000000" height="887.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 3961 887"><svg id="d2-svg" class="d2-2752515409" width="3961" height="887" viewBox="11 11 3961 887"><rect x="11.000000" y="11.000000" width="3961.000000" height="887.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-2752515409 .text-bold {
 	font-family: "d2-2752515409-font-bold";
 }
diff --git a/e2etests/testdata/unicode/korean/dagre/sketch.exp.svg b/e2etests/testdata/unicode/korean/dagre/sketch.exp.svg
index 96556c7a0..84a5af773 100644
--- a/e2etests/testdata/unicode/korean/dagre/sketch.exp.svg
+++ b/e2etests/testdata/unicode/korean/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 207 68"><svg id="d2-svg" class="d2-993946991" width="207" height="68" viewBox="-1 -1 207 68"><rect x="-1.000000" y="-1.000000" width="207.000000" height="68.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 207 68"><svg id="d2-svg" class="d2-993946991" width="207" height="68" viewBox="-1 -1 207 68"><rect x="-1.000000" y="-1.000000" width="207.000000" height="68.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-993946991 .text-bold {
 	font-family: "d2-993946991-font-bold";
 }
diff --git a/e2etests/testdata/unicode/korean/elk/sketch.exp.svg b/e2etests/testdata/unicode/korean/elk/sketch.exp.svg
index 7cb5cc562..adc74ad5e 100644
--- a/e2etests/testdata/unicode/korean/elk/sketch.exp.svg
+++ b/e2etests/testdata/unicode/korean/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 207 68"><svg id="d2-svg" class="d2-385498295" width="207" height="68" viewBox="11 11 207 68"><rect x="11.000000" y="11.000000" width="207.000000" height="68.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 207 68"><svg id="d2-svg" class="d2-385498295" width="207" height="68" viewBox="11 11 207 68"><rect x="11.000000" y="11.000000" width="207.000000" height="68.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-385498295 .text-bold {
 	font-family: "d2-385498295-font-bold";
 }
diff --git a/e2etests/testdata/unicode/mixed-language-2/dagre/sketch.exp.svg b/e2etests/testdata/unicode/mixed-language-2/dagre/sketch.exp.svg
index c7487953f..f372f1535 100644
--- a/e2etests/testdata/unicode/mixed-language-2/dagre/sketch.exp.svg
+++ b/e2etests/testdata/unicode/mixed-language-2/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 3294 566"><svg id="d2-svg" class="d2-1195038557" width="3294" height="566" viewBox="-1 -1 3294 566"><rect x="-1.000000" y="-1.000000" width="3294.000000" height="566.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 3294 566"><svg id="d2-svg" class="d2-1195038557" width="3294" height="566" viewBox="-1 -1 3294 566"><rect x="-1.000000" y="-1.000000" width="3294.000000" height="566.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-1195038557 .text-bold {
 	font-family: "d2-1195038557-font-bold";
 }
diff --git a/e2etests/testdata/unicode/mixed-language-2/elk/sketch.exp.svg b/e2etests/testdata/unicode/mixed-language-2/elk/sketch.exp.svg
index db1dcbdd5..c3937bca3 100644
--- a/e2etests/testdata/unicode/mixed-language-2/elk/sketch.exp.svg
+++ b/e2etests/testdata/unicode/mixed-language-2/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 2934 476"><svg id="d2-svg" class="d2-410709181" width="2934" height="476" viewBox="11 11 2934 476"><rect x="11.000000" y="11.000000" width="2934.000000" height="476.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 2934 476"><svg id="d2-svg" class="d2-410709181" width="2934" height="476" viewBox="11 11 2934 476"><rect x="11.000000" y="11.000000" width="2934.000000" height="476.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-410709181 .text-bold {
 	font-family: "d2-410709181-font-bold";
 }
diff --git a/e2etests/testdata/unicode/mixed-language/dagre/sketch.exp.svg b/e2etests/testdata/unicode/mixed-language/dagre/sketch.exp.svg
index 7e21dc5f4..4cdab9a8c 100644
--- a/e2etests/testdata/unicode/mixed-language/dagre/sketch.exp.svg
+++ b/e2etests/testdata/unicode/mixed-language/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1002 266"><svg id="d2-svg" class="d2-3180318267" width="1002" height="266" viewBox="-1 -1 1002 266"><rect x="-1.000000" y="-1.000000" width="1002.000000" height="266.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1002 266"><svg id="d2-svg" class="d2-3180318267" width="1002" height="266" viewBox="-1 -1 1002 266"><rect x="-1.000000" y="-1.000000" width="1002.000000" height="266.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-3180318267 .text {
 	font-family: "d2-3180318267-font-regular";
 }
diff --git a/e2etests/testdata/unicode/mixed-language/elk/sketch.exp.svg b/e2etests/testdata/unicode/mixed-language/elk/sketch.exp.svg
index f6825e11c..e83b611a4 100644
--- a/e2etests/testdata/unicode/mixed-language/elk/sketch.exp.svg
+++ b/e2etests/testdata/unicode/mixed-language/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 962 246"><svg id="d2-svg" class="d2-3291651747" width="962" height="246" viewBox="11 11 962 246"><rect x="11.000000" y="11.000000" width="962.000000" height="246.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 962 246"><svg id="d2-svg" class="d2-3291651747" width="962" height="246" viewBox="11 11 962 246"><rect x="11.000000" y="11.000000" width="962.000000" height="246.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-3291651747 .text {
 	font-family: "d2-3291651747-font-regular";
 }
diff --git a/e2etests/testdata/unicode/with-style/dagre/sketch.exp.svg b/e2etests/testdata/unicode/with-style/dagre/sketch.exp.svg
index 4831eb993..ca65bcc0b 100644
--- a/e2etests/testdata/unicode/with-style/dagre/sketch.exp.svg
+++ b/e2etests/testdata/unicode/with-style/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 201 82"><svg id="d2-svg" class="d2-3361144730" width="201" height="82" viewBox="-8 -8 201 82"><rect x="-8.000000" y="-8.000000" width="201.000000" height="82.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 201 82"><svg id="d2-svg" class="d2-3361144730" width="201" height="82" viewBox="-8 -8 201 82"><rect x="-8.000000" y="-8.000000" width="201.000000" height="82.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-3361144730 .text-bold {
 	font-family: "d2-3361144730-font-bold";
 }
diff --git a/e2etests/testdata/unicode/with-style/elk/sketch.exp.svg b/e2etests/testdata/unicode/with-style/elk/sketch.exp.svg
index 2481c44d0..83e852300 100644
--- a/e2etests/testdata/unicode/with-style/elk/sketch.exp.svg
+++ b/e2etests/testdata/unicode/with-style/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" d2Version="v0.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 201 82"><svg id="d2-svg" class="d2-580601010" width="201" height="82" viewBox="4 4 201 82"><rect x="4.000000" y="4.000000" width="201.000000" height="82.000000" rx="0.000000" 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" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 201 82"><svg id="d2-svg" class="d2-580601010" width="201" height="82" viewBox="4 4 201 82"><rect x="4.000000" y="4.000000" width="201.000000" height="82.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-580601010 .text-bold {
 	font-family: "d2-580601010-font-bold";
 }

From a260068d2c8165c85507ecb880c9d58eadcf2e22 Mon Sep 17 00:00:00 2001
From: Stoica Alex <alex_stoicajr@yahoo.co.uk>
Date: Fri, 31 Mar 2023 09:58:02 +0100
Subject: [PATCH 05/21] Add `text-transform` attribute to the `style` block

This provides an option to override the functionality provided by the
theme, or apply `text-transform` outside of the theme.

The functionality of the `text-transform` is as below:

- `text-transform: none` - will disable **any** transformation (like the uppercasing by `terminal` theme)
- `text-transform: uppercase` (uppercase not upper as per your message) - will force all characters into uppercase.
- `text-transform: lowercase` - will force all characters into lowercase.
- `text-transform: capitalize` - will uppercase the first letter of every word

In addition, this commit introduces:
- helper methods on the `d2graph.Style` struct to determine the type of
  `text-transform` to be applied.
- `ApplyTextTransform` method on the `d2graph.Attributes` which will
  transform the `Label.Value` to the correct text case.
---
 ci/release/changelogs/next.md                 |   1 +
 d2compiler/compile.go                         |   2 +
 d2graph/d2graph.go                            |  91 ++-
 .../themes/origami/dagre/board.exp.json       | 152 +++--
 .../themes/origami/dagre/sketch.exp.svg       | 186 +++---
 .../themes/origami/elk/board.exp.json         | 116 ++--
 .../themes/origami/elk/sketch.exp.svg         | 188 +++---
 .../themes/terminal/dagre/board.exp.json      | 106 ++--
 .../themes/terminal/dagre/sketch.exp.svg      | 568 +++++++++---------
 .../themes/terminal/elk/board.exp.json        |  18 +-
 .../themes/terminal/elk/sketch.exp.svg        | 564 ++++++++---------
 .../terminal_grayscale/dagre/board.exp.json   |  92 +--
 .../terminal_grayscale/dagre/sketch.exp.svg   | 178 +++---
 .../terminal_grayscale/elk/board.exp.json     |  22 +-
 .../terminal_grayscale/elk/sketch.exp.svg     | 172 +++---
 e2etests/themes_test.go                       |  41 +-
 go.mod                                        |   2 +-
 17 files changed, 1328 insertions(+), 1171 deletions(-)

diff --git a/ci/release/changelogs/next.md b/ci/release/changelogs/next.md
index 7c8dc5311..e4838afec 100644
--- a/ci/release/changelogs/next.md
+++ b/ci/release/changelogs/next.md
@@ -9,6 +9,7 @@
 
 - Labels on parallel `dagre` connections include a gap between them [#1134](https://github.com/terrastruct/d2/pull/1134)
 - Sequence Diagram `Lifelines` now inherit the Actor `stroke` and `stroke-dash` [#1140](https://github.com/terrastruct/d2/pull/1140)
+- Add `text-transform` styling option [#1118](https://github.com/terrastruct/d2/pull/1118)
 
 #### Bugfixes ⛑️
 
diff --git a/d2compiler/compile.go b/d2compiler/compile.go
index 99c0de355..817f4169f 100644
--- a/d2compiler/compile.go
+++ b/d2compiler/compile.go
@@ -500,6 +500,8 @@ func compileStyleFieldInit(attrs *d2graph.Attributes, f *d2ir.Field) {
 		attrs.Left = &d2graph.Scalar{MapKey: f.LastPrimaryKey()}
 	case "double-border":
 		attrs.Style.DoubleBorder = &d2graph.Scalar{MapKey: f.LastPrimaryKey()}
+	case "text-transform":
+		attrs.Style.TextTransform = &d2graph.Scalar{MapKey: f.LastPrimaryKey()}
 	}
 }
 
diff --git a/d2graph/d2graph.go b/d2graph/d2graph.go
index e6e9de6b4..6d7e845af 100644
--- a/d2graph/d2graph.go
+++ b/d2graph/d2graph.go
@@ -10,6 +10,9 @@ import (
 	"strconv"
 	"strings"
 
+	"golang.org/x/text/cases"
+	"golang.org/x/text/language"
+
 	"oss.terrastruct.com/util-go/go2"
 
 	"oss.terrastruct.com/d2/d2ast"
@@ -141,6 +144,25 @@ type Attributes struct {
 	Classes []string `json:"classes,omitempty"`
 }
 
+// ApplyTextTransform will alter the `Label.Value` of the current object based
+// on the specification of the `text-transform` styling option. This function
+// has side-effects!
+func (a *Attributes) ApplyTextTransform() {
+	if a.Style.NoneTextTransform() {
+		return
+	}
+
+	if a.Style.TextTransform != nil && a.Style.TextTransform.Value == "uppercase" {
+		a.Label.Value = strings.ToUpper(a.Label.Value)
+	}
+	if a.Style.TextTransform != nil && a.Style.TextTransform.Value == "lowercase" {
+		a.Label.Value = strings.ToLower(a.Label.Value)
+	}
+	if a.Style.TextTransform != nil && a.Style.TextTransform.Value == "capitalize" {
+		a.Label.Value = cases.Title(language.Und).String(a.Label.Value)
+	}
+}
+
 // TODO references at the root scope should have their Scope set to root graph AST
 type Reference struct {
 	Key          *d2ast.KeyPath `json:"key"`
@@ -161,25 +183,33 @@ func (r Reference) InEdge() bool {
 }
 
 type Style struct {
-	Opacity      *Scalar `json:"opacity,omitempty"`
-	Stroke       *Scalar `json:"stroke,omitempty"`
-	Fill         *Scalar `json:"fill,omitempty"`
-	FillPattern  *Scalar `json:"fillPattern,omitempty"`
-	StrokeWidth  *Scalar `json:"strokeWidth,omitempty"`
-	StrokeDash   *Scalar `json:"strokeDash,omitempty"`
-	BorderRadius *Scalar `json:"borderRadius,omitempty"`
-	Shadow       *Scalar `json:"shadow,omitempty"`
-	ThreeDee     *Scalar `json:"3d,omitempty"`
-	Multiple     *Scalar `json:"multiple,omitempty"`
-	Font         *Scalar `json:"font,omitempty"`
-	FontSize     *Scalar `json:"fontSize,omitempty"`
-	FontColor    *Scalar `json:"fontColor,omitempty"`
-	Animated     *Scalar `json:"animated,omitempty"`
-	Bold         *Scalar `json:"bold,omitempty"`
-	Italic       *Scalar `json:"italic,omitempty"`
-	Underline    *Scalar `json:"underline,omitempty"`
-	Filled       *Scalar `json:"filled,omitempty"`
-	DoubleBorder *Scalar `json:"doubleBorder,omitempty"`
+	Opacity       *Scalar `json:"opacity,omitempty"`
+	Stroke        *Scalar `json:"stroke,omitempty"`
+	Fill          *Scalar `json:"fill,omitempty"`
+	FillPattern   *Scalar `json:"fillPattern,omitempty"`
+	StrokeWidth   *Scalar `json:"strokeWidth,omitempty"`
+	StrokeDash    *Scalar `json:"strokeDash,omitempty"`
+	BorderRadius  *Scalar `json:"borderRadius,omitempty"`
+	Shadow        *Scalar `json:"shadow,omitempty"`
+	ThreeDee      *Scalar `json:"3d,omitempty"`
+	Multiple      *Scalar `json:"multiple,omitempty"`
+	Font          *Scalar `json:"font,omitempty"`
+	FontSize      *Scalar `json:"fontSize,omitempty"`
+	FontColor     *Scalar `json:"fontColor,omitempty"`
+	Animated      *Scalar `json:"animated,omitempty"`
+	Bold          *Scalar `json:"bold,omitempty"`
+	Italic        *Scalar `json:"italic,omitempty"`
+	Underline     *Scalar `json:"underline,omitempty"`
+	Filled        *Scalar `json:"filled,omitempty"`
+	DoubleBorder  *Scalar `json:"doubleBorder,omitempty"`
+	TextTransform *Scalar `json:"textTransform,omitempty"`
+}
+
+// NoneTextTransform will return a boolean if the text should not have any
+// transformation applied. This should overwrite theme specific transformations
+// like `CapsLock` from the `terminal` theme.
+func (s Style) NoneTextTransform() bool {
+	return s.TextTransform != nil && s.TextTransform.Value == "none"
 }
 
 func (s *Style) Apply(key, value string) error {
@@ -350,6 +380,14 @@ func (s *Style) Apply(key, value string) error {
 			return errors.New(`expected "double-border" to be true or false`)
 		}
 		s.DoubleBorder.Value = value
+	case "text-transform":
+		if s.TextTransform == nil {
+			break
+		}
+		if !go2.Contains(textTransforms, strings.ToLower(value)) {
+			return fmt.Errorf(`expected "text-transform" to be one of (%s)`, strings.Join(textTransforms, ","))
+		}
+		s.TextTransform.Value = value
 	default:
 		return fmt.Errorf("unknown style key: %s", key)
 	}
@@ -1329,10 +1367,11 @@ func (g *Graph) SetDimensions(mtexts []*d2target.MText, ruler *textmeasure.Ruler
 		}
 
 		if g.Theme != nil && g.Theme.SpecialRules.CapsLock && !strings.EqualFold(obj.Attributes.Shape.Value, d2target.ShapeCode) {
-			if obj.Attributes.Language != "latex" {
+			if obj.Attributes.Language != "latex" && !obj.Attributes.Style.NoneTextTransform() {
 				obj.Attributes.Label.Value = strings.ToUpper(obj.Attributes.Label.Value)
 			}
 		}
+		obj.Attributes.ApplyTextTransform()
 
 		labelDims, err := obj.GetLabelSize(mtexts, ruler, fontFamily)
 		if err != nil {
@@ -1451,9 +1490,11 @@ func (g *Graph) SetDimensions(mtexts []*d2target.MText, ruler *textmeasure.Ruler
 			continue
 		}
 
-		if g.Theme != nil && g.Theme.SpecialRules.CapsLock {
+		if g.Theme != nil && g.Theme.SpecialRules.CapsLock && !edge.Attributes.Style.NoneTextTransform() {
 			edge.Attributes.Label.Value = strings.ToUpper(edge.Attributes.Label.Value)
 		}
+		edge.Attributes.ApplyTextTransform()
+
 		usedFont := fontFamily
 		if edge.Attributes.Style.Font != nil {
 			f := d2fonts.D2_FONT_TO_FAMILY[edge.Attributes.Style.Font.Value]
@@ -1479,9 +1520,10 @@ func (g *Graph) Texts() []*d2target.MText {
 
 	for _, obj := range g.Objects {
 		if obj.Attributes.Label.Value != "" {
+			obj.Attributes.ApplyTextTransform()
 			text := obj.Text()
 			if capsLock && !strings.EqualFold(obj.Attributes.Shape.Value, d2target.ShapeCode) {
-				if obj.Attributes.Language != "latex" {
+				if obj.Attributes.Language != "latex" && !obj.Attributes.Style.NoneTextTransform() {
 					text.Text = strings.ToUpper(text.Text)
 				}
 			}
@@ -1512,8 +1554,9 @@ func (g *Graph) Texts() []*d2target.MText {
 	}
 	for _, edge := range g.Edges {
 		if edge.Attributes.Label.Value != "" {
+			edge.Attributes.ApplyTextTransform()
 			text := edge.Text()
-			if capsLock {
+			if capsLock && !edge.Attributes.Style.NoneTextTransform() {
 				text.Text = strings.ToUpper(text.Text)
 			}
 			texts = appendTextDedup(texts, text)
@@ -1625,6 +1668,8 @@ var FillPatterns = []string{
 	"paper",
 }
 
+var textTransforms = []string{"none", "uppercase", "lowercase", "capitalize"}
+
 // BoardKeywords contains the keywords that create new boards.
 var BoardKeywords = map[string]struct{}{
 	"layers":    {},
diff --git a/e2etests/testdata/themes/origami/dagre/board.exp.json b/e2etests/testdata/themes/origami/dagre/board.exp.json
index a0f45ac09..0c5fd8bb2 100644
--- a/e2etests/testdata/themes/origami/dagre/board.exp.json
+++ b/e2etests/testdata/themes/origami/dagre/board.exp.json
@@ -10,7 +10,7 @@
         "x": 0,
         "y": 275
       },
-      "width": 399,
+      "width": 403,
       "height": 1225,
       "opacity": 1,
       "strokeDash": 0,
@@ -52,7 +52,7 @@
         "x": 95,
         "y": 340
       },
-      "width": 284,
+      "width": 288,
       "height": 317,
       "opacity": 1,
       "strokeDash": 0,
@@ -73,7 +73,7 @@
       "fields": null,
       "methods": null,
       "columns": null,
-      "label": "cell tower",
+      "label": "Cell Tower",
       "fontSize": 24,
       "fontFamily": "DEFAULT",
       "language": "",
@@ -81,7 +81,7 @@
       "italic": false,
       "bold": false,
       "underline": false,
-      "labelWidth": 99,
+      "labelWidth": 106,
       "labelHeight": 31,
       "labelPosition": "OUTSIDE_TOP_CENTER",
       "zIndex": 0,
@@ -91,7 +91,7 @@
       "id": "network.cell tower.satellites",
       "type": "stored_data",
       "pos": {
-        "x": 185,
+        "x": 187,
         "y": 372
       },
       "width": 104,
@@ -133,7 +133,7 @@
       "id": "network.cell tower.transmitter",
       "type": "rectangle",
       "pos": {
-        "x": 185,
+        "x": 187,
         "y": 559
       },
       "width": 104,
@@ -259,7 +259,7 @@
       "id": "network.data processor",
       "type": "rectangle",
       "pos": {
-        "x": 145,
+        "x": 147,
         "y": 814
       },
       "width": 184,
@@ -301,7 +301,7 @@
       "id": "network.data processor.storage",
       "type": "cylinder",
       "pos": {
-        "x": 185,
+        "x": 187,
         "y": 846
       },
       "width": 104,
@@ -343,7 +343,7 @@
       "id": "user",
       "type": "person",
       "pos": {
-        "x": 80,
+        "x": 81,
         "y": 0
       },
       "width": 130,
@@ -381,14 +381,56 @@
       "zIndex": 0,
       "level": 1
     },
+    {
+      "id": "other-user",
+      "type": "person",
+      "pos": {
+        "x": 271,
+        "y": 8
+      },
+      "width": 108,
+      "height": 72,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B3",
+      "fillPattern": "paper",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "OTHER-USER",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 93,
+      "labelHeight": 21,
+      "labelPosition": "OUTSIDE_BOTTOM_CENTER",
+      "zIndex": 0,
+      "level": 1
+    },
     {
       "id": "api server",
       "type": "rectangle",
       "pos": {
-        "x": 439,
+        "x": 443,
         "y": 1076
       },
-      "width": 153,
+      "width": 151,
       "height": 66,
       "opacity": 1,
       "strokeDash": 0,
@@ -409,7 +451,7 @@
       "fields": null,
       "methods": null,
       "columns": null,
-      "label": "API サーバー",
+      "label": "api サーバー",
       "fontSize": 16,
       "fontFamily": "DEFAULT",
       "language": "",
@@ -417,7 +459,7 @@
       "italic": false,
       "bold": true,
       "underline": false,
-      "labelWidth": 108,
+      "labelWidth": 106,
       "labelHeight": 21,
       "labelPosition": "INSIDE_MIDDLE_CENTER",
       "zIndex": 0,
@@ -427,7 +469,7 @@
       "id": "logs",
       "type": "page",
       "pos": {
-        "x": 474,
+        "x": 477,
         "y": 1313
       },
       "width": 84,
@@ -493,19 +535,19 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 211,
+          "x": 212,
           "y": 439
         },
         {
-          "x": 173.4,
+          "x": 173.6,
           "y": 487
         },
         {
-          "x": 173.4,
+          "x": 173.8,
           "y": 511.2
         },
         {
-          "x": 211,
+          "x": 213,
           "y": 560
         }
       ],
@@ -527,7 +569,7 @@
       "strokeDash": 0,
       "strokeWidth": 2,
       "stroke": "B1",
-      "label": "send",
+      "label": "SEND",
       "fontSize": 16,
       "fontFamily": "DEFAULT",
       "language": "",
@@ -535,25 +577,25 @@
       "italic": true,
       "bold": false,
       "underline": false,
-      "labelWidth": 33,
+      "labelWidth": 37,
       "labelHeight": 21,
       "labelPosition": "INSIDE_MIDDLE_CENTER",
       "labelPercentage": 0,
       "route": [
         {
-          "x": 237,
+          "x": 239,
           "y": 439
         },
         {
-          "x": 237,
+          "x": 239,
           "y": 487
         },
         {
-          "x": 237,
+          "x": 239,
           "y": 511.2
         },
         {
-          "x": 237,
+          "x": 239,
           "y": 560
         }
       ],
@@ -589,19 +631,19 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 263,
+          "x": 266,
           "y": 439
         },
         {
-          "x": 300.6,
+          "x": 304.4,
           "y": 487
         },
         {
-          "x": 300.6,
+          "x": 304.2,
           "y": 511.2
         },
         {
-          "x": 263,
+          "x": 265,
           "y": 560
         }
       ],
@@ -637,31 +679,31 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 237,
+          "x": 239,
           "y": 625.5
         },
         {
-          "x": 237,
+          "x": 239,
           "y": 651.1
         },
         {
-          "x": 237,
+          "x": 239,
           "y": 669.6
         },
         {
-          "x": 237,
+          "x": 239,
           "y": 687.75
         },
         {
-          "x": 237,
+          "x": 239,
           "y": 705.9
         },
         {
-          "x": 237,
+          "x": 239,
           "y": 792.2
         },
         {
-          "x": 237,
+          "x": 239,
           "y": 847
         }
       ],
@@ -697,19 +739,19 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 169,
+          "x": 170,
           "y": 87
         },
         {
-          "x": 223.4,
+          "x": 225.2,
           "y": 156.2
         },
         {
-          "x": 237,
+          "x": 239,
           "y": 248.2
         },
         {
-          "x": 237,
+          "x": 239,
           "y": 305
         }
       ],
@@ -745,11 +787,11 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 126,
+          "x": 127,
           "y": 87
         },
         {
-          "x": 85,
+          "x": 85.19999999999999,
           "y": 156.2
         },
         {
@@ -949,12 +991,12 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 439.25,
-          "y": 1127.0397225725094
+          "x": 443.25,
+          "y": 1126.6702127659576
         },
         {
-          "x": 183.25,
-          "y": 1187.4079445145019
+          "x": 184.05,
+          "y": 1187.3340425531915
         },
         {
           "x": 116,
@@ -997,19 +1039,19 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 515.75,
+          "x": 518.75,
           "y": 1142
         },
         {
-          "x": 515.75,
+          "x": 518.75,
           "y": 1190.4
         },
         {
-          "x": 515.8,
+          "x": 518.8,
           "y": 1273
         },
         {
-          "x": 516,
+          "x": 519,
           "y": 1313
         }
       ],
@@ -1045,20 +1087,20 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 237,
+          "x": 239,
           "y": 996.5
         },
         {
-          "x": 237,
+          "x": 239,
           "y": 1020.1
         },
         {
-          "x": 277.4,
-          "y": 1038
+          "x": 279.8,
+          "y": 1038.2
         },
         {
-          "x": 439,
-          "y": 1086
+          "x": 443,
+          "y": 1087
         }
       ],
       "isCurve": true,
diff --git a/e2etests/testdata/themes/origami/dagre/sketch.exp.svg b/e2etests/testdata/themes/origami/dagre/sketch.exp.svg
index d1e24160d..e76787aad 100644
--- a/e2etests/testdata/themes/origami/dagre/sketch.exp.svg
+++ b/e2etests/testdata/themes/origami/dagre/sketch.exp.svg
@@ -1,24 +1,24 @@
-<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 636 1502"><svg id="d2-svg" class="d2-445610015" width="636" height="1502" viewBox="-43 -1 636 1502"><rect x="-43.000000" y="-1.000000" width="636.000000" height="1502.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
-.d2-445610015 .text {
-	font-family: "d2-445610015-font-regular";
+<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 638 1502"><svg id="d2-svg" class="d2-41893907" width="638" height="1502" viewBox="-43 -1 638 1502"><rect x="-43.000000" y="-1.000000" width="638.000000" height="1502.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
+.d2-41893907 .text {
+	font-family: "d2-41893907-font-regular";
 }
 @font-face {
-	font-family: d2-445610015-font-regular;
-	src: url("data:application/font-woff;base64,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");
+	font-family: d2-41893907-font-regular;
+	src: url("data:application/font-woff;base64,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");
 }
-.d2-445610015 .text-bold {
-	font-family: "d2-445610015-font-bold";
+.d2-41893907 .text-bold {
+	font-family: "d2-41893907-font-bold";
 }
 @font-face {
-	font-family: d2-445610015-font-bold;
-	src: url("data:application/font-woff;base64,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");
+	font-family: d2-41893907-font-bold;
+	src: url("data:application/font-woff;base64,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");
 }
-.d2-445610015 .text-italic {
-	font-family: "d2-445610015-font-italic";
+.d2-41893907 .text-italic {
+	font-family: "d2-41893907-font-italic";
 }
 @font-face {
-	font-family: d2-445610015-font-italic;
-	src: url("data:application/font-woff;base64,d09GRgABAAAAAApsAAoAAAAAEGAAARhRAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAAA9AAAAGAAAABgW1SVeGNtYXAAAAFUAAAAeQAAAJYCmAKLZ2x5ZgAAAdAAAARkAAAFeDuxwT5oZWFkAAAGNAAAADYAAAA2G7Ur2mhoZWEAAAZsAAAAJAAAACQLeAi3aG10eAAABpAAAABMAAAATB3rAnJsb2NhAAAG3AAAACgAAAAoDGgN6G1heHAAAAcEAAAAIAAAACAAKwD2bmFtZQAAByQAAAMmAAAIMgntVzNwb3N0AAAKTAAAACAAAAAg/8YAMgADAeEBkAAFAAACigJY//EASwKKAlgARAFeADIBIwAAAgsFAwMEAwkCBCAAAHcAAAADAAAAAAAAAABBREJPAAEAIP//Au7/BgAAA9gBESAAAZMAAAAAAeYClAAAACAAA3icbMw/rgFRHEDh7747b/wbTKW2FaXOHkQhERKJaGyEEIk1qHSWYiU/MYXKKb/iIMkSKoUDRmpZaWxiamZhaWVjZx/B1+eNr20/Hq94xiPucYtrXOIcpzg2118lf7LCv1JLW0dXT6VvYKjmDQAA//8BAAD//yA1HREAAAB4nExUW2zbVBj+z7Fr95K1SZzYjZfErU9it8VJW5/EbrY26SVtsyZd22kd07a2FK2MjoEiJiGmMe0mTTwWaS/whMQLaG/laS/wABIT0LeBhhAvXCLEkJCqCMFEHWS32/JydHR+6fu/y39+aIEEAH4D3wUG2qALghAGoEIvw1DbJhJDdZ3wvK0LAp+4hR7c+oCdOvNb34f/Ggo7e/OT8p8v3cN39y6hGyvXrztn393YePHxY2cAff8YAAA3vgFA3+EtaIMAgMBTXdN0wnEIUYHohP/lyBftbDvLytT5Fp0/U1kK/r6JrlSrmYsjuQvOEt7aq+7sACAgAFDHW8C43ChDbh+/7RbdHm4Np/AWdEDIq5piOMRxhDACNa1sRiOE3L5/7s25myc3MxNrGxcrpQ28NXdq8cKw8w+aXVzIUZcrgmSjjrbRLkQBJFXLZvKYmqLEaxpROS4cEqlp2RLHPVo4b8yvZ41RMSVosaFTVu5IjyWq8rzvlZXi5eVBNTIkhYvVqckZOWCGkp4PoDfqWMcPIOy63YRObZsyxCYcp5uWbbu9OnE4JH46XjHmVql+JMj4tfmtQitLTge140kjbEYTU1ll2Hd2eebKOar3rH22N1JKDo6nB3/Q1IFjK2ZhDLCn5XO0CzIkm/u5zvC9nPhUC0Mt1yFX4a+nNlPlc0P2RNzX4nzZ1jM1EMtJ8djS+w3MBPtJdtV3cX26esJIL5pR2llYTEYCNKygZEf3oeiwstxogAIAT/A21tysgYNgad9Xo1GHJ/gBBF0m2YwtUMb184DC6xPc1flrCAUYjkftoq8QiODX9t7j25ggwkdZdh9DAUCP0C50ewnz1LK8mHmGCK4ConI8o6wXeLb/RDqfbc1XRlm2FC2lp1HtWGJ4YkRJOF8jI9R9qDyQdj5+lgn6Ee1CF8SaPQqHOrFuer4cBP9wYdWYWzUX1ozy6kBqiVqme/hePTt9eTm9f45PVouTs1PV4uTMM77voF3wN/GVeO0pzw42VklFwof9cqKijKHaijHWVmwtHHV2ADX+a9TRNbQLusdKt720shlN17RsxhN+MJThkCh5kXIfDa9EhqRxbWCsfySdM44Z6bloWqC92rDVk88MnfBl+jSlL01kXZHz/S9MJBPxvpCcUuJaUB01UsWky3m0UUen8aVn82/ZAilgylOeME3zf388w6LcbEclMXH4qu9ajomqnXJHwD/oK6S65EMomGu5cyfv/BEMxuPtLTbf5WKPNOroL1SDyHPs51MgHHyBe2MWy+bnx1i2FJs1pivrhVa276Rv0g4oArKch0LEjQ+dduQ5cvBnZwDwV6gGvQCUoYIoStRyAZ/fGMLs7xye2SQVP0KI7Trsv1EOYIzYTtl/vfTTWqf3Gut6C9Wcn9WiqhZVFG+6yaidlBKJEnH+3s8WdlDt6S5S1udfRjVH9vjM4jJs423oABA8nfvb6G0hTqRQjOCyJEZ6u8VIz/8AAAD//wEAAP//9A0cJgABAAAAARhRu55vL18PPPUAAQPoAAAAANhdoMwAAAAA3WYvN/69/t0IHQPJAAIAAwACAAAAAAAAAAEAAAPY/u8AAAhA/r39vAgdA+gAwv/RAAAAAAAAAAAAAAATAnQAJADIAAAB/v/LAPwAIwImACMBswAlAhcAJwHhACUA7QAfAPgALAINAB8CAwAnAVYAHwGS//wBRQA8AhAAOALDAEYA7QAfAAAARwAAAC4ALgBSAGAAhACyAOoBJAEwAVIBfAGqAcgCBAIyAl4CmAKmArwAAQAAABMAjAAMAGYABwABAAAAAAAAAAAAAAAAAAQAA3icnJTbThtXFIY/B9tterqoUERu0L5MpWRMoxAl4cqUoIyKcOpxepCqSoM9PojxzMgzmJIn6HXfom+Rqz5Gn6LqdbV/L4MdRUEgBPx79jr8a61/bWCT/9igVr8L/N2cG66x3fzZ8B2+aB4Z3mC/+ZnhOg8b/xhuMGi8NdzkQaNr+BPe1f80/ClP6r8ZvstW/dDw5zyubxr+csPxr+GveMK7Ba7BM/4wXGOLwvAdNvnV8Ab3sJi1OvfYMdzga7YNN9kGekyoSJmQMcIxZMKIM2YklEQkzJgwJGGAI6RNSqWvGbGQY/TBrzERFTNiRRxT4UiJSIkpGVvEt/LKea2MQ51mdtemYkzMiTxOiclw5IzIyUg4VZyKioIXtGhR0hffgoqSgJIJKQE5M0a06HDIET3GTChxHCqSZxaRM6TinFj5nVn4zvRJyCiN1RkZA/F04pfIO+QIR4dCtquRj9YiPMTxo7w9t1y23xLo160wW8+7ZBMzVz9TdSXVzbkmONatz9vmB+GKF7hb9WedyfU9Guh/pcgnnGn+A00qE5MM57ZoE0lBkbuPY1/nkEgd+YmQHq/o8Iaezm26dGlzTI+Ql/Lt0MXxHR2OOZBHKLy4O5RijvkFx/eEsvGxE+vPYmIJv1OYuktxnKmOKYV67pkHqjVRhTefsN+hfE0dpXz62iNv6TS/THsWMzJVFGI4VS+X2iitfwNTxFS1+Nle3fttmNvuLbf4glw77NW64OQnt2B03VSD9zRzrp+AmAE5J7LokzOlRcWFeL8m5owUx4G690pbUtG+9PF5LqSShKkYhGSKM6PQ39h0Exn3/prunb0lA/l7pqeXVd0mi1Ovrmb0Rt1b3kXW5WRlAi2bar6ipr64Zqb9RDu1yj+Sb6nXLecRoeIudvtDr8AOz9llj7Gy9HUzv7zzr4S32FMHTklkNZSmfQ2PCdgl4Cm77PKcp+/1csnGGR+3xmc1f5sD9umwd201C9sO+7xci/bxzH+J7Y7qcTy6PD279TQf3EC132jfrt7NribnpzG3aFfbcUzM1HNxW6s1ufsE/wMAAP//AQAA//9yoVFAAAAAAwAA//UAAP/OADIAAAAAAAAAAAAAAAAAAAAAAAAAAA==");
+	font-family: d2-41893907-font-italic;
+	src: url("data:application/font-woff;base64,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");
 }]]></style><style type="text/css"><![CDATA[.shape {
   shape-rendering: geometricPrecision;
   stroke-linejoin: round;
@@ -32,78 +32,78 @@
   opacity: 0.5;
 }
 
-		.d2-445610015 .fill-N1{fill:#170206;}
-		.d2-445610015 .fill-N2{fill:#6F0019;}
-		.d2-445610015 .fill-N3{fill:#FFFFFF;}
-		.d2-445610015 .fill-N4{fill:#E07088;}
-		.d2-445610015 .fill-N5{fill:#D2B098;}
-		.d2-445610015 .fill-N6{fill:#FFFFFF;}
-		.d2-445610015 .fill-N7{fill:#FFFFFF;}
-		.d2-445610015 .fill-B1{fill:#170206;}
-		.d2-445610015 .fill-B2{fill:#A62543;}
-		.d2-445610015 .fill-B3{fill:#E07088;}
-		.d2-445610015 .fill-B4{fill:#F3E0D2;}
-		.d2-445610015 .fill-B5{fill:#FAF1E6;}
-		.d2-445610015 .fill-B6{fill:#FFFBF8;}
-		.d2-445610015 .fill-AA2{fill:#0A4EA6;}
-		.d2-445610015 .fill-AA4{fill:#3182CD;}
-		.d2-445610015 .fill-AA5{fill:#68A8E4;}
-		.d2-445610015 .fill-AB4{fill:#E07088;}
-		.d2-445610015 .fill-AB5{fill:#F19CAE;}
-		.d2-445610015 .stroke-N1{stroke:#170206;}
-		.d2-445610015 .stroke-N2{stroke:#6F0019;}
-		.d2-445610015 .stroke-N3{stroke:#FFFFFF;}
-		.d2-445610015 .stroke-N4{stroke:#E07088;}
-		.d2-445610015 .stroke-N5{stroke:#D2B098;}
-		.d2-445610015 .stroke-N6{stroke:#FFFFFF;}
-		.d2-445610015 .stroke-N7{stroke:#FFFFFF;}
-		.d2-445610015 .stroke-B1{stroke:#170206;}
-		.d2-445610015 .stroke-B2{stroke:#A62543;}
-		.d2-445610015 .stroke-B3{stroke:#E07088;}
-		.d2-445610015 .stroke-B4{stroke:#F3E0D2;}
-		.d2-445610015 .stroke-B5{stroke:#FAF1E6;}
-		.d2-445610015 .stroke-B6{stroke:#FFFBF8;}
-		.d2-445610015 .stroke-AA2{stroke:#0A4EA6;}
-		.d2-445610015 .stroke-AA4{stroke:#3182CD;}
-		.d2-445610015 .stroke-AA5{stroke:#68A8E4;}
-		.d2-445610015 .stroke-AB4{stroke:#E07088;}
-		.d2-445610015 .stroke-AB5{stroke:#F19CAE;}
-		.d2-445610015 .background-color-N1{background-color:#170206;}
-		.d2-445610015 .background-color-N2{background-color:#6F0019;}
-		.d2-445610015 .background-color-N3{background-color:#FFFFFF;}
-		.d2-445610015 .background-color-N4{background-color:#E07088;}
-		.d2-445610015 .background-color-N5{background-color:#D2B098;}
-		.d2-445610015 .background-color-N6{background-color:#FFFFFF;}
-		.d2-445610015 .background-color-N7{background-color:#FFFFFF;}
-		.d2-445610015 .background-color-B1{background-color:#170206;}
-		.d2-445610015 .background-color-B2{background-color:#A62543;}
-		.d2-445610015 .background-color-B3{background-color:#E07088;}
-		.d2-445610015 .background-color-B4{background-color:#F3E0D2;}
-		.d2-445610015 .background-color-B5{background-color:#FAF1E6;}
-		.d2-445610015 .background-color-B6{background-color:#FFFBF8;}
-		.d2-445610015 .background-color-AA2{background-color:#0A4EA6;}
-		.d2-445610015 .background-color-AA4{background-color:#3182CD;}
-		.d2-445610015 .background-color-AA5{background-color:#68A8E4;}
-		.d2-445610015 .background-color-AB4{background-color:#E07088;}
-		.d2-445610015 .background-color-AB5{background-color:#F19CAE;}
-		.d2-445610015 .color-N1{color:#170206;}
-		.d2-445610015 .color-N2{color:#6F0019;}
-		.d2-445610015 .color-N3{color:#FFFFFF;}
-		.d2-445610015 .color-N4{color:#E07088;}
-		.d2-445610015 .color-N5{color:#D2B098;}
-		.d2-445610015 .color-N6{color:#FFFFFF;}
-		.d2-445610015 .color-N7{color:#FFFFFF;}
-		.d2-445610015 .color-B1{color:#170206;}
-		.d2-445610015 .color-B2{color:#A62543;}
-		.d2-445610015 .color-B3{color:#E07088;}
-		.d2-445610015 .color-B4{color:#F3E0D2;}
-		.d2-445610015 .color-B5{color:#FAF1E6;}
-		.d2-445610015 .color-B6{color:#FFFBF8;}
-		.d2-445610015 .color-AA2{color:#0A4EA6;}
-		.d2-445610015 .color-AA4{color:#3182CD;}
-		.d2-445610015 .color-AA5{color:#68A8E4;}
-		.d2-445610015 .color-AB4{color:#E07088;}
-		.d2-445610015 .color-AB5{color:#F19CAE;}.appendix text.text{fill:#170206}.md{--color-fg-default:#170206;--color-fg-muted:#6F0019;--color-fg-subtle:#FFFFFF;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#FFFFFF;--color-border-default:#170206;--color-border-muted:#A62543;--color-neutral-muted:#FFFFFF;--color-accent-fg:#A62543;--color-accent-emphasis:#A62543;--color-attention-subtle:#6F0019;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-B3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AA4{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA5{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-AB4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-AB5{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css"><![CDATA[
+		.d2-41893907 .fill-N1{fill:#170206;}
+		.d2-41893907 .fill-N2{fill:#6F0019;}
+		.d2-41893907 .fill-N3{fill:#FFFFFF;}
+		.d2-41893907 .fill-N4{fill:#E07088;}
+		.d2-41893907 .fill-N5{fill:#D2B098;}
+		.d2-41893907 .fill-N6{fill:#FFFFFF;}
+		.d2-41893907 .fill-N7{fill:#FFFFFF;}
+		.d2-41893907 .fill-B1{fill:#170206;}
+		.d2-41893907 .fill-B2{fill:#A62543;}
+		.d2-41893907 .fill-B3{fill:#E07088;}
+		.d2-41893907 .fill-B4{fill:#F3E0D2;}
+		.d2-41893907 .fill-B5{fill:#FAF1E6;}
+		.d2-41893907 .fill-B6{fill:#FFFBF8;}
+		.d2-41893907 .fill-AA2{fill:#0A4EA6;}
+		.d2-41893907 .fill-AA4{fill:#3182CD;}
+		.d2-41893907 .fill-AA5{fill:#68A8E4;}
+		.d2-41893907 .fill-AB4{fill:#E07088;}
+		.d2-41893907 .fill-AB5{fill:#F19CAE;}
+		.d2-41893907 .stroke-N1{stroke:#170206;}
+		.d2-41893907 .stroke-N2{stroke:#6F0019;}
+		.d2-41893907 .stroke-N3{stroke:#FFFFFF;}
+		.d2-41893907 .stroke-N4{stroke:#E07088;}
+		.d2-41893907 .stroke-N5{stroke:#D2B098;}
+		.d2-41893907 .stroke-N6{stroke:#FFFFFF;}
+		.d2-41893907 .stroke-N7{stroke:#FFFFFF;}
+		.d2-41893907 .stroke-B1{stroke:#170206;}
+		.d2-41893907 .stroke-B2{stroke:#A62543;}
+		.d2-41893907 .stroke-B3{stroke:#E07088;}
+		.d2-41893907 .stroke-B4{stroke:#F3E0D2;}
+		.d2-41893907 .stroke-B5{stroke:#FAF1E6;}
+		.d2-41893907 .stroke-B6{stroke:#FFFBF8;}
+		.d2-41893907 .stroke-AA2{stroke:#0A4EA6;}
+		.d2-41893907 .stroke-AA4{stroke:#3182CD;}
+		.d2-41893907 .stroke-AA5{stroke:#68A8E4;}
+		.d2-41893907 .stroke-AB4{stroke:#E07088;}
+		.d2-41893907 .stroke-AB5{stroke:#F19CAE;}
+		.d2-41893907 .background-color-N1{background-color:#170206;}
+		.d2-41893907 .background-color-N2{background-color:#6F0019;}
+		.d2-41893907 .background-color-N3{background-color:#FFFFFF;}
+		.d2-41893907 .background-color-N4{background-color:#E07088;}
+		.d2-41893907 .background-color-N5{background-color:#D2B098;}
+		.d2-41893907 .background-color-N6{background-color:#FFFFFF;}
+		.d2-41893907 .background-color-N7{background-color:#FFFFFF;}
+		.d2-41893907 .background-color-B1{background-color:#170206;}
+		.d2-41893907 .background-color-B2{background-color:#A62543;}
+		.d2-41893907 .background-color-B3{background-color:#E07088;}
+		.d2-41893907 .background-color-B4{background-color:#F3E0D2;}
+		.d2-41893907 .background-color-B5{background-color:#FAF1E6;}
+		.d2-41893907 .background-color-B6{background-color:#FFFBF8;}
+		.d2-41893907 .background-color-AA2{background-color:#0A4EA6;}
+		.d2-41893907 .background-color-AA4{background-color:#3182CD;}
+		.d2-41893907 .background-color-AA5{background-color:#68A8E4;}
+		.d2-41893907 .background-color-AB4{background-color:#E07088;}
+		.d2-41893907 .background-color-AB5{background-color:#F19CAE;}
+		.d2-41893907 .color-N1{color:#170206;}
+		.d2-41893907 .color-N2{color:#6F0019;}
+		.d2-41893907 .color-N3{color:#FFFFFF;}
+		.d2-41893907 .color-N4{color:#E07088;}
+		.d2-41893907 .color-N5{color:#D2B098;}
+		.d2-41893907 .color-N6{color:#FFFFFF;}
+		.d2-41893907 .color-N7{color:#FFFFFF;}
+		.d2-41893907 .color-B1{color:#170206;}
+		.d2-41893907 .color-B2{color:#A62543;}
+		.d2-41893907 .color-B3{color:#E07088;}
+		.d2-41893907 .color-B4{color:#F3E0D2;}
+		.d2-41893907 .color-B5{color:#FAF1E6;}
+		.d2-41893907 .color-B6{color:#FFFBF8;}
+		.d2-41893907 .color-AA2{color:#0A4EA6;}
+		.d2-41893907 .color-AA4{color:#3182CD;}
+		.d2-41893907 .color-AA5{color:#68A8E4;}
+		.d2-41893907 .color-AB4{color:#E07088;}
+		.d2-41893907 .color-AB5{color:#F19CAE;}.appendix text.text{fill:#170206}.md{--color-fg-default:#170206;--color-fg-muted:#6F0019;--color-fg-subtle:#FFFFFF;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#FFFFFF;--color-border-default:#170206;--color-border-muted:#A62543;--color-neutral-muted:#FFFFFF;--color-accent-fg:#A62543;--color-accent-emphasis:#A62543;--color-attention-subtle:#6F0019;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-B3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AA4{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA5{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-AB4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-AB5{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css"><![CDATA[
 .paper-overlay {
 	fill: url(#paper);
 	mix-blend-mode: multiply;
@@ -1167,14 +1167,14 @@
 </svg>
 </g>
 </pattern>
-</defs><g id="network"><g class="shape" ><rect x="0.000000" y="275.000000" width="399.000000" height="1225.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /><rect x="0.000000" y="275.000000" width="399.000000" height="1225.000000" class="paper-overlay" style="stroke-width:2;" /><rect x="5.000000" y="280.000000" width="389.000000" height="1215.000000" fill="transparent" class=" stroke-B1" style="stroke-width:2;" /></g><text x="199.500000" y="262.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">通信網</text></g><g id="user"><g class="shape" ><path d="M 210 87 H 80 V 86 C 80 71 94 58 117 51 C 104 46 97 38 97 28 C 97 13 118 0 145 0 C 171 0 193 13 193 28 C 193 37 186 46 173 51 C 195 57 210 71 210 86 V 87 H 210 Z" class=" stroke-B1 fill-B3" style="stroke-width:2;" /><path d="M 210 87 H 80 V 86 C 80 71 94 58 117 51 C 104 46 97 38 97 28 C 97 13 118 0 145 0 C 171 0 193 13 193 28 C 193 37 186 46 173 51 C 195 57 210 71 210 86 V 87 H 210 Z" class="paper-overlay" style="stroke-width:2;" /></g><text x="145.000000" y="108.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">ユーザー</text></g><g id="api server"><g class="shape" ><rect x="439.000000" y="1076.000000" width="153.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /><rect x="439.000000" y="1076.000000" width="153.000000" height="66.000000" class="paper-overlay" style="stroke-width:2;" /></g><text x="515.500000" y="1114.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">API サーバー</text></g><g id="logs"><g class="shape" ><path d="M 485 1303 H 547 C 548 1303 549 1303 550 1304 L 567 1320 C 568 1321 568 1322 568 1323 V 1390 C 568 1390 568 1390 568 1390 H 485 C 484 1390 484 1390 484 1390 V 1304 C 484 1303 484 1303 485 1303 Z" class=" stroke-B1 fill-AB4" style="stroke-width:2;" /><path d="M 567 1390 H 485 C 484 1390 484 1390 484 1389 V 1304 C 484 1303 484 1303 485 1303 H 546 C 547 1303 547 1303 547 1304 V 1321 C 547 1322 548 1323 549 1323 H 567 C 568 1323 568 1323 568 1324 V 1389 C 567 1390 568 1390 567 1390 Z" class=" stroke-B1 fill-AB4" style="stroke-width:2;" /><path d="M 475 1313 H 537 C 538 1313 539 1313 540 1314 L 557 1330 C 558 1331 558 1332 558 1333 V 1400 C 558 1400 558 1400 558 1400 H 475 C 474 1400 474 1400 474 1400 V 1314 C 474 1313 474 1313 475 1313 Z" class=" stroke-B1 fill-AB4" style="stroke-width:2;" /><path d="M 475 1313 H 537 C 538 1313 539 1313 540 1314 L 557 1330 C 558 1331 558 1332 558 1333 V 1400 C 558 1400 558 1400 558 1400 H 475 C 474 1400 474 1400 474 1400 V 1314 C 474 1313 474 1313 475 1313 Z" class="paper-overlay" style="stroke-width:2;" /><path d="M 557 1400 H 475 C 474 1400 474 1400 474 1399 V 1314 C 474 1313 474 1313 475 1313 H 536 C 537 1313 537 1313 537 1314 V 1331 C 537 1332 538 1333 539 1333 H 557 C 558 1333 558 1333 558 1334 V 1399 C 557 1400 558 1400 557 1400 Z" class=" stroke-B1 fill-AB4" style="stroke-width:2;" /><path d="M 557 1400 H 475 C 474 1400 474 1400 474 1399 V 1314 C 474 1313 474 1313 475 1313 H 536 C 537 1313 537 1313 537 1314 V 1331 C 537 1332 538 1333 539 1333 H 557 C 558 1333 558 1333 558 1334 V 1399 C 557 1400 558 1400 557 1400 Z" class="paper-overlay" style="stroke-width:2;" /></g><text x="516.000000" y="1362.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">ログ</text></g><g id="network.cell tower"><g class="shape" ><rect x="95.000000" y="340.000000" width="284.000000" height="317.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /><rect x="95.000000" y="340.000000" width="284.000000" height="317.000000" class="paper-overlay" style="stroke-width:2;" /></g><text x="237.000000" y="328.000000" class="text fill-N1" style="text-anchor:middle;font-size:24px">cell tower</text></g><g id="network.online portal"><g class="shape" ><rect x="20.000000" y="1319.000000" width="144.000000" height="151.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /><rect x="20.000000" y="1319.000000" width="144.000000" height="151.000000" class="paper-overlay" style="stroke-width:2;" /></g><text x="92.000000" y="1307.000000" class="text fill-N1" style="text-anchor:middle;font-size:24px">オンラインポータル</text></g><g id="network.data processor"><g class="shape" ><rect x="145.000000" y="814.000000" width="184.000000" height="182.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /><rect x="145.000000" y="814.000000" width="184.000000" height="182.000000" class="paper-overlay" style="stroke-width:2;" /></g><text x="237.000000" y="802.000000" class="text fill-N1" style="text-anchor:middle;font-size:24px">データプロセッサ</text></g><g id="network.cell tower.satellites"><g class="shape" ><path d="M 210 362 H 299 C 295 362 284 380 284 395 C 284 410 295 428 299 428 H 210 C 206 428 195 410 195 395 C 195 380 206 362 210 362 Z" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /><path d="M 200 372 H 289 C 285 372 274 390 274 405 C 274 420 285 438 289 438 H 200 C 196 438 185 420 185 405 C 185 390 196 372 200 372 Z" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /><path d="M 200 372 H 289 C 285 372 274 390 274 405 C 274 420 285 438 289 438 H 200 C 196 438 185 420 185 405 C 185 390 196 372 200 372 Z" class="paper-overlay" style="stroke-width:2;" /></g><text x="237.000000" y="410.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">衛星</text></g><g id="network.cell tower.transmitter"><g class="shape" ><rect x="185.000000" y="559.000000" width="104.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /><rect x="185.000000" y="559.000000" width="104.000000" height="66.000000" class="paper-overlay" style="stroke-width:2;" /></g><text x="237.000000" y="597.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">送信機</text></g><g id="network.online portal.ui"><g class="shape" ><path d="M 80 1360 L 65 1394 L 80 1429 L 109 1429 L 124 1394 L 109 1360 Z" class=" stroke-B1 fill-N5" style="stroke-width:2;" /><path d="M 80 1360 L 65 1394 L 80 1429 L 109 1429 L 124 1394 L 109 1360 Z" class="paper-overlay" style="stroke-width:2;" /></g><text x="94.500000" y="1400.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">ui</text></g><g id="network.data processor.storage"><g class="shape" ><path d="M 195 860 C 195 836 242 836 247 836 C 252 836 299 836 299 860 V 930 C 299 954 252 954 247 954 C 242 954 195 954 195 930 V 860 Z" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /><path d="M 195 860 C 195 884 242 884 247 884 C 252 884 299 884 299 860" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /><path d="M 185 870 C 185 846 232 846 237 846 C 242 846 289 846 289 870 V 940 C 289 964 242 964 237 964 C 232 964 185 964 185 940 V 870 Z" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /><path d="M 185 870 C 185 846 232 846 237 846 C 242 846 289 846 289 870 V 940 C 289 964 242 964 237 964 C 232 964 185 964 185 940 V 870 Z" class="paper-overlay" style="stroke-width:2;" /><path d="M 185 870 C 185 894 232 894 237 894 C 242 894 289 894 289 870" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /><path d="M 185 870 C 185 894 232 894 237 894 C 242 894 289 894 289 870" class="paper-overlay" style="stroke-width:2;" /></g><text x="237.000000" y="922.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">保管所</text></g><g id="network.cell tower.(satellites -&gt; transmitter)[0]"><marker id="mk-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" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 209.766676 440.574456 C 173.400000 487.000000 173.400000 511.200000 208.558647 556.831436" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-445610015)" /><text x="173.500000" y="505.000000" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">send</text></g><g id="network.cell tower.(satellites -&gt; transmitter)[1]"><path d="M 237.000000 441.000000 C 237.000000 487.000000 237.000000 511.200000 237.000000 556.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-445610015)" /><text x="237.500000" y="505.000000" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">send</text></g><g id="network.cell tower.(satellites -&gt; transmitter)[2]"><path d="M 264.233324 440.574456 C 300.600000 487.000000 300.600000 511.200000 265.441353 556.831436" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-445610015)" /><text x="300.500000" y="505.000000" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">send</text></g><g id="network.(cell tower.transmitter -&gt; data processor.storage)[0]"><path d="M 237.000000 627.500000 C 237.000000 651.100000 237.000000 669.600000 237.000000 687.750000 C 237.000000 705.900000 237.000000 792.200000 237.000000 843.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-445610015)" /><text x="237.500000" y="742.000000" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">電話ログ</text></g><g id="(user -&gt; network.cell tower)[0]"><path d="M 170.236044 88.572321 C 223.400000 156.200000 237.000000 248.200000 237.000000 301.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-445610015)" /><text x="228.000000" y="192.000000" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">電話をかける</text></g><g id="(user -&gt; network.online portal.ui)[0]"><marker id="mk-2177206569" 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" class="connection fill-B2" stroke-width="2" /> </marker><path d="M 124.980532 88.720664 C 85.000000 156.200000 74.750000 185.600000 74.750000 203.750000 C 74.750000 221.900000 74.750000 244.000000 74.750000 259.000000 C 74.750000 274.000000 74.750000 300.600000 74.750000 325.500000 C 74.750000 350.400000 74.750000 385.700000 74.750000 413.750000 C 74.750000 441.800000 74.750000 479.200000 74.750000 507.250000 C 74.750000 535.300000 74.750000 570.600000 74.750000 595.500000 C 74.750000 620.400000 74.750000 649.100000 74.750000 667.250000 C 74.750000 685.400000 74.750000 709.600000 74.750000 727.750000 C 74.750000 745.900000 74.750000 779.800000 74.750000 812.500000 C 74.750000 845.200000 74.750000 888.800000 74.750000 921.500000 C 74.750000 954.200000 74.750000 986.000000 74.750000 1001.000000 C 74.750000 1016.000000 74.750000 1042.600000 74.750000 1067.500000 C 74.750000 1092.400000 74.750000 1127.700000 74.750000 1155.750000 C 74.750000 1183.800000 77.200000 1282.600000 86.503861 1357.030888" fill="none" class="connection stroke-B2" style="stroke-width:2;stroke-dasharray:6.000000,5.919384;" marker-end="url(#mk-2177206569)" mask="url(#d2-445610015)" /><text x="74.500000" y="723.000000" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">アクセス</text></g><g id="(api server -&gt; network.online portal.ui)[0]"><path d="M 437.303391 1127.498759 C 183.250000 1187.407945 116.000000 1282.600000 103.654331 1357.053882" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-445610015)" /><text x="215.500000" y="1185.000000" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">画面</text></g><g id="(api server -&gt; logs)[0]"><path d="M 515.750000 1144.000000 C 515.750000 1190.400000 515.800000 1273.000000 515.980000 1309.000050" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-445610015)" /><text x="515.500000" y="1233.000000" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">持続する</text></g><g id="(network.data processor -&gt; api server)[0]"><path d="M 237.000000 998.500000 C 237.000000 1020.100000 277.400000 1038.000000 435.165574 1084.861062" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-445610015)" /></g><mask id="d2-445610015" maskUnits="userSpaceOnUse" x="-43" y="-1" width="636" height="1502">
-<rect x="-43" y="-1" width="636" height="1502" fill="white"></rect>
+</defs><g id="network"><g class="shape" ><rect x="0.000000" y="275.000000" width="403.000000" height="1225.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /><rect x="0.000000" y="275.000000" width="403.000000" height="1225.000000" class="paper-overlay" style="stroke-width:2;" /><rect x="5.000000" y="280.000000" width="393.000000" height="1215.000000" fill="transparent" class=" stroke-B1" style="stroke-width:2;" /></g><text x="201.500000" y="262.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">通信網</text></g><g id="user"><g class="shape" ><path d="M 211 87 H 81 V 86 C 81 71 95 58 118 51 C 105 46 98 38 98 28 C 98 13 119 0 146 0 C 172 0 194 13 194 28 C 194 37 187 46 174 51 C 196 57 211 71 211 86 V 87 H 211 Z" class=" stroke-B1 fill-B3" style="stroke-width:2;" /><path d="M 211 87 H 81 V 86 C 81 71 95 58 118 51 C 105 46 98 38 98 28 C 98 13 119 0 146 0 C 172 0 194 13 194 28 C 194 37 187 46 174 51 C 196 57 211 71 211 86 V 87 H 211 Z" class="paper-overlay" style="stroke-width:2;" /></g><text x="146.000000" y="108.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">ユーザー</text></g><g id="other-user"><g class="shape" ><path d="M 379 80 H 271 V 79 C 271 67 283 56 302 50 C 291 46 285 39 285 31 C 285 19 303 8 325 8 C 347 8 365 19 365 31 C 365 39 359 46 349 50 C 368 55 380 66 380 79 V 80 H 379 Z" class=" stroke-B1 fill-B3" style="stroke-width:2;" /><path d="M 379 80 H 271 V 79 C 271 67 283 56 302 50 C 291 46 285 39 285 31 C 285 19 303 8 325 8 C 347 8 365 19 365 31 C 365 39 359 46 349 50 C 368 55 380 66 380 79 V 80 H 379 Z" class="paper-overlay" style="stroke-width:2;" /></g><text x="325.000000" y="101.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">OTHER-USER</text></g><g id="api server"><g class="shape" ><rect x="443.000000" y="1076.000000" width="151.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /><rect x="443.000000" y="1076.000000" width="151.000000" height="66.000000" class="paper-overlay" style="stroke-width:2;" /></g><text x="518.500000" y="1114.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">api サーバー</text></g><g id="logs"><g class="shape" ><path d="M 488 1303 H 550 C 551 1303 552 1303 553 1304 L 570 1320 C 571 1321 571 1322 571 1323 V 1390 C 571 1390 571 1390 571 1390 H 488 C 487 1390 487 1390 487 1390 V 1304 C 487 1303 487 1303 488 1303 Z" class=" stroke-B1 fill-AB4" style="stroke-width:2;" /><path d="M 570 1390 H 488 C 487 1390 487 1390 487 1389 V 1304 C 487 1303 487 1303 488 1303 H 549 C 550 1303 550 1303 550 1304 V 1321 C 550 1322 551 1323 552 1323 H 570 C 571 1323 571 1323 571 1324 V 1389 C 570 1390 571 1390 570 1390 Z" class=" stroke-B1 fill-AB4" style="stroke-width:2;" /><path d="M 478 1313 H 540 C 541 1313 542 1313 543 1314 L 560 1330 C 561 1331 561 1332 561 1333 V 1400 C 561 1400 561 1400 561 1400 H 478 C 477 1400 477 1400 477 1400 V 1314 C 477 1313 477 1313 478 1313 Z" class=" stroke-B1 fill-AB4" style="stroke-width:2;" /><path d="M 478 1313 H 540 C 541 1313 542 1313 543 1314 L 560 1330 C 561 1331 561 1332 561 1333 V 1400 C 561 1400 561 1400 561 1400 H 478 C 477 1400 477 1400 477 1400 V 1314 C 477 1313 477 1313 478 1313 Z" class="paper-overlay" style="stroke-width:2;" /><path d="M 560 1400 H 478 C 477 1400 477 1400 477 1399 V 1314 C 477 1313 477 1313 478 1313 H 539 C 540 1313 540 1313 540 1314 V 1331 C 540 1332 541 1333 542 1333 H 560 C 561 1333 561 1333 561 1334 V 1399 C 560 1400 561 1400 560 1400 Z" class=" stroke-B1 fill-AB4" style="stroke-width:2;" /><path d="M 560 1400 H 478 C 477 1400 477 1400 477 1399 V 1314 C 477 1313 477 1313 478 1313 H 539 C 540 1313 540 1313 540 1314 V 1331 C 540 1332 541 1333 542 1333 H 560 C 561 1333 561 1333 561 1334 V 1399 C 560 1400 561 1400 560 1400 Z" class="paper-overlay" style="stroke-width:2;" /></g><text x="519.000000" y="1362.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">ログ</text></g><g id="network.cell tower"><g class="shape" ><rect x="95.000000" y="340.000000" width="288.000000" height="317.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /><rect x="95.000000" y="340.000000" width="288.000000" height="317.000000" class="paper-overlay" style="stroke-width:2;" /></g><text x="239.000000" y="328.000000" class="text fill-N1" style="text-anchor:middle;font-size:24px">Cell Tower</text></g><g id="network.online portal"><g class="shape" ><rect x="20.000000" y="1319.000000" width="144.000000" height="151.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /><rect x="20.000000" y="1319.000000" width="144.000000" height="151.000000" class="paper-overlay" style="stroke-width:2;" /></g><text x="92.000000" y="1307.000000" class="text fill-N1" style="text-anchor:middle;font-size:24px">オンラインポータル</text></g><g id="network.data processor"><g class="shape" ><rect x="147.000000" y="814.000000" width="184.000000" height="182.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /><rect x="147.000000" y="814.000000" width="184.000000" height="182.000000" class="paper-overlay" style="stroke-width:2;" /></g><text x="239.000000" y="802.000000" class="text fill-N1" style="text-anchor:middle;font-size:24px">データプロセッサ</text></g><g id="network.cell tower.satellites"><g class="shape" ><path d="M 212 362 H 301 C 297 362 286 380 286 395 C 286 410 297 428 301 428 H 212 C 208 428 197 410 197 395 C 197 380 208 362 212 362 Z" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /><path d="M 202 372 H 291 C 287 372 276 390 276 405 C 276 420 287 438 291 438 H 202 C 198 438 187 420 187 405 C 187 390 198 372 202 372 Z" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /><path d="M 202 372 H 291 C 287 372 276 390 276 405 C 276 420 287 438 291 438 H 202 C 198 438 187 420 187 405 C 187 390 198 372 202 372 Z" class="paper-overlay" style="stroke-width:2;" /></g><text x="239.000000" y="410.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">衛星</text></g><g id="network.cell tower.transmitter"><g class="shape" ><rect x="187.000000" y="559.000000" width="104.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /><rect x="187.000000" y="559.000000" width="104.000000" height="66.000000" class="paper-overlay" style="stroke-width:2;" /></g><text x="239.000000" y="597.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">送信機</text></g><g id="network.online portal.ui"><g class="shape" ><path d="M 80 1360 L 65 1394 L 80 1429 L 109 1429 L 124 1394 L 109 1360 Z" class=" stroke-B1 fill-N5" style="stroke-width:2;" /><path d="M 80 1360 L 65 1394 L 80 1429 L 109 1429 L 124 1394 L 109 1360 Z" class="paper-overlay" style="stroke-width:2;" /></g><text x="94.500000" y="1400.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">ui</text></g><g id="network.data processor.storage"><g class="shape" ><path d="M 197 860 C 197 836 244 836 249 836 C 254 836 301 836 301 860 V 930 C 301 954 254 954 249 954 C 244 954 197 954 197 930 V 860 Z" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /><path d="M 197 860 C 197 884 244 884 249 884 C 254 884 301 884 301 860" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /><path d="M 187 870 C 187 846 234 846 239 846 C 244 846 291 846 291 870 V 940 C 291 964 244 964 239 964 C 234 964 187 964 187 940 V 870 Z" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /><path d="M 187 870 C 187 846 234 846 239 846 C 244 846 291 846 291 870 V 940 C 291 964 244 964 239 964 C 234 964 187 964 187 940 V 870 Z" class="paper-overlay" style="stroke-width:2;" /><path d="M 187 870 C 187 894 234 894 239 894 C 244 894 291 894 291 870" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /><path d="M 187 870 C 187 894 234 894 239 894 C 244 894 291 894 291 870" class="paper-overlay" style="stroke-width:2;" /></g><text x="239.000000" y="922.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">保管所</text></g><g id="network.cell tower.(satellites -&gt; transmitter)[0]"><marker id="mk-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" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 210.750610 440.561738 C 173.600000 487.000000 173.800000 511.200000 210.494990 556.881519" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-41893907)" /><text x="173.500000" y="505.000000" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">send</text></g><g id="network.cell tower.(satellites -&gt; transmitter)[1]"><path d="M 239.000000 441.000000 C 239.000000 487.000000 239.000000 511.200000 239.000000 556.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-41893907)" /><text x="239.500000" y="505.000000" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">SEND</text></g><g id="network.cell tower.(satellites -&gt; transmitter)[2]"><path d="M 267.249390 440.561738 C 304.400000 487.000000 304.200000 511.200000 267.505010 556.881519" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-41893907)" /><text x="304.500000" y="505.000000" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">send</text></g><g id="network.(cell tower.transmitter -&gt; data processor.storage)[0]"><path d="M 239.000000 627.500000 C 239.000000 651.100000 239.000000 669.600000 239.000000 687.750000 C 239.000000 705.900000 239.000000 792.200000 239.000000 843.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-41893907)" /><text x="239.500000" y="742.000000" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">電話ログ</text></g><g id="(user -&gt; network.cell tower)[0]"><path d="M 171.247185 88.563499 C 225.200000 156.200000 239.000000 248.200000 239.000000 301.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-41893907)" /><text x="230.000000" y="192.000000" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">電話をかける</text></g><g id="(user -&gt; network.online portal.ui)[0]"><marker id="mk-2177206569" 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" class="connection fill-B2" stroke-width="2" /> </marker><path d="M 125.965920 88.711922 C 85.200000 156.200000 74.750000 185.600000 74.750000 203.750000 C 74.750000 221.900000 74.750000 244.000000 74.750000 259.000000 C 74.750000 274.000000 74.750000 300.600000 74.750000 325.500000 C 74.750000 350.400000 74.750000 385.700000 74.750000 413.750000 C 74.750000 441.800000 74.750000 479.200000 74.750000 507.250000 C 74.750000 535.300000 74.750000 570.600000 74.750000 595.500000 C 74.750000 620.400000 74.750000 649.100000 74.750000 667.250000 C 74.750000 685.400000 74.750000 709.600000 74.750000 727.750000 C 74.750000 745.900000 74.750000 779.800000 74.750000 812.500000 C 74.750000 845.200000 74.750000 888.800000 74.750000 921.500000 C 74.750000 954.200000 74.750000 986.000000 74.750000 1001.000000 C 74.750000 1016.000000 74.750000 1042.600000 74.750000 1067.500000 C 74.750000 1092.400000 74.750000 1127.700000 74.750000 1155.750000 C 74.750000 1183.800000 77.200000 1282.600000 86.503861 1357.030888" fill="none" class="connection stroke-B2" style="stroke-width:2;stroke-dasharray:6.000000,5.919384;" marker-end="url(#mk-2177206569)" mask="url(#d2-41893907)" /><text x="74.500000" y="723.000000" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">アクセス</text></g><g id="(api server -&gt; network.online portal.ui)[0]"><path d="M 441.302624 1127.125982 C 184.050000 1187.334043 116.000000 1282.600000 103.654331 1357.053882" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-41893907)" /><text x="217.500000" y="1185.000000" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">画面</text></g><g id="(api server -&gt; logs)[0]"><path d="M 518.750000 1144.000000 C 518.750000 1190.400000 518.800000 1273.000000 518.980000 1309.000050" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-41893907)" /><text x="518.500000" y="1233.000000" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">持続する</text></g><g id="(network.data processor -&gt; api server)[0]"><path d="M 239.000000 998.500000 C 239.000000 1020.100000 279.800000 1038.200000 439.167662 1085.854056" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-41893907)" /></g><mask id="d2-41893907" maskUnits="userSpaceOnUse" x="-43" y="-1" width="638" height="1502">
+<rect x="-43" y="-1" width="638" height="1502" fill="white"></rect>
 <rect x="157.000000" y="489.000000" width="33" height="21" fill="black"></rect>
-<rect x="221.000000" y="489.000000" width="33" height="21" fill="black"></rect>
-<rect x="284.000000" y="489.000000" width="33" height="21" fill="black"></rect>
-<rect x="199.000000" y="726.000000" width="77" height="21" fill="black"></rect>
-<rect x="170.000000" y="176.000000" width="116" height="21" fill="black"></rect>
+<rect x="221.000000" y="489.000000" width="37" height="21" fill="black"></rect>
+<rect x="288.000000" y="489.000000" width="33" height="21" fill="black"></rect>
+<rect x="201.000000" y="726.000000" width="77" height="21" fill="black"></rect>
+<rect x="172.000000" y="176.000000" width="116" height="21" fill="black"></rect>
 <rect x="36.000000" y="707.000000" width="77" height="21" fill="black"></rect>
-<rect x="196.000000" y="1169.000000" width="39" height="21" fill="black"></rect>
-<rect x="477.000000" y="1217.000000" width="77" height="21" fill="black"></rect>
+<rect x="198.000000" y="1169.000000" width="39" height="21" fill="black"></rect>
+<rect x="480.000000" y="1217.000000" width="77" height="21" fill="black"></rect>
 </mask></svg></svg>
\ No newline at end of file
diff --git a/e2etests/testdata/themes/origami/elk/board.exp.json b/e2etests/testdata/themes/origami/elk/board.exp.json
index a5654d73e..cb49a30ed 100644
--- a/e2etests/testdata/themes/origami/elk/board.exp.json
+++ b/e2etests/testdata/themes/origami/elk/board.exp.json
@@ -10,7 +10,7 @@
         "x": 12,
         "y": 311
       },
-      "width": 690,
+      "width": 692,
       "height": 902,
       "opacity": 1,
       "strokeDash": 0,
@@ -49,10 +49,10 @@
       "id": "network.cell tower",
       "type": "rectangle",
       "pos": {
-        "x": 94,
+        "x": 92,
         "y": 361
       },
-      "width": 222,
+      "width": 226,
       "height": 413,
       "opacity": 1,
       "strokeDash": 0,
@@ -73,7 +73,7 @@
       "fields": null,
       "methods": null,
       "columns": null,
-      "label": "cell tower",
+      "label": "Cell Tower",
       "fontSize": 24,
       "fontFamily": "DEFAULT",
       "language": "",
@@ -81,7 +81,7 @@
       "italic": false,
       "bold": false,
       "underline": false,
-      "labelWidth": 99,
+      "labelWidth": 106,
       "labelHeight": 31,
       "labelPosition": "INSIDE_TOP_CENTER",
       "zIndex": 0,
@@ -175,7 +175,7 @@
       "id": "network.online portal",
       "type": "rectangle",
       "pos": {
-        "x": 336,
+        "x": 338,
         "y": 366
       },
       "width": 316,
@@ -217,7 +217,7 @@
       "id": "network.online portal.ui",
       "type": "hexagon",
       "pos": {
-        "x": 454,
+        "x": 456,
         "y": 416
       },
       "width": 80,
@@ -343,7 +343,7 @@
       "id": "user",
       "type": "person",
       "pos": {
-        "x": 341,
+        "x": 343,
         "y": 12
       },
       "width": 130,
@@ -381,14 +381,56 @@
       "zIndex": 0,
       "level": 1
     },
+    {
+      "id": "other-user",
+      "type": "person",
+      "pos": {
+        "x": 511,
+        "y": 19
+      },
+      "width": 108,
+      "height": 72,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B3",
+      "fillPattern": "paper",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "OTHER-USER",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 93,
+      "labelHeight": 21,
+      "labelPosition": "OUTSIDE_BOTTOM_CENTER",
+      "zIndex": 0,
+      "level": 1
+    },
     {
       "id": "api server",
       "type": "rectangle",
       "pos": {
-        "x": 666,
+        "x": 669,
         "y": 59
       },
-      "width": 153,
+      "width": 151,
       "height": 66,
       "opacity": 1,
       "strokeDash": 0,
@@ -409,7 +451,7 @@
       "fields": null,
       "methods": null,
       "columns": null,
-      "label": "API サーバー",
+      "label": "api サーバー",
       "fontSize": 16,
       "fontFamily": "DEFAULT",
       "language": "",
@@ -417,7 +459,7 @@
       "italic": false,
       "bold": true,
       "underline": false,
-      "labelWidth": 108,
+      "labelWidth": 106,
       "labelHeight": 21,
       "labelPosition": "INSIDE_MIDDLE_CENTER",
       "zIndex": 0,
@@ -427,7 +469,7 @@
       "id": "logs",
       "type": "page",
       "pos": {
-        "x": 782,
+        "x": 784,
         "y": 311
       },
       "width": 84,
@@ -493,11 +535,11 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 161,
+          "x": 159,
           "y": 477
         },
         {
-          "x": 161,
+          "x": 159,
           "y": 658
         }
       ],
@@ -518,7 +560,7 @@
       "strokeDash": 0,
       "strokeWidth": 2,
       "stroke": "B1",
-      "label": "send",
+      "label": "SEND",
       "fontSize": 16,
       "fontFamily": "DEFAULT",
       "language": "",
@@ -526,7 +568,7 @@
       "italic": true,
       "bold": false,
       "underline": false,
-      "labelWidth": 33,
+      "labelWidth": 37,
       "labelHeight": 21,
       "labelPosition": "INSIDE_MIDDLE_CENTER",
       "labelPercentage": 0,
@@ -571,11 +613,11 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 249,
+          "x": 251,
           "y": 477
         },
         {
-          "x": 249,
+          "x": 251,
           "y": 658
         }
       ],
@@ -649,19 +691,19 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 385,
+          "x": 387,
           "y": 99
         },
         {
-          "x": 384.5833333333333,
+          "x": 386.5833333333333,
           "y": 165
         },
         {
-          "x": 259.3333333333333,
+          "x": 260.3333333333333,
           "y": 165
         },
         {
-          "x": 259.3333333333333,
+          "x": 260.3333333333333,
           "y": 361
         }
       ],
@@ -696,19 +738,19 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 428,
+          "x": 430,
           "y": 99
         },
         {
-          "x": 427.91666666666663,
+          "x": 429.91666666666663,
           "y": 165
         },
         {
-          "x": 481.16666666666663,
+          "x": 483.16666666666663,
           "y": 165
         },
         {
-          "x": 481,
+          "x": 483,
           "y": 416
         }
       ],
@@ -743,19 +785,19 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 704.25,
+          "x": 706.75,
           "y": 125
         },
         {
-          "x": 704.25,
+          "x": 706.75,
           "y": 266
         },
         {
-          "x": 507.83333333333337,
+          "x": 509.83333333333337,
           "y": 266
         },
         {
-          "x": 508,
+          "x": 510,
           "y": 416
         }
       ],
@@ -790,19 +832,19 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 780.75,
+          "x": 782.25,
           "y": 125
         },
         {
-          "x": 780.75,
+          "x": 782.25,
           "y": 165
         },
         {
-          "x": 824.5,
+          "x": 826.5,
           "y": 165
         },
         {
-          "x": 825,
+          "x": 827,
           "y": 311
         }
       ],
@@ -845,11 +887,11 @@
           "y": 1258
         },
         {
-          "x": 742.5,
+          "x": 744.5,
           "y": 1258
         },
         {
-          "x": 742.5,
+          "x": 744.5,
           "y": 125
         }
       ],
diff --git a/e2etests/testdata/themes/origami/elk/sketch.exp.svg b/e2etests/testdata/themes/origami/elk/sketch.exp.svg
index f2efef011..1930f642c 100644
--- a/e2etests/testdata/themes/origami/elk/sketch.exp.svg
+++ b/e2etests/testdata/themes/origami/elk/sketch.exp.svg
@@ -1,24 +1,24 @@
-<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 867 1248"><svg id="d2-svg" class="d2-1948840672" width="867" height="1248" viewBox="11 11 867 1248"><rect x="11.000000" y="11.000000" width="867.000000" height="1248.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
-.d2-1948840672 .text {
-	font-family: "d2-1948840672-font-regular";
+<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 869 1248"><svg id="d2-svg" class="d2-3343958955" width="869" height="1248" viewBox="11 11 869 1248"><rect x="11.000000" y="11.000000" width="869.000000" height="1248.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
+.d2-3343958955 .text {
+	font-family: "d2-3343958955-font-regular";
 }
 @font-face {
-	font-family: d2-1948840672-font-regular;
-	src: url("data:application/font-woff;base64,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");
+	font-family: d2-3343958955-font-regular;
+	src: url("data:application/font-woff;base64,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");
 }
-.d2-1948840672 .text-bold {
-	font-family: "d2-1948840672-font-bold";
+.d2-3343958955 .text-bold {
+	font-family: "d2-3343958955-font-bold";
 }
 @font-face {
-	font-family: d2-1948840672-font-bold;
-	src: url("data:application/font-woff;base64,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");
+	font-family: d2-3343958955-font-bold;
+	src: url("data:application/font-woff;base64,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");
 }
-.d2-1948840672 .text-italic {
-	font-family: "d2-1948840672-font-italic";
+.d2-3343958955 .text-italic {
+	font-family: "d2-3343958955-font-italic";
 }
 @font-face {
-	font-family: d2-1948840672-font-italic;
-	src: url("data:application/font-woff;base64,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");
+	font-family: d2-3343958955-font-italic;
+	src: url("data:application/font-woff;base64,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");
 }]]></style><style type="text/css"><![CDATA[.shape {
   shape-rendering: geometricPrecision;
   stroke-linejoin: round;
@@ -32,78 +32,78 @@
   opacity: 0.5;
 }
 
-		.d2-1948840672 .fill-N1{fill:#170206;}
-		.d2-1948840672 .fill-N2{fill:#6F0019;}
-		.d2-1948840672 .fill-N3{fill:#FFFFFF;}
-		.d2-1948840672 .fill-N4{fill:#E07088;}
-		.d2-1948840672 .fill-N5{fill:#D2B098;}
-		.d2-1948840672 .fill-N6{fill:#FFFFFF;}
-		.d2-1948840672 .fill-N7{fill:#FFFFFF;}
-		.d2-1948840672 .fill-B1{fill:#170206;}
-		.d2-1948840672 .fill-B2{fill:#A62543;}
-		.d2-1948840672 .fill-B3{fill:#E07088;}
-		.d2-1948840672 .fill-B4{fill:#F3E0D2;}
-		.d2-1948840672 .fill-B5{fill:#FAF1E6;}
-		.d2-1948840672 .fill-B6{fill:#FFFBF8;}
-		.d2-1948840672 .fill-AA2{fill:#0A4EA6;}
-		.d2-1948840672 .fill-AA4{fill:#3182CD;}
-		.d2-1948840672 .fill-AA5{fill:#68A8E4;}
-		.d2-1948840672 .fill-AB4{fill:#E07088;}
-		.d2-1948840672 .fill-AB5{fill:#F19CAE;}
-		.d2-1948840672 .stroke-N1{stroke:#170206;}
-		.d2-1948840672 .stroke-N2{stroke:#6F0019;}
-		.d2-1948840672 .stroke-N3{stroke:#FFFFFF;}
-		.d2-1948840672 .stroke-N4{stroke:#E07088;}
-		.d2-1948840672 .stroke-N5{stroke:#D2B098;}
-		.d2-1948840672 .stroke-N6{stroke:#FFFFFF;}
-		.d2-1948840672 .stroke-N7{stroke:#FFFFFF;}
-		.d2-1948840672 .stroke-B1{stroke:#170206;}
-		.d2-1948840672 .stroke-B2{stroke:#A62543;}
-		.d2-1948840672 .stroke-B3{stroke:#E07088;}
-		.d2-1948840672 .stroke-B4{stroke:#F3E0D2;}
-		.d2-1948840672 .stroke-B5{stroke:#FAF1E6;}
-		.d2-1948840672 .stroke-B6{stroke:#FFFBF8;}
-		.d2-1948840672 .stroke-AA2{stroke:#0A4EA6;}
-		.d2-1948840672 .stroke-AA4{stroke:#3182CD;}
-		.d2-1948840672 .stroke-AA5{stroke:#68A8E4;}
-		.d2-1948840672 .stroke-AB4{stroke:#E07088;}
-		.d2-1948840672 .stroke-AB5{stroke:#F19CAE;}
-		.d2-1948840672 .background-color-N1{background-color:#170206;}
-		.d2-1948840672 .background-color-N2{background-color:#6F0019;}
-		.d2-1948840672 .background-color-N3{background-color:#FFFFFF;}
-		.d2-1948840672 .background-color-N4{background-color:#E07088;}
-		.d2-1948840672 .background-color-N5{background-color:#D2B098;}
-		.d2-1948840672 .background-color-N6{background-color:#FFFFFF;}
-		.d2-1948840672 .background-color-N7{background-color:#FFFFFF;}
-		.d2-1948840672 .background-color-B1{background-color:#170206;}
-		.d2-1948840672 .background-color-B2{background-color:#A62543;}
-		.d2-1948840672 .background-color-B3{background-color:#E07088;}
-		.d2-1948840672 .background-color-B4{background-color:#F3E0D2;}
-		.d2-1948840672 .background-color-B5{background-color:#FAF1E6;}
-		.d2-1948840672 .background-color-B6{background-color:#FFFBF8;}
-		.d2-1948840672 .background-color-AA2{background-color:#0A4EA6;}
-		.d2-1948840672 .background-color-AA4{background-color:#3182CD;}
-		.d2-1948840672 .background-color-AA5{background-color:#68A8E4;}
-		.d2-1948840672 .background-color-AB4{background-color:#E07088;}
-		.d2-1948840672 .background-color-AB5{background-color:#F19CAE;}
-		.d2-1948840672 .color-N1{color:#170206;}
-		.d2-1948840672 .color-N2{color:#6F0019;}
-		.d2-1948840672 .color-N3{color:#FFFFFF;}
-		.d2-1948840672 .color-N4{color:#E07088;}
-		.d2-1948840672 .color-N5{color:#D2B098;}
-		.d2-1948840672 .color-N6{color:#FFFFFF;}
-		.d2-1948840672 .color-N7{color:#FFFFFF;}
-		.d2-1948840672 .color-B1{color:#170206;}
-		.d2-1948840672 .color-B2{color:#A62543;}
-		.d2-1948840672 .color-B3{color:#E07088;}
-		.d2-1948840672 .color-B4{color:#F3E0D2;}
-		.d2-1948840672 .color-B5{color:#FAF1E6;}
-		.d2-1948840672 .color-B6{color:#FFFBF8;}
-		.d2-1948840672 .color-AA2{color:#0A4EA6;}
-		.d2-1948840672 .color-AA4{color:#3182CD;}
-		.d2-1948840672 .color-AA5{color:#68A8E4;}
-		.d2-1948840672 .color-AB4{color:#E07088;}
-		.d2-1948840672 .color-AB5{color:#F19CAE;}.appendix text.text{fill:#170206}.md{--color-fg-default:#170206;--color-fg-muted:#6F0019;--color-fg-subtle:#FFFFFF;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#FFFFFF;--color-border-default:#170206;--color-border-muted:#A62543;--color-neutral-muted:#FFFFFF;--color-accent-fg:#A62543;--color-accent-emphasis:#A62543;--color-attention-subtle:#6F0019;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-B3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AA4{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA5{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-AB4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-AB5{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css"><![CDATA[
+		.d2-3343958955 .fill-N1{fill:#170206;}
+		.d2-3343958955 .fill-N2{fill:#6F0019;}
+		.d2-3343958955 .fill-N3{fill:#FFFFFF;}
+		.d2-3343958955 .fill-N4{fill:#E07088;}
+		.d2-3343958955 .fill-N5{fill:#D2B098;}
+		.d2-3343958955 .fill-N6{fill:#FFFFFF;}
+		.d2-3343958955 .fill-N7{fill:#FFFFFF;}
+		.d2-3343958955 .fill-B1{fill:#170206;}
+		.d2-3343958955 .fill-B2{fill:#A62543;}
+		.d2-3343958955 .fill-B3{fill:#E07088;}
+		.d2-3343958955 .fill-B4{fill:#F3E0D2;}
+		.d2-3343958955 .fill-B5{fill:#FAF1E6;}
+		.d2-3343958955 .fill-B6{fill:#FFFBF8;}
+		.d2-3343958955 .fill-AA2{fill:#0A4EA6;}
+		.d2-3343958955 .fill-AA4{fill:#3182CD;}
+		.d2-3343958955 .fill-AA5{fill:#68A8E4;}
+		.d2-3343958955 .fill-AB4{fill:#E07088;}
+		.d2-3343958955 .fill-AB5{fill:#F19CAE;}
+		.d2-3343958955 .stroke-N1{stroke:#170206;}
+		.d2-3343958955 .stroke-N2{stroke:#6F0019;}
+		.d2-3343958955 .stroke-N3{stroke:#FFFFFF;}
+		.d2-3343958955 .stroke-N4{stroke:#E07088;}
+		.d2-3343958955 .stroke-N5{stroke:#D2B098;}
+		.d2-3343958955 .stroke-N6{stroke:#FFFFFF;}
+		.d2-3343958955 .stroke-N7{stroke:#FFFFFF;}
+		.d2-3343958955 .stroke-B1{stroke:#170206;}
+		.d2-3343958955 .stroke-B2{stroke:#A62543;}
+		.d2-3343958955 .stroke-B3{stroke:#E07088;}
+		.d2-3343958955 .stroke-B4{stroke:#F3E0D2;}
+		.d2-3343958955 .stroke-B5{stroke:#FAF1E6;}
+		.d2-3343958955 .stroke-B6{stroke:#FFFBF8;}
+		.d2-3343958955 .stroke-AA2{stroke:#0A4EA6;}
+		.d2-3343958955 .stroke-AA4{stroke:#3182CD;}
+		.d2-3343958955 .stroke-AA5{stroke:#68A8E4;}
+		.d2-3343958955 .stroke-AB4{stroke:#E07088;}
+		.d2-3343958955 .stroke-AB5{stroke:#F19CAE;}
+		.d2-3343958955 .background-color-N1{background-color:#170206;}
+		.d2-3343958955 .background-color-N2{background-color:#6F0019;}
+		.d2-3343958955 .background-color-N3{background-color:#FFFFFF;}
+		.d2-3343958955 .background-color-N4{background-color:#E07088;}
+		.d2-3343958955 .background-color-N5{background-color:#D2B098;}
+		.d2-3343958955 .background-color-N6{background-color:#FFFFFF;}
+		.d2-3343958955 .background-color-N7{background-color:#FFFFFF;}
+		.d2-3343958955 .background-color-B1{background-color:#170206;}
+		.d2-3343958955 .background-color-B2{background-color:#A62543;}
+		.d2-3343958955 .background-color-B3{background-color:#E07088;}
+		.d2-3343958955 .background-color-B4{background-color:#F3E0D2;}
+		.d2-3343958955 .background-color-B5{background-color:#FAF1E6;}
+		.d2-3343958955 .background-color-B6{background-color:#FFFBF8;}
+		.d2-3343958955 .background-color-AA2{background-color:#0A4EA6;}
+		.d2-3343958955 .background-color-AA4{background-color:#3182CD;}
+		.d2-3343958955 .background-color-AA5{background-color:#68A8E4;}
+		.d2-3343958955 .background-color-AB4{background-color:#E07088;}
+		.d2-3343958955 .background-color-AB5{background-color:#F19CAE;}
+		.d2-3343958955 .color-N1{color:#170206;}
+		.d2-3343958955 .color-N2{color:#6F0019;}
+		.d2-3343958955 .color-N3{color:#FFFFFF;}
+		.d2-3343958955 .color-N4{color:#E07088;}
+		.d2-3343958955 .color-N5{color:#D2B098;}
+		.d2-3343958955 .color-N6{color:#FFFFFF;}
+		.d2-3343958955 .color-N7{color:#FFFFFF;}
+		.d2-3343958955 .color-B1{color:#170206;}
+		.d2-3343958955 .color-B2{color:#A62543;}
+		.d2-3343958955 .color-B3{color:#E07088;}
+		.d2-3343958955 .color-B4{color:#F3E0D2;}
+		.d2-3343958955 .color-B5{color:#FAF1E6;}
+		.d2-3343958955 .color-B6{color:#FFFBF8;}
+		.d2-3343958955 .color-AA2{color:#0A4EA6;}
+		.d2-3343958955 .color-AA4{color:#3182CD;}
+		.d2-3343958955 .color-AA5{color:#68A8E4;}
+		.d2-3343958955 .color-AB4{color:#E07088;}
+		.d2-3343958955 .color-AB5{color:#F19CAE;}.appendix text.text{fill:#170206}.md{--color-fg-default:#170206;--color-fg-muted:#6F0019;--color-fg-subtle:#FFFFFF;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#FFFFFF;--color-border-default:#170206;--color-border-muted:#A62543;--color-neutral-muted:#FFFFFF;--color-accent-fg:#A62543;--color-accent-emphasis:#A62543;--color-attention-subtle:#6F0019;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-B3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AA4{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA5{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-AB4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-AB5{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css"><![CDATA[
 .paper-overlay {
 	fill: url(#paper);
 	mix-blend-mode: multiply;
@@ -1167,14 +1167,14 @@
 </svg>
 </g>
 </pattern>
-</defs><g id="network"><g class="shape" ><rect x="12.000000" y="311.000000" width="690.000000" height="902.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /><rect x="12.000000" y="311.000000" width="690.000000" height="902.000000" class="paper-overlay" style="stroke-width:2;" /><rect x="17.000000" y="316.000000" width="680.000000" height="892.000000" fill="transparent" class=" stroke-B1" style="stroke-width:2;" /></g><text x="357.000000" y="344.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">通信網</text></g><g id="user"><g class="shape" ><path d="M 471 99 H 341 V 98 C 341 83 355 70 378 63 C 365 58 358 50 358 40 C 358 25 379 12 406 12 C 432 12 454 25 454 40 C 454 49 447 58 434 63 C 456 69 471 83 471 98 V 99 H 471 Z" class=" stroke-B1 fill-B3" style="stroke-width:2;" /><path d="M 471 99 H 341 V 98 C 341 83 355 70 378 63 C 365 58 358 50 358 40 C 358 25 379 12 406 12 C 432 12 454 25 454 40 C 454 49 447 58 434 63 C 456 69 471 83 471 98 V 99 H 471 Z" class="paper-overlay" style="stroke-width:2;" /></g><text x="406.000000" y="120.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">ユーザー</text></g><g id="api server"><g class="shape" ><rect x="666.000000" y="59.000000" width="153.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /><rect x="666.000000" y="59.000000" width="153.000000" height="66.000000" class="paper-overlay" style="stroke-width:2;" /></g><text x="742.500000" y="97.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">API サーバー</text></g><g id="logs"><g class="shape" ><path d="M 793 301 H 855 C 856 301 857 301 858 302 L 875 318 C 876 319 876 320 876 321 V 388 C 876 388 876 388 876 388 H 793 C 792 388 792 388 792 388 V 302 C 792 301 792 301 793 301 Z" class=" stroke-B1 fill-AB4" style="stroke-width:2;" /><path d="M 875 388 H 793 C 792 388 792 388 792 387 V 302 C 792 301 792 301 793 301 H 854 C 855 301 855 301 855 302 V 319 C 855 320 856 321 857 321 H 875 C 876 321 876 321 876 322 V 387 C 875 388 876 388 875 388 Z" class=" stroke-B1 fill-AB4" style="stroke-width:2;" /><path d="M 783 311 H 845 C 846 311 847 311 848 312 L 865 328 C 866 329 866 330 866 331 V 398 C 866 398 866 398 866 398 H 783 C 782 398 782 398 782 398 V 312 C 782 311 782 311 783 311 Z" class=" stroke-B1 fill-AB4" style="stroke-width:2;" /><path d="M 783 311 H 845 C 846 311 847 311 848 312 L 865 328 C 866 329 866 330 866 331 V 398 C 866 398 866 398 866 398 H 783 C 782 398 782 398 782 398 V 312 C 782 311 782 311 783 311 Z" class="paper-overlay" style="stroke-width:2;" /><path d="M 865 398 H 783 C 782 398 782 398 782 397 V 312 C 782 311 782 311 783 311 H 844 C 845 311 845 311 845 312 V 329 C 845 330 846 331 847 331 H 865 C 866 331 866 331 866 332 V 397 C 865 398 866 398 865 398 Z" class=" stroke-B1 fill-AB4" style="stroke-width:2;" /><path d="M 865 398 H 783 C 782 398 782 398 782 397 V 312 C 782 311 782 311 783 311 H 844 C 845 311 845 311 845 312 V 329 C 845 330 846 331 847 331 H 865 C 866 331 866 331 866 332 V 397 C 865 398 866 398 865 398 Z" class="paper-overlay" style="stroke-width:2;" /></g><text x="824.000000" y="360.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">ログ</text></g><g id="network.cell tower"><g class="shape" ><rect x="94.000000" y="361.000000" width="222.000000" height="413.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /><rect x="94.000000" y="361.000000" width="222.000000" height="413.000000" class="paper-overlay" style="stroke-width:2;" /></g><text x="205.000000" y="390.000000" class="text fill-N1" style="text-anchor:middle;font-size:24px">cell tower</text></g><g id="network.online portal"><g class="shape" ><rect x="336.000000" y="366.000000" width="316.000000" height="169.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /><rect x="336.000000" y="366.000000" width="316.000000" height="169.000000" class="paper-overlay" style="stroke-width:2;" /></g><text x="494.000000" y="395.000000" class="text fill-N1" style="text-anchor:middle;font-size:24px">オンラインポータル</text></g><g id="network.data processor"><g class="shape" ><rect x="62.000000" y="945.000000" width="286.000000" height="218.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /><rect x="62.000000" y="945.000000" width="286.000000" height="218.000000" class="paper-overlay" style="stroke-width:2;" /></g><text x="205.000000" y="974.000000" class="text fill-N1" style="text-anchor:middle;font-size:24px">データプロセッサ</text></g><g id="network.cell tower.satellites"><g class="shape" ><path d="M 170 401 H 275 C 271 401 260 419 260 434 C 260 449 271 467 275 467 H 170 C 166 467 155 449 155 434 C 155 419 166 401 170 401 Z" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /><path d="M 160 411 H 265 C 261 411 250 429 250 444 C 250 459 261 477 265 477 H 160 C 156 477 145 459 145 444 C 145 429 156 411 160 411 Z" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /><path d="M 160 411 H 265 C 261 411 250 429 250 444 C 250 459 261 477 265 477 H 160 C 156 477 145 459 145 444 C 145 429 156 411 160 411 Z" class="paper-overlay" style="stroke-width:2;" /></g><text x="205.000000" y="449.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">衛星</text></g><g id="network.cell tower.transmitter"><g class="shape" ><rect x="145.000000" y="658.000000" width="120.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /><rect x="145.000000" y="658.000000" width="120.000000" height="66.000000" class="paper-overlay" style="stroke-width:2;" /></g><text x="205.000000" y="696.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">送信機</text></g><g id="network.online portal.ui"><g class="shape" ><path d="M 474 416 L 454 450 L 474 485 L 514 485 L 534 450 L 514 416 Z" class=" stroke-B1 fill-N5" style="stroke-width:2;" /><path d="M 474 416 L 454 450 L 474 485 L 514 485 L 534 450 L 514 416 Z" class="paper-overlay" style="stroke-width:2;" /></g><text x="494.000000" y="456.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">ui</text></g><g id="network.data processor.storage"><g class="shape" ><path d="M 163 1009 C 163 985 210 985 215 985 C 220 985 267 985 267 1009 V 1079 C 267 1103 220 1103 215 1103 C 210 1103 163 1103 163 1079 V 1009 Z" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /><path d="M 163 1009 C 163 1033 210 1033 215 1033 C 220 1033 267 1033 267 1009" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /><path d="M 153 1019 C 153 995 200 995 205 995 C 210 995 257 995 257 1019 V 1089 C 257 1113 210 1113 205 1113 C 200 1113 153 1113 153 1089 V 1019 Z" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /><path d="M 153 1019 C 153 995 200 995 205 995 C 210 995 257 995 257 1019 V 1089 C 257 1113 210 1113 205 1113 C 200 1113 153 1113 153 1089 V 1019 Z" class="paper-overlay" style="stroke-width:2;" /><path d="M 153 1019 C 153 1043 200 1043 205 1043 C 210 1043 257 1043 257 1019" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /><path d="M 153 1019 C 153 1043 200 1043 205 1043 C 210 1043 257 1043 257 1019" class="paper-overlay" style="stroke-width:2;" /></g><text x="205.000000" y="1071.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">保管所</text></g><g id="network.cell tower.(satellites -&gt; transmitter)[0]"><marker id="mk-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" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 161.000000 479.000000 L 161.000000 654.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1948840672)" /><text x="161.500000" y="573.000000" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">send</text></g><g id="network.cell tower.(satellites -&gt; transmitter)[1]"><path d="M 205.000000 479.000000 L 205.000000 654.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1948840672)" /><text x="205.500000" y="573.000000" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">send</text></g><g id="network.cell tower.(satellites -&gt; transmitter)[2]"><path d="M 249.000000 479.000000 L 249.000000 654.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1948840672)" /><text x="249.500000" y="573.000000" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">send</text></g><g id="network.(cell tower.transmitter -&gt; data processor.storage)[0]"><path d="M 205.000000 726.000000 L 205.000000 991.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1948840672)" /><text x="205.500000" y="865.000000" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">電話ログ</text></g><g id="(user -&gt; network.cell tower)[0]"><path d="M 384.987374 100.999960 L 384.583333 165.000000 S 384.583333 165.000000 384.583333 165.000000 L 259.333333 165.000000 S 259.333333 165.000000 259.333333 165.000000 L 259.333333 357.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1948840672)" /><text x="259.000000" y="173.000000" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">電話をかける</text></g><g id="(user -&gt; network.online portal.ui)[0]"><marker id="mk-2177206569" 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" class="connection fill-B2" stroke-width="2" /> </marker><path d="M 427.997475 100.999998 L 427.916667 165.000000 S 427.916667 165.000000 427.916667 165.000000 L 481.166667 165.000000 S 481.166667 165.000000 481.166667 165.000000 L 481.002656 412.000001" fill="none" class="connection stroke-B2" style="stroke-width:2;stroke-dasharray:6.000000,5.919384;" marker-end="url(#mk-2177206569)" mask="url(#d2-1948840672)" /><text x="481.500000" y="236.000000" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">アクセス</text></g><g id="(api server -&gt; network.online portal.ui)[0]"><path d="M 704.250000 127.000000 L 704.250000 266.000000 S 704.250000 266.000000 704.250000 266.000000 L 507.833333 266.000000 S 507.833333 266.000000 507.833333 266.000000 L 507.995556 412.000002" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1948840672)" /><text x="601.500000" y="272.000000" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">画面</text></g><g id="(api server -&gt; logs)[0]"><path d="M 780.750000 127.000000 L 780.750000 165.000000 S 780.750000 165.000000 780.750000 165.000000 L 824.500000 165.000000 S 824.500000 165.000000 824.500000 165.000000 L 824.986301 307.000023" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1948840672)" /><text x="824.500000" y="202.000000" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">持続する</text></g><g id="(network.data processor -&gt; api server)[0]"><path d="M 153.000000 1165.000000 L 153.000000 1258.000000 S 153.000000 1258.000000 153.000000 1258.000000 L 742.500000 1258.000000 S 742.500000 1258.000000 742.500000 1258.000000 L 742.500000 129.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1948840672)" /></g><mask id="d2-1948840672" maskUnits="userSpaceOnUse" x="11" y="11" width="867" height="1248">
-<rect x="11" y="11" width="867" height="1248" fill="white"></rect>
-<rect x="145.000000" y="557.000000" width="33" height="21" fill="black"></rect>
-<rect x="189.000000" y="557.000000" width="33" height="21" fill="black"></rect>
-<rect x="233.000000" y="557.000000" width="33" height="21" fill="black"></rect>
+</defs><g id="network"><g class="shape" ><rect x="12.000000" y="311.000000" width="692.000000" height="902.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /><rect x="12.000000" y="311.000000" width="692.000000" height="902.000000" class="paper-overlay" style="stroke-width:2;" /><rect x="17.000000" y="316.000000" width="682.000000" height="892.000000" fill="transparent" class=" stroke-B1" style="stroke-width:2;" /></g><text x="358.000000" y="344.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">通信網</text></g><g id="user"><g class="shape" ><path d="M 473 99 H 343 V 98 C 343 83 357 70 380 63 C 367 58 360 50 360 40 C 360 25 381 12 408 12 C 434 12 456 25 456 40 C 456 49 449 58 436 63 C 458 69 473 83 473 98 V 99 H 473 Z" class=" stroke-B1 fill-B3" style="stroke-width:2;" /><path d="M 473 99 H 343 V 98 C 343 83 357 70 380 63 C 367 58 360 50 360 40 C 360 25 381 12 408 12 C 434 12 456 25 456 40 C 456 49 449 58 436 63 C 458 69 473 83 473 98 V 99 H 473 Z" class="paper-overlay" style="stroke-width:2;" /></g><text x="408.000000" y="120.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">ユーザー</text></g><g id="other-user"><g class="shape" ><path d="M 619 91 H 511 V 90 C 511 78 523 67 542 61 C 531 57 525 50 525 42 C 525 30 543 19 565 19 C 587 19 605 30 605 42 C 605 50 599 57 589 61 C 608 66 620 77 620 90 V 91 H 619 Z" class=" stroke-B1 fill-B3" style="stroke-width:2;" /><path d="M 619 91 H 511 V 90 C 511 78 523 67 542 61 C 531 57 525 50 525 42 C 525 30 543 19 565 19 C 587 19 605 30 605 42 C 605 50 599 57 589 61 C 608 66 620 77 620 90 V 91 H 619 Z" class="paper-overlay" style="stroke-width:2;" /></g><text x="565.000000" y="112.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">OTHER-USER</text></g><g id="api server"><g class="shape" ><rect x="669.000000" y="59.000000" width="151.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /><rect x="669.000000" y="59.000000" width="151.000000" height="66.000000" class="paper-overlay" style="stroke-width:2;" /></g><text x="744.500000" y="97.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">api サーバー</text></g><g id="logs"><g class="shape" ><path d="M 795 301 H 857 C 858 301 859 301 860 302 L 877 318 C 878 319 878 320 878 321 V 388 C 878 388 878 388 878 388 H 795 C 794 388 794 388 794 388 V 302 C 794 301 794 301 795 301 Z" class=" stroke-B1 fill-AB4" style="stroke-width:2;" /><path d="M 877 388 H 795 C 794 388 794 388 794 387 V 302 C 794 301 794 301 795 301 H 856 C 857 301 857 301 857 302 V 319 C 857 320 858 321 859 321 H 877 C 878 321 878 321 878 322 V 387 C 877 388 878 388 877 388 Z" class=" stroke-B1 fill-AB4" style="stroke-width:2;" /><path d="M 785 311 H 847 C 848 311 849 311 850 312 L 867 328 C 868 329 868 330 868 331 V 398 C 868 398 868 398 868 398 H 785 C 784 398 784 398 784 398 V 312 C 784 311 784 311 785 311 Z" class=" stroke-B1 fill-AB4" style="stroke-width:2;" /><path d="M 785 311 H 847 C 848 311 849 311 850 312 L 867 328 C 868 329 868 330 868 331 V 398 C 868 398 868 398 868 398 H 785 C 784 398 784 398 784 398 V 312 C 784 311 784 311 785 311 Z" class="paper-overlay" style="stroke-width:2;" /><path d="M 867 398 H 785 C 784 398 784 398 784 397 V 312 C 784 311 784 311 785 311 H 846 C 847 311 847 311 847 312 V 329 C 847 330 848 331 849 331 H 867 C 868 331 868 331 868 332 V 397 C 867 398 868 398 867 398 Z" class=" stroke-B1 fill-AB4" style="stroke-width:2;" /><path d="M 867 398 H 785 C 784 398 784 398 784 397 V 312 C 784 311 784 311 785 311 H 846 C 847 311 847 311 847 312 V 329 C 847 330 848 331 849 331 H 867 C 868 331 868 331 868 332 V 397 C 867 398 868 398 867 398 Z" class="paper-overlay" style="stroke-width:2;" /></g><text x="826.000000" y="360.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">ログ</text></g><g id="network.cell tower"><g class="shape" ><rect x="92.000000" y="361.000000" width="226.000000" height="413.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /><rect x="92.000000" y="361.000000" width="226.000000" height="413.000000" class="paper-overlay" style="stroke-width:2;" /></g><text x="205.000000" y="390.000000" class="text fill-N1" style="text-anchor:middle;font-size:24px">Cell Tower</text></g><g id="network.online portal"><g class="shape" ><rect x="338.000000" y="366.000000" width="316.000000" height="169.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /><rect x="338.000000" y="366.000000" width="316.000000" height="169.000000" class="paper-overlay" style="stroke-width:2;" /></g><text x="496.000000" y="395.000000" class="text fill-N1" style="text-anchor:middle;font-size:24px">オンラインポータル</text></g><g id="network.data processor"><g class="shape" ><rect x="62.000000" y="945.000000" width="286.000000" height="218.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /><rect x="62.000000" y="945.000000" width="286.000000" height="218.000000" class="paper-overlay" style="stroke-width:2;" /></g><text x="205.000000" y="974.000000" class="text fill-N1" style="text-anchor:middle;font-size:24px">データプロセッサ</text></g><g id="network.cell tower.satellites"><g class="shape" ><path d="M 170 401 H 275 C 271 401 260 419 260 434 C 260 449 271 467 275 467 H 170 C 166 467 155 449 155 434 C 155 419 166 401 170 401 Z" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /><path d="M 160 411 H 265 C 261 411 250 429 250 444 C 250 459 261 477 265 477 H 160 C 156 477 145 459 145 444 C 145 429 156 411 160 411 Z" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /><path d="M 160 411 H 265 C 261 411 250 429 250 444 C 250 459 261 477 265 477 H 160 C 156 477 145 459 145 444 C 145 429 156 411 160 411 Z" class="paper-overlay" style="stroke-width:2;" /></g><text x="205.000000" y="449.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">衛星</text></g><g id="network.cell tower.transmitter"><g class="shape" ><rect x="145.000000" y="658.000000" width="120.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /><rect x="145.000000" y="658.000000" width="120.000000" height="66.000000" class="paper-overlay" style="stroke-width:2;" /></g><text x="205.000000" y="696.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">送信機</text></g><g id="network.online portal.ui"><g class="shape" ><path d="M 476 416 L 456 450 L 476 485 L 516 485 L 536 450 L 516 416 Z" class=" stroke-B1 fill-N5" style="stroke-width:2;" /><path d="M 476 416 L 456 450 L 476 485 L 516 485 L 536 450 L 516 416 Z" class="paper-overlay" style="stroke-width:2;" /></g><text x="496.000000" y="456.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">ui</text></g><g id="network.data processor.storage"><g class="shape" ><path d="M 163 1009 C 163 985 210 985 215 985 C 220 985 267 985 267 1009 V 1079 C 267 1103 220 1103 215 1103 C 210 1103 163 1103 163 1079 V 1009 Z" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /><path d="M 163 1009 C 163 1033 210 1033 215 1033 C 220 1033 267 1033 267 1009" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /><path d="M 153 1019 C 153 995 200 995 205 995 C 210 995 257 995 257 1019 V 1089 C 257 1113 210 1113 205 1113 C 200 1113 153 1113 153 1089 V 1019 Z" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /><path d="M 153 1019 C 153 995 200 995 205 995 C 210 995 257 995 257 1019 V 1089 C 257 1113 210 1113 205 1113 C 200 1113 153 1113 153 1089 V 1019 Z" class="paper-overlay" style="stroke-width:2;" /><path d="M 153 1019 C 153 1043 200 1043 205 1043 C 210 1043 257 1043 257 1019" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /><path d="M 153 1019 C 153 1043 200 1043 205 1043 C 210 1043 257 1043 257 1019" class="paper-overlay" style="stroke-width:2;" /></g><text x="205.000000" y="1071.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">保管所</text></g><g id="network.cell tower.(satellites -&gt; transmitter)[0]"><marker id="mk-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" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 159.000000 479.000000 L 159.000000 654.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3343958955)" /><text x="159.500000" y="573.000000" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">send</text></g><g id="network.cell tower.(satellites -&gt; transmitter)[1]"><path d="M 205.000000 479.000000 L 205.000000 654.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3343958955)" /><text x="205.500000" y="573.000000" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">SEND</text></g><g id="network.cell tower.(satellites -&gt; transmitter)[2]"><path d="M 251.000000 479.000000 L 251.000000 654.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3343958955)" /><text x="251.500000" y="573.000000" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">send</text></g><g id="network.(cell tower.transmitter -&gt; data processor.storage)[0]"><path d="M 205.000000 726.000000 L 205.000000 991.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3343958955)" /><text x="205.500000" y="865.000000" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">電話ログ</text></g><g id="(user -&gt; network.cell tower)[0]"><path d="M 386.987374 100.999960 L 386.583333 165.000000 S 386.583333 165.000000 386.583333 165.000000 L 260.333333 165.000000 S 260.333333 165.000000 260.333333 165.000000 L 260.333333 357.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3343958955)" /><text x="260.000000" y="172.000000" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">電話をかける</text></g><g id="(user -&gt; network.online portal.ui)[0]"><marker id="mk-2177206569" 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" class="connection fill-B2" stroke-width="2" /> </marker><path d="M 429.997475 100.999998 L 429.916667 165.000000 S 429.916667 165.000000 429.916667 165.000000 L 483.166667 165.000000 S 483.166667 165.000000 483.166667 165.000000 L 483.002656 412.000001" fill="none" class="connection stroke-B2" style="stroke-width:2;stroke-dasharray:6.000000,5.919384;" marker-end="url(#mk-2177206569)" mask="url(#d2-3343958955)" /><text x="483.500000" y="236.000000" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">アクセス</text></g><g id="(api server -&gt; network.online portal.ui)[0]"><path d="M 706.750000 127.000000 L 706.750000 266.000000 S 706.750000 266.000000 706.750000 266.000000 L 509.833333 266.000000 S 509.833333 266.000000 509.833333 266.000000 L 509.995556 412.000002" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3343958955)" /><text x="603.500000" y="272.000000" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">画面</text></g><g id="(api server -&gt; logs)[0]"><path d="M 782.250000 127.000000 L 782.250000 165.000000 S 782.250000 165.000000 782.250000 165.000000 L 826.500000 165.000000 S 826.500000 165.000000 826.500000 165.000000 L 826.986301 307.000023" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3343958955)" /><text x="826.500000" y="201.000000" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">持続する</text></g><g id="(network.data processor -&gt; api server)[0]"><path d="M 153.000000 1165.000000 L 153.000000 1258.000000 S 153.000000 1258.000000 153.000000 1258.000000 L 744.500000 1258.000000 S 744.500000 1258.000000 744.500000 1258.000000 L 744.500000 129.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3343958955)" /></g><mask id="d2-3343958955" maskUnits="userSpaceOnUse" x="11" y="11" width="869" height="1248">
+<rect x="11" y="11" width="869" height="1248" fill="white"></rect>
+<rect x="143.000000" y="557.000000" width="33" height="21" fill="black"></rect>
+<rect x="187.000000" y="557.000000" width="37" height="21" fill="black"></rect>
+<rect x="235.000000" y="557.000000" width="33" height="21" fill="black"></rect>
 <rect x="167.000000" y="849.000000" width="77" height="21" fill="black"></rect>
-<rect x="201.000000" y="157.000000" width="116" height="21" fill="black"></rect>
-<rect x="443.000000" y="220.000000" width="77" height="21" fill="black"></rect>
-<rect x="582.000000" y="256.000000" width="39" height="21" fill="black"></rect>
-<rect x="786.000000" y="186.000000" width="77" height="21" fill="black"></rect>
+<rect x="202.000000" y="156.000000" width="116" height="21" fill="black"></rect>
+<rect x="445.000000" y="220.000000" width="77" height="21" fill="black"></rect>
+<rect x="584.000000" y="256.000000" width="39" height="21" fill="black"></rect>
+<rect x="788.000000" y="185.000000" width="77" height="21" fill="black"></rect>
 </mask></svg></svg>
\ No newline at end of file
diff --git a/e2etests/testdata/themes/terminal/dagre/board.exp.json b/e2etests/testdata/themes/terminal/dagre/board.exp.json
index 2ad28d801..6380cdde2 100644
--- a/e2etests/testdata/themes/terminal/dagre/board.exp.json
+++ b/e2etests/testdata/themes/terminal/dagre/board.exp.json
@@ -10,7 +10,7 @@
         "x": 0,
         "y": 438
       },
-      "width": 499,
+      "width": 500,
       "height": 1565,
       "opacity": 1,
       "strokeDash": 0,
@@ -52,7 +52,7 @@
         "x": 96,
         "y": 503
       },
-      "width": 383,
+      "width": 384,
       "height": 657,
       "opacity": 1,
       "strokeDash": 0,
@@ -73,7 +73,7 @@
       "fields": null,
       "methods": null,
       "columns": null,
-      "label": "CELL TOWER",
+      "label": "Cell Tower",
       "fontSize": 24,
       "fontFamily": "mono",
       "language": "",
@@ -81,7 +81,7 @@
       "italic": false,
       "bold": false,
       "underline": false,
-      "labelWidth": 143,
+      "labelWidth": 142,
       "labelHeight": 31,
       "labelPosition": "OUTSIDE_TOP_CENTER",
       "zIndex": 0,
@@ -256,7 +256,7 @@
       "id": "network.data processor",
       "type": "rectangle",
       "pos": {
-        "x": 220,
+        "x": 221,
         "y": 1317
       },
       "width": 192,
@@ -298,7 +298,7 @@
       "id": "network.data processor.storage",
       "type": "cylinder",
       "pos": {
-        "x": 260,
+        "x": 261,
         "y": 1349
       },
       "width": 112,
@@ -840,7 +840,7 @@
       "strokeDash": 0,
       "strokeWidth": 2,
       "stroke": "B1",
-      "label": "SEND",
+      "label": "send",
       "fontSize": 16,
       "fontFamily": "mono",
       "language": "",
@@ -848,7 +848,7 @@
       "italic": true,
       "bold": false,
       "underline": false,
-      "labelWidth": 38,
+      "labelWidth": 39,
       "labelHeight": 21,
       "labelPosition": "INSIDE_MIDDLE_CENTER",
       "labelPercentage": 0,
@@ -858,15 +858,15 @@
           "y": 772
         },
         {
-          "x": 185.8,
+          "x": 186,
           "y": 956
         },
         {
-          "x": 196.3,
+          "x": 196.55,
           "y": 1014.2
         },
         {
-          "x": 267.5,
+          "x": 267.75,
           "y": 1063
         }
       ],
@@ -906,15 +906,15 @@
           "y": 772
         },
         {
-          "x": 250.2,
+          "x": 250.8,
           "y": 956
         },
         {
-          "x": 264.3,
+          "x": 264.85,
           "y": 1014.2
         },
         {
-          "x": 295.5,
+          "x": 295.25,
           "y": 1063
         }
       ],
@@ -954,15 +954,15 @@
           "y": 772
         },
         {
-          "x": 366.4,
+          "x": 367,
           "y": 956
         },
         {
-          "x": 386.65,
+          "x": 387.4,
           "y": 1014.2
         },
         {
-          "x": 344.25,
+          "x": 345,
           "y": 1063
         }
       ],
@@ -998,31 +998,31 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 316,
+          "x": 316.5,
           "y": 1128.5
         },
         {
-          "x": 316,
+          "x": 316.5,
           "y": 1154.1
         },
         {
-          "x": 316,
+          "x": 316.5,
           "y": 1172.6
         },
         {
-          "x": 316,
+          "x": 316.5,
           "y": 1190.75
         },
         {
-          "x": 316,
+          "x": 316.5,
           "y": 1208.9
         },
         {
-          "x": 316,
+          "x": 316.6,
           "y": 1295.2
         },
         {
-          "x": 316,
+          "x": 317,
           "y": 1350
         }
       ],
@@ -1062,15 +1062,15 @@
           "y": 169
         },
         {
-          "x": 208.2,
+          "x": 208.6,
           "y": 303
         },
         {
-          "x": 220,
+          "x": 220.5,
           "y": 411.2
         },
         {
-          "x": 220,
+          "x": 220.5,
           "y": 468
         }
       ],
@@ -1106,11 +1106,11 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 138,
+          "x": 139,
           "y": 169
         },
         {
-          "x": 88.6,
+          "x": 88.8,
           "y": 303
         },
         {
@@ -1310,12 +1310,12 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 539.5,
-          "y": 1625.8374153204795
+          "x": 540.25,
+          "y": 1625.8158168574403
         },
         {
-          "x": 212.5,
-          "y": 1689.567483064096
+          "x": 212.64999999999998,
+          "y": 1689.5631633714881
         },
         {
           "x": 127.4,
@@ -1358,15 +1358,15 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 610.5,
+          "x": 611.25,
           "y": 1645
         },
         {
-          "x": 610.5,
+          "x": 611.25,
           "y": 1693.4
         },
         {
-          "x": 610.6,
+          "x": 611.2,
           "y": 1776
         },
         {
@@ -1406,20 +1406,20 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 316,
+          "x": 316.5,
           "y": 1499.5
         },
         {
-          "x": 316,
+          "x": 316.5,
           "y": 1523.1
         },
         {
-          "x": 360.7,
-          "y": 1541.5979626485569
+          "x": 361.3,
+          "y": 1541.6
         },
         {
-          "x": 539.5,
-          "y": 1591.9898132427843
+          "x": 540.5,
+          "y": 1592
         }
       ],
       "isCurve": true,
@@ -1454,31 +1454,31 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 973.5,
+          "x": 974.25,
           "y": 198.5
         },
         {
-          "x": 973.5,
+          "x": 974.25,
           "y": 308.9
         },
         {
-          "x": 973.5,
+          "x": 974.25,
           "y": 348.6
         },
         {
-          "x": 973.5,
+          "x": 974.25,
           "y": 366.75
         },
         {
-          "x": 973.5,
+          "x": 974.25,
           "y": 384.9
         },
         {
-          "x": 973.5,
+          "x": 974.25,
           "y": 457
         },
         {
-          "x": 973.5,
+          "x": 974.25,
           "y": 497
         }
       ],
@@ -1514,19 +1514,19 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 973.5,
+          "x": 974.25,
           "y": 903
         },
         {
-          "x": 973.5,
+          "x": 974.25,
           "y": 951.4
         },
         {
-          "x": 973.5,
+          "x": 974.25,
           "y": 977.1
         },
         {
-          "x": 973.5,
+          "x": 974.25,
           "y": 1031.5
         }
       ],
diff --git a/e2etests/testdata/themes/terminal/dagre/sketch.exp.svg b/e2etests/testdata/themes/terminal/dagre/sketch.exp.svg
index 907afe8cf..9d32f9267 100644
--- a/e2etests/testdata/themes/terminal/dagre/sketch.exp.svg
+++ b/e2etests/testdata/themes/terminal/dagre/sketch.exp.svg
@@ -1,30 +1,30 @@
-<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1410 2005"><svg id="d2-svg" class="d2-2900518315" width="1410" height="2005" viewBox="-1 -1 1410 2005"><rect x="-1.000000" y="-1.000000" width="1410.000000" height="2005.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
-.d2-2900518315 .text {
-	font-family: "d2-2900518315-font-regular";
+<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1410 2005"><svg id="d2-svg" class="d2-161474785" width="1410" height="2005" viewBox="-1 -1 1410 2005"><rect x="-1.000000" y="-1.000000" width="1410.000000" height="2005.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
+.d2-161474785 .text {
+	font-family: "d2-161474785-font-regular";
 }
 @font-face {
-	font-family: d2-2900518315-font-regular;
+	font-family: d2-161474785-font-regular;
 	src: url("data:application/font-woff;base64,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");
 }
-.d2-2900518315 .text-mono {
-	font-family: "d2-2900518315-font-mono";
+.d2-161474785 .text-mono {
+	font-family: "d2-161474785-font-mono";
 }
 @font-face {
-	font-family: d2-2900518315-font-mono;
+	font-family: d2-161474785-font-mono;
 	src: url("data:application/font-woff;base64,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");
 }
-.d2-2900518315 .text-mono-bold {
-	font-family: "d2-2900518315-font-mono-bold";
+.d2-161474785 .text-mono-bold {
+	font-family: "d2-161474785-font-mono-bold";
 }
 @font-face {
-	font-family: d2-2900518315-font-mono-bold;
+	font-family: d2-161474785-font-mono-bold;
 	src: url("data:application/font-woff;base64,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");
 }
-.d2-2900518315 .text-mono-italic {
-	font-family: "d2-2900518315-font-mono-italic";
+.d2-161474785 .text-mono-italic {
+	font-family: "d2-161474785-font-mono-italic";
 }
 @font-face {
-	font-family: d2-2900518315-font-mono-italic;
+	font-family: d2-161474785-font-mono-italic;
 	src: url("data:application/font-woff;base64,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");
 }]]></style><style type="text/css"><![CDATA[.shape {
   shape-rendering: geometricPrecision;
@@ -39,148 +39,148 @@
   opacity: 0.5;
 }
 
-		.d2-2900518315 .fill-N1{fill:#000410;}
-		.d2-2900518315 .fill-N2{fill:#0000B8;}
-		.d2-2900518315 .fill-N3{fill:#9499AB;}
-		.d2-2900518315 .fill-N4{fill:#CFD2DD;}
-		.d2-2900518315 .fill-N5{fill:#C3DEF3;}
-		.d2-2900518315 .fill-N6{fill:#EEF1F8;}
-		.d2-2900518315 .fill-N7{fill:#FFFFFF;}
-		.d2-2900518315 .fill-B1{fill:#000410;}
-		.d2-2900518315 .fill-B2{fill:#0000E4;}
-		.d2-2900518315 .fill-B3{fill:#5AA4DC;}
-		.d2-2900518315 .fill-B4{fill:#E7E9EE;}
-		.d2-2900518315 .fill-B5{fill:#F5F6F9;}
-		.d2-2900518315 .fill-B6{fill:#FFFFFF;}
-		.d2-2900518315 .fill-AA2{fill:#008566;}
-		.d2-2900518315 .fill-AA4{fill:#45BBA5;}
-		.d2-2900518315 .fill-AA5{fill:#7ACCBD;}
-		.d2-2900518315 .fill-AB4{fill:#F1C759;}
-		.d2-2900518315 .fill-AB5{fill:#F9E088;}
-		.d2-2900518315 .stroke-N1{stroke:#000410;}
-		.d2-2900518315 .stroke-N2{stroke:#0000B8;}
-		.d2-2900518315 .stroke-N3{stroke:#9499AB;}
-		.d2-2900518315 .stroke-N4{stroke:#CFD2DD;}
-		.d2-2900518315 .stroke-N5{stroke:#C3DEF3;}
-		.d2-2900518315 .stroke-N6{stroke:#EEF1F8;}
-		.d2-2900518315 .stroke-N7{stroke:#FFFFFF;}
-		.d2-2900518315 .stroke-B1{stroke:#000410;}
-		.d2-2900518315 .stroke-B2{stroke:#0000E4;}
-		.d2-2900518315 .stroke-B3{stroke:#5AA4DC;}
-		.d2-2900518315 .stroke-B4{stroke:#E7E9EE;}
-		.d2-2900518315 .stroke-B5{stroke:#F5F6F9;}
-		.d2-2900518315 .stroke-B6{stroke:#FFFFFF;}
-		.d2-2900518315 .stroke-AA2{stroke:#008566;}
-		.d2-2900518315 .stroke-AA4{stroke:#45BBA5;}
-		.d2-2900518315 .stroke-AA5{stroke:#7ACCBD;}
-		.d2-2900518315 .stroke-AB4{stroke:#F1C759;}
-		.d2-2900518315 .stroke-AB5{stroke:#F9E088;}
-		.d2-2900518315 .background-color-N1{background-color:#000410;}
-		.d2-2900518315 .background-color-N2{background-color:#0000B8;}
-		.d2-2900518315 .background-color-N3{background-color:#9499AB;}
-		.d2-2900518315 .background-color-N4{background-color:#CFD2DD;}
-		.d2-2900518315 .background-color-N5{background-color:#C3DEF3;}
-		.d2-2900518315 .background-color-N6{background-color:#EEF1F8;}
-		.d2-2900518315 .background-color-N7{background-color:#FFFFFF;}
-		.d2-2900518315 .background-color-B1{background-color:#000410;}
-		.d2-2900518315 .background-color-B2{background-color:#0000E4;}
-		.d2-2900518315 .background-color-B3{background-color:#5AA4DC;}
-		.d2-2900518315 .background-color-B4{background-color:#E7E9EE;}
-		.d2-2900518315 .background-color-B5{background-color:#F5F6F9;}
-		.d2-2900518315 .background-color-B6{background-color:#FFFFFF;}
-		.d2-2900518315 .background-color-AA2{background-color:#008566;}
-		.d2-2900518315 .background-color-AA4{background-color:#45BBA5;}
-		.d2-2900518315 .background-color-AA5{background-color:#7ACCBD;}
-		.d2-2900518315 .background-color-AB4{background-color:#F1C759;}
-		.d2-2900518315 .background-color-AB5{background-color:#F9E088;}
-		.d2-2900518315 .color-N1{color:#000410;}
-		.d2-2900518315 .color-N2{color:#0000B8;}
-		.d2-2900518315 .color-N3{color:#9499AB;}
-		.d2-2900518315 .color-N4{color:#CFD2DD;}
-		.d2-2900518315 .color-N5{color:#C3DEF3;}
-		.d2-2900518315 .color-N6{color:#EEF1F8;}
-		.d2-2900518315 .color-N7{color:#FFFFFF;}
-		.d2-2900518315 .color-B1{color:#000410;}
-		.d2-2900518315 .color-B2{color:#0000E4;}
-		.d2-2900518315 .color-B3{color:#5AA4DC;}
-		.d2-2900518315 .color-B4{color:#E7E9EE;}
-		.d2-2900518315 .color-B5{color:#F5F6F9;}
-		.d2-2900518315 .color-B6{color:#FFFFFF;}
-		.d2-2900518315 .color-AA2{color:#008566;}
-		.d2-2900518315 .color-AA4{color:#45BBA5;}
-		.d2-2900518315 .color-AA5{color:#7ACCBD;}
-		.d2-2900518315 .color-AB4{color:#F1C759;}
-		.d2-2900518315 .color-AB5{color:#F9E088;}.appendix text.text{fill:#000410}.md{--color-fg-default:#000410;--color-fg-muted:#0000B8;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#000410;--color-border-muted:#0000E4;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0000E4;--color-accent-emphasis:#0000E4;--color-attention-subtle:#0000B8;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-AA5{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-AB4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-AB5{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.d2-2900518315 .md em,
-.d2-2900518315 .md dfn {
-  font-family: "d2-2900518315-font-italic";
+		.d2-161474785 .fill-N1{fill:#000410;}
+		.d2-161474785 .fill-N2{fill:#0000B8;}
+		.d2-161474785 .fill-N3{fill:#9499AB;}
+		.d2-161474785 .fill-N4{fill:#CFD2DD;}
+		.d2-161474785 .fill-N5{fill:#C3DEF3;}
+		.d2-161474785 .fill-N6{fill:#EEF1F8;}
+		.d2-161474785 .fill-N7{fill:#FFFFFF;}
+		.d2-161474785 .fill-B1{fill:#000410;}
+		.d2-161474785 .fill-B2{fill:#0000E4;}
+		.d2-161474785 .fill-B3{fill:#5AA4DC;}
+		.d2-161474785 .fill-B4{fill:#E7E9EE;}
+		.d2-161474785 .fill-B5{fill:#F5F6F9;}
+		.d2-161474785 .fill-B6{fill:#FFFFFF;}
+		.d2-161474785 .fill-AA2{fill:#008566;}
+		.d2-161474785 .fill-AA4{fill:#45BBA5;}
+		.d2-161474785 .fill-AA5{fill:#7ACCBD;}
+		.d2-161474785 .fill-AB4{fill:#F1C759;}
+		.d2-161474785 .fill-AB5{fill:#F9E088;}
+		.d2-161474785 .stroke-N1{stroke:#000410;}
+		.d2-161474785 .stroke-N2{stroke:#0000B8;}
+		.d2-161474785 .stroke-N3{stroke:#9499AB;}
+		.d2-161474785 .stroke-N4{stroke:#CFD2DD;}
+		.d2-161474785 .stroke-N5{stroke:#C3DEF3;}
+		.d2-161474785 .stroke-N6{stroke:#EEF1F8;}
+		.d2-161474785 .stroke-N7{stroke:#FFFFFF;}
+		.d2-161474785 .stroke-B1{stroke:#000410;}
+		.d2-161474785 .stroke-B2{stroke:#0000E4;}
+		.d2-161474785 .stroke-B3{stroke:#5AA4DC;}
+		.d2-161474785 .stroke-B4{stroke:#E7E9EE;}
+		.d2-161474785 .stroke-B5{stroke:#F5F6F9;}
+		.d2-161474785 .stroke-B6{stroke:#FFFFFF;}
+		.d2-161474785 .stroke-AA2{stroke:#008566;}
+		.d2-161474785 .stroke-AA4{stroke:#45BBA5;}
+		.d2-161474785 .stroke-AA5{stroke:#7ACCBD;}
+		.d2-161474785 .stroke-AB4{stroke:#F1C759;}
+		.d2-161474785 .stroke-AB5{stroke:#F9E088;}
+		.d2-161474785 .background-color-N1{background-color:#000410;}
+		.d2-161474785 .background-color-N2{background-color:#0000B8;}
+		.d2-161474785 .background-color-N3{background-color:#9499AB;}
+		.d2-161474785 .background-color-N4{background-color:#CFD2DD;}
+		.d2-161474785 .background-color-N5{background-color:#C3DEF3;}
+		.d2-161474785 .background-color-N6{background-color:#EEF1F8;}
+		.d2-161474785 .background-color-N7{background-color:#FFFFFF;}
+		.d2-161474785 .background-color-B1{background-color:#000410;}
+		.d2-161474785 .background-color-B2{background-color:#0000E4;}
+		.d2-161474785 .background-color-B3{background-color:#5AA4DC;}
+		.d2-161474785 .background-color-B4{background-color:#E7E9EE;}
+		.d2-161474785 .background-color-B5{background-color:#F5F6F9;}
+		.d2-161474785 .background-color-B6{background-color:#FFFFFF;}
+		.d2-161474785 .background-color-AA2{background-color:#008566;}
+		.d2-161474785 .background-color-AA4{background-color:#45BBA5;}
+		.d2-161474785 .background-color-AA5{background-color:#7ACCBD;}
+		.d2-161474785 .background-color-AB4{background-color:#F1C759;}
+		.d2-161474785 .background-color-AB5{background-color:#F9E088;}
+		.d2-161474785 .color-N1{color:#000410;}
+		.d2-161474785 .color-N2{color:#0000B8;}
+		.d2-161474785 .color-N3{color:#9499AB;}
+		.d2-161474785 .color-N4{color:#CFD2DD;}
+		.d2-161474785 .color-N5{color:#C3DEF3;}
+		.d2-161474785 .color-N6{color:#EEF1F8;}
+		.d2-161474785 .color-N7{color:#FFFFFF;}
+		.d2-161474785 .color-B1{color:#000410;}
+		.d2-161474785 .color-B2{color:#0000E4;}
+		.d2-161474785 .color-B3{color:#5AA4DC;}
+		.d2-161474785 .color-B4{color:#E7E9EE;}
+		.d2-161474785 .color-B5{color:#F5F6F9;}
+		.d2-161474785 .color-B6{color:#FFFFFF;}
+		.d2-161474785 .color-AA2{color:#008566;}
+		.d2-161474785 .color-AA4{color:#45BBA5;}
+		.d2-161474785 .color-AA5{color:#7ACCBD;}
+		.d2-161474785 .color-AB4{color:#F1C759;}
+		.d2-161474785 .color-AB5{color:#F9E088;}.appendix text.text{fill:#000410}.md{--color-fg-default:#000410;--color-fg-muted:#0000B8;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#000410;--color-border-muted:#0000E4;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0000E4;--color-accent-emphasis:#0000E4;--color-attention-subtle:#0000B8;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-AA5{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-AB4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-AB5{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.d2-161474785 .md em,
+.d2-161474785 .md dfn {
+  font-family: "d2-161474785-font-italic";
 }
 
-.d2-2900518315 .md b,
-.d2-2900518315 .md strong {
-  font-family: "d2-2900518315-font-bold";
+.d2-161474785 .md b,
+.d2-161474785 .md strong {
+  font-family: "d2-161474785-font-bold";
 }
 
-.d2-2900518315 .md code,
-.d2-2900518315 .md kbd,
-.d2-2900518315 .md pre,
-.d2-2900518315 .md samp {
-  font-family: "d2-2900518315-font-mono";
+.d2-161474785 .md code,
+.d2-161474785 .md kbd,
+.d2-161474785 .md pre,
+.d2-161474785 .md samp {
+  font-family: "d2-161474785-font-mono";
   font-size: 1em;
 }
 
-.d2-2900518315 .md {
+.d2-161474785 .md {
   tab-size: 4;
 }
 
 /* variables are provided in d2renderers/d2svg/d2svg.go */
 
-.d2-2900518315 .md {
+.d2-161474785 .md {
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
   margin: 0;
   color: var(--color-fg-default);
   background-color: transparent; /* we don't want to define the background color */
-  font-family: "d2-2900518315-font-regular";
+  font-family: "d2-161474785-font-regular";
   font-size: 16px;
   line-height: 1.5;
   word-wrap: break-word;
 }
 
-.d2-2900518315 .md details,
-.d2-2900518315 .md figcaption,
-.d2-2900518315 .md figure {
+.d2-161474785 .md details,
+.d2-161474785 .md figcaption,
+.d2-161474785 .md figure {
   display: block;
 }
 
-.d2-2900518315 .md summary {
+.d2-161474785 .md summary {
   display: list-item;
 }
 
-.d2-2900518315 .md [hidden] {
+.d2-161474785 .md [hidden] {
   display: none !important;
 }
 
-.d2-2900518315 .md a {
+.d2-161474785 .md a {
   background-color: transparent;
   color: var(--color-accent-fg);
   text-decoration: none;
 }
 
-.d2-2900518315 .md a:active,
-.d2-2900518315 .md a:hover {
+.d2-161474785 .md a:active,
+.d2-161474785 .md a:hover {
   outline-width: 0;
 }
 
-.d2-2900518315 .md abbr[title] {
+.d2-161474785 .md abbr[title] {
   border-bottom: none;
   text-decoration: underline dotted;
 }
 
-.d2-2900518315 .md dfn {
+.d2-161474785 .md dfn {
   font-style: italic;
 }
 
-.d2-2900518315 .md h1 {
+.d2-161474785 .md h1 {
   margin: 0.67em 0;
   font-weight: 600;
   padding-bottom: 0.3em;
@@ -188,43 +188,43 @@
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.d2-2900518315 .md mark {
+.d2-161474785 .md mark {
   background-color: var(--color-attention-subtle);
   color: var(--color-text-primary);
 }
 
-.d2-2900518315 .md small {
+.d2-161474785 .md small {
   font-size: 90%;
 }
 
-.d2-2900518315 .md sub,
-.d2-2900518315 .md sup {
+.d2-161474785 .md sub,
+.d2-161474785 .md sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
 }
 
-.d2-2900518315 .md sub {
+.d2-161474785 .md sub {
   bottom: -0.25em;
 }
 
-.d2-2900518315 .md sup {
+.d2-161474785 .md sup {
   top: -0.5em;
 }
 
-.d2-2900518315 .md img {
+.d2-161474785 .md img {
   border-style: none;
   max-width: 100%;
   box-sizing: content-box;
   background-color: var(--color-canvas-default);
 }
 
-.d2-2900518315 .md figure {
+.d2-161474785 .md figure {
   margin: 1em 40px;
 }
 
-.d2-2900518315 .md hr {
+.d2-161474785 .md hr {
   box-sizing: content-box;
   overflow: hidden;
   background: transparent;
@@ -236,7 +236,7 @@
   border: 0;
 }
 
-.d2-2900518315 .md input {
+.d2-161474785 .md input {
   font: inherit;
   margin: 0;
   overflow: visible;
@@ -245,72 +245,72 @@
   line-height: inherit;
 }
 
-.d2-2900518315 .md [type="button"],
-.d2-2900518315 .md [type="reset"],
-.d2-2900518315 .md [type="submit"] {
+.d2-161474785 .md [type="button"],
+.d2-161474785 .md [type="reset"],
+.d2-161474785 .md [type="submit"] {
   -webkit-appearance: button;
 }
 
-.d2-2900518315 .md [type="button"]::-moz-focus-inner,
-.d2-2900518315 .md [type="reset"]::-moz-focus-inner,
-.d2-2900518315 .md [type="submit"]::-moz-focus-inner {
+.d2-161474785 .md [type="button"]::-moz-focus-inner,
+.d2-161474785 .md [type="reset"]::-moz-focus-inner,
+.d2-161474785 .md [type="submit"]::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.d2-2900518315 .md [type="button"]:-moz-focusring,
-.d2-2900518315 .md [type="reset"]:-moz-focusring,
-.d2-2900518315 .md [type="submit"]:-moz-focusring {
+.d2-161474785 .md [type="button"]:-moz-focusring,
+.d2-161474785 .md [type="reset"]:-moz-focusring,
+.d2-161474785 .md [type="submit"]:-moz-focusring {
   outline: 1px dotted ButtonText;
 }
 
-.d2-2900518315 .md [type="checkbox"],
-.d2-2900518315 .md [type="radio"] {
+.d2-161474785 .md [type="checkbox"],
+.d2-161474785 .md [type="radio"] {
   box-sizing: border-box;
   padding: 0;
 }
 
-.d2-2900518315 .md [type="number"]::-webkit-inner-spin-button,
-.d2-2900518315 .md [type="number"]::-webkit-outer-spin-button {
+.d2-161474785 .md [type="number"]::-webkit-inner-spin-button,
+.d2-161474785 .md [type="number"]::-webkit-outer-spin-button {
   height: auto;
 }
 
-.d2-2900518315 .md [type="search"] {
+.d2-161474785 .md [type="search"] {
   -webkit-appearance: textfield;
   outline-offset: -2px;
 }
 
-.d2-2900518315 .md [type="search"]::-webkit-search-cancel-button,
-.d2-2900518315 .md [type="search"]::-webkit-search-decoration {
+.d2-161474785 .md [type="search"]::-webkit-search-cancel-button,
+.d2-161474785 .md [type="search"]::-webkit-search-decoration {
   -webkit-appearance: none;
 }
 
-.d2-2900518315 .md ::-webkit-input-placeholder {
+.d2-161474785 .md ::-webkit-input-placeholder {
   color: inherit;
   opacity: 0.54;
 }
 
-.d2-2900518315 .md ::-webkit-file-upload-button {
+.d2-161474785 .md ::-webkit-file-upload-button {
   -webkit-appearance: button;
   font: inherit;
 }
 
-.d2-2900518315 .md a:hover {
+.d2-161474785 .md a:hover {
   text-decoration: underline;
 }
 
-.d2-2900518315 .md hr::before {
+.d2-161474785 .md hr::before {
   display: table;
   content: "";
 }
 
-.d2-2900518315 .md hr::after {
+.d2-161474785 .md hr::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.d2-2900518315 .md table {
+.d2-161474785 .md table {
   border-spacing: 0;
   border-collapse: collapse;
   display: block;
@@ -319,20 +319,20 @@
   overflow: auto;
 }
 
-.d2-2900518315 .md td,
-.d2-2900518315 .md th {
+.d2-161474785 .md td,
+.d2-161474785 .md th {
   padding: 0;
 }
 
-.d2-2900518315 .md details summary {
+.d2-161474785 .md details summary {
   cursor: pointer;
 }
 
-.d2-2900518315 .md details:not([open]) > *:not(summary) {
+.d2-161474785 .md details:not([open]) > *:not(summary) {
   display: none !important;
 }
 
-.d2-2900518315 .md kbd {
+.d2-161474785 .md kbd {
   display: inline-block;
   padding: 3px 5px;
   color: var(--color-fg-default);
@@ -344,235 +344,235 @@
   box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
 }
 
-.d2-2900518315 .md h1,
-.d2-2900518315 .md h2,
-.d2-2900518315 .md h3,
-.d2-2900518315 .md h4,
-.d2-2900518315 .md h5,
-.d2-2900518315 .md h6 {
+.d2-161474785 .md h1,
+.d2-161474785 .md h2,
+.d2-161474785 .md h3,
+.d2-161474785 .md h4,
+.d2-161474785 .md h5,
+.d2-161474785 .md h6 {
   margin-top: 24px;
   margin-bottom: 16px;
   font-weight: 600;
   line-height: 1.25;
-  font-family: "d2-2900518315-font-regular";
+  font-family: "d2-161474785-font-regular";
 }
 
-.d2-2900518315 .md h2 {
+.d2-161474785 .md h2 {
   font-weight: 600;
   padding-bottom: 0.3em;
   font-size: 1.5em;
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.d2-2900518315 .md h3 {
+.d2-161474785 .md h3 {
   font-weight: 600;
   font-size: 1.25em;
 }
 
-.d2-2900518315 .md h4 {
+.d2-161474785 .md h4 {
   font-weight: 600;
   font-size: 1em;
 }
 
-.d2-2900518315 .md h5 {
+.d2-161474785 .md h5 {
   font-weight: 600;
   font-size: 0.875em;
 }
 
-.d2-2900518315 .md h6 {
+.d2-161474785 .md h6 {
   font-weight: 600;
   font-size: 0.85em;
   color: var(--color-fg-muted);
 }
 
-.d2-2900518315 .md p {
+.d2-161474785 .md p {
   margin-top: 0;
   margin-bottom: 10px;
 }
 
-.d2-2900518315 .md blockquote {
+.d2-161474785 .md blockquote {
   margin: 0;
   padding: 0 1em;
   color: var(--color-fg-muted);
   border-left: 0.25em solid var(--color-border-default);
 }
 
-.d2-2900518315 .md ul,
-.d2-2900518315 .md ol {
+.d2-161474785 .md ul,
+.d2-161474785 .md ol {
   margin-top: 0;
   margin-bottom: 0;
   padding-left: 2em;
 }
 
-.d2-2900518315 .md ol ol,
-.d2-2900518315 .md ul ol {
+.d2-161474785 .md ol ol,
+.d2-161474785 .md ul ol {
   list-style-type: lower-roman;
 }
 
-.d2-2900518315 .md ul ul ol,
-.d2-2900518315 .md ul ol ol,
-.d2-2900518315 .md ol ul ol,
-.d2-2900518315 .md ol ol ol {
+.d2-161474785 .md ul ul ol,
+.d2-161474785 .md ul ol ol,
+.d2-161474785 .md ol ul ol,
+.d2-161474785 .md ol ol ol {
   list-style-type: lower-alpha;
 }
 
-.d2-2900518315 .md dd {
+.d2-161474785 .md dd {
   margin-left: 0;
 }
 
-.d2-2900518315 .md pre {
+.d2-161474785 .md pre {
   margin-top: 0;
   margin-bottom: 0;
   word-wrap: normal;
 }
 
-.d2-2900518315 .md ::placeholder {
+.d2-161474785 .md ::placeholder {
   color: var(--color-fg-subtle);
   opacity: 1;
 }
 
-.d2-2900518315 .md input::-webkit-outer-spin-button,
-.d2-2900518315 .md input::-webkit-inner-spin-button {
+.d2-161474785 .md input::-webkit-outer-spin-button,
+.d2-161474785 .md input::-webkit-inner-spin-button {
   margin: 0;
   -webkit-appearance: none;
   appearance: none;
 }
 
-.d2-2900518315 .md::before {
+.d2-161474785 .md::before {
   display: table;
   content: "";
 }
 
-.d2-2900518315 .md::after {
+.d2-161474785 .md::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.d2-2900518315 .md > *:first-child {
+.d2-161474785 .md > *:first-child {
   margin-top: 0 !important;
 }
 
-.d2-2900518315 .md > *:last-child {
+.d2-161474785 .md > *:last-child {
   margin-bottom: 0 !important;
 }
 
-.d2-2900518315 .md a:not([href]) {
+.d2-161474785 .md a:not([href]) {
   color: inherit;
   text-decoration: none;
 }
 
-.d2-2900518315 .md .absent {
+.d2-161474785 .md .absent {
   color: var(--color-danger-fg);
 }
 
-.d2-2900518315 .md .anchor {
+.d2-161474785 .md .anchor {
   float: left;
   padding-right: 4px;
   margin-left: -20px;
   line-height: 1;
 }
 
-.d2-2900518315 .md .anchor:focus {
+.d2-161474785 .md .anchor:focus {
   outline: none;
 }
 
-.d2-2900518315 .md p,
-.d2-2900518315 .md blockquote,
-.d2-2900518315 .md ul,
-.d2-2900518315 .md ol,
-.d2-2900518315 .md dl,
-.d2-2900518315 .md table,
-.d2-2900518315 .md pre,
-.d2-2900518315 .md details {
+.d2-161474785 .md p,
+.d2-161474785 .md blockquote,
+.d2-161474785 .md ul,
+.d2-161474785 .md ol,
+.d2-161474785 .md dl,
+.d2-161474785 .md table,
+.d2-161474785 .md pre,
+.d2-161474785 .md details {
   margin-top: 0;
   margin-bottom: 16px;
 }
 
-.d2-2900518315 .md blockquote > :first-child {
+.d2-161474785 .md blockquote > :first-child {
   margin-top: 0;
 }
 
-.d2-2900518315 .md blockquote > :last-child {
+.d2-161474785 .md blockquote > :last-child {
   margin-bottom: 0;
 }
 
-.d2-2900518315 .md sup > a::before {
+.d2-161474785 .md sup > a::before {
   content: "[";
 }
 
-.d2-2900518315 .md sup > a::after {
+.d2-161474785 .md sup > a::after {
   content: "]";
 }
 
-.d2-2900518315 .md h1:hover .anchor,
-.d2-2900518315 .md h2:hover .anchor,
-.d2-2900518315 .md h3:hover .anchor,
-.d2-2900518315 .md h4:hover .anchor,
-.d2-2900518315 .md h5:hover .anchor,
-.d2-2900518315 .md h6:hover .anchor {
+.d2-161474785 .md h1:hover .anchor,
+.d2-161474785 .md h2:hover .anchor,
+.d2-161474785 .md h3:hover .anchor,
+.d2-161474785 .md h4:hover .anchor,
+.d2-161474785 .md h5:hover .anchor,
+.d2-161474785 .md h6:hover .anchor {
   text-decoration: none;
 }
 
-.d2-2900518315 .md h1 tt,
-.d2-2900518315 .md h1 code,
-.d2-2900518315 .md h2 tt,
-.d2-2900518315 .md h2 code,
-.d2-2900518315 .md h3 tt,
-.d2-2900518315 .md h3 code,
-.d2-2900518315 .md h4 tt,
-.d2-2900518315 .md h4 code,
-.d2-2900518315 .md h5 tt,
-.d2-2900518315 .md h5 code,
-.d2-2900518315 .md h6 tt,
-.d2-2900518315 .md h6 code {
+.d2-161474785 .md h1 tt,
+.d2-161474785 .md h1 code,
+.d2-161474785 .md h2 tt,
+.d2-161474785 .md h2 code,
+.d2-161474785 .md h3 tt,
+.d2-161474785 .md h3 code,
+.d2-161474785 .md h4 tt,
+.d2-161474785 .md h4 code,
+.d2-161474785 .md h5 tt,
+.d2-161474785 .md h5 code,
+.d2-161474785 .md h6 tt,
+.d2-161474785 .md h6 code {
   padding: 0 0.2em;
   font-size: inherit;
 }
 
-.d2-2900518315 .md ul.no-list,
-.d2-2900518315 .md ol.no-list {
+.d2-161474785 .md ul.no-list,
+.d2-161474785 .md ol.no-list {
   padding: 0;
   list-style-type: none;
 }
 
-.d2-2900518315 .md ol[type="1"] {
+.d2-161474785 .md ol[type="1"] {
   list-style-type: decimal;
 }
 
-.d2-2900518315 .md ol[type="a"] {
+.d2-161474785 .md ol[type="a"] {
   list-style-type: lower-alpha;
 }
 
-.d2-2900518315 .md ol[type="i"] {
+.d2-161474785 .md ol[type="i"] {
   list-style-type: lower-roman;
 }
 
-.d2-2900518315 .md div > ol:not([type]) {
+.d2-161474785 .md div > ol:not([type]) {
   list-style-type: decimal;
 }
 
-.d2-2900518315 .md ul ul,
-.d2-2900518315 .md ul ol,
-.d2-2900518315 .md ol ol,
-.d2-2900518315 .md ol ul {
+.d2-161474785 .md ul ul,
+.d2-161474785 .md ul ol,
+.d2-161474785 .md ol ol,
+.d2-161474785 .md ol ul {
   margin-top: 0;
   margin-bottom: 0;
 }
 
-.d2-2900518315 .md li > p {
+.d2-161474785 .md li > p {
   margin-top: 16px;
 }
 
-.d2-2900518315 .md li + li {
+.d2-161474785 .md li + li {
   margin-top: 0.25em;
 }
 
-.d2-2900518315 .md dl {
+.d2-161474785 .md dl {
   padding: 0;
 }
 
-.d2-2900518315 .md dl dt {
+.d2-161474785 .md dl dt {
   padding: 0;
   margin-top: 16px;
   font-size: 1em;
@@ -580,48 +580,48 @@
   font-weight: 600;
 }
 
-.d2-2900518315 .md dl dd {
+.d2-161474785 .md dl dd {
   padding: 0 16px;
   margin-bottom: 16px;
 }
 
-.d2-2900518315 .md table th {
+.d2-161474785 .md table th {
   font-weight: 600;
 }
 
-.d2-2900518315 .md table th,
-.d2-2900518315 .md table td {
+.d2-161474785 .md table th,
+.d2-161474785 .md table td {
   padding: 6px 13px;
   border: 1px solid var(--color-border-default);
 }
 
-.d2-2900518315 .md table tr {
+.d2-161474785 .md table tr {
   background-color: var(--color-canvas-default);
   border-top: 1px solid var(--color-border-muted);
 }
 
-.d2-2900518315 .md table tr:nth-child(2n) {
+.d2-161474785 .md table tr:nth-child(2n) {
   background-color: var(--color-canvas-subtle);
 }
 
-.d2-2900518315 .md table img {
+.d2-161474785 .md table img {
   background-color: transparent;
 }
 
-.d2-2900518315 .md img[align="right"] {
+.d2-161474785 .md img[align="right"] {
   padding-left: 20px;
 }
 
-.d2-2900518315 .md img[align="left"] {
+.d2-161474785 .md img[align="left"] {
   padding-right: 20px;
 }
 
-.d2-2900518315 .md span.frame {
+.d2-161474785 .md span.frame {
   display: block;
   overflow: hidden;
 }
 
-.d2-2900518315 .md span.frame > span {
+.d2-161474785 .md span.frame > span {
   display: block;
   float: left;
   width: auto;
@@ -631,81 +631,81 @@
   border: 1px solid var(--color-border-default);
 }
 
-.d2-2900518315 .md span.frame span img {
+.d2-161474785 .md span.frame span img {
   display: block;
   float: left;
 }
 
-.d2-2900518315 .md span.frame span span {
+.d2-161474785 .md span.frame span span {
   display: block;
   padding: 5px 0 0;
   clear: both;
   color: var(--color-fg-default);
 }
 
-.d2-2900518315 .md span.align-center {
+.d2-161474785 .md span.align-center {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.d2-2900518315 .md span.align-center > span {
+.d2-161474785 .md span.align-center > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: center;
 }
 
-.d2-2900518315 .md span.align-center span img {
+.d2-161474785 .md span.align-center span img {
   margin: 0 auto;
   text-align: center;
 }
 
-.d2-2900518315 .md span.align-right {
+.d2-161474785 .md span.align-right {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.d2-2900518315 .md span.align-right > span {
+.d2-161474785 .md span.align-right > span {
   display: block;
   margin: 13px 0 0;
   overflow: hidden;
   text-align: right;
 }
 
-.d2-2900518315 .md span.align-right span img {
+.d2-161474785 .md span.align-right span img {
   margin: 0;
   text-align: right;
 }
 
-.d2-2900518315 .md span.float-left {
+.d2-161474785 .md span.float-left {
   display: block;
   float: left;
   margin-right: 13px;
   overflow: hidden;
 }
 
-.d2-2900518315 .md span.float-left span {
+.d2-161474785 .md span.float-left span {
   margin: 13px 0 0;
 }
 
-.d2-2900518315 .md span.float-right {
+.d2-161474785 .md span.float-right {
   display: block;
   float: right;
   margin-left: 13px;
   overflow: hidden;
 }
 
-.d2-2900518315 .md span.float-right > span {
+.d2-161474785 .md span.float-right > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: right;
 }
 
-.d2-2900518315 .md code,
-.d2-2900518315 .md tt {
+.d2-161474785 .md code,
+.d2-161474785 .md tt {
   padding: 0.2em 0.4em;
   margin: 0;
   font-size: 85%;
@@ -713,20 +713,20 @@
   border-radius: 6px;
 }
 
-.d2-2900518315 .md code br,
-.d2-2900518315 .md tt br {
+.d2-161474785 .md code br,
+.d2-161474785 .md tt br {
   display: none;
 }
 
-.d2-2900518315 .md del code {
+.d2-161474785 .md del code {
   text-decoration: inherit;
 }
 
-.d2-2900518315 .md pre code {
+.d2-161474785 .md pre code {
   font-size: 100%;
 }
 
-.d2-2900518315 .md pre > code {
+.d2-161474785 .md pre > code {
   padding: 0;
   margin: 0;
   word-break: normal;
@@ -735,17 +735,17 @@
   border: 0;
 }
 
-.d2-2900518315 .md .highlight {
+.d2-161474785 .md .highlight {
   margin-bottom: 16px;
 }
 
-.d2-2900518315 .md .highlight pre {
+.d2-161474785 .md .highlight pre {
   margin-bottom: 0;
   word-break: normal;
 }
 
-.d2-2900518315 .md .highlight pre,
-.d2-2900518315 .md pre {
+.d2-161474785 .md .highlight pre,
+.d2-161474785 .md pre {
   padding: 16px;
   overflow: auto;
   font-size: 85%;
@@ -754,8 +754,8 @@
   border-radius: 6px;
 }
 
-.d2-2900518315 .md pre code,
-.d2-2900518315 .md pre tt {
+.d2-161474785 .md pre code,
+.d2-161474785 .md pre tt {
   display: inline;
   max-width: auto;
   padding: 0;
@@ -767,8 +767,8 @@
   border: 0;
 }
 
-.d2-2900518315 .md .csv-data td,
-.d2-2900518315 .md .csv-data th {
+.d2-161474785 .md .csv-data td,
+.d2-161474785 .md .csv-data th {
   padding: 5px;
   overflow: hidden;
   font-size: 12px;
@@ -777,38 +777,38 @@
   white-space: nowrap;
 }
 
-.d2-2900518315 .md .csv-data .blob-num {
+.d2-161474785 .md .csv-data .blob-num {
   padding: 10px 8px 9px;
   text-align: right;
   background: var(--color-canvas-default);
   border: 0;
 }
 
-.d2-2900518315 .md .csv-data tr {
+.d2-161474785 .md .csv-data tr {
   border-top: 0;
 }
 
-.d2-2900518315 .md .csv-data th {
+.d2-161474785 .md .csv-data th {
   font-weight: 600;
   background: var(--color-canvas-subtle);
   border-top: 0;
 }
 
-.d2-2900518315 .md .footnotes {
+.d2-161474785 .md .footnotes {
   font-size: 12px;
   color: var(--color-fg-muted);
   border-top: 1px solid var(--color-border-default);
 }
 
-.d2-2900518315 .md .footnotes ol {
+.d2-161474785 .md .footnotes ol {
   padding-left: 16px;
 }
 
-.d2-2900518315 .md .footnotes li {
+.d2-161474785 .md .footnotes li {
   position: relative;
 }
 
-.d2-2900518315 .md .footnotes li:target::before {
+.d2-161474785 .md .footnotes li:target::before {
   position: absolute;
   top: -8px;
   right: -8px;
@@ -820,36 +820,36 @@
   border-radius: 6px;
 }
 
-.d2-2900518315 .md .footnotes li:target {
+.d2-161474785 .md .footnotes li:target {
   color: var(--color-fg-default);
 }
 
-.d2-2900518315 .md .task-list-item {
+.d2-161474785 .md .task-list-item {
   list-style-type: none;
 }
 
-.d2-2900518315 .md .task-list-item label {
+.d2-161474785 .md .task-list-item label {
   font-weight: 400;
 }
 
-.d2-2900518315 .md .task-list-item.enabled label {
+.d2-161474785 .md .task-list-item.enabled label {
   cursor: pointer;
 }
 
-.d2-2900518315 .md .task-list-item + .task-list-item {
+.d2-161474785 .md .task-list-item + .task-list-item {
   margin-top: 3px;
 }
 
-.d2-2900518315 .md .task-list-item .handle {
+.d2-161474785 .md .task-list-item .handle {
   display: none;
 }
 
-.d2-2900518315 .md .task-list-item-checkbox {
+.d2-161474785 .md .task-list-item-checkbox {
   margin: 0 0.2em 0.25em -1.6em;
   vertical-align: middle;
 }
 
-.d2-2900518315 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
+.d2-161474785 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
 </style><style type="text/css"><![CDATA[
@@ -885,7 +885,7 @@
 <rect x="7" y="7" width="1" height="1" fill="#0A0F25"/>
 </g>
 </pattern>
-</defs><g id="network"><g class="shape" ><rect x="0.000000" y="438.000000" width="499.000000" height="1565.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /><rect x="0.000000" y="438.000000" width="499.000000" height="1565.000000" class="dots-overlay" style="stroke-width:2;" /><rect x="5.000000" y="443.000000" width="489.000000" height="1555.000000" fill="transparent" class=" stroke-B1" style="stroke-width:2;" /></g><text x="249.500000" y="425.000000" class="text-mono fill-N1" style="text-anchor:middle;font-size:28px">NETWORK</text></g><g id="user"><g class="shape" ><path d="M 215 169 H 85 V 168 C 85 153 99 140 122 133 C 109 128 102 120 102 110 C 102 95 123 82 150 82 C 176 82 198 95 198 110 C 198 119 191 128 178 133 C 200 139 215 153 215 168 V 169 H 215 Z" class=" stroke-B1 fill-B3" style="stroke-width:2;" /></g><text x="150.000000" y="190.000000" class="text-mono fill-N1" style="text-anchor:middle;font-size:16px">USER</text></g><g id="api server"><g class="shape" ><rect x="540.000000" y="1579.000000" width="142.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="611.000000" y="1617.500000" class="text-mono fill-N1" style="text-anchor:middle;font-size:16px">API SERVER</text></g><g id="logs"><g class="shape" ><path d="M 581 1806 H 641 C 642 1806 643 1806 644 1807 L 661 1823 C 662 1824 662 1825 662 1826 V 1893 C 662 1893 662 1893 662 1893 H 581 C 580 1893 580 1893 580 1893 V 1807 C 580 1806 580 1806 581 1806 Z" class=" stroke-B1 fill-AB4" style="stroke-width:2;" /><path d="M 661 1893 H 581 C 580 1893 580 1893 580 1892 V 1807 C 580 1806 580 1806 581 1806 H 640 C 641 1806 641 1806 641 1807 V 1824 C 641 1825 642 1826 643 1826 H 661 C 662 1826 662 1826 662 1827 V 1892 C 661 1893 662 1893 661 1893 Z" class=" stroke-B1 fill-AB4" style="stroke-width:2;" /><path d="M 571 1816 H 631 C 632 1816 633 1816 634 1817 L 651 1833 C 652 1834 652 1835 652 1836 V 1903 C 652 1903 652 1903 652 1903 H 571 C 570 1903 570 1903 570 1903 V 1817 C 570 1816 570 1816 571 1816 Z" class=" stroke-B1 fill-AB4" style="stroke-width:2;" /><path d="M 651 1903 H 571 C 570 1903 570 1903 570 1902 V 1817 C 570 1816 570 1816 571 1816 H 630 C 631 1816 631 1816 631 1817 V 1834 C 631 1835 632 1836 633 1836 H 651 C 652 1836 652 1836 652 1837 V 1902 C 651 1903 652 1903 651 1903 Z" class=" stroke-B1 fill-AB4" style="stroke-width:2;" /></g><text x="611.000000" y="1865.000000" class="text-mono fill-N1" style="text-anchor:middle;font-size:16px">LOGS</text></g><g id="users"><g class="shape" ><rect x="286.000000" y="30.000000" width="262.000000" height="216.000000" class="shape stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="286.000000" y="30.000000" width="262.000000" height="36.000000" class="class_header fill-N1" /><text x="296.000000" y="55.750000" class="text fill-N7" style="text-anchor:start;font-size:24px">USERS</text><text x="296.000000" y="89.000000" class="text fill-B2" style="text-anchor:start;font-size:20px">id</text><text x="434.000000" y="89.000000" class="text fill-N2" style="text-anchor:start;font-size:20px">int</text><text x="528.000000" y="89.000000" class="text fill-AA2" style="text-anchor:end;font-size:20px;letter-spacing:2px" /><line x1="286.000000" x2="548.000000" y1="102.000000" y2="102.000000" class=" stroke-N1" style="stroke-width:2" /><text x="296.000000" y="125.000000" class="text fill-B2" style="text-anchor:start;font-size:20px">name</text><text x="434.000000" y="125.000000" class="text fill-N2" style="text-anchor:start;font-size:20px">string</text><text x="528.000000" y="125.000000" class="text fill-AA2" style="text-anchor:end;font-size:20px;letter-spacing:2px" /><line x1="286.000000" x2="548.000000" y1="138.000000" y2="138.000000" class=" stroke-N1" style="stroke-width:2" /><text x="296.000000" y="161.000000" class="text fill-B2" style="text-anchor:start;font-size:20px">email</text><text x="434.000000" y="161.000000" class="text fill-N2" style="text-anchor:start;font-size:20px">string</text><text x="528.000000" y="161.000000" class="text fill-AA2" style="text-anchor:end;font-size:20px;letter-spacing:2px" /><line x1="286.000000" x2="548.000000" y1="174.000000" y2="174.000000" class=" stroke-N1" style="stroke-width:2" /><text x="296.000000" y="197.000000" class="text fill-B2" style="text-anchor:start;font-size:20px">password</text><text x="434.000000" y="197.000000" class="text fill-N2" style="text-anchor:start;font-size:20px">string</text><text x="528.000000" y="197.000000" class="text fill-AA2" style="text-anchor:end;font-size:20px;letter-spacing:2px" /><line x1="286.000000" x2="548.000000" y1="210.000000" y2="210.000000" class=" stroke-N1" style="stroke-width:2" /><text x="296.000000" y="233.000000" class="text fill-B2" style="text-anchor:start;font-size:20px">last_login</text><text x="434.000000" y="233.000000" class="text fill-N2" style="text-anchor:start;font-size:20px">datetime</text><text x="528.000000" y="233.000000" class="text fill-AA2" style="text-anchor:end;font-size:20px;letter-spacing:2px" /><line x1="286.000000" x2="548.000000" y1="246.000000" y2="246.000000" class=" stroke-N1" style="stroke-width:2" /></g></g><g id="products"><g class="shape" ><rect x="608.000000" y="0.000000" width="242.000000" height="276.000000" class=" stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="608.000000" y="0.000000" width="242.000000" height="92.000000" class="class_header fill-N1" /><text x="729.000000" y="53.750000" class="text-mono fill-N7" style="text-anchor:middle;font-size:24px;">PRODUCTS</text><text x="618.000000" y="120.000000" class="text-mono fill-B2" style="text-anchor:start;font-size:20px">+</text><text x="638.000000" y="120.000000" class="text-mono fill-N1" style="text-anchor:start;font-size:20px">id</text><text x="830.000000" y="120.000000" class="text-mono fill-AA2" style="text-anchor:end;font-size:20px">int</text><text x="618.000000" y="166.000000" class="text-mono fill-B2" style="text-anchor:start;font-size:20px">+</text><text x="638.000000" y="166.000000" class="text-mono fill-N1" style="text-anchor:start;font-size:20px">price</text><text x="830.000000" y="166.000000" class="text-mono fill-AA2" style="text-anchor:end;font-size:20px">decimal</text><text x="618.000000" y="212.000000" class="text-mono fill-B2" style="text-anchor:start;font-size:20px">+</text><text x="638.000000" y="212.000000" class="text-mono fill-N1" style="text-anchor:start;font-size:20px">sku</text><text x="830.000000" y="212.000000" class="text-mono fill-AA2" style="text-anchor:end;font-size:20px">string</text><text x="618.000000" y="258.000000" class="text-mono fill-B2" style="text-anchor:start;font-size:20px">+</text><text x="638.000000" y="258.000000" class="text-mono fill-N1" style="text-anchor:start;font-size:20px">name</text><text x="830.000000" y="258.000000" class="text-mono fill-AA2" style="text-anchor:end;font-size:20px">string</text><line x1="608.000000" x2="850.000000" y1="276.000000" y2="276.000000" class=" stroke-N1" style="stroke-width:1" /></g></g><g id="markdown"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="910.000000" y="79.000000" width="128" height="119"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><h1>A TALE</h1>
+</defs><g id="network"><g class="shape" ><rect x="0.000000" y="438.000000" width="500.000000" height="1565.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /><rect x="0.000000" y="438.000000" width="500.000000" height="1565.000000" class="dots-overlay" style="stroke-width:2;" /><rect x="5.000000" y="443.000000" width="490.000000" height="1555.000000" fill="transparent" class=" stroke-B1" style="stroke-width:2;" /></g><text x="250.000000" y="425.000000" class="text-mono fill-N1" style="text-anchor:middle;font-size:28px">NETWORK</text></g><g id="user"><g class="shape" ><path d="M 215 169 H 85 V 168 C 85 153 99 140 122 133 C 109 128 102 120 102 110 C 102 95 123 82 150 82 C 176 82 198 95 198 110 C 198 119 191 128 178 133 C 200 139 215 153 215 168 V 169 H 215 Z" class=" stroke-B1 fill-B3" style="stroke-width:2;" /></g><text x="150.000000" y="190.000000" class="text-mono fill-N1" style="text-anchor:middle;font-size:16px">USER</text></g><g id="api server"><g class="shape" ><rect x="540.000000" y="1579.000000" width="142.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="611.000000" y="1617.500000" class="text-mono fill-N1" style="text-anchor:middle;font-size:16px">API SERVER</text></g><g id="logs"><g class="shape" ><path d="M 581 1806 H 641 C 642 1806 643 1806 644 1807 L 661 1823 C 662 1824 662 1825 662 1826 V 1893 C 662 1893 662 1893 662 1893 H 581 C 580 1893 580 1893 580 1893 V 1807 C 580 1806 580 1806 581 1806 Z" class=" stroke-B1 fill-AB4" style="stroke-width:2;" /><path d="M 661 1893 H 581 C 580 1893 580 1893 580 1892 V 1807 C 580 1806 580 1806 581 1806 H 640 C 641 1806 641 1806 641 1807 V 1824 C 641 1825 642 1826 643 1826 H 661 C 662 1826 662 1826 662 1827 V 1892 C 661 1893 662 1893 661 1893 Z" class=" stroke-B1 fill-AB4" style="stroke-width:2;" /><path d="M 571 1816 H 631 C 632 1816 633 1816 634 1817 L 651 1833 C 652 1834 652 1835 652 1836 V 1903 C 652 1903 652 1903 652 1903 H 571 C 570 1903 570 1903 570 1903 V 1817 C 570 1816 570 1816 571 1816 Z" class=" stroke-B1 fill-AB4" style="stroke-width:2;" /><path d="M 651 1903 H 571 C 570 1903 570 1903 570 1902 V 1817 C 570 1816 570 1816 571 1816 H 630 C 631 1816 631 1816 631 1817 V 1834 C 631 1835 632 1836 633 1836 H 651 C 652 1836 652 1836 652 1837 V 1902 C 651 1903 652 1903 651 1903 Z" class=" stroke-B1 fill-AB4" style="stroke-width:2;" /></g><text x="611.000000" y="1865.000000" class="text-mono fill-N1" style="text-anchor:middle;font-size:16px">LOGS</text></g><g id="users"><g class="shape" ><rect x="286.000000" y="30.000000" width="262.000000" height="216.000000" class="shape stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="286.000000" y="30.000000" width="262.000000" height="36.000000" class="class_header fill-N1" /><text x="296.000000" y="55.750000" class="text fill-N7" style="text-anchor:start;font-size:24px">USERS</text><text x="296.000000" y="89.000000" class="text fill-B2" style="text-anchor:start;font-size:20px">id</text><text x="434.000000" y="89.000000" class="text fill-N2" style="text-anchor:start;font-size:20px">int</text><text x="528.000000" y="89.000000" class="text fill-AA2" style="text-anchor:end;font-size:20px;letter-spacing:2px" /><line x1="286.000000" x2="548.000000" y1="102.000000" y2="102.000000" class=" stroke-N1" style="stroke-width:2" /><text x="296.000000" y="125.000000" class="text fill-B2" style="text-anchor:start;font-size:20px">name</text><text x="434.000000" y="125.000000" class="text fill-N2" style="text-anchor:start;font-size:20px">string</text><text x="528.000000" y="125.000000" class="text fill-AA2" style="text-anchor:end;font-size:20px;letter-spacing:2px" /><line x1="286.000000" x2="548.000000" y1="138.000000" y2="138.000000" class=" stroke-N1" style="stroke-width:2" /><text x="296.000000" y="161.000000" class="text fill-B2" style="text-anchor:start;font-size:20px">email</text><text x="434.000000" y="161.000000" class="text fill-N2" style="text-anchor:start;font-size:20px">string</text><text x="528.000000" y="161.000000" class="text fill-AA2" style="text-anchor:end;font-size:20px;letter-spacing:2px" /><line x1="286.000000" x2="548.000000" y1="174.000000" y2="174.000000" class=" stroke-N1" style="stroke-width:2" /><text x="296.000000" y="197.000000" class="text fill-B2" style="text-anchor:start;font-size:20px">password</text><text x="434.000000" y="197.000000" class="text fill-N2" style="text-anchor:start;font-size:20px">string</text><text x="528.000000" y="197.000000" class="text fill-AA2" style="text-anchor:end;font-size:20px;letter-spacing:2px" /><line x1="286.000000" x2="548.000000" y1="210.000000" y2="210.000000" class=" stroke-N1" style="stroke-width:2" /><text x="296.000000" y="233.000000" class="text fill-B2" style="text-anchor:start;font-size:20px">last_login</text><text x="434.000000" y="233.000000" class="text fill-N2" style="text-anchor:start;font-size:20px">datetime</text><text x="528.000000" y="233.000000" class="text fill-AA2" style="text-anchor:end;font-size:20px;letter-spacing:2px" /><line x1="286.000000" x2="548.000000" y1="246.000000" y2="246.000000" class=" stroke-N1" style="stroke-width:2" /></g></g><g id="products"><g class="shape" ><rect x="608.000000" y="0.000000" width="242.000000" height="276.000000" class=" stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="608.000000" y="0.000000" width="242.000000" height="92.000000" class="class_header fill-N1" /><text x="729.000000" y="53.750000" class="text-mono fill-N7" style="text-anchor:middle;font-size:24px;">PRODUCTS</text><text x="618.000000" y="120.000000" class="text-mono fill-B2" style="text-anchor:start;font-size:20px">+</text><text x="638.000000" y="120.000000" class="text-mono fill-N1" style="text-anchor:start;font-size:20px">id</text><text x="830.000000" y="120.000000" class="text-mono fill-AA2" style="text-anchor:end;font-size:20px">int</text><text x="618.000000" y="166.000000" class="text-mono fill-B2" style="text-anchor:start;font-size:20px">+</text><text x="638.000000" y="166.000000" class="text-mono fill-N1" style="text-anchor:start;font-size:20px">price</text><text x="830.000000" y="166.000000" class="text-mono fill-AA2" style="text-anchor:end;font-size:20px">decimal</text><text x="618.000000" y="212.000000" class="text-mono fill-B2" style="text-anchor:start;font-size:20px">+</text><text x="638.000000" y="212.000000" class="text-mono fill-N1" style="text-anchor:start;font-size:20px">sku</text><text x="830.000000" y="212.000000" class="text-mono fill-AA2" style="text-anchor:end;font-size:20px">string</text><text x="618.000000" y="258.000000" class="text-mono fill-B2" style="text-anchor:start;font-size:20px">+</text><text x="638.000000" y="258.000000" class="text-mono fill-N1" style="text-anchor:start;font-size:20px">name</text><text x="830.000000" y="258.000000" class="text-mono fill-AA2" style="text-anchor:end;font-size:20px">string</text><line x1="608.000000" x2="850.000000" y1="276.000000" y2="276.000000" class=" stroke-N1" style="stroke-width:1" /></g></g><g id="markdown"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="910.000000" y="79.000000" width="128" height="119"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><h1>A TALE</h1>
 <ul>
 <li>OF</li>
 <li>TWO CITIES</li>
@@ -936,14 +936,14 @@
 </tspan></text><text class="text-mono" x="0" y="21.000000em" xml:space="preserve"><tspan fill="#fab387"></tspan><tspan fill="#fab387">&#160;&#160;&#160;&#160;</tspan><tspan fill="#fab387">city2</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#89dceb">:=</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#fab387">City</tspan><tspan fill="#cdd6f4">{</tspan><tspan fill="#fab387">Name</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#a6e3a1">&quot;CityB&quot;</tspan><tspan fill="#cdd6f4">,</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#fab387">Population</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#fab387">1200000</tspan><tspan fill="#cdd6f4">}</tspan><tspan fill="#fab387">
 </tspan></text><text class="text-mono" x="0" y="22.000000em" xml:space="preserve"><tspan fill="#fab387"></tspan><tspan fill="#fab387">
 </tspan></text><text class="text-mono" x="0" y="23.000000em" xml:space="preserve"><tspan fill="#fab387"></tspan><tspan fill="#fab387">&#160;&#160;&#160;&#160;</tspan><tspan fill="#89dceb">tellTale</tspan><tspan fill="#cdd6f4">(</tspan><tspan fill="#fab387">city1</tspan><tspan fill="#cdd6f4">,</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#fab387">city2</tspan><tspan fill="#cdd6f4">)</tspan><tspan fill="#fab387">
-</tspan></text><text class="text-mono" x="0" y="24.000000em" xml:space="preserve"><tspan fill="#fab387"></tspan><tspan fill="#cdd6f4">}</tspan></text></g></g></g><g id="ex"><g class="shape" ></g><g transform="translate(772.000000 1031.000000)" class=" color-N1"><svg style="vertical-align: -2.864ex;" xmlns="http://www.w3.org/2000/svg" width="50.45ex" height="6.399ex" role="img" focusable="false" viewBox="0 -1562.5 22298.9 2828.3" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><path id="MJX-1-TEX-I-1D465" d="M52 289Q59 331 106 386T222 442Q257 442 286 424T329 379Q371 442 430 442Q467 442 494 420T522 361Q522 332 508 314T481 292T458 288Q439 288 427 299T415 328Q415 374 465 391Q454 404 425 404Q412 404 406 402Q368 386 350 336Q290 115 290 78Q290 50 306 38T341 26Q378 26 414 59T463 140Q466 150 469 151T485 153H489Q504 153 504 145Q504 144 502 134Q486 77 440 33T333 -11Q263 -11 227 52Q186 -10 133 -10H127Q78 -10 57 16T35 71Q35 103 54 123T99 143Q142 143 142 101Q142 81 130 66T107 46T94 41L91 40Q91 39 97 36T113 29T132 26Q168 26 194 71Q203 87 217 139T245 247T261 313Q266 340 266 352Q266 380 251 392T217 404Q177 404 142 372T93 290Q91 281 88 280T72 278H58Q52 284 52 289Z"></path><path id="MJX-1-TEX-N-3D" d="M56 347Q56 360 70 367H707Q722 359 722 347Q722 336 708 328L390 327H72Q56 332 56 347ZM56 153Q56 168 72 173H708Q722 163 722 153Q722 140 707 133H70Q56 140 56 153Z"></path><path id="MJX-1-TEX-I-1D44E" d="M33 157Q33 258 109 349T280 441Q331 441 370 392Q386 422 416 422Q429 422 439 414T449 394Q449 381 412 234T374 68Q374 43 381 35T402 26Q411 27 422 35Q443 55 463 131Q469 151 473 152Q475 153 483 153H487Q506 153 506 144Q506 138 501 117T481 63T449 13Q436 0 417 -8Q409 -10 393 -10Q359 -10 336 5T306 36L300 51Q299 52 296 50Q294 48 292 46Q233 -10 172 -10Q117 -10 75 30T33 157ZM351 328Q351 334 346 350T323 385T277 405Q242 405 210 374T160 293Q131 214 119 129Q119 126 119 118T118 106Q118 61 136 44T179 26Q217 26 254 59T298 110Q300 114 325 217T351 328Z"></path><path id="MJX-1-TEX-N-2B" d="M56 237T56 250T70 270H369V420L370 570Q380 583 389 583Q402 583 409 568V270H707Q722 262 722 250T707 230H409V-68Q401 -82 391 -82H389H387Q375 -82 369 -68V230H70Q56 237 56 250Z"></path><path id="MJX-1-TEX-I-1D44F" d="M73 647Q73 657 77 670T89 683Q90 683 161 688T234 694Q246 694 246 685T212 542Q204 508 195 472T180 418L176 399Q176 396 182 402Q231 442 283 442Q345 442 383 396T422 280Q422 169 343 79T173 -11Q123 -11 82 27T40 150V159Q40 180 48 217T97 414Q147 611 147 623T109 637Q104 637 101 637H96Q86 637 83 637T76 640T73 647ZM336 325V331Q336 405 275 405Q258 405 240 397T207 376T181 352T163 330L157 322L136 236Q114 150 114 114Q114 66 138 42Q154 26 178 26Q211 26 245 58Q270 81 285 114T318 219Q336 291 336 325Z"></path><path id="MJX-1-TEX-I-1D466" d="M21 287Q21 301 36 335T84 406T158 442Q199 442 224 419T250 355Q248 336 247 334Q247 331 231 288T198 191T182 105Q182 62 196 45T238 27Q261 27 281 38T312 61T339 94Q339 95 344 114T358 173T377 247Q415 397 419 404Q432 431 462 431Q475 431 483 424T494 412T496 403Q496 390 447 193T391 -23Q363 -106 294 -155T156 -205Q111 -205 77 -183T43 -117Q43 -95 50 -80T69 -58T89 -48T106 -45Q150 -45 150 -87Q150 -107 138 -122T115 -142T102 -147L99 -148Q101 -153 118 -160T152 -167H160Q177 -167 186 -165Q219 -156 247 -127T290 -65T313 -9T321 21L315 17Q309 13 296 6T270 -6Q250 -11 231 -11Q185 -11 150 11T104 82Q103 89 103 113Q103 170 138 262T173 379Q173 380 173 381Q173 390 173 393T169 400T158 404H154Q131 404 112 385T82 344T65 302T57 280Q55 278 41 278H27Q21 284 21 287Z"></path><path id="MJX-1-TEX-I-1D450" d="M34 159Q34 268 120 355T306 442Q362 442 394 418T427 355Q427 326 408 306T360 285Q341 285 330 295T319 325T330 359T352 380T366 386H367Q367 388 361 392T340 400T306 404Q276 404 249 390Q228 381 206 359Q162 315 142 235T121 119Q121 73 147 50Q169 26 205 26H209Q321 26 394 111Q403 121 406 121Q410 121 419 112T429 98T420 83T391 55T346 25T282 0T202 -11Q127 -11 81 37T34 159Z"></path><path id="MJX-1-TEX-LO-2211" d="M60 948Q63 950 665 950H1267L1325 815Q1384 677 1388 669H1348L1341 683Q1320 724 1285 761Q1235 809 1174 838T1033 881T882 898T699 902H574H543H251L259 891Q722 258 724 252Q725 250 724 246Q721 243 460 -56L196 -356Q196 -357 407 -357Q459 -357 548 -357T676 -358Q812 -358 896 -353T1063 -332T1204 -283T1307 -196Q1328 -170 1348 -124H1388Q1388 -125 1381 -145T1356 -210T1325 -294L1267 -449L666 -450Q64 -450 61 -448Q55 -446 55 -439Q55 -437 57 -433L590 177Q590 178 557 222T452 366T322 544L56 909L55 924Q55 945 60 948Z"></path><path id="MJX-1-TEX-I-1D458" d="M121 647Q121 657 125 670T137 683Q138 683 209 688T282 694Q294 694 294 686Q294 679 244 477Q194 279 194 272Q213 282 223 291Q247 309 292 354T362 415Q402 442 438 442Q468 442 485 423T503 369Q503 344 496 327T477 302T456 291T438 288Q418 288 406 299T394 328Q394 353 410 369T442 390L458 393Q446 405 434 405H430Q398 402 367 380T294 316T228 255Q230 254 243 252T267 246T293 238T320 224T342 206T359 180T365 147Q365 130 360 106T354 66Q354 26 381 26Q429 26 459 145Q461 153 479 153H483Q499 153 499 144Q499 139 496 130Q455 -11 378 -11Q333 -11 305 15T277 90Q277 108 280 121T283 145Q283 167 269 183T234 206T200 217T182 220H180Q168 178 159 139T145 81T136 44T129 20T122 7T111 -2Q98 -11 83 -11Q66 -11 57 -1T48 16Q48 26 85 176T158 471L195 616Q196 629 188 632T149 637H144Q134 637 131 637T124 640T121 647Z"></path><path id="MJX-1-TEX-N-31" d="M213 578L200 573Q186 568 160 563T102 556H83V602H102Q149 604 189 617T245 641T273 663Q275 666 285 666Q294 666 302 660V361L303 61Q310 54 315 52T339 48T401 46H427V0H416Q395 3 257 3Q121 3 100 0H88V46H114Q136 46 152 46T177 47T193 50T201 52T207 57T213 61V578Z"></path><path id="MJX-1-TEX-I-1D45B" d="M21 287Q22 293 24 303T36 341T56 388T89 425T135 442Q171 442 195 424T225 390T231 369Q231 367 232 367L243 378Q304 442 382 442Q436 442 469 415T503 336T465 179T427 52Q427 26 444 26Q450 26 453 27Q482 32 505 65T540 145Q542 153 560 153Q580 153 580 145Q580 144 576 130Q568 101 554 73T508 17T439 -10Q392 -10 371 17T350 73Q350 92 386 193T423 345Q423 404 379 404H374Q288 404 229 303L222 291L189 157Q156 26 151 16Q138 -11 108 -11Q95 -11 87 -5T76 7T74 17Q74 30 112 180T152 343Q153 348 153 366Q153 405 129 405Q91 405 66 305Q60 285 60 284Q58 278 41 278H27Q21 284 21 287Z"></path><path id="MJX-1-TEX-I-210E" d="M137 683Q138 683 209 688T282 694Q294 694 294 685Q294 674 258 534Q220 386 220 383Q220 381 227 388Q288 442 357 442Q411 442 444 415T478 336Q478 285 440 178T402 50Q403 36 407 31T422 26Q450 26 474 56T513 138Q516 149 519 151T535 153Q555 153 555 145Q555 144 551 130Q535 71 500 33Q466 -10 419 -10H414Q367 -10 346 17T325 74Q325 90 361 192T398 345Q398 404 354 404H349Q266 404 205 306L198 293L164 158Q132 28 127 16Q114 -11 83 -11Q69 -11 59 -2T48 16Q48 30 121 320L195 616Q195 629 188 632T149 637H128Q122 643 122 645T124 664Q129 683 137 683Z"></path><path id="MJX-1-TEX-LO-222B" d="M114 -798Q132 -824 165 -824H167Q195 -824 223 -764T275 -600T320 -391T362 -164Q365 -143 367 -133Q439 292 523 655T645 1127Q651 1145 655 1157T672 1201T699 1257T733 1306T777 1346T828 1360Q884 1360 912 1325T944 1245Q944 1220 932 1205T909 1186T887 1183Q866 1183 849 1198T832 1239Q832 1287 885 1296L882 1300Q879 1303 874 1307T866 1313Q851 1323 833 1323Q819 1323 807 1311T775 1255T736 1139T689 936T633 628Q574 293 510 -5T410 -437T355 -629Q278 -862 165 -862Q125 -862 92 -831T55 -746Q55 -711 74 -698T112 -685Q133 -685 150 -700T167 -741Q167 -789 114 -798Z"></path><path id="MJX-1-TEX-N-30" d="M96 585Q152 666 249 666Q297 666 345 640T423 548Q460 465 460 320Q460 165 417 83Q397 41 362 16T301 -15T250 -22Q224 -22 198 -16T137 16T82 83Q39 165 39 320Q39 494 96 585ZM321 597Q291 629 250 629Q208 629 178 597Q153 571 145 525T137 333Q137 175 145 125T181 46Q209 16 250 16Q290 16 318 46Q347 76 354 130T362 333Q362 478 354 524T321 597Z"></path><path id="MJX-1-TEX-SO-28" d="M152 251Q152 646 388 850H416Q422 844 422 841Q422 837 403 816T357 753T302 649T255 482T236 250Q236 124 255 19T301 -147T356 -251T403 -315T422 -340Q422 -343 416 -349H388Q359 -325 332 -296T271 -213T212 -97T170 56T152 251Z"></path><path id="MJX-1-TEX-I-1D715" d="M202 508Q179 508 169 520T158 547Q158 557 164 577T185 624T230 675T301 710L333 715H345Q378 715 384 714Q447 703 489 661T549 568T566 457Q566 362 519 240T402 53Q321 -22 223 -22Q123 -22 73 56Q42 102 42 148V159Q42 276 129 370T322 465Q383 465 414 434T455 367L458 378Q478 461 478 515Q478 603 437 639T344 676Q266 676 223 612Q264 606 264 572Q264 547 246 528T202 508ZM430 306Q430 372 401 400T333 428Q270 428 222 382Q197 354 183 323T150 221Q132 149 132 116Q132 21 232 21Q244 21 250 22Q327 35 374 112Q389 137 409 196T430 306Z"></path><path id="MJX-1-TEX-I-1D453" d="M118 -162Q120 -162 124 -164T135 -167T147 -168Q160 -168 171 -155T187 -126Q197 -99 221 27T267 267T289 382V385H242Q195 385 192 387Q188 390 188 397L195 425Q197 430 203 430T250 431Q298 431 298 432Q298 434 307 482T319 540Q356 705 465 705Q502 703 526 683T550 630Q550 594 529 578T487 561Q443 561 443 603Q443 622 454 636T478 657L487 662Q471 668 457 668Q445 668 434 658T419 630Q412 601 403 552T387 469T380 433Q380 431 435 431Q480 431 487 430T498 424Q499 420 496 407T491 391Q489 386 482 386T428 385H372L349 263Q301 15 282 -47Q255 -132 212 -173Q175 -205 139 -205Q107 -205 81 -186T55 -132Q55 -95 76 -78T118 -61Q162 -61 162 -103Q162 -122 151 -136T127 -157L118 -162Z"></path><path id="MJX-1-TEX-N-28" d="M94 250Q94 319 104 381T127 488T164 576T202 643T244 695T277 729T302 750H315H319Q333 750 333 741Q333 738 316 720T275 667T226 581T184 443T167 250T184 58T225 -81T274 -167T316 -220T333 -241Q333 -250 318 -250H315H302L274 -226Q180 -141 137 -14T94 250Z"></path><path id="MJX-1-TEX-N-2212" d="M84 237T84 250T98 270H679Q694 262 694 250T679 230H98Q84 237 84 250Z"></path><path id="MJX-1-TEX-I-1D461" d="M26 385Q19 392 19 395Q19 399 22 411T27 425Q29 430 36 430T87 431H140L159 511Q162 522 166 540T173 566T179 586T187 603T197 615T211 624T229 626Q247 625 254 615T261 596Q261 589 252 549T232 470L222 433Q222 431 272 431H323Q330 424 330 420Q330 398 317 385H210L174 240Q135 80 135 68Q135 26 162 26Q197 26 230 60T283 144Q285 150 288 151T303 153H307Q322 153 322 145Q322 142 319 133Q314 117 301 95T267 48T216 6T155 -11Q125 -11 98 4T59 56Q57 64 57 83V101L92 241Q127 382 128 383Q128 385 77 385H26Z"></path><path id="MJX-1-TEX-I-1D452" d="M39 168Q39 225 58 272T107 350T174 402T244 433T307 442H310Q355 442 388 420T421 355Q421 265 310 237Q261 224 176 223Q139 223 138 221Q138 219 132 186T125 128Q125 81 146 54T209 26T302 45T394 111Q403 121 406 121Q410 121 419 112T429 98T420 82T390 55T344 24T281 -1T205 -11Q126 -11 83 42T39 168ZM373 353Q367 405 305 405Q272 405 244 391T199 357T170 316T154 280T149 261Q149 260 169 260Q282 260 327 284T373 353Z"></path><path id="MJX-1-TEX-N-29" d="M60 749L64 750Q69 750 74 750H86L114 726Q208 641 251 514T294 250Q294 182 284 119T261 12T224 -76T186 -143T145 -194T113 -227T90 -246Q87 -249 86 -250H74Q66 -250 63 -250T58 -247T55 -238Q56 -237 66 -225Q221 -64 221 250T66 725Q56 737 55 738Q55 746 60 749Z"></path><path id="MJX-1-TEX-SO-29" d="M305 251Q305 -145 69 -349H56Q43 -349 39 -347T35 -338Q37 -333 60 -307T108 -239T160 -136T204 27T221 250T204 473T160 636T108 740T60 807T35 839Q35 850 50 850H56H69Q197 743 256 566Q305 425 305 251Z"></path><path id="MJX-1-TEX-I-1D451" d="M366 683Q367 683 438 688T511 694Q523 694 523 686Q523 679 450 384T375 83T374 68Q374 26 402 26Q411 27 422 35Q443 55 463 131Q469 151 473 152Q475 153 483 153H487H491Q506 153 506 145Q506 140 503 129Q490 79 473 48T445 8T417 -8Q409 -10 393 -10Q359 -10 336 5T306 36L300 51Q299 52 296 50Q294 48 292 46Q233 -10 172 -10Q117 -10 75 30T33 157Q33 205 53 255T101 341Q148 398 195 420T280 442Q336 442 364 400Q369 394 369 396Q370 400 396 505T424 616Q424 629 417 632T378 637H357Q351 643 351 645T353 664Q358 683 366 683ZM352 326Q329 405 277 405Q242 405 210 374T160 293Q131 214 119 129Q119 126 119 118T118 106Q118 61 136 44T179 26Q233 26 290 98L298 109L352 326Z"></path></defs><g stroke="currentColor" fill="currentColor" stroke-width="0" transform="scale(1,-1)"><g data-mml-node="math"><g data-mml-node="mtable"><g data-mml-node="mtr" transform="translate(0,750)"><g data-mml-node="mtd"><g data-mml-node="mi"><use data-c="1D465" xlink:href="#MJX-1-TEX-I-1D465"></use></g><g data-mml-node="mo" transform="translate(849.8,0)"><use data-c="3D" xlink:href="#MJX-1-TEX-N-3D"></use></g><g data-mml-node="mi" transform="translate(1905.6,0)"><use data-c="1D44E" xlink:href="#MJX-1-TEX-I-1D44E"></use></g><g data-mml-node="mo" transform="translate(2656.8,0)"><use data-c="2B" xlink:href="#MJX-1-TEX-N-2B"></use></g><g data-mml-node="mi" transform="translate(3657,0)"><use data-c="1D44F" xlink:href="#MJX-1-TEX-I-1D44F"></use></g></g></g><g data-mml-node="mtr" transform="translate(0,-750)"><g data-mml-node="mtd" transform="translate(89,0)"><g data-mml-node="mi"><use data-c="1D466" xlink:href="#MJX-1-TEX-I-1D466"></use></g><g data-mml-node="mo" transform="translate(767.8,0)"><use data-c="3D" xlink:href="#MJX-1-TEX-N-3D"></use></g><g data-mml-node="mi" transform="translate(1823.6,0)"><use data-c="1D44F" xlink:href="#MJX-1-TEX-I-1D44F"></use></g><g data-mml-node="mo" transform="translate(2474.8,0)"><use data-c="2B" xlink:href="#MJX-1-TEX-N-2B"></use></g><g data-mml-node="mi" transform="translate(3475,0)"><use data-c="1D450" xlink:href="#MJX-1-TEX-I-1D450"></use></g></g></g></g><g data-mml-node="munderover" transform="translate(4252.7,0)"><g data-mml-node="mo"><use data-c="2211" xlink:href="#MJX-1-TEX-LO-2211"></use></g><g data-mml-node="TeXAtom" transform="translate(86,-1107.7) scale(0.707)" data-mjx-texclass="ORD"><g data-mml-node="mi"><use data-c="1D458" xlink:href="#MJX-1-TEX-I-1D458"></use></g><g data-mml-node="mo" transform="translate(521,0)"><use data-c="3D" xlink:href="#MJX-1-TEX-N-3D"></use></g><g data-mml-node="mn" transform="translate(1299,0)"><use data-c="31" xlink:href="#MJX-1-TEX-N-31"></use></g></g><g data-mml-node="TeXAtom" transform="translate(509.9,1150) scale(0.707)" data-mjx-texclass="ORD"><g data-mml-node="mi"><use data-c="1D45B" xlink:href="#MJX-1-TEX-I-1D45B"></use></g></g></g><g data-mml-node="msub" transform="translate(5863.3,0)"><g data-mml-node="mi"><use data-c="210E" xlink:href="#MJX-1-TEX-I-210E"></use></g><g data-mml-node="TeXAtom" transform="translate(609,-150) scale(0.707)" data-mjx-texclass="ORD"><g data-mml-node="mi"><use data-c="1D458" xlink:href="#MJX-1-TEX-I-1D458"></use></g></g></g><g data-mml-node="msubsup" transform="translate(7057.4,0)"><g data-mml-node="mo" transform="translate(0 1)"><use data-c="222B" xlink:href="#MJX-1-TEX-LO-222B"></use></g><g data-mml-node="TeXAtom" transform="translate(1046.4,1088.1) scale(0.707)" data-mjx-texclass="ORD"><g data-mml-node="mn"><use data-c="31" xlink:href="#MJX-1-TEX-N-31"></use></g></g><g data-mml-node="TeXAtom" transform="translate(589,-896.4) scale(0.707)" data-mjx-texclass="ORD"><g data-mml-node="mn"><use data-c="30" xlink:href="#MJX-1-TEX-N-30"></use></g></g></g><g data-mml-node="TeXAtom" data-mjx-texclass="OPEN" transform="translate(8507.4,0)"><g data-mml-node="mo" transform="translate(0 -0.5)"><use data-c="28" xlink:href="#MJX-1-TEX-SO-28"></use></g></g><g data-mml-node="msub" transform="translate(8965.4,0)"><g data-mml-node="mi"><use data-c="1D715" xlink:href="#MJX-1-TEX-I-1D715"></use></g><g data-mml-node="TeXAtom" transform="translate(564,-150) scale(0.707)" data-mjx-texclass="ORD"><g data-mml-node="mi"><use data-c="1D458" xlink:href="#MJX-1-TEX-I-1D458"></use></g></g></g><g data-mml-node="mi" transform="translate(9947.8,0)"><use data-c="1D453" xlink:href="#MJX-1-TEX-I-1D453"></use></g><g data-mml-node="mo" transform="translate(10497.8,0)"><use data-c="28" xlink:href="#MJX-1-TEX-N-28"></use></g><g data-mml-node="msub" transform="translate(10886.8,0)"><g data-mml-node="mi"><use data-c="1D465" xlink:href="#MJX-1-TEX-I-1D465"></use></g><g data-mml-node="TeXAtom" transform="translate(605,-150) scale(0.707)" data-mjx-texclass="ORD"><g data-mml-node="mi"><use data-c="1D458" xlink:href="#MJX-1-TEX-I-1D458"></use></g><g data-mml-node="mo" transform="translate(521,0)"><use data-c="2212" xlink:href="#MJX-1-TEX-N-2212"></use></g><g data-mml-node="mn" transform="translate(1299,0)"><use data-c="31" xlink:href="#MJX-1-TEX-N-31"></use></g></g></g><g data-mml-node="mo" transform="translate(13036.1,0)"><use data-c="2B" xlink:href="#MJX-1-TEX-N-2B"></use></g><g data-mml-node="mi" transform="translate(14036.3,0)"><use data-c="1D461" xlink:href="#MJX-1-TEX-I-1D461"></use></g><g data-mml-node="msub" transform="translate(14397.3,0)"><g data-mml-node="mi"><use data-c="210E" xlink:href="#MJX-1-TEX-I-210E"></use></g><g data-mml-node="TeXAtom" transform="translate(609,-150) scale(0.707)" data-mjx-texclass="ORD"><g data-mml-node="mi"><use data-c="1D458" xlink:href="#MJX-1-TEX-I-1D458"></use></g></g></g><g data-mml-node="msub" transform="translate(15424.7,0)"><g data-mml-node="mi"><use data-c="1D452" xlink:href="#MJX-1-TEX-I-1D452"></use></g><g data-mml-node="TeXAtom" transform="translate(499,-150) scale(0.707)" data-mjx-texclass="ORD"><g data-mml-node="mi"><use data-c="1D458" xlink:href="#MJX-1-TEX-I-1D458"></use></g></g></g><g data-mml-node="mo" transform="translate(16342.1,0)"><use data-c="29" xlink:href="#MJX-1-TEX-N-29"></use></g><g data-mml-node="mo" transform="translate(16953.3,0)"><use data-c="2212" xlink:href="#MJX-1-TEX-N-2212"></use></g><g data-mml-node="msub" transform="translate(17953.5,0)"><g data-mml-node="mi"><use data-c="1D715" xlink:href="#MJX-1-TEX-I-1D715"></use></g><g data-mml-node="TeXAtom" transform="translate(564,-150) scale(0.707)" data-mjx-texclass="ORD"><g data-mml-node="mi"><use data-c="1D458" xlink:href="#MJX-1-TEX-I-1D458"></use></g></g></g><g data-mml-node="mi" transform="translate(18935.9,0)"><use data-c="1D453" xlink:href="#MJX-1-TEX-I-1D453"></use></g><g data-mml-node="mo" transform="translate(19485.9,0)"><use data-c="28" xlink:href="#MJX-1-TEX-N-28"></use></g><g data-mml-node="mi" transform="translate(19874.9,0)"><use data-c="1D44E" xlink:href="#MJX-1-TEX-I-1D44E"></use></g><g data-mml-node="mo" transform="translate(20403.9,0)"><use data-c="29" xlink:href="#MJX-1-TEX-N-29"></use></g><g data-mml-node="TeXAtom" data-mjx-texclass="CLOSE" transform="translate(20792.9,0)"><g data-mml-node="mo" transform="translate(0 -0.5)"><use data-c="29" xlink:href="#MJX-1-TEX-SO-29"></use></g></g><g data-mml-node="mstyle" transform="translate(21250.9,0)"><g data-mml-node="mspace"></g></g><g data-mml-node="mi" transform="translate(21417.9,0)"><use data-c="1D451" xlink:href="#MJX-1-TEX-I-1D451"></use></g><g data-mml-node="mi" transform="translate(21937.9,0)"><use data-c="1D461" xlink:href="#MJX-1-TEX-I-1D461"></use></g></g></g></svg></g></g><g id="network.cell tower"><g class="shape" ><rect x="96.000000" y="503.000000" width="383.000000" height="657.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /><rect x="96.000000" y="503.000000" width="383.000000" height="657.000000" class="dots-overlay" style="stroke-width:2;" /></g><text x="287.500000" y="491.000000" class="text-mono fill-N1" style="text-anchor:middle;font-size:24px">CELL TOWER</text></g><g id="network.online portal"><g class="shape" ><rect x="20.000000" y="1822.000000" width="157.000000" height="151.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /><rect x="20.000000" y="1822.000000" width="157.000000" height="151.000000" class="dots-overlay" style="stroke-width:2;" /></g><text x="98.500000" y="1810.000000" class="text-mono fill-N1" style="text-anchor:middle;font-size:24px">ONLINE PORTAL</text></g><g id="network.data processor"><g class="shape" ><rect x="220.000000" y="1317.000000" width="192.000000" height="182.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /><rect x="220.000000" y="1317.000000" width="192.000000" height="182.000000" class="dots-overlay" style="stroke-width:2;" /></g><text x="316.000000" y="1305.000000" class="text-mono fill-N1" style="text-anchor:middle;font-size:24px">DATA PROCESSOR</text></g><g id="network.cell tower.satellites"><g class="shape" ><path d="M 165 695 H 311 C 307 695 296 713 296 728 C 296 743 307 761 311 761 H 165 C 161 761 150 743 150 728 C 150 713 161 695 165 695 Z" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /><path d="M 155 705 H 301 C 297 705 286 723 286 738 C 286 753 297 771 301 771 H 155 C 151 771 140 753 140 738 C 140 723 151 705 155 705 Z" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /></g><text x="220.500000" y="743.500000" class="text-mono fill-N1" style="text-anchor:middle;font-size:16px">SATELLITES</text></g><g id="network.cell tower.transmitter"><g class="shape" ><rect x="241.000000" y="1062.000000" width="151.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="316.500000" y="1100.500000" class="text-mono fill-N1" style="text-anchor:middle;font-size:16px">TRANSMITTER</text></g><g id="network.online portal.ui"><g class="shape" ><path d="M 87 1863 L 71 1897 L 87 1932 L 120 1932 L 136 1897 L 120 1863 Z" class=" stroke-B1 fill-N5" style="stroke-width:2;" /></g><text x="103.500000" y="1903.000000" class="text-mono fill-N1" style="text-anchor:middle;font-size:16px">UI</text></g><g id="network.data processor.storage"><g class="shape" ><path d="M 270 1363 C 270 1339 320 1339 326 1339 C 332 1339 382 1339 382 1363 V 1433 C 382 1457 332 1457 326 1457 C 320 1457 270 1457 270 1433 V 1363 Z" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /><path d="M 270 1363 C 270 1387 320 1387 326 1387 C 332 1387 382 1387 382 1363" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /><path d="M 260 1373 C 260 1349 310 1349 316 1349 C 322 1349 372 1349 372 1373 V 1443 C 372 1467 322 1467 316 1467 C 310 1467 260 1467 260 1443 V 1373 Z" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /><path d="M 260 1373 C 260 1397 310 1397 316 1397 C 322 1397 372 1397 372 1373" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /></g><text x="316.000000" y="1425.500000" class="text-mono fill-N1" style="text-anchor:middle;font-size:16px">STORAGE</text></g><g id="network.cell tower.(satellites -&gt; transmitter)[0]"><marker id="mk-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" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 214.686531 773.975282 C 185.800000 956.000000 196.300000 1014.200000 264.200591 1060.738607" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2900518315)" /><text x="189.000000" y="941.000000" class="text-mono-italic fill-N2" style="text-anchor:middle;font-size:16px">SEND</text></g><g id="network.cell tower.(satellites -&gt; transmitter)[1]"><path d="M 225.271380 773.981503 C 250.200000 956.000000 264.300000 1014.200000 293.345353 1059.629911" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2900518315)" /><text x="246.000000" y="928.000000" class="text-mono-italic fill-N2" style="text-anchor:middle;font-size:16px">SEND</text></g><g id="network.cell tower.(satellites -&gt; transmitter)[2]"><path d="M 244.113979 773.661039 C 366.400000 956.000000 386.650000 1014.200000 346.873489 1059.980513" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2900518315)" /><text x="340.000000" y="922.000000" class="text-mono-italic fill-N2" style="text-anchor:middle;font-size:16px">SEND</text></g><g id="network.(cell tower.transmitter -&gt; data processor.storage)[0]"><path d="M 316.000000 1130.500000 C 316.000000 1154.100000 316.000000 1172.600000 316.000000 1190.750000 C 316.000000 1208.900000 316.000000 1295.200000 316.000000 1346.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2900518315)" /><text x="316.000000" y="1245.000000" class="text-mono-italic fill-N2" style="text-anchor:middle;font-size:16px">PHONE LOGS</text></g><g id="(user -&gt; network.cell tower)[0]"><path d="M 161.664462 170.886396 C 208.200000 303.000000 220.000000 411.200000 220.000000 464.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2900518315)" /><text x="209.000000" y="320.000000" class="text-mono-italic fill-N2" style="text-anchor:middle;font-size:16px">MAKE CALL</text></g><g id="(user -&gt; network.online portal.ui)[0]"><marker id="mk-2177206569" 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" class="connection fill-B2" stroke-width="2" /> </marker><path d="M 137.308200 170.876543 C 88.600000 303.000000 76.250000 348.600000 76.250000 366.750000 C 76.250000 384.900000 76.250000 407.000000 76.250000 422.000000 C 76.250000 437.000000 76.250000 497.600000 76.250000 573.500000 C 76.250000 649.400000 76.250000 752.700000 76.250000 831.750000 C 76.250000 910.800000 76.250000 982.200000 76.250000 1010.250000 C 76.250000 1038.300000 76.250000 1073.600000 76.250000 1098.500000 C 76.250000 1123.400000 76.250000 1152.100000 76.250000 1170.250000 C 76.250000 1188.400000 76.250000 1212.600000 76.250000 1230.750000 C 76.250000 1248.900000 76.250000 1282.800000 76.250000 1315.500000 C 76.250000 1348.200000 76.250000 1391.800000 76.250000 1424.500000 C 76.250000 1457.200000 76.250000 1489.000000 76.250000 1504.000000 C 76.250000 1519.000000 76.250000 1545.600000 76.250000 1570.500000 C 76.250000 1595.400000 76.250000 1630.700000 76.250000 1658.750000 C 76.250000 1686.800000 79.600000 1785.600000 92.326099 1860.057176" fill="none" class="connection stroke-B2" style="stroke-width:2;stroke-dasharray:6.000000,5.919384;" marker-end="url(#mk-2177206569)" mask="url(#d2-2900518315)" /><text x="76.000000" y="1017.000000" class="text-mono-italic fill-N2" style="text-anchor:middle;font-size:16px">ACCESS</text></g><g id="(api server -&gt; network.online portal.ui)[0]"><path d="M 537.536934 1626.220003 C 212.500000 1689.567483 127.400000 1785.600000 114.673901 1860.057176" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2900518315)" /><text x="273.500000" y="1683.000000" class="text-mono-italic fill-N2" style="text-anchor:middle;font-size:16px">DISPLAY</text></g><g id="(api server -&gt; logs)[0]"><path d="M 610.500000 1647.000000 C 610.500000 1693.400000 610.600000 1776.000000 610.960002 1812.000200" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2900518315)" /><text x="611.000000" y="1736.000000" class="text-mono-italic fill-N2" style="text-anchor:middle;font-size:16px">PERSIST</text></g><g id="(network.data processor -&gt; api server)[0]"><path d="M 316.000000 1501.500000 C 316.000000 1523.100000 360.700000 1541.597963 535.649982 1590.904749" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2900518315)" /></g><g id="(markdown -&gt; code)[0]"><path d="M 973.500000 200.500000 C 973.500000 308.900000 973.500000 348.600000 973.500000 366.750000 C 973.500000 384.900000 973.500000 457.000000 973.500000 493.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2900518315)" /></g><g id="(code -&gt; ex)[0]"><path d="M 973.500000 905.000000 C 973.500000 951.400000 973.500000 977.100000 973.500000 1027.500000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2900518315)" /></g><mask id="d2-2900518315" maskUnits="userSpaceOnUse" x="-1" y="-1" width="1410" height="2005">
+</tspan></text><text class="text-mono" x="0" y="24.000000em" xml:space="preserve"><tspan fill="#fab387"></tspan><tspan fill="#cdd6f4">}</tspan></text></g></g></g><g id="ex"><g class="shape" ></g><g transform="translate(772.000000 1031.000000)" class=" color-N1"><svg style="vertical-align: -2.864ex;" xmlns="http://www.w3.org/2000/svg" width="50.45ex" height="6.399ex" role="img" focusable="false" viewBox="0 -1562.5 22298.9 2828.3" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><path id="MJX-1-TEX-I-1D465" d="M52 289Q59 331 106 386T222 442Q257 442 286 424T329 379Q371 442 430 442Q467 442 494 420T522 361Q522 332 508 314T481 292T458 288Q439 288 427 299T415 328Q415 374 465 391Q454 404 425 404Q412 404 406 402Q368 386 350 336Q290 115 290 78Q290 50 306 38T341 26Q378 26 414 59T463 140Q466 150 469 151T485 153H489Q504 153 504 145Q504 144 502 134Q486 77 440 33T333 -11Q263 -11 227 52Q186 -10 133 -10H127Q78 -10 57 16T35 71Q35 103 54 123T99 143Q142 143 142 101Q142 81 130 66T107 46T94 41L91 40Q91 39 97 36T113 29T132 26Q168 26 194 71Q203 87 217 139T245 247T261 313Q266 340 266 352Q266 380 251 392T217 404Q177 404 142 372T93 290Q91 281 88 280T72 278H58Q52 284 52 289Z"></path><path id="MJX-1-TEX-N-3D" d="M56 347Q56 360 70 367H707Q722 359 722 347Q722 336 708 328L390 327H72Q56 332 56 347ZM56 153Q56 168 72 173H708Q722 163 722 153Q722 140 707 133H70Q56 140 56 153Z"></path><path id="MJX-1-TEX-I-1D44E" d="M33 157Q33 258 109 349T280 441Q331 441 370 392Q386 422 416 422Q429 422 439 414T449 394Q449 381 412 234T374 68Q374 43 381 35T402 26Q411 27 422 35Q443 55 463 131Q469 151 473 152Q475 153 483 153H487Q506 153 506 144Q506 138 501 117T481 63T449 13Q436 0 417 -8Q409 -10 393 -10Q359 -10 336 5T306 36L300 51Q299 52 296 50Q294 48 292 46Q233 -10 172 -10Q117 -10 75 30T33 157ZM351 328Q351 334 346 350T323 385T277 405Q242 405 210 374T160 293Q131 214 119 129Q119 126 119 118T118 106Q118 61 136 44T179 26Q217 26 254 59T298 110Q300 114 325 217T351 328Z"></path><path id="MJX-1-TEX-N-2B" d="M56 237T56 250T70 270H369V420L370 570Q380 583 389 583Q402 583 409 568V270H707Q722 262 722 250T707 230H409V-68Q401 -82 391 -82H389H387Q375 -82 369 -68V230H70Q56 237 56 250Z"></path><path id="MJX-1-TEX-I-1D44F" d="M73 647Q73 657 77 670T89 683Q90 683 161 688T234 694Q246 694 246 685T212 542Q204 508 195 472T180 418L176 399Q176 396 182 402Q231 442 283 442Q345 442 383 396T422 280Q422 169 343 79T173 -11Q123 -11 82 27T40 150V159Q40 180 48 217T97 414Q147 611 147 623T109 637Q104 637 101 637H96Q86 637 83 637T76 640T73 647ZM336 325V331Q336 405 275 405Q258 405 240 397T207 376T181 352T163 330L157 322L136 236Q114 150 114 114Q114 66 138 42Q154 26 178 26Q211 26 245 58Q270 81 285 114T318 219Q336 291 336 325Z"></path><path id="MJX-1-TEX-I-1D466" d="M21 287Q21 301 36 335T84 406T158 442Q199 442 224 419T250 355Q248 336 247 334Q247 331 231 288T198 191T182 105Q182 62 196 45T238 27Q261 27 281 38T312 61T339 94Q339 95 344 114T358 173T377 247Q415 397 419 404Q432 431 462 431Q475 431 483 424T494 412T496 403Q496 390 447 193T391 -23Q363 -106 294 -155T156 -205Q111 -205 77 -183T43 -117Q43 -95 50 -80T69 -58T89 -48T106 -45Q150 -45 150 -87Q150 -107 138 -122T115 -142T102 -147L99 -148Q101 -153 118 -160T152 -167H160Q177 -167 186 -165Q219 -156 247 -127T290 -65T313 -9T321 21L315 17Q309 13 296 6T270 -6Q250 -11 231 -11Q185 -11 150 11T104 82Q103 89 103 113Q103 170 138 262T173 379Q173 380 173 381Q173 390 173 393T169 400T158 404H154Q131 404 112 385T82 344T65 302T57 280Q55 278 41 278H27Q21 284 21 287Z"></path><path id="MJX-1-TEX-I-1D450" d="M34 159Q34 268 120 355T306 442Q362 442 394 418T427 355Q427 326 408 306T360 285Q341 285 330 295T319 325T330 359T352 380T366 386H367Q367 388 361 392T340 400T306 404Q276 404 249 390Q228 381 206 359Q162 315 142 235T121 119Q121 73 147 50Q169 26 205 26H209Q321 26 394 111Q403 121 406 121Q410 121 419 112T429 98T420 83T391 55T346 25T282 0T202 -11Q127 -11 81 37T34 159Z"></path><path id="MJX-1-TEX-LO-2211" d="M60 948Q63 950 665 950H1267L1325 815Q1384 677 1388 669H1348L1341 683Q1320 724 1285 761Q1235 809 1174 838T1033 881T882 898T699 902H574H543H251L259 891Q722 258 724 252Q725 250 724 246Q721 243 460 -56L196 -356Q196 -357 407 -357Q459 -357 548 -357T676 -358Q812 -358 896 -353T1063 -332T1204 -283T1307 -196Q1328 -170 1348 -124H1388Q1388 -125 1381 -145T1356 -210T1325 -294L1267 -449L666 -450Q64 -450 61 -448Q55 -446 55 -439Q55 -437 57 -433L590 177Q590 178 557 222T452 366T322 544L56 909L55 924Q55 945 60 948Z"></path><path id="MJX-1-TEX-I-1D458" d="M121 647Q121 657 125 670T137 683Q138 683 209 688T282 694Q294 694 294 686Q294 679 244 477Q194 279 194 272Q213 282 223 291Q247 309 292 354T362 415Q402 442 438 442Q468 442 485 423T503 369Q503 344 496 327T477 302T456 291T438 288Q418 288 406 299T394 328Q394 353 410 369T442 390L458 393Q446 405 434 405H430Q398 402 367 380T294 316T228 255Q230 254 243 252T267 246T293 238T320 224T342 206T359 180T365 147Q365 130 360 106T354 66Q354 26 381 26Q429 26 459 145Q461 153 479 153H483Q499 153 499 144Q499 139 496 130Q455 -11 378 -11Q333 -11 305 15T277 90Q277 108 280 121T283 145Q283 167 269 183T234 206T200 217T182 220H180Q168 178 159 139T145 81T136 44T129 20T122 7T111 -2Q98 -11 83 -11Q66 -11 57 -1T48 16Q48 26 85 176T158 471L195 616Q196 629 188 632T149 637H144Q134 637 131 637T124 640T121 647Z"></path><path id="MJX-1-TEX-N-31" d="M213 578L200 573Q186 568 160 563T102 556H83V602H102Q149 604 189 617T245 641T273 663Q275 666 285 666Q294 666 302 660V361L303 61Q310 54 315 52T339 48T401 46H427V0H416Q395 3 257 3Q121 3 100 0H88V46H114Q136 46 152 46T177 47T193 50T201 52T207 57T213 61V578Z"></path><path id="MJX-1-TEX-I-1D45B" d="M21 287Q22 293 24 303T36 341T56 388T89 425T135 442Q171 442 195 424T225 390T231 369Q231 367 232 367L243 378Q304 442 382 442Q436 442 469 415T503 336T465 179T427 52Q427 26 444 26Q450 26 453 27Q482 32 505 65T540 145Q542 153 560 153Q580 153 580 145Q580 144 576 130Q568 101 554 73T508 17T439 -10Q392 -10 371 17T350 73Q350 92 386 193T423 345Q423 404 379 404H374Q288 404 229 303L222 291L189 157Q156 26 151 16Q138 -11 108 -11Q95 -11 87 -5T76 7T74 17Q74 30 112 180T152 343Q153 348 153 366Q153 405 129 405Q91 405 66 305Q60 285 60 284Q58 278 41 278H27Q21 284 21 287Z"></path><path id="MJX-1-TEX-I-210E" d="M137 683Q138 683 209 688T282 694Q294 694 294 685Q294 674 258 534Q220 386 220 383Q220 381 227 388Q288 442 357 442Q411 442 444 415T478 336Q478 285 440 178T402 50Q403 36 407 31T422 26Q450 26 474 56T513 138Q516 149 519 151T535 153Q555 153 555 145Q555 144 551 130Q535 71 500 33Q466 -10 419 -10H414Q367 -10 346 17T325 74Q325 90 361 192T398 345Q398 404 354 404H349Q266 404 205 306L198 293L164 158Q132 28 127 16Q114 -11 83 -11Q69 -11 59 -2T48 16Q48 30 121 320L195 616Q195 629 188 632T149 637H128Q122 643 122 645T124 664Q129 683 137 683Z"></path><path id="MJX-1-TEX-LO-222B" d="M114 -798Q132 -824 165 -824H167Q195 -824 223 -764T275 -600T320 -391T362 -164Q365 -143 367 -133Q439 292 523 655T645 1127Q651 1145 655 1157T672 1201T699 1257T733 1306T777 1346T828 1360Q884 1360 912 1325T944 1245Q944 1220 932 1205T909 1186T887 1183Q866 1183 849 1198T832 1239Q832 1287 885 1296L882 1300Q879 1303 874 1307T866 1313Q851 1323 833 1323Q819 1323 807 1311T775 1255T736 1139T689 936T633 628Q574 293 510 -5T410 -437T355 -629Q278 -862 165 -862Q125 -862 92 -831T55 -746Q55 -711 74 -698T112 -685Q133 -685 150 -700T167 -741Q167 -789 114 -798Z"></path><path id="MJX-1-TEX-N-30" d="M96 585Q152 666 249 666Q297 666 345 640T423 548Q460 465 460 320Q460 165 417 83Q397 41 362 16T301 -15T250 -22Q224 -22 198 -16T137 16T82 83Q39 165 39 320Q39 494 96 585ZM321 597Q291 629 250 629Q208 629 178 597Q153 571 145 525T137 333Q137 175 145 125T181 46Q209 16 250 16Q290 16 318 46Q347 76 354 130T362 333Q362 478 354 524T321 597Z"></path><path id="MJX-1-TEX-SO-28" d="M152 251Q152 646 388 850H416Q422 844 422 841Q422 837 403 816T357 753T302 649T255 482T236 250Q236 124 255 19T301 -147T356 -251T403 -315T422 -340Q422 -343 416 -349H388Q359 -325 332 -296T271 -213T212 -97T170 56T152 251Z"></path><path id="MJX-1-TEX-I-1D715" d="M202 508Q179 508 169 520T158 547Q158 557 164 577T185 624T230 675T301 710L333 715H345Q378 715 384 714Q447 703 489 661T549 568T566 457Q566 362 519 240T402 53Q321 -22 223 -22Q123 -22 73 56Q42 102 42 148V159Q42 276 129 370T322 465Q383 465 414 434T455 367L458 378Q478 461 478 515Q478 603 437 639T344 676Q266 676 223 612Q264 606 264 572Q264 547 246 528T202 508ZM430 306Q430 372 401 400T333 428Q270 428 222 382Q197 354 183 323T150 221Q132 149 132 116Q132 21 232 21Q244 21 250 22Q327 35 374 112Q389 137 409 196T430 306Z"></path><path id="MJX-1-TEX-I-1D453" d="M118 -162Q120 -162 124 -164T135 -167T147 -168Q160 -168 171 -155T187 -126Q197 -99 221 27T267 267T289 382V385H242Q195 385 192 387Q188 390 188 397L195 425Q197 430 203 430T250 431Q298 431 298 432Q298 434 307 482T319 540Q356 705 465 705Q502 703 526 683T550 630Q550 594 529 578T487 561Q443 561 443 603Q443 622 454 636T478 657L487 662Q471 668 457 668Q445 668 434 658T419 630Q412 601 403 552T387 469T380 433Q380 431 435 431Q480 431 487 430T498 424Q499 420 496 407T491 391Q489 386 482 386T428 385H372L349 263Q301 15 282 -47Q255 -132 212 -173Q175 -205 139 -205Q107 -205 81 -186T55 -132Q55 -95 76 -78T118 -61Q162 -61 162 -103Q162 -122 151 -136T127 -157L118 -162Z"></path><path id="MJX-1-TEX-N-28" d="M94 250Q94 319 104 381T127 488T164 576T202 643T244 695T277 729T302 750H315H319Q333 750 333 741Q333 738 316 720T275 667T226 581T184 443T167 250T184 58T225 -81T274 -167T316 -220T333 -241Q333 -250 318 -250H315H302L274 -226Q180 -141 137 -14T94 250Z"></path><path id="MJX-1-TEX-N-2212" d="M84 237T84 250T98 270H679Q694 262 694 250T679 230H98Q84 237 84 250Z"></path><path id="MJX-1-TEX-I-1D461" d="M26 385Q19 392 19 395Q19 399 22 411T27 425Q29 430 36 430T87 431H140L159 511Q162 522 166 540T173 566T179 586T187 603T197 615T211 624T229 626Q247 625 254 615T261 596Q261 589 252 549T232 470L222 433Q222 431 272 431H323Q330 424 330 420Q330 398 317 385H210L174 240Q135 80 135 68Q135 26 162 26Q197 26 230 60T283 144Q285 150 288 151T303 153H307Q322 153 322 145Q322 142 319 133Q314 117 301 95T267 48T216 6T155 -11Q125 -11 98 4T59 56Q57 64 57 83V101L92 241Q127 382 128 383Q128 385 77 385H26Z"></path><path id="MJX-1-TEX-I-1D452" d="M39 168Q39 225 58 272T107 350T174 402T244 433T307 442H310Q355 442 388 420T421 355Q421 265 310 237Q261 224 176 223Q139 223 138 221Q138 219 132 186T125 128Q125 81 146 54T209 26T302 45T394 111Q403 121 406 121Q410 121 419 112T429 98T420 82T390 55T344 24T281 -1T205 -11Q126 -11 83 42T39 168ZM373 353Q367 405 305 405Q272 405 244 391T199 357T170 316T154 280T149 261Q149 260 169 260Q282 260 327 284T373 353Z"></path><path id="MJX-1-TEX-N-29" d="M60 749L64 750Q69 750 74 750H86L114 726Q208 641 251 514T294 250Q294 182 284 119T261 12T224 -76T186 -143T145 -194T113 -227T90 -246Q87 -249 86 -250H74Q66 -250 63 -250T58 -247T55 -238Q56 -237 66 -225Q221 -64 221 250T66 725Q56 737 55 738Q55 746 60 749Z"></path><path id="MJX-1-TEX-SO-29" d="M305 251Q305 -145 69 -349H56Q43 -349 39 -347T35 -338Q37 -333 60 -307T108 -239T160 -136T204 27T221 250T204 473T160 636T108 740T60 807T35 839Q35 850 50 850H56H69Q197 743 256 566Q305 425 305 251Z"></path><path id="MJX-1-TEX-I-1D451" d="M366 683Q367 683 438 688T511 694Q523 694 523 686Q523 679 450 384T375 83T374 68Q374 26 402 26Q411 27 422 35Q443 55 463 131Q469 151 473 152Q475 153 483 153H487H491Q506 153 506 145Q506 140 503 129Q490 79 473 48T445 8T417 -8Q409 -10 393 -10Q359 -10 336 5T306 36L300 51Q299 52 296 50Q294 48 292 46Q233 -10 172 -10Q117 -10 75 30T33 157Q33 205 53 255T101 341Q148 398 195 420T280 442Q336 442 364 400Q369 394 369 396Q370 400 396 505T424 616Q424 629 417 632T378 637H357Q351 643 351 645T353 664Q358 683 366 683ZM352 326Q329 405 277 405Q242 405 210 374T160 293Q131 214 119 129Q119 126 119 118T118 106Q118 61 136 44T179 26Q233 26 290 98L298 109L352 326Z"></path></defs><g stroke="currentColor" fill="currentColor" stroke-width="0" transform="scale(1,-1)"><g data-mml-node="math"><g data-mml-node="mtable"><g data-mml-node="mtr" transform="translate(0,750)"><g data-mml-node="mtd"><g data-mml-node="mi"><use data-c="1D465" xlink:href="#MJX-1-TEX-I-1D465"></use></g><g data-mml-node="mo" transform="translate(849.8,0)"><use data-c="3D" xlink:href="#MJX-1-TEX-N-3D"></use></g><g data-mml-node="mi" transform="translate(1905.6,0)"><use data-c="1D44E" xlink:href="#MJX-1-TEX-I-1D44E"></use></g><g data-mml-node="mo" transform="translate(2656.8,0)"><use data-c="2B" xlink:href="#MJX-1-TEX-N-2B"></use></g><g data-mml-node="mi" transform="translate(3657,0)"><use data-c="1D44F" xlink:href="#MJX-1-TEX-I-1D44F"></use></g></g></g><g data-mml-node="mtr" transform="translate(0,-750)"><g data-mml-node="mtd" transform="translate(89,0)"><g data-mml-node="mi"><use data-c="1D466" xlink:href="#MJX-1-TEX-I-1D466"></use></g><g data-mml-node="mo" transform="translate(767.8,0)"><use data-c="3D" xlink:href="#MJX-1-TEX-N-3D"></use></g><g data-mml-node="mi" transform="translate(1823.6,0)"><use data-c="1D44F" xlink:href="#MJX-1-TEX-I-1D44F"></use></g><g data-mml-node="mo" transform="translate(2474.8,0)"><use data-c="2B" xlink:href="#MJX-1-TEX-N-2B"></use></g><g data-mml-node="mi" transform="translate(3475,0)"><use data-c="1D450" xlink:href="#MJX-1-TEX-I-1D450"></use></g></g></g></g><g data-mml-node="munderover" transform="translate(4252.7,0)"><g data-mml-node="mo"><use data-c="2211" xlink:href="#MJX-1-TEX-LO-2211"></use></g><g data-mml-node="TeXAtom" transform="translate(86,-1107.7) scale(0.707)" data-mjx-texclass="ORD"><g data-mml-node="mi"><use data-c="1D458" xlink:href="#MJX-1-TEX-I-1D458"></use></g><g data-mml-node="mo" transform="translate(521,0)"><use data-c="3D" xlink:href="#MJX-1-TEX-N-3D"></use></g><g data-mml-node="mn" transform="translate(1299,0)"><use data-c="31" xlink:href="#MJX-1-TEX-N-31"></use></g></g><g data-mml-node="TeXAtom" transform="translate(509.9,1150) scale(0.707)" data-mjx-texclass="ORD"><g data-mml-node="mi"><use data-c="1D45B" xlink:href="#MJX-1-TEX-I-1D45B"></use></g></g></g><g data-mml-node="msub" transform="translate(5863.3,0)"><g data-mml-node="mi"><use data-c="210E" xlink:href="#MJX-1-TEX-I-210E"></use></g><g data-mml-node="TeXAtom" transform="translate(609,-150) scale(0.707)" data-mjx-texclass="ORD"><g data-mml-node="mi"><use data-c="1D458" xlink:href="#MJX-1-TEX-I-1D458"></use></g></g></g><g data-mml-node="msubsup" transform="translate(7057.4,0)"><g data-mml-node="mo" transform="translate(0 1)"><use data-c="222B" xlink:href="#MJX-1-TEX-LO-222B"></use></g><g data-mml-node="TeXAtom" transform="translate(1046.4,1088.1) scale(0.707)" data-mjx-texclass="ORD"><g data-mml-node="mn"><use data-c="31" xlink:href="#MJX-1-TEX-N-31"></use></g></g><g data-mml-node="TeXAtom" transform="translate(589,-896.4) scale(0.707)" data-mjx-texclass="ORD"><g data-mml-node="mn"><use data-c="30" xlink:href="#MJX-1-TEX-N-30"></use></g></g></g><g data-mml-node="TeXAtom" data-mjx-texclass="OPEN" transform="translate(8507.4,0)"><g data-mml-node="mo" transform="translate(0 -0.5)"><use data-c="28" xlink:href="#MJX-1-TEX-SO-28"></use></g></g><g data-mml-node="msub" transform="translate(8965.4,0)"><g data-mml-node="mi"><use data-c="1D715" xlink:href="#MJX-1-TEX-I-1D715"></use></g><g data-mml-node="TeXAtom" transform="translate(564,-150) scale(0.707)" data-mjx-texclass="ORD"><g data-mml-node="mi"><use data-c="1D458" xlink:href="#MJX-1-TEX-I-1D458"></use></g></g></g><g data-mml-node="mi" transform="translate(9947.8,0)"><use data-c="1D453" xlink:href="#MJX-1-TEX-I-1D453"></use></g><g data-mml-node="mo" transform="translate(10497.8,0)"><use data-c="28" xlink:href="#MJX-1-TEX-N-28"></use></g><g data-mml-node="msub" transform="translate(10886.8,0)"><g data-mml-node="mi"><use data-c="1D465" xlink:href="#MJX-1-TEX-I-1D465"></use></g><g data-mml-node="TeXAtom" transform="translate(605,-150) scale(0.707)" data-mjx-texclass="ORD"><g data-mml-node="mi"><use data-c="1D458" xlink:href="#MJX-1-TEX-I-1D458"></use></g><g data-mml-node="mo" transform="translate(521,0)"><use data-c="2212" xlink:href="#MJX-1-TEX-N-2212"></use></g><g data-mml-node="mn" transform="translate(1299,0)"><use data-c="31" xlink:href="#MJX-1-TEX-N-31"></use></g></g></g><g data-mml-node="mo" transform="translate(13036.1,0)"><use data-c="2B" xlink:href="#MJX-1-TEX-N-2B"></use></g><g data-mml-node="mi" transform="translate(14036.3,0)"><use data-c="1D461" xlink:href="#MJX-1-TEX-I-1D461"></use></g><g data-mml-node="msub" transform="translate(14397.3,0)"><g data-mml-node="mi"><use data-c="210E" xlink:href="#MJX-1-TEX-I-210E"></use></g><g data-mml-node="TeXAtom" transform="translate(609,-150) scale(0.707)" data-mjx-texclass="ORD"><g data-mml-node="mi"><use data-c="1D458" xlink:href="#MJX-1-TEX-I-1D458"></use></g></g></g><g data-mml-node="msub" transform="translate(15424.7,0)"><g data-mml-node="mi"><use data-c="1D452" xlink:href="#MJX-1-TEX-I-1D452"></use></g><g data-mml-node="TeXAtom" transform="translate(499,-150) scale(0.707)" data-mjx-texclass="ORD"><g data-mml-node="mi"><use data-c="1D458" xlink:href="#MJX-1-TEX-I-1D458"></use></g></g></g><g data-mml-node="mo" transform="translate(16342.1,0)"><use data-c="29" xlink:href="#MJX-1-TEX-N-29"></use></g><g data-mml-node="mo" transform="translate(16953.3,0)"><use data-c="2212" xlink:href="#MJX-1-TEX-N-2212"></use></g><g data-mml-node="msub" transform="translate(17953.5,0)"><g data-mml-node="mi"><use data-c="1D715" xlink:href="#MJX-1-TEX-I-1D715"></use></g><g data-mml-node="TeXAtom" transform="translate(564,-150) scale(0.707)" data-mjx-texclass="ORD"><g data-mml-node="mi"><use data-c="1D458" xlink:href="#MJX-1-TEX-I-1D458"></use></g></g></g><g data-mml-node="mi" transform="translate(18935.9,0)"><use data-c="1D453" xlink:href="#MJX-1-TEX-I-1D453"></use></g><g data-mml-node="mo" transform="translate(19485.9,0)"><use data-c="28" xlink:href="#MJX-1-TEX-N-28"></use></g><g data-mml-node="mi" transform="translate(19874.9,0)"><use data-c="1D44E" xlink:href="#MJX-1-TEX-I-1D44E"></use></g><g data-mml-node="mo" transform="translate(20403.9,0)"><use data-c="29" xlink:href="#MJX-1-TEX-N-29"></use></g><g data-mml-node="TeXAtom" data-mjx-texclass="CLOSE" transform="translate(20792.9,0)"><g data-mml-node="mo" transform="translate(0 -0.5)"><use data-c="29" xlink:href="#MJX-1-TEX-SO-29"></use></g></g><g data-mml-node="mstyle" transform="translate(21250.9,0)"><g data-mml-node="mspace"></g></g><g data-mml-node="mi" transform="translate(21417.9,0)"><use data-c="1D451" xlink:href="#MJX-1-TEX-I-1D451"></use></g><g data-mml-node="mi" transform="translate(21937.9,0)"><use data-c="1D461" xlink:href="#MJX-1-TEX-I-1D461"></use></g></g></g></svg></g></g><g id="network.cell tower"><g class="shape" ><rect x="96.000000" y="503.000000" width="384.000000" height="657.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /><rect x="96.000000" y="503.000000" width="384.000000" height="657.000000" class="dots-overlay" style="stroke-width:2;" /></g><text x="288.000000" y="491.000000" class="text-mono fill-N1" style="text-anchor:middle;font-size:24px">Cell Tower</text></g><g id="network.online portal"><g class="shape" ><rect x="20.000000" y="1822.000000" width="157.000000" height="151.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /><rect x="20.000000" y="1822.000000" width="157.000000" height="151.000000" class="dots-overlay" style="stroke-width:2;" /></g><text x="98.500000" y="1810.000000" class="text-mono fill-N1" style="text-anchor:middle;font-size:24px">ONLINE PORTAL</text></g><g id="network.data processor"><g class="shape" ><rect x="221.000000" y="1317.000000" width="192.000000" height="182.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /><rect x="221.000000" y="1317.000000" width="192.000000" height="182.000000" class="dots-overlay" style="stroke-width:2;" /></g><text x="317.000000" y="1305.000000" class="text-mono fill-N1" style="text-anchor:middle;font-size:24px">DATA PROCESSOR</text></g><g id="network.cell tower.satellites"><g class="shape" ><path d="M 165 695 H 311 C 307 695 296 713 296 728 C 296 743 307 761 311 761 H 165 C 161 761 150 743 150 728 C 150 713 161 695 165 695 Z" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /><path d="M 155 705 H 301 C 297 705 286 723 286 738 C 286 753 297 771 301 771 H 155 C 151 771 140 753 140 738 C 140 723 151 705 155 705 Z" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /></g><text x="220.500000" y="743.500000" class="text-mono fill-N1" style="text-anchor:middle;font-size:16px">SATELLITES</text></g><g id="network.cell tower.transmitter"><g class="shape" ><rect x="241.000000" y="1062.000000" width="151.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="316.500000" y="1100.500000" class="text-mono fill-N1" style="text-anchor:middle;font-size:16px">TRANSMITTER</text></g><g id="network.online portal.ui"><g class="shape" ><path d="M 87 1863 L 71 1897 L 87 1932 L 120 1932 L 136 1897 L 120 1863 Z" class=" stroke-B1 fill-N5" style="stroke-width:2;" /></g><text x="103.500000" y="1903.000000" class="text-mono fill-N1" style="text-anchor:middle;font-size:16px">UI</text></g><g id="network.data processor.storage"><g class="shape" ><path d="M 271 1363 C 271 1339 321 1339 327 1339 C 333 1339 383 1339 383 1363 V 1433 C 383 1457 333 1457 327 1457 C 321 1457 271 1457 271 1433 V 1363 Z" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /><path d="M 271 1363 C 271 1387 321 1387 327 1387 C 333 1387 383 1387 383 1363" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /><path d="M 261 1373 C 261 1349 311 1349 317 1349 C 323 1349 373 1349 373 1373 V 1443 C 373 1467 323 1467 317 1467 C 311 1467 261 1467 261 1443 V 1373 Z" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /><path d="M 261 1373 C 261 1397 311 1397 317 1397 C 323 1397 373 1397 373 1373" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /></g><text x="317.000000" y="1425.500000" class="text-mono fill-N1" style="text-anchor:middle;font-size:16px">STORAGE</text></g><g id="network.cell tower.(satellites -&gt; transmitter)[0]"><marker id="mk-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" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 214.688626 773.975613 C 186.000000 956.000000 196.550000 1014.200000 264.450591 1060.738607" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-161474785)" /><text x="189.500000" y="941.000000" class="text-mono-italic fill-N2" style="text-anchor:middle;font-size:16px">send</text></g><g id="network.cell tower.(satellites -&gt; transmitter)[1]"><path d="M 225.277718 773.980624 C 250.800000 956.000000 264.850000 1014.200000 293.135009 1059.604884" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-161474785)" /><text x="246.000000" y="928.000000" class="text-mono-italic fill-N2" style="text-anchor:middle;font-size:16px">SEND</text></g><g id="network.cell tower.(satellites -&gt; transmitter)[2]"><path d="M 244.117707 773.658533 C 367.000000 956.000000 387.400000 1014.200000 347.623489 1059.980513" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-161474785)" /><text x="340.000000" y="922.000000" class="text-mono-italic fill-N2" style="text-anchor:middle;font-size:16px">SEND</text></g><g id="network.(cell tower.transmitter -&gt; data processor.storage)[0]"><path d="M 316.500000 1130.500000 C 316.500000 1154.100000 316.500000 1172.600000 316.500000 1190.750000 C 316.500000 1208.900000 316.600000 1295.200000 316.970804 1346.000107" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-161474785)" /><text x="317.000000" y="1245.000000" class="text-mono-italic fill-N2" style="text-anchor:middle;font-size:16px">PHONE LOGS</text></g><g id="(user -&gt; network.cell tower)[0]"><path d="M 161.669464 170.884627 C 208.600000 303.000000 220.500000 411.200000 220.500000 464.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-161474785)" /><text x="210.000000" y="320.000000" class="text-mono-italic fill-N2" style="text-anchor:middle;font-size:16px">MAKE CALL</text></g><g id="(user -&gt; network.online portal.ui)[0]"><marker id="mk-2177206569" 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" class="connection fill-B2" stroke-width="2" /> </marker><path d="M 138.298366 170.872888 C 88.800000 303.000000 76.250000 348.600000 76.250000 366.750000 C 76.250000 384.900000 76.250000 407.000000 76.250000 422.000000 C 76.250000 437.000000 76.250000 497.600000 76.250000 573.500000 C 76.250000 649.400000 76.250000 752.700000 76.250000 831.750000 C 76.250000 910.800000 76.250000 982.200000 76.250000 1010.250000 C 76.250000 1038.300000 76.250000 1073.600000 76.250000 1098.500000 C 76.250000 1123.400000 76.250000 1152.100000 76.250000 1170.250000 C 76.250000 1188.400000 76.250000 1212.600000 76.250000 1230.750000 C 76.250000 1248.900000 76.250000 1282.800000 76.250000 1315.500000 C 76.250000 1348.200000 76.250000 1391.800000 76.250000 1424.500000 C 76.250000 1457.200000 76.250000 1489.000000 76.250000 1504.000000 C 76.250000 1519.000000 76.250000 1545.600000 76.250000 1570.500000 C 76.250000 1595.400000 76.250000 1630.700000 76.250000 1658.750000 C 76.250000 1686.800000 79.600000 1785.600000 92.326099 1860.057176" fill="none" class="connection stroke-B2" style="stroke-width:2;stroke-dasharray:6.000000,5.919384;" marker-end="url(#mk-2177206569)" mask="url(#d2-161474785)" /><text x="76.000000" y="1017.000000" class="text-mono-italic fill-N2" style="text-anchor:middle;font-size:16px">ACCESS</text></g><g id="(api server -&gt; network.online portal.ui)[0]"><path d="M 538.286822 1626.197830 C 212.650000 1689.563163 127.400000 1785.600000 114.673901 1860.057176" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-161474785)" /><text x="274.500000" y="1683.000000" class="text-mono-italic fill-N2" style="text-anchor:middle;font-size:16px">DISPLAY</text></g><g id="(api server -&gt; logs)[0]"><path d="M 611.250000 1647.000000 C 611.250000 1693.400000 611.200000 1776.000000 611.020000 1812.000050" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-161474785)" /><text x="611.000000" y="1736.000000" class="text-mono-italic fill-N2" style="text-anchor:middle;font-size:16px">PERSIST</text></g><g id="(network.data processor -&gt; api server)[0]"><path d="M 316.500000 1501.500000 C 316.500000 1523.100000 361.300000 1541.600000 536.649396 1590.917018" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-161474785)" /></g><g id="(markdown -&gt; code)[0]"><path d="M 974.250000 200.500000 C 974.250000 308.900000 974.250000 348.600000 974.250000 366.750000 C 974.250000 384.900000 974.250000 457.000000 974.250000 493.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-161474785)" /></g><g id="(code -&gt; ex)[0]"><path d="M 974.250000 905.000000 C 974.250000 951.400000 974.250000 977.100000 974.250000 1027.500000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-161474785)" /></g><mask id="d2-161474785" maskUnits="userSpaceOnUse" x="-1" y="-1" width="1410" height="2005">
 <rect x="-1" y="-1" width="1410" height="2005" fill="white"></rect>
-<rect x="170.000000" y="925.000000" width="38" height="21" fill="black"></rect>
+<rect x="170.000000" y="925.000000" width="39" height="21" fill="black"></rect>
 <rect x="227.000000" y="912.000000" width="38" height="21" fill="black"></rect>
 <rect x="321.000000" y="906.000000" width="38" height="21" fill="black"></rect>
-<rect x="268.000000" y="1229.000000" width="96" height="21" fill="black"></rect>
-<rect x="166.000000" y="304.000000" width="86" height="21" fill="black"></rect>
+<rect x="269.000000" y="1229.000000" width="96" height="21" fill="black"></rect>
+<rect x="167.000000" y="304.000000" width="86" height="21" fill="black"></rect>
 <rect x="47.000000" y="1001.000000" width="58" height="21" fill="black"></rect>
-<rect x="239.000000" y="1667.000000" width="69" height="21" fill="black"></rect>
+<rect x="240.000000" y="1667.000000" width="69" height="21" fill="black"></rect>
 <rect x="577.000000" y="1720.000000" width="68" height="21" fill="black"></rect>
 </mask></svg></svg>
\ No newline at end of file
diff --git a/e2etests/testdata/themes/terminal/elk/board.exp.json b/e2etests/testdata/themes/terminal/elk/board.exp.json
index b79b9693e..6c96f9fb5 100644
--- a/e2etests/testdata/themes/terminal/elk/board.exp.json
+++ b/e2etests/testdata/themes/terminal/elk/board.exp.json
@@ -73,7 +73,7 @@
       "fields": null,
       "methods": null,
       "columns": null,
-      "label": "CELL TOWER",
+      "label": "Cell Tower",
       "fontSize": 24,
       "fontFamily": "mono",
       "language": "",
@@ -81,7 +81,7 @@
       "italic": false,
       "bold": false,
       "underline": false,
-      "labelWidth": 143,
+      "labelWidth": 142,
       "labelHeight": 31,
       "labelPosition": "INSIDE_TOP_CENTER",
       "zIndex": 0,
@@ -840,7 +840,7 @@
       "strokeDash": 0,
       "strokeWidth": 2,
       "stroke": "B1",
-      "label": "SEND",
+      "label": "send",
       "fontSize": 16,
       "fontFamily": "mono",
       "language": "",
@@ -848,7 +848,7 @@
       "italic": true,
       "bold": false,
       "underline": false,
-      "labelWidth": 38,
+      "labelWidth": 39,
       "labelHeight": 21,
       "labelPosition": "INSIDE_MIDDLE_CENTER",
       "labelPercentage": 0,
@@ -858,7 +858,7 @@
           "y": 1075
         },
         {
-          "x": 143.5,
+          "x": 143.25,
           "y": 1256
         }
       ],
@@ -893,11 +893,11 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 192,
+          "x": 193,
           "y": 1075
         },
         {
-          "x": 192.5,
+          "x": 192.75,
           "y": 1256
         }
       ],
@@ -932,11 +932,11 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 241,
+          "x": 242,
           "y": 1075
         },
         {
-          "x": 241.5,
+          "x": 241.75,
           "y": 1256
         }
       ],
diff --git a/e2etests/testdata/themes/terminal/elk/sketch.exp.svg b/e2etests/testdata/themes/terminal/elk/sketch.exp.svg
index b756bc500..a1ee6794a 100644
--- a/e2etests/testdata/themes/terminal/elk/sketch.exp.svg
+++ b/e2etests/testdata/themes/terminal/elk/sketch.exp.svg
@@ -1,30 +1,30 @@
-<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1731 1846"><svg id="d2-svg" class="d2-1716679499" width="1731" height="1846" viewBox="11 11 1731 1846"><rect x="11.000000" y="11.000000" width="1731.000000" height="1846.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
-.d2-1716679499 .text {
-	font-family: "d2-1716679499-font-regular";
+<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1731 1846"><svg id="d2-svg" class="d2-3080606261" width="1731" height="1846" viewBox="11 11 1731 1846"><rect x="11.000000" y="11.000000" width="1731.000000" height="1846.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
+.d2-3080606261 .text {
+	font-family: "d2-3080606261-font-regular";
 }
 @font-face {
-	font-family: d2-1716679499-font-regular;
+	font-family: d2-3080606261-font-regular;
 	src: url("data:application/font-woff;base64,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");
 }
-.d2-1716679499 .text-mono {
-	font-family: "d2-1716679499-font-mono";
+.d2-3080606261 .text-mono {
+	font-family: "d2-3080606261-font-mono";
 }
 @font-face {
-	font-family: d2-1716679499-font-mono;
+	font-family: d2-3080606261-font-mono;
 	src: url("data:application/font-woff;base64,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");
 }
-.d2-1716679499 .text-mono-bold {
-	font-family: "d2-1716679499-font-mono-bold";
+.d2-3080606261 .text-mono-bold {
+	font-family: "d2-3080606261-font-mono-bold";
 }
 @font-face {
-	font-family: d2-1716679499-font-mono-bold;
+	font-family: d2-3080606261-font-mono-bold;
 	src: url("data:application/font-woff;base64,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");
 }
-.d2-1716679499 .text-mono-italic {
-	font-family: "d2-1716679499-font-mono-italic";
+.d2-3080606261 .text-mono-italic {
+	font-family: "d2-3080606261-font-mono-italic";
 }
 @font-face {
-	font-family: d2-1716679499-font-mono-italic;
+	font-family: d2-3080606261-font-mono-italic;
 	src: url("data:application/font-woff;base64,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");
 }]]></style><style type="text/css"><![CDATA[.shape {
   shape-rendering: geometricPrecision;
@@ -39,148 +39,148 @@
   opacity: 0.5;
 }
 
-		.d2-1716679499 .fill-N1{fill:#000410;}
-		.d2-1716679499 .fill-N2{fill:#0000B8;}
-		.d2-1716679499 .fill-N3{fill:#9499AB;}
-		.d2-1716679499 .fill-N4{fill:#CFD2DD;}
-		.d2-1716679499 .fill-N5{fill:#C3DEF3;}
-		.d2-1716679499 .fill-N6{fill:#EEF1F8;}
-		.d2-1716679499 .fill-N7{fill:#FFFFFF;}
-		.d2-1716679499 .fill-B1{fill:#000410;}
-		.d2-1716679499 .fill-B2{fill:#0000E4;}
-		.d2-1716679499 .fill-B3{fill:#5AA4DC;}
-		.d2-1716679499 .fill-B4{fill:#E7E9EE;}
-		.d2-1716679499 .fill-B5{fill:#F5F6F9;}
-		.d2-1716679499 .fill-B6{fill:#FFFFFF;}
-		.d2-1716679499 .fill-AA2{fill:#008566;}
-		.d2-1716679499 .fill-AA4{fill:#45BBA5;}
-		.d2-1716679499 .fill-AA5{fill:#7ACCBD;}
-		.d2-1716679499 .fill-AB4{fill:#F1C759;}
-		.d2-1716679499 .fill-AB5{fill:#F9E088;}
-		.d2-1716679499 .stroke-N1{stroke:#000410;}
-		.d2-1716679499 .stroke-N2{stroke:#0000B8;}
-		.d2-1716679499 .stroke-N3{stroke:#9499AB;}
-		.d2-1716679499 .stroke-N4{stroke:#CFD2DD;}
-		.d2-1716679499 .stroke-N5{stroke:#C3DEF3;}
-		.d2-1716679499 .stroke-N6{stroke:#EEF1F8;}
-		.d2-1716679499 .stroke-N7{stroke:#FFFFFF;}
-		.d2-1716679499 .stroke-B1{stroke:#000410;}
-		.d2-1716679499 .stroke-B2{stroke:#0000E4;}
-		.d2-1716679499 .stroke-B3{stroke:#5AA4DC;}
-		.d2-1716679499 .stroke-B4{stroke:#E7E9EE;}
-		.d2-1716679499 .stroke-B5{stroke:#F5F6F9;}
-		.d2-1716679499 .stroke-B6{stroke:#FFFFFF;}
-		.d2-1716679499 .stroke-AA2{stroke:#008566;}
-		.d2-1716679499 .stroke-AA4{stroke:#45BBA5;}
-		.d2-1716679499 .stroke-AA5{stroke:#7ACCBD;}
-		.d2-1716679499 .stroke-AB4{stroke:#F1C759;}
-		.d2-1716679499 .stroke-AB5{stroke:#F9E088;}
-		.d2-1716679499 .background-color-N1{background-color:#000410;}
-		.d2-1716679499 .background-color-N2{background-color:#0000B8;}
-		.d2-1716679499 .background-color-N3{background-color:#9499AB;}
-		.d2-1716679499 .background-color-N4{background-color:#CFD2DD;}
-		.d2-1716679499 .background-color-N5{background-color:#C3DEF3;}
-		.d2-1716679499 .background-color-N6{background-color:#EEF1F8;}
-		.d2-1716679499 .background-color-N7{background-color:#FFFFFF;}
-		.d2-1716679499 .background-color-B1{background-color:#000410;}
-		.d2-1716679499 .background-color-B2{background-color:#0000E4;}
-		.d2-1716679499 .background-color-B3{background-color:#5AA4DC;}
-		.d2-1716679499 .background-color-B4{background-color:#E7E9EE;}
-		.d2-1716679499 .background-color-B5{background-color:#F5F6F9;}
-		.d2-1716679499 .background-color-B6{background-color:#FFFFFF;}
-		.d2-1716679499 .background-color-AA2{background-color:#008566;}
-		.d2-1716679499 .background-color-AA4{background-color:#45BBA5;}
-		.d2-1716679499 .background-color-AA5{background-color:#7ACCBD;}
-		.d2-1716679499 .background-color-AB4{background-color:#F1C759;}
-		.d2-1716679499 .background-color-AB5{background-color:#F9E088;}
-		.d2-1716679499 .color-N1{color:#000410;}
-		.d2-1716679499 .color-N2{color:#0000B8;}
-		.d2-1716679499 .color-N3{color:#9499AB;}
-		.d2-1716679499 .color-N4{color:#CFD2DD;}
-		.d2-1716679499 .color-N5{color:#C3DEF3;}
-		.d2-1716679499 .color-N6{color:#EEF1F8;}
-		.d2-1716679499 .color-N7{color:#FFFFFF;}
-		.d2-1716679499 .color-B1{color:#000410;}
-		.d2-1716679499 .color-B2{color:#0000E4;}
-		.d2-1716679499 .color-B3{color:#5AA4DC;}
-		.d2-1716679499 .color-B4{color:#E7E9EE;}
-		.d2-1716679499 .color-B5{color:#F5F6F9;}
-		.d2-1716679499 .color-B6{color:#FFFFFF;}
-		.d2-1716679499 .color-AA2{color:#008566;}
-		.d2-1716679499 .color-AA4{color:#45BBA5;}
-		.d2-1716679499 .color-AA5{color:#7ACCBD;}
-		.d2-1716679499 .color-AB4{color:#F1C759;}
-		.d2-1716679499 .color-AB5{color:#F9E088;}.appendix text.text{fill:#000410}.md{--color-fg-default:#000410;--color-fg-muted:#0000B8;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#000410;--color-border-muted:#0000E4;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0000E4;--color-accent-emphasis:#0000E4;--color-attention-subtle:#0000B8;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-AA5{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-AB4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-AB5{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.d2-1716679499 .md em,
-.d2-1716679499 .md dfn {
-  font-family: "d2-1716679499-font-italic";
+		.d2-3080606261 .fill-N1{fill:#000410;}
+		.d2-3080606261 .fill-N2{fill:#0000B8;}
+		.d2-3080606261 .fill-N3{fill:#9499AB;}
+		.d2-3080606261 .fill-N4{fill:#CFD2DD;}
+		.d2-3080606261 .fill-N5{fill:#C3DEF3;}
+		.d2-3080606261 .fill-N6{fill:#EEF1F8;}
+		.d2-3080606261 .fill-N7{fill:#FFFFFF;}
+		.d2-3080606261 .fill-B1{fill:#000410;}
+		.d2-3080606261 .fill-B2{fill:#0000E4;}
+		.d2-3080606261 .fill-B3{fill:#5AA4DC;}
+		.d2-3080606261 .fill-B4{fill:#E7E9EE;}
+		.d2-3080606261 .fill-B5{fill:#F5F6F9;}
+		.d2-3080606261 .fill-B6{fill:#FFFFFF;}
+		.d2-3080606261 .fill-AA2{fill:#008566;}
+		.d2-3080606261 .fill-AA4{fill:#45BBA5;}
+		.d2-3080606261 .fill-AA5{fill:#7ACCBD;}
+		.d2-3080606261 .fill-AB4{fill:#F1C759;}
+		.d2-3080606261 .fill-AB5{fill:#F9E088;}
+		.d2-3080606261 .stroke-N1{stroke:#000410;}
+		.d2-3080606261 .stroke-N2{stroke:#0000B8;}
+		.d2-3080606261 .stroke-N3{stroke:#9499AB;}
+		.d2-3080606261 .stroke-N4{stroke:#CFD2DD;}
+		.d2-3080606261 .stroke-N5{stroke:#C3DEF3;}
+		.d2-3080606261 .stroke-N6{stroke:#EEF1F8;}
+		.d2-3080606261 .stroke-N7{stroke:#FFFFFF;}
+		.d2-3080606261 .stroke-B1{stroke:#000410;}
+		.d2-3080606261 .stroke-B2{stroke:#0000E4;}
+		.d2-3080606261 .stroke-B3{stroke:#5AA4DC;}
+		.d2-3080606261 .stroke-B4{stroke:#E7E9EE;}
+		.d2-3080606261 .stroke-B5{stroke:#F5F6F9;}
+		.d2-3080606261 .stroke-B6{stroke:#FFFFFF;}
+		.d2-3080606261 .stroke-AA2{stroke:#008566;}
+		.d2-3080606261 .stroke-AA4{stroke:#45BBA5;}
+		.d2-3080606261 .stroke-AA5{stroke:#7ACCBD;}
+		.d2-3080606261 .stroke-AB4{stroke:#F1C759;}
+		.d2-3080606261 .stroke-AB5{stroke:#F9E088;}
+		.d2-3080606261 .background-color-N1{background-color:#000410;}
+		.d2-3080606261 .background-color-N2{background-color:#0000B8;}
+		.d2-3080606261 .background-color-N3{background-color:#9499AB;}
+		.d2-3080606261 .background-color-N4{background-color:#CFD2DD;}
+		.d2-3080606261 .background-color-N5{background-color:#C3DEF3;}
+		.d2-3080606261 .background-color-N6{background-color:#EEF1F8;}
+		.d2-3080606261 .background-color-N7{background-color:#FFFFFF;}
+		.d2-3080606261 .background-color-B1{background-color:#000410;}
+		.d2-3080606261 .background-color-B2{background-color:#0000E4;}
+		.d2-3080606261 .background-color-B3{background-color:#5AA4DC;}
+		.d2-3080606261 .background-color-B4{background-color:#E7E9EE;}
+		.d2-3080606261 .background-color-B5{background-color:#F5F6F9;}
+		.d2-3080606261 .background-color-B6{background-color:#FFFFFF;}
+		.d2-3080606261 .background-color-AA2{background-color:#008566;}
+		.d2-3080606261 .background-color-AA4{background-color:#45BBA5;}
+		.d2-3080606261 .background-color-AA5{background-color:#7ACCBD;}
+		.d2-3080606261 .background-color-AB4{background-color:#F1C759;}
+		.d2-3080606261 .background-color-AB5{background-color:#F9E088;}
+		.d2-3080606261 .color-N1{color:#000410;}
+		.d2-3080606261 .color-N2{color:#0000B8;}
+		.d2-3080606261 .color-N3{color:#9499AB;}
+		.d2-3080606261 .color-N4{color:#CFD2DD;}
+		.d2-3080606261 .color-N5{color:#C3DEF3;}
+		.d2-3080606261 .color-N6{color:#EEF1F8;}
+		.d2-3080606261 .color-N7{color:#FFFFFF;}
+		.d2-3080606261 .color-B1{color:#000410;}
+		.d2-3080606261 .color-B2{color:#0000E4;}
+		.d2-3080606261 .color-B3{color:#5AA4DC;}
+		.d2-3080606261 .color-B4{color:#E7E9EE;}
+		.d2-3080606261 .color-B5{color:#F5F6F9;}
+		.d2-3080606261 .color-B6{color:#FFFFFF;}
+		.d2-3080606261 .color-AA2{color:#008566;}
+		.d2-3080606261 .color-AA4{color:#45BBA5;}
+		.d2-3080606261 .color-AA5{color:#7ACCBD;}
+		.d2-3080606261 .color-AB4{color:#F1C759;}
+		.d2-3080606261 .color-AB5{color:#F9E088;}.appendix text.text{fill:#000410}.md{--color-fg-default:#000410;--color-fg-muted:#0000B8;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#000410;--color-border-muted:#0000E4;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0000E4;--color-accent-emphasis:#0000E4;--color-attention-subtle:#0000B8;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-AA5{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-AB4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-AB5{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.d2-3080606261 .md em,
+.d2-3080606261 .md dfn {
+  font-family: "d2-3080606261-font-italic";
 }
 
-.d2-1716679499 .md b,
-.d2-1716679499 .md strong {
-  font-family: "d2-1716679499-font-bold";
+.d2-3080606261 .md b,
+.d2-3080606261 .md strong {
+  font-family: "d2-3080606261-font-bold";
 }
 
-.d2-1716679499 .md code,
-.d2-1716679499 .md kbd,
-.d2-1716679499 .md pre,
-.d2-1716679499 .md samp {
-  font-family: "d2-1716679499-font-mono";
+.d2-3080606261 .md code,
+.d2-3080606261 .md kbd,
+.d2-3080606261 .md pre,
+.d2-3080606261 .md samp {
+  font-family: "d2-3080606261-font-mono";
   font-size: 1em;
 }
 
-.d2-1716679499 .md {
+.d2-3080606261 .md {
   tab-size: 4;
 }
 
 /* variables are provided in d2renderers/d2svg/d2svg.go */
 
-.d2-1716679499 .md {
+.d2-3080606261 .md {
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
   margin: 0;
   color: var(--color-fg-default);
   background-color: transparent; /* we don't want to define the background color */
-  font-family: "d2-1716679499-font-regular";
+  font-family: "d2-3080606261-font-regular";
   font-size: 16px;
   line-height: 1.5;
   word-wrap: break-word;
 }
 
-.d2-1716679499 .md details,
-.d2-1716679499 .md figcaption,
-.d2-1716679499 .md figure {
+.d2-3080606261 .md details,
+.d2-3080606261 .md figcaption,
+.d2-3080606261 .md figure {
   display: block;
 }
 
-.d2-1716679499 .md summary {
+.d2-3080606261 .md summary {
   display: list-item;
 }
 
-.d2-1716679499 .md [hidden] {
+.d2-3080606261 .md [hidden] {
   display: none !important;
 }
 
-.d2-1716679499 .md a {
+.d2-3080606261 .md a {
   background-color: transparent;
   color: var(--color-accent-fg);
   text-decoration: none;
 }
 
-.d2-1716679499 .md a:active,
-.d2-1716679499 .md a:hover {
+.d2-3080606261 .md a:active,
+.d2-3080606261 .md a:hover {
   outline-width: 0;
 }
 
-.d2-1716679499 .md abbr[title] {
+.d2-3080606261 .md abbr[title] {
   border-bottom: none;
   text-decoration: underline dotted;
 }
 
-.d2-1716679499 .md dfn {
+.d2-3080606261 .md dfn {
   font-style: italic;
 }
 
-.d2-1716679499 .md h1 {
+.d2-3080606261 .md h1 {
   margin: 0.67em 0;
   font-weight: 600;
   padding-bottom: 0.3em;
@@ -188,43 +188,43 @@
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.d2-1716679499 .md mark {
+.d2-3080606261 .md mark {
   background-color: var(--color-attention-subtle);
   color: var(--color-text-primary);
 }
 
-.d2-1716679499 .md small {
+.d2-3080606261 .md small {
   font-size: 90%;
 }
 
-.d2-1716679499 .md sub,
-.d2-1716679499 .md sup {
+.d2-3080606261 .md sub,
+.d2-3080606261 .md sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
 }
 
-.d2-1716679499 .md sub {
+.d2-3080606261 .md sub {
   bottom: -0.25em;
 }
 
-.d2-1716679499 .md sup {
+.d2-3080606261 .md sup {
   top: -0.5em;
 }
 
-.d2-1716679499 .md img {
+.d2-3080606261 .md img {
   border-style: none;
   max-width: 100%;
   box-sizing: content-box;
   background-color: var(--color-canvas-default);
 }
 
-.d2-1716679499 .md figure {
+.d2-3080606261 .md figure {
   margin: 1em 40px;
 }
 
-.d2-1716679499 .md hr {
+.d2-3080606261 .md hr {
   box-sizing: content-box;
   overflow: hidden;
   background: transparent;
@@ -236,7 +236,7 @@
   border: 0;
 }
 
-.d2-1716679499 .md input {
+.d2-3080606261 .md input {
   font: inherit;
   margin: 0;
   overflow: visible;
@@ -245,72 +245,72 @@
   line-height: inherit;
 }
 
-.d2-1716679499 .md [type="button"],
-.d2-1716679499 .md [type="reset"],
-.d2-1716679499 .md [type="submit"] {
+.d2-3080606261 .md [type="button"],
+.d2-3080606261 .md [type="reset"],
+.d2-3080606261 .md [type="submit"] {
   -webkit-appearance: button;
 }
 
-.d2-1716679499 .md [type="button"]::-moz-focus-inner,
-.d2-1716679499 .md [type="reset"]::-moz-focus-inner,
-.d2-1716679499 .md [type="submit"]::-moz-focus-inner {
+.d2-3080606261 .md [type="button"]::-moz-focus-inner,
+.d2-3080606261 .md [type="reset"]::-moz-focus-inner,
+.d2-3080606261 .md [type="submit"]::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.d2-1716679499 .md [type="button"]:-moz-focusring,
-.d2-1716679499 .md [type="reset"]:-moz-focusring,
-.d2-1716679499 .md [type="submit"]:-moz-focusring {
+.d2-3080606261 .md [type="button"]:-moz-focusring,
+.d2-3080606261 .md [type="reset"]:-moz-focusring,
+.d2-3080606261 .md [type="submit"]:-moz-focusring {
   outline: 1px dotted ButtonText;
 }
 
-.d2-1716679499 .md [type="checkbox"],
-.d2-1716679499 .md [type="radio"] {
+.d2-3080606261 .md [type="checkbox"],
+.d2-3080606261 .md [type="radio"] {
   box-sizing: border-box;
   padding: 0;
 }
 
-.d2-1716679499 .md [type="number"]::-webkit-inner-spin-button,
-.d2-1716679499 .md [type="number"]::-webkit-outer-spin-button {
+.d2-3080606261 .md [type="number"]::-webkit-inner-spin-button,
+.d2-3080606261 .md [type="number"]::-webkit-outer-spin-button {
   height: auto;
 }
 
-.d2-1716679499 .md [type="search"] {
+.d2-3080606261 .md [type="search"] {
   -webkit-appearance: textfield;
   outline-offset: -2px;
 }
 
-.d2-1716679499 .md [type="search"]::-webkit-search-cancel-button,
-.d2-1716679499 .md [type="search"]::-webkit-search-decoration {
+.d2-3080606261 .md [type="search"]::-webkit-search-cancel-button,
+.d2-3080606261 .md [type="search"]::-webkit-search-decoration {
   -webkit-appearance: none;
 }
 
-.d2-1716679499 .md ::-webkit-input-placeholder {
+.d2-3080606261 .md ::-webkit-input-placeholder {
   color: inherit;
   opacity: 0.54;
 }
 
-.d2-1716679499 .md ::-webkit-file-upload-button {
+.d2-3080606261 .md ::-webkit-file-upload-button {
   -webkit-appearance: button;
   font: inherit;
 }
 
-.d2-1716679499 .md a:hover {
+.d2-3080606261 .md a:hover {
   text-decoration: underline;
 }
 
-.d2-1716679499 .md hr::before {
+.d2-3080606261 .md hr::before {
   display: table;
   content: "";
 }
 
-.d2-1716679499 .md hr::after {
+.d2-3080606261 .md hr::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.d2-1716679499 .md table {
+.d2-3080606261 .md table {
   border-spacing: 0;
   border-collapse: collapse;
   display: block;
@@ -319,20 +319,20 @@
   overflow: auto;
 }
 
-.d2-1716679499 .md td,
-.d2-1716679499 .md th {
+.d2-3080606261 .md td,
+.d2-3080606261 .md th {
   padding: 0;
 }
 
-.d2-1716679499 .md details summary {
+.d2-3080606261 .md details summary {
   cursor: pointer;
 }
 
-.d2-1716679499 .md details:not([open]) > *:not(summary) {
+.d2-3080606261 .md details:not([open]) > *:not(summary) {
   display: none !important;
 }
 
-.d2-1716679499 .md kbd {
+.d2-3080606261 .md kbd {
   display: inline-block;
   padding: 3px 5px;
   color: var(--color-fg-default);
@@ -344,235 +344,235 @@
   box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
 }
 
-.d2-1716679499 .md h1,
-.d2-1716679499 .md h2,
-.d2-1716679499 .md h3,
-.d2-1716679499 .md h4,
-.d2-1716679499 .md h5,
-.d2-1716679499 .md h6 {
+.d2-3080606261 .md h1,
+.d2-3080606261 .md h2,
+.d2-3080606261 .md h3,
+.d2-3080606261 .md h4,
+.d2-3080606261 .md h5,
+.d2-3080606261 .md h6 {
   margin-top: 24px;
   margin-bottom: 16px;
   font-weight: 600;
   line-height: 1.25;
-  font-family: "d2-1716679499-font-regular";
+  font-family: "d2-3080606261-font-regular";
 }
 
-.d2-1716679499 .md h2 {
+.d2-3080606261 .md h2 {
   font-weight: 600;
   padding-bottom: 0.3em;
   font-size: 1.5em;
   border-bottom: 1px solid var(--color-border-muted);
 }
 
-.d2-1716679499 .md h3 {
+.d2-3080606261 .md h3 {
   font-weight: 600;
   font-size: 1.25em;
 }
 
-.d2-1716679499 .md h4 {
+.d2-3080606261 .md h4 {
   font-weight: 600;
   font-size: 1em;
 }
 
-.d2-1716679499 .md h5 {
+.d2-3080606261 .md h5 {
   font-weight: 600;
   font-size: 0.875em;
 }
 
-.d2-1716679499 .md h6 {
+.d2-3080606261 .md h6 {
   font-weight: 600;
   font-size: 0.85em;
   color: var(--color-fg-muted);
 }
 
-.d2-1716679499 .md p {
+.d2-3080606261 .md p {
   margin-top: 0;
   margin-bottom: 10px;
 }
 
-.d2-1716679499 .md blockquote {
+.d2-3080606261 .md blockquote {
   margin: 0;
   padding: 0 1em;
   color: var(--color-fg-muted);
   border-left: 0.25em solid var(--color-border-default);
 }
 
-.d2-1716679499 .md ul,
-.d2-1716679499 .md ol {
+.d2-3080606261 .md ul,
+.d2-3080606261 .md ol {
   margin-top: 0;
   margin-bottom: 0;
   padding-left: 2em;
 }
 
-.d2-1716679499 .md ol ol,
-.d2-1716679499 .md ul ol {
+.d2-3080606261 .md ol ol,
+.d2-3080606261 .md ul ol {
   list-style-type: lower-roman;
 }
 
-.d2-1716679499 .md ul ul ol,
-.d2-1716679499 .md ul ol ol,
-.d2-1716679499 .md ol ul ol,
-.d2-1716679499 .md ol ol ol {
+.d2-3080606261 .md ul ul ol,
+.d2-3080606261 .md ul ol ol,
+.d2-3080606261 .md ol ul ol,
+.d2-3080606261 .md ol ol ol {
   list-style-type: lower-alpha;
 }
 
-.d2-1716679499 .md dd {
+.d2-3080606261 .md dd {
   margin-left: 0;
 }
 
-.d2-1716679499 .md pre {
+.d2-3080606261 .md pre {
   margin-top: 0;
   margin-bottom: 0;
   word-wrap: normal;
 }
 
-.d2-1716679499 .md ::placeholder {
+.d2-3080606261 .md ::placeholder {
   color: var(--color-fg-subtle);
   opacity: 1;
 }
 
-.d2-1716679499 .md input::-webkit-outer-spin-button,
-.d2-1716679499 .md input::-webkit-inner-spin-button {
+.d2-3080606261 .md input::-webkit-outer-spin-button,
+.d2-3080606261 .md input::-webkit-inner-spin-button {
   margin: 0;
   -webkit-appearance: none;
   appearance: none;
 }
 
-.d2-1716679499 .md::before {
+.d2-3080606261 .md::before {
   display: table;
   content: "";
 }
 
-.d2-1716679499 .md::after {
+.d2-3080606261 .md::after {
   display: table;
   clear: both;
   content: "";
 }
 
-.d2-1716679499 .md > *:first-child {
+.d2-3080606261 .md > *:first-child {
   margin-top: 0 !important;
 }
 
-.d2-1716679499 .md > *:last-child {
+.d2-3080606261 .md > *:last-child {
   margin-bottom: 0 !important;
 }
 
-.d2-1716679499 .md a:not([href]) {
+.d2-3080606261 .md a:not([href]) {
   color: inherit;
   text-decoration: none;
 }
 
-.d2-1716679499 .md .absent {
+.d2-3080606261 .md .absent {
   color: var(--color-danger-fg);
 }
 
-.d2-1716679499 .md .anchor {
+.d2-3080606261 .md .anchor {
   float: left;
   padding-right: 4px;
   margin-left: -20px;
   line-height: 1;
 }
 
-.d2-1716679499 .md .anchor:focus {
+.d2-3080606261 .md .anchor:focus {
   outline: none;
 }
 
-.d2-1716679499 .md p,
-.d2-1716679499 .md blockquote,
-.d2-1716679499 .md ul,
-.d2-1716679499 .md ol,
-.d2-1716679499 .md dl,
-.d2-1716679499 .md table,
-.d2-1716679499 .md pre,
-.d2-1716679499 .md details {
+.d2-3080606261 .md p,
+.d2-3080606261 .md blockquote,
+.d2-3080606261 .md ul,
+.d2-3080606261 .md ol,
+.d2-3080606261 .md dl,
+.d2-3080606261 .md table,
+.d2-3080606261 .md pre,
+.d2-3080606261 .md details {
   margin-top: 0;
   margin-bottom: 16px;
 }
 
-.d2-1716679499 .md blockquote > :first-child {
+.d2-3080606261 .md blockquote > :first-child {
   margin-top: 0;
 }
 
-.d2-1716679499 .md blockquote > :last-child {
+.d2-3080606261 .md blockquote > :last-child {
   margin-bottom: 0;
 }
 
-.d2-1716679499 .md sup > a::before {
+.d2-3080606261 .md sup > a::before {
   content: "[";
 }
 
-.d2-1716679499 .md sup > a::after {
+.d2-3080606261 .md sup > a::after {
   content: "]";
 }
 
-.d2-1716679499 .md h1:hover .anchor,
-.d2-1716679499 .md h2:hover .anchor,
-.d2-1716679499 .md h3:hover .anchor,
-.d2-1716679499 .md h4:hover .anchor,
-.d2-1716679499 .md h5:hover .anchor,
-.d2-1716679499 .md h6:hover .anchor {
+.d2-3080606261 .md h1:hover .anchor,
+.d2-3080606261 .md h2:hover .anchor,
+.d2-3080606261 .md h3:hover .anchor,
+.d2-3080606261 .md h4:hover .anchor,
+.d2-3080606261 .md h5:hover .anchor,
+.d2-3080606261 .md h6:hover .anchor {
   text-decoration: none;
 }
 
-.d2-1716679499 .md h1 tt,
-.d2-1716679499 .md h1 code,
-.d2-1716679499 .md h2 tt,
-.d2-1716679499 .md h2 code,
-.d2-1716679499 .md h3 tt,
-.d2-1716679499 .md h3 code,
-.d2-1716679499 .md h4 tt,
-.d2-1716679499 .md h4 code,
-.d2-1716679499 .md h5 tt,
-.d2-1716679499 .md h5 code,
-.d2-1716679499 .md h6 tt,
-.d2-1716679499 .md h6 code {
+.d2-3080606261 .md h1 tt,
+.d2-3080606261 .md h1 code,
+.d2-3080606261 .md h2 tt,
+.d2-3080606261 .md h2 code,
+.d2-3080606261 .md h3 tt,
+.d2-3080606261 .md h3 code,
+.d2-3080606261 .md h4 tt,
+.d2-3080606261 .md h4 code,
+.d2-3080606261 .md h5 tt,
+.d2-3080606261 .md h5 code,
+.d2-3080606261 .md h6 tt,
+.d2-3080606261 .md h6 code {
   padding: 0 0.2em;
   font-size: inherit;
 }
 
-.d2-1716679499 .md ul.no-list,
-.d2-1716679499 .md ol.no-list {
+.d2-3080606261 .md ul.no-list,
+.d2-3080606261 .md ol.no-list {
   padding: 0;
   list-style-type: none;
 }
 
-.d2-1716679499 .md ol[type="1"] {
+.d2-3080606261 .md ol[type="1"] {
   list-style-type: decimal;
 }
 
-.d2-1716679499 .md ol[type="a"] {
+.d2-3080606261 .md ol[type="a"] {
   list-style-type: lower-alpha;
 }
 
-.d2-1716679499 .md ol[type="i"] {
+.d2-3080606261 .md ol[type="i"] {
   list-style-type: lower-roman;
 }
 
-.d2-1716679499 .md div > ol:not([type]) {
+.d2-3080606261 .md div > ol:not([type]) {
   list-style-type: decimal;
 }
 
-.d2-1716679499 .md ul ul,
-.d2-1716679499 .md ul ol,
-.d2-1716679499 .md ol ol,
-.d2-1716679499 .md ol ul {
+.d2-3080606261 .md ul ul,
+.d2-3080606261 .md ul ol,
+.d2-3080606261 .md ol ol,
+.d2-3080606261 .md ol ul {
   margin-top: 0;
   margin-bottom: 0;
 }
 
-.d2-1716679499 .md li > p {
+.d2-3080606261 .md li > p {
   margin-top: 16px;
 }
 
-.d2-1716679499 .md li + li {
+.d2-3080606261 .md li + li {
   margin-top: 0.25em;
 }
 
-.d2-1716679499 .md dl {
+.d2-3080606261 .md dl {
   padding: 0;
 }
 
-.d2-1716679499 .md dl dt {
+.d2-3080606261 .md dl dt {
   padding: 0;
   margin-top: 16px;
   font-size: 1em;
@@ -580,48 +580,48 @@
   font-weight: 600;
 }
 
-.d2-1716679499 .md dl dd {
+.d2-3080606261 .md dl dd {
   padding: 0 16px;
   margin-bottom: 16px;
 }
 
-.d2-1716679499 .md table th {
+.d2-3080606261 .md table th {
   font-weight: 600;
 }
 
-.d2-1716679499 .md table th,
-.d2-1716679499 .md table td {
+.d2-3080606261 .md table th,
+.d2-3080606261 .md table td {
   padding: 6px 13px;
   border: 1px solid var(--color-border-default);
 }
 
-.d2-1716679499 .md table tr {
+.d2-3080606261 .md table tr {
   background-color: var(--color-canvas-default);
   border-top: 1px solid var(--color-border-muted);
 }
 
-.d2-1716679499 .md table tr:nth-child(2n) {
+.d2-3080606261 .md table tr:nth-child(2n) {
   background-color: var(--color-canvas-subtle);
 }
 
-.d2-1716679499 .md table img {
+.d2-3080606261 .md table img {
   background-color: transparent;
 }
 
-.d2-1716679499 .md img[align="right"] {
+.d2-3080606261 .md img[align="right"] {
   padding-left: 20px;
 }
 
-.d2-1716679499 .md img[align="left"] {
+.d2-3080606261 .md img[align="left"] {
   padding-right: 20px;
 }
 
-.d2-1716679499 .md span.frame {
+.d2-3080606261 .md span.frame {
   display: block;
   overflow: hidden;
 }
 
-.d2-1716679499 .md span.frame > span {
+.d2-3080606261 .md span.frame > span {
   display: block;
   float: left;
   width: auto;
@@ -631,81 +631,81 @@
   border: 1px solid var(--color-border-default);
 }
 
-.d2-1716679499 .md span.frame span img {
+.d2-3080606261 .md span.frame span img {
   display: block;
   float: left;
 }
 
-.d2-1716679499 .md span.frame span span {
+.d2-3080606261 .md span.frame span span {
   display: block;
   padding: 5px 0 0;
   clear: both;
   color: var(--color-fg-default);
 }
 
-.d2-1716679499 .md span.align-center {
+.d2-3080606261 .md span.align-center {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.d2-1716679499 .md span.align-center > span {
+.d2-3080606261 .md span.align-center > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: center;
 }
 
-.d2-1716679499 .md span.align-center span img {
+.d2-3080606261 .md span.align-center span img {
   margin: 0 auto;
   text-align: center;
 }
 
-.d2-1716679499 .md span.align-right {
+.d2-3080606261 .md span.align-right {
   display: block;
   overflow: hidden;
   clear: both;
 }
 
-.d2-1716679499 .md span.align-right > span {
+.d2-3080606261 .md span.align-right > span {
   display: block;
   margin: 13px 0 0;
   overflow: hidden;
   text-align: right;
 }
 
-.d2-1716679499 .md span.align-right span img {
+.d2-3080606261 .md span.align-right span img {
   margin: 0;
   text-align: right;
 }
 
-.d2-1716679499 .md span.float-left {
+.d2-3080606261 .md span.float-left {
   display: block;
   float: left;
   margin-right: 13px;
   overflow: hidden;
 }
 
-.d2-1716679499 .md span.float-left span {
+.d2-3080606261 .md span.float-left span {
   margin: 13px 0 0;
 }
 
-.d2-1716679499 .md span.float-right {
+.d2-3080606261 .md span.float-right {
   display: block;
   float: right;
   margin-left: 13px;
   overflow: hidden;
 }
 
-.d2-1716679499 .md span.float-right > span {
+.d2-3080606261 .md span.float-right > span {
   display: block;
   margin: 13px auto 0;
   overflow: hidden;
   text-align: right;
 }
 
-.d2-1716679499 .md code,
-.d2-1716679499 .md tt {
+.d2-3080606261 .md code,
+.d2-3080606261 .md tt {
   padding: 0.2em 0.4em;
   margin: 0;
   font-size: 85%;
@@ -713,20 +713,20 @@
   border-radius: 6px;
 }
 
-.d2-1716679499 .md code br,
-.d2-1716679499 .md tt br {
+.d2-3080606261 .md code br,
+.d2-3080606261 .md tt br {
   display: none;
 }
 
-.d2-1716679499 .md del code {
+.d2-3080606261 .md del code {
   text-decoration: inherit;
 }
 
-.d2-1716679499 .md pre code {
+.d2-3080606261 .md pre code {
   font-size: 100%;
 }
 
-.d2-1716679499 .md pre > code {
+.d2-3080606261 .md pre > code {
   padding: 0;
   margin: 0;
   word-break: normal;
@@ -735,17 +735,17 @@
   border: 0;
 }
 
-.d2-1716679499 .md .highlight {
+.d2-3080606261 .md .highlight {
   margin-bottom: 16px;
 }
 
-.d2-1716679499 .md .highlight pre {
+.d2-3080606261 .md .highlight pre {
   margin-bottom: 0;
   word-break: normal;
 }
 
-.d2-1716679499 .md .highlight pre,
-.d2-1716679499 .md pre {
+.d2-3080606261 .md .highlight pre,
+.d2-3080606261 .md pre {
   padding: 16px;
   overflow: auto;
   font-size: 85%;
@@ -754,8 +754,8 @@
   border-radius: 6px;
 }
 
-.d2-1716679499 .md pre code,
-.d2-1716679499 .md pre tt {
+.d2-3080606261 .md pre code,
+.d2-3080606261 .md pre tt {
   display: inline;
   max-width: auto;
   padding: 0;
@@ -767,8 +767,8 @@
   border: 0;
 }
 
-.d2-1716679499 .md .csv-data td,
-.d2-1716679499 .md .csv-data th {
+.d2-3080606261 .md .csv-data td,
+.d2-3080606261 .md .csv-data th {
   padding: 5px;
   overflow: hidden;
   font-size: 12px;
@@ -777,38 +777,38 @@
   white-space: nowrap;
 }
 
-.d2-1716679499 .md .csv-data .blob-num {
+.d2-3080606261 .md .csv-data .blob-num {
   padding: 10px 8px 9px;
   text-align: right;
   background: var(--color-canvas-default);
   border: 0;
 }
 
-.d2-1716679499 .md .csv-data tr {
+.d2-3080606261 .md .csv-data tr {
   border-top: 0;
 }
 
-.d2-1716679499 .md .csv-data th {
+.d2-3080606261 .md .csv-data th {
   font-weight: 600;
   background: var(--color-canvas-subtle);
   border-top: 0;
 }
 
-.d2-1716679499 .md .footnotes {
+.d2-3080606261 .md .footnotes {
   font-size: 12px;
   color: var(--color-fg-muted);
   border-top: 1px solid var(--color-border-default);
 }
 
-.d2-1716679499 .md .footnotes ol {
+.d2-3080606261 .md .footnotes ol {
   padding-left: 16px;
 }
 
-.d2-1716679499 .md .footnotes li {
+.d2-3080606261 .md .footnotes li {
   position: relative;
 }
 
-.d2-1716679499 .md .footnotes li:target::before {
+.d2-3080606261 .md .footnotes li:target::before {
   position: absolute;
   top: -8px;
   right: -8px;
@@ -820,36 +820,36 @@
   border-radius: 6px;
 }
 
-.d2-1716679499 .md .footnotes li:target {
+.d2-3080606261 .md .footnotes li:target {
   color: var(--color-fg-default);
 }
 
-.d2-1716679499 .md .task-list-item {
+.d2-3080606261 .md .task-list-item {
   list-style-type: none;
 }
 
-.d2-1716679499 .md .task-list-item label {
+.d2-3080606261 .md .task-list-item label {
   font-weight: 400;
 }
 
-.d2-1716679499 .md .task-list-item.enabled label {
+.d2-3080606261 .md .task-list-item.enabled label {
   cursor: pointer;
 }
 
-.d2-1716679499 .md .task-list-item + .task-list-item {
+.d2-3080606261 .md .task-list-item + .task-list-item {
   margin-top: 3px;
 }
 
-.d2-1716679499 .md .task-list-item .handle {
+.d2-3080606261 .md .task-list-item .handle {
   display: none;
 }
 
-.d2-1716679499 .md .task-list-item-checkbox {
+.d2-3080606261 .md .task-list-item-checkbox {
   margin: 0 0.2em 0.25em -1.6em;
   vertical-align: middle;
 }
 
-.d2-1716679499 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
+.d2-3080606261 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
 </style><style type="text/css"><![CDATA[
@@ -936,11 +936,11 @@
 </tspan></text><text class="text-mono" x="0" y="21.000000em" xml:space="preserve"><tspan fill="#fab387"></tspan><tspan fill="#fab387">&#160;&#160;&#160;&#160;</tspan><tspan fill="#fab387">city2</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#89dceb">:=</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#fab387">City</tspan><tspan fill="#cdd6f4">{</tspan><tspan fill="#fab387">Name</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#a6e3a1">&quot;CityB&quot;</tspan><tspan fill="#cdd6f4">,</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#fab387">Population</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#fab387">1200000</tspan><tspan fill="#cdd6f4">}</tspan><tspan fill="#fab387">
 </tspan></text><text class="text-mono" x="0" y="22.000000em" xml:space="preserve"><tspan fill="#fab387"></tspan><tspan fill="#fab387">
 </tspan></text><text class="text-mono" x="0" y="23.000000em" xml:space="preserve"><tspan fill="#fab387"></tspan><tspan fill="#fab387">&#160;&#160;&#160;&#160;</tspan><tspan fill="#89dceb">tellTale</tspan><tspan fill="#cdd6f4">(</tspan><tspan fill="#fab387">city1</tspan><tspan fill="#cdd6f4">,</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#fab387">city2</tspan><tspan fill="#cdd6f4">)</tspan><tspan fill="#fab387">
-</tspan></text><text class="text-mono" x="0" y="24.000000em" xml:space="preserve"><tspan fill="#fab387"></tspan><tspan fill="#cdd6f4">}</tspan></text></g></g></g><g id="ex"><g class="shape" ></g><g transform="translate(1105.000000 909.000000)" class=" color-N1"><svg style="vertical-align: -2.864ex;" xmlns="http://www.w3.org/2000/svg" width="50.45ex" height="6.399ex" role="img" focusable="false" viewBox="0 -1562.5 22298.9 2828.3" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><path id="MJX-1-TEX-I-1D465" d="M52 289Q59 331 106 386T222 442Q257 442 286 424T329 379Q371 442 430 442Q467 442 494 420T522 361Q522 332 508 314T481 292T458 288Q439 288 427 299T415 328Q415 374 465 391Q454 404 425 404Q412 404 406 402Q368 386 350 336Q290 115 290 78Q290 50 306 38T341 26Q378 26 414 59T463 140Q466 150 469 151T485 153H489Q504 153 504 145Q504 144 502 134Q486 77 440 33T333 -11Q263 -11 227 52Q186 -10 133 -10H127Q78 -10 57 16T35 71Q35 103 54 123T99 143Q142 143 142 101Q142 81 130 66T107 46T94 41L91 40Q91 39 97 36T113 29T132 26Q168 26 194 71Q203 87 217 139T245 247T261 313Q266 340 266 352Q266 380 251 392T217 404Q177 404 142 372T93 290Q91 281 88 280T72 278H58Q52 284 52 289Z"></path><path id="MJX-1-TEX-N-3D" d="M56 347Q56 360 70 367H707Q722 359 722 347Q722 336 708 328L390 327H72Q56 332 56 347ZM56 153Q56 168 72 173H708Q722 163 722 153Q722 140 707 133H70Q56 140 56 153Z"></path><path id="MJX-1-TEX-I-1D44E" d="M33 157Q33 258 109 349T280 441Q331 441 370 392Q386 422 416 422Q429 422 439 414T449 394Q449 381 412 234T374 68Q374 43 381 35T402 26Q411 27 422 35Q443 55 463 131Q469 151 473 152Q475 153 483 153H487Q506 153 506 144Q506 138 501 117T481 63T449 13Q436 0 417 -8Q409 -10 393 -10Q359 -10 336 5T306 36L300 51Q299 52 296 50Q294 48 292 46Q233 -10 172 -10Q117 -10 75 30T33 157ZM351 328Q351 334 346 350T323 385T277 405Q242 405 210 374T160 293Q131 214 119 129Q119 126 119 118T118 106Q118 61 136 44T179 26Q217 26 254 59T298 110Q300 114 325 217T351 328Z"></path><path id="MJX-1-TEX-N-2B" d="M56 237T56 250T70 270H369V420L370 570Q380 583 389 583Q402 583 409 568V270H707Q722 262 722 250T707 230H409V-68Q401 -82 391 -82H389H387Q375 -82 369 -68V230H70Q56 237 56 250Z"></path><path id="MJX-1-TEX-I-1D44F" d="M73 647Q73 657 77 670T89 683Q90 683 161 688T234 694Q246 694 246 685T212 542Q204 508 195 472T180 418L176 399Q176 396 182 402Q231 442 283 442Q345 442 383 396T422 280Q422 169 343 79T173 -11Q123 -11 82 27T40 150V159Q40 180 48 217T97 414Q147 611 147 623T109 637Q104 637 101 637H96Q86 637 83 637T76 640T73 647ZM336 325V331Q336 405 275 405Q258 405 240 397T207 376T181 352T163 330L157 322L136 236Q114 150 114 114Q114 66 138 42Q154 26 178 26Q211 26 245 58Q270 81 285 114T318 219Q336 291 336 325Z"></path><path id="MJX-1-TEX-I-1D466" d="M21 287Q21 301 36 335T84 406T158 442Q199 442 224 419T250 355Q248 336 247 334Q247 331 231 288T198 191T182 105Q182 62 196 45T238 27Q261 27 281 38T312 61T339 94Q339 95 344 114T358 173T377 247Q415 397 419 404Q432 431 462 431Q475 431 483 424T494 412T496 403Q496 390 447 193T391 -23Q363 -106 294 -155T156 -205Q111 -205 77 -183T43 -117Q43 -95 50 -80T69 -58T89 -48T106 -45Q150 -45 150 -87Q150 -107 138 -122T115 -142T102 -147L99 -148Q101 -153 118 -160T152 -167H160Q177 -167 186 -165Q219 -156 247 -127T290 -65T313 -9T321 21L315 17Q309 13 296 6T270 -6Q250 -11 231 -11Q185 -11 150 11T104 82Q103 89 103 113Q103 170 138 262T173 379Q173 380 173 381Q173 390 173 393T169 400T158 404H154Q131 404 112 385T82 344T65 302T57 280Q55 278 41 278H27Q21 284 21 287Z"></path><path id="MJX-1-TEX-I-1D450" d="M34 159Q34 268 120 355T306 442Q362 442 394 418T427 355Q427 326 408 306T360 285Q341 285 330 295T319 325T330 359T352 380T366 386H367Q367 388 361 392T340 400T306 404Q276 404 249 390Q228 381 206 359Q162 315 142 235T121 119Q121 73 147 50Q169 26 205 26H209Q321 26 394 111Q403 121 406 121Q410 121 419 112T429 98T420 83T391 55T346 25T282 0T202 -11Q127 -11 81 37T34 159Z"></path><path id="MJX-1-TEX-LO-2211" d="M60 948Q63 950 665 950H1267L1325 815Q1384 677 1388 669H1348L1341 683Q1320 724 1285 761Q1235 809 1174 838T1033 881T882 898T699 902H574H543H251L259 891Q722 258 724 252Q725 250 724 246Q721 243 460 -56L196 -356Q196 -357 407 -357Q459 -357 548 -357T676 -358Q812 -358 896 -353T1063 -332T1204 -283T1307 -196Q1328 -170 1348 -124H1388Q1388 -125 1381 -145T1356 -210T1325 -294L1267 -449L666 -450Q64 -450 61 -448Q55 -446 55 -439Q55 -437 57 -433L590 177Q590 178 557 222T452 366T322 544L56 909L55 924Q55 945 60 948Z"></path><path id="MJX-1-TEX-I-1D458" d="M121 647Q121 657 125 670T137 683Q138 683 209 688T282 694Q294 694 294 686Q294 679 244 477Q194 279 194 272Q213 282 223 291Q247 309 292 354T362 415Q402 442 438 442Q468 442 485 423T503 369Q503 344 496 327T477 302T456 291T438 288Q418 288 406 299T394 328Q394 353 410 369T442 390L458 393Q446 405 434 405H430Q398 402 367 380T294 316T228 255Q230 254 243 252T267 246T293 238T320 224T342 206T359 180T365 147Q365 130 360 106T354 66Q354 26 381 26Q429 26 459 145Q461 153 479 153H483Q499 153 499 144Q499 139 496 130Q455 -11 378 -11Q333 -11 305 15T277 90Q277 108 280 121T283 145Q283 167 269 183T234 206T200 217T182 220H180Q168 178 159 139T145 81T136 44T129 20T122 7T111 -2Q98 -11 83 -11Q66 -11 57 -1T48 16Q48 26 85 176T158 471L195 616Q196 629 188 632T149 637H144Q134 637 131 637T124 640T121 647Z"></path><path id="MJX-1-TEX-N-31" d="M213 578L200 573Q186 568 160 563T102 556H83V602H102Q149 604 189 617T245 641T273 663Q275 666 285 666Q294 666 302 660V361L303 61Q310 54 315 52T339 48T401 46H427V0H416Q395 3 257 3Q121 3 100 0H88V46H114Q136 46 152 46T177 47T193 50T201 52T207 57T213 61V578Z"></path><path id="MJX-1-TEX-I-1D45B" d="M21 287Q22 293 24 303T36 341T56 388T89 425T135 442Q171 442 195 424T225 390T231 369Q231 367 232 367L243 378Q304 442 382 442Q436 442 469 415T503 336T465 179T427 52Q427 26 444 26Q450 26 453 27Q482 32 505 65T540 145Q542 153 560 153Q580 153 580 145Q580 144 576 130Q568 101 554 73T508 17T439 -10Q392 -10 371 17T350 73Q350 92 386 193T423 345Q423 404 379 404H374Q288 404 229 303L222 291L189 157Q156 26 151 16Q138 -11 108 -11Q95 -11 87 -5T76 7T74 17Q74 30 112 180T152 343Q153 348 153 366Q153 405 129 405Q91 405 66 305Q60 285 60 284Q58 278 41 278H27Q21 284 21 287Z"></path><path id="MJX-1-TEX-I-210E" d="M137 683Q138 683 209 688T282 694Q294 694 294 685Q294 674 258 534Q220 386 220 383Q220 381 227 388Q288 442 357 442Q411 442 444 415T478 336Q478 285 440 178T402 50Q403 36 407 31T422 26Q450 26 474 56T513 138Q516 149 519 151T535 153Q555 153 555 145Q555 144 551 130Q535 71 500 33Q466 -10 419 -10H414Q367 -10 346 17T325 74Q325 90 361 192T398 345Q398 404 354 404H349Q266 404 205 306L198 293L164 158Q132 28 127 16Q114 -11 83 -11Q69 -11 59 -2T48 16Q48 30 121 320L195 616Q195 629 188 632T149 637H128Q122 643 122 645T124 664Q129 683 137 683Z"></path><path id="MJX-1-TEX-LO-222B" d="M114 -798Q132 -824 165 -824H167Q195 -824 223 -764T275 -600T320 -391T362 -164Q365 -143 367 -133Q439 292 523 655T645 1127Q651 1145 655 1157T672 1201T699 1257T733 1306T777 1346T828 1360Q884 1360 912 1325T944 1245Q944 1220 932 1205T909 1186T887 1183Q866 1183 849 1198T832 1239Q832 1287 885 1296L882 1300Q879 1303 874 1307T866 1313Q851 1323 833 1323Q819 1323 807 1311T775 1255T736 1139T689 936T633 628Q574 293 510 -5T410 -437T355 -629Q278 -862 165 -862Q125 -862 92 -831T55 -746Q55 -711 74 -698T112 -685Q133 -685 150 -700T167 -741Q167 -789 114 -798Z"></path><path id="MJX-1-TEX-N-30" d="M96 585Q152 666 249 666Q297 666 345 640T423 548Q460 465 460 320Q460 165 417 83Q397 41 362 16T301 -15T250 -22Q224 -22 198 -16T137 16T82 83Q39 165 39 320Q39 494 96 585ZM321 597Q291 629 250 629Q208 629 178 597Q153 571 145 525T137 333Q137 175 145 125T181 46Q209 16 250 16Q290 16 318 46Q347 76 354 130T362 333Q362 478 354 524T321 597Z"></path><path id="MJX-1-TEX-SO-28" d="M152 251Q152 646 388 850H416Q422 844 422 841Q422 837 403 816T357 753T302 649T255 482T236 250Q236 124 255 19T301 -147T356 -251T403 -315T422 -340Q422 -343 416 -349H388Q359 -325 332 -296T271 -213T212 -97T170 56T152 251Z"></path><path id="MJX-1-TEX-I-1D715" d="M202 508Q179 508 169 520T158 547Q158 557 164 577T185 624T230 675T301 710L333 715H345Q378 715 384 714Q447 703 489 661T549 568T566 457Q566 362 519 240T402 53Q321 -22 223 -22Q123 -22 73 56Q42 102 42 148V159Q42 276 129 370T322 465Q383 465 414 434T455 367L458 378Q478 461 478 515Q478 603 437 639T344 676Q266 676 223 612Q264 606 264 572Q264 547 246 528T202 508ZM430 306Q430 372 401 400T333 428Q270 428 222 382Q197 354 183 323T150 221Q132 149 132 116Q132 21 232 21Q244 21 250 22Q327 35 374 112Q389 137 409 196T430 306Z"></path><path id="MJX-1-TEX-I-1D453" d="M118 -162Q120 -162 124 -164T135 -167T147 -168Q160 -168 171 -155T187 -126Q197 -99 221 27T267 267T289 382V385H242Q195 385 192 387Q188 390 188 397L195 425Q197 430 203 430T250 431Q298 431 298 432Q298 434 307 482T319 540Q356 705 465 705Q502 703 526 683T550 630Q550 594 529 578T487 561Q443 561 443 603Q443 622 454 636T478 657L487 662Q471 668 457 668Q445 668 434 658T419 630Q412 601 403 552T387 469T380 433Q380 431 435 431Q480 431 487 430T498 424Q499 420 496 407T491 391Q489 386 482 386T428 385H372L349 263Q301 15 282 -47Q255 -132 212 -173Q175 -205 139 -205Q107 -205 81 -186T55 -132Q55 -95 76 -78T118 -61Q162 -61 162 -103Q162 -122 151 -136T127 -157L118 -162Z"></path><path id="MJX-1-TEX-N-28" d="M94 250Q94 319 104 381T127 488T164 576T202 643T244 695T277 729T302 750H315H319Q333 750 333 741Q333 738 316 720T275 667T226 581T184 443T167 250T184 58T225 -81T274 -167T316 -220T333 -241Q333 -250 318 -250H315H302L274 -226Q180 -141 137 -14T94 250Z"></path><path id="MJX-1-TEX-N-2212" d="M84 237T84 250T98 270H679Q694 262 694 250T679 230H98Q84 237 84 250Z"></path><path id="MJX-1-TEX-I-1D461" d="M26 385Q19 392 19 395Q19 399 22 411T27 425Q29 430 36 430T87 431H140L159 511Q162 522 166 540T173 566T179 586T187 603T197 615T211 624T229 626Q247 625 254 615T261 596Q261 589 252 549T232 470L222 433Q222 431 272 431H323Q330 424 330 420Q330 398 317 385H210L174 240Q135 80 135 68Q135 26 162 26Q197 26 230 60T283 144Q285 150 288 151T303 153H307Q322 153 322 145Q322 142 319 133Q314 117 301 95T267 48T216 6T155 -11Q125 -11 98 4T59 56Q57 64 57 83V101L92 241Q127 382 128 383Q128 385 77 385H26Z"></path><path id="MJX-1-TEX-I-1D452" d="M39 168Q39 225 58 272T107 350T174 402T244 433T307 442H310Q355 442 388 420T421 355Q421 265 310 237Q261 224 176 223Q139 223 138 221Q138 219 132 186T125 128Q125 81 146 54T209 26T302 45T394 111Q403 121 406 121Q410 121 419 112T429 98T420 82T390 55T344 24T281 -1T205 -11Q126 -11 83 42T39 168ZM373 353Q367 405 305 405Q272 405 244 391T199 357T170 316T154 280T149 261Q149 260 169 260Q282 260 327 284T373 353Z"></path><path id="MJX-1-TEX-N-29" d="M60 749L64 750Q69 750 74 750H86L114 726Q208 641 251 514T294 250Q294 182 284 119T261 12T224 -76T186 -143T145 -194T113 -227T90 -246Q87 -249 86 -250H74Q66 -250 63 -250T58 -247T55 -238Q56 -237 66 -225Q221 -64 221 250T66 725Q56 737 55 738Q55 746 60 749Z"></path><path id="MJX-1-TEX-SO-29" d="M305 251Q305 -145 69 -349H56Q43 -349 39 -347T35 -338Q37 -333 60 -307T108 -239T160 -136T204 27T221 250T204 473T160 636T108 740T60 807T35 839Q35 850 50 850H56H69Q197 743 256 566Q305 425 305 251Z"></path><path id="MJX-1-TEX-I-1D451" d="M366 683Q367 683 438 688T511 694Q523 694 523 686Q523 679 450 384T375 83T374 68Q374 26 402 26Q411 27 422 35Q443 55 463 131Q469 151 473 152Q475 153 483 153H487H491Q506 153 506 145Q506 140 503 129Q490 79 473 48T445 8T417 -8Q409 -10 393 -10Q359 -10 336 5T306 36L300 51Q299 52 296 50Q294 48 292 46Q233 -10 172 -10Q117 -10 75 30T33 157Q33 205 53 255T101 341Q148 398 195 420T280 442Q336 442 364 400Q369 394 369 396Q370 400 396 505T424 616Q424 629 417 632T378 637H357Q351 643 351 645T353 664Q358 683 366 683ZM352 326Q329 405 277 405Q242 405 210 374T160 293Q131 214 119 129Q119 126 119 118T118 106Q118 61 136 44T179 26Q233 26 290 98L298 109L352 326Z"></path></defs><g stroke="currentColor" fill="currentColor" stroke-width="0" transform="scale(1,-1)"><g data-mml-node="math"><g data-mml-node="mtable"><g data-mml-node="mtr" transform="translate(0,750)"><g data-mml-node="mtd"><g data-mml-node="mi"><use data-c="1D465" xlink:href="#MJX-1-TEX-I-1D465"></use></g><g data-mml-node="mo" transform="translate(849.8,0)"><use data-c="3D" xlink:href="#MJX-1-TEX-N-3D"></use></g><g data-mml-node="mi" transform="translate(1905.6,0)"><use data-c="1D44E" xlink:href="#MJX-1-TEX-I-1D44E"></use></g><g data-mml-node="mo" transform="translate(2656.8,0)"><use data-c="2B" xlink:href="#MJX-1-TEX-N-2B"></use></g><g data-mml-node="mi" transform="translate(3657,0)"><use data-c="1D44F" xlink:href="#MJX-1-TEX-I-1D44F"></use></g></g></g><g data-mml-node="mtr" transform="translate(0,-750)"><g data-mml-node="mtd" transform="translate(89,0)"><g data-mml-node="mi"><use data-c="1D466" xlink:href="#MJX-1-TEX-I-1D466"></use></g><g data-mml-node="mo" transform="translate(767.8,0)"><use data-c="3D" xlink:href="#MJX-1-TEX-N-3D"></use></g><g data-mml-node="mi" transform="translate(1823.6,0)"><use data-c="1D44F" xlink:href="#MJX-1-TEX-I-1D44F"></use></g><g data-mml-node="mo" transform="translate(2474.8,0)"><use data-c="2B" xlink:href="#MJX-1-TEX-N-2B"></use></g><g data-mml-node="mi" transform="translate(3475,0)"><use data-c="1D450" xlink:href="#MJX-1-TEX-I-1D450"></use></g></g></g></g><g data-mml-node="munderover" transform="translate(4252.7,0)"><g data-mml-node="mo"><use data-c="2211" xlink:href="#MJX-1-TEX-LO-2211"></use></g><g data-mml-node="TeXAtom" transform="translate(86,-1107.7) scale(0.707)" data-mjx-texclass="ORD"><g data-mml-node="mi"><use data-c="1D458" xlink:href="#MJX-1-TEX-I-1D458"></use></g><g data-mml-node="mo" transform="translate(521,0)"><use data-c="3D" xlink:href="#MJX-1-TEX-N-3D"></use></g><g data-mml-node="mn" transform="translate(1299,0)"><use data-c="31" xlink:href="#MJX-1-TEX-N-31"></use></g></g><g data-mml-node="TeXAtom" transform="translate(509.9,1150) scale(0.707)" data-mjx-texclass="ORD"><g data-mml-node="mi"><use data-c="1D45B" xlink:href="#MJX-1-TEX-I-1D45B"></use></g></g></g><g data-mml-node="msub" transform="translate(5863.3,0)"><g data-mml-node="mi"><use data-c="210E" xlink:href="#MJX-1-TEX-I-210E"></use></g><g data-mml-node="TeXAtom" transform="translate(609,-150) scale(0.707)" data-mjx-texclass="ORD"><g data-mml-node="mi"><use data-c="1D458" xlink:href="#MJX-1-TEX-I-1D458"></use></g></g></g><g data-mml-node="msubsup" transform="translate(7057.4,0)"><g data-mml-node="mo" transform="translate(0 1)"><use data-c="222B" xlink:href="#MJX-1-TEX-LO-222B"></use></g><g data-mml-node="TeXAtom" transform="translate(1046.4,1088.1) scale(0.707)" data-mjx-texclass="ORD"><g data-mml-node="mn"><use data-c="31" xlink:href="#MJX-1-TEX-N-31"></use></g></g><g data-mml-node="TeXAtom" transform="translate(589,-896.4) scale(0.707)" data-mjx-texclass="ORD"><g data-mml-node="mn"><use data-c="30" xlink:href="#MJX-1-TEX-N-30"></use></g></g></g><g data-mml-node="TeXAtom" data-mjx-texclass="OPEN" transform="translate(8507.4,0)"><g data-mml-node="mo" transform="translate(0 -0.5)"><use data-c="28" xlink:href="#MJX-1-TEX-SO-28"></use></g></g><g data-mml-node="msub" transform="translate(8965.4,0)"><g data-mml-node="mi"><use data-c="1D715" xlink:href="#MJX-1-TEX-I-1D715"></use></g><g data-mml-node="TeXAtom" transform="translate(564,-150) scale(0.707)" data-mjx-texclass="ORD"><g data-mml-node="mi"><use data-c="1D458" xlink:href="#MJX-1-TEX-I-1D458"></use></g></g></g><g data-mml-node="mi" transform="translate(9947.8,0)"><use data-c="1D453" xlink:href="#MJX-1-TEX-I-1D453"></use></g><g data-mml-node="mo" transform="translate(10497.8,0)"><use data-c="28" xlink:href="#MJX-1-TEX-N-28"></use></g><g data-mml-node="msub" transform="translate(10886.8,0)"><g data-mml-node="mi"><use data-c="1D465" xlink:href="#MJX-1-TEX-I-1D465"></use></g><g data-mml-node="TeXAtom" transform="translate(605,-150) scale(0.707)" data-mjx-texclass="ORD"><g data-mml-node="mi"><use data-c="1D458" xlink:href="#MJX-1-TEX-I-1D458"></use></g><g data-mml-node="mo" transform="translate(521,0)"><use data-c="2212" xlink:href="#MJX-1-TEX-N-2212"></use></g><g data-mml-node="mn" transform="translate(1299,0)"><use data-c="31" xlink:href="#MJX-1-TEX-N-31"></use></g></g></g><g data-mml-node="mo" transform="translate(13036.1,0)"><use data-c="2B" xlink:href="#MJX-1-TEX-N-2B"></use></g><g data-mml-node="mi" transform="translate(14036.3,0)"><use data-c="1D461" xlink:href="#MJX-1-TEX-I-1D461"></use></g><g data-mml-node="msub" transform="translate(14397.3,0)"><g data-mml-node="mi"><use data-c="210E" xlink:href="#MJX-1-TEX-I-210E"></use></g><g data-mml-node="TeXAtom" transform="translate(609,-150) scale(0.707)" data-mjx-texclass="ORD"><g data-mml-node="mi"><use data-c="1D458" xlink:href="#MJX-1-TEX-I-1D458"></use></g></g></g><g data-mml-node="msub" transform="translate(15424.7,0)"><g data-mml-node="mi"><use data-c="1D452" xlink:href="#MJX-1-TEX-I-1D452"></use></g><g data-mml-node="TeXAtom" transform="translate(499,-150) scale(0.707)" data-mjx-texclass="ORD"><g data-mml-node="mi"><use data-c="1D458" xlink:href="#MJX-1-TEX-I-1D458"></use></g></g></g><g data-mml-node="mo" transform="translate(16342.1,0)"><use data-c="29" xlink:href="#MJX-1-TEX-N-29"></use></g><g data-mml-node="mo" transform="translate(16953.3,0)"><use data-c="2212" xlink:href="#MJX-1-TEX-N-2212"></use></g><g data-mml-node="msub" transform="translate(17953.5,0)"><g data-mml-node="mi"><use data-c="1D715" xlink:href="#MJX-1-TEX-I-1D715"></use></g><g data-mml-node="TeXAtom" transform="translate(564,-150) scale(0.707)" data-mjx-texclass="ORD"><g data-mml-node="mi"><use data-c="1D458" xlink:href="#MJX-1-TEX-I-1D458"></use></g></g></g><g data-mml-node="mi" transform="translate(18935.9,0)"><use data-c="1D453" xlink:href="#MJX-1-TEX-I-1D453"></use></g><g data-mml-node="mo" transform="translate(19485.9,0)"><use data-c="28" xlink:href="#MJX-1-TEX-N-28"></use></g><g data-mml-node="mi" transform="translate(19874.9,0)"><use data-c="1D44E" xlink:href="#MJX-1-TEX-I-1D44E"></use></g><g data-mml-node="mo" transform="translate(20403.9,0)"><use data-c="29" xlink:href="#MJX-1-TEX-N-29"></use></g><g data-mml-node="TeXAtom" data-mjx-texclass="CLOSE" transform="translate(20792.9,0)"><g data-mml-node="mo" transform="translate(0 -0.5)"><use data-c="29" xlink:href="#MJX-1-TEX-SO-29"></use></g></g><g data-mml-node="mstyle" transform="translate(21250.9,0)"><g data-mml-node="mspace"></g></g><g data-mml-node="mi" transform="translate(21417.9,0)"><use data-c="1D451" xlink:href="#MJX-1-TEX-I-1D451"></use></g><g data-mml-node="mi" transform="translate(21937.9,0)"><use data-c="1D461" xlink:href="#MJX-1-TEX-I-1D461"></use></g></g></g></svg></g></g><g id="network.cell tower"><g class="shape" ><rect x="62.000000" y="959.000000" width="261.000000" height="413.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /><rect x="62.000000" y="959.000000" width="261.000000" height="413.000000" class="dots-overlay" style="stroke-width:2;" /></g><text x="192.500000" y="988.000000" class="text-mono fill-N1" style="text-anchor:middle;font-size:24px">CELL TOWER</text></g><g id="network.online portal"><g class="shape" ><rect x="343.000000" y="964.000000" width="230.000000" height="169.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /><rect x="343.000000" y="964.000000" width="230.000000" height="169.000000" class="dots-overlay" style="stroke-width:2;" /></g><text x="458.000000" y="993.000000" class="text-mono fill-N1" style="text-anchor:middle;font-size:24px">ONLINE PORTAL</text></g><g id="network.data processor"><g class="shape" ><rect x="70.000000" y="1543.000000" width="245.000000" height="218.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /><rect x="70.000000" y="1543.000000" width="245.000000" height="218.000000" class="dots-overlay" style="stroke-width:2;" /></g><text x="192.500000" y="1572.000000" class="text-mono fill-N1" style="text-anchor:middle;font-size:24px">DATA PROCESSOR</text></g><g id="network.cell tower.satellites"><g class="shape" ><path d="M 137 999 H 283 C 279 999 268 1017 268 1032 C 268 1047 279 1065 283 1065 H 137 C 133 1065 122 1047 122 1032 C 122 1017 133 999 137 999 Z" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /><path d="M 127 1009 H 273 C 269 1009 258 1027 258 1042 C 258 1057 269 1075 273 1075 H 127 C 123 1075 112 1057 112 1042 C 112 1027 123 1009 127 1009 Z" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /></g><text x="192.500000" y="1047.500000" class="text-mono fill-N1" style="text-anchor:middle;font-size:16px">SATELLITES</text></g><g id="network.cell tower.transmitter"><g class="shape" ><rect x="117.000000" y="1256.000000" width="151.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="192.500000" y="1294.500000" class="text-mono fill-N1" style="text-anchor:middle;font-size:16px">TRANSMITTER</text></g><g id="network.online portal.ui"><g class="shape" ><path d="M 438 1014 L 418 1048 L 438 1083 L 478 1083 L 498 1048 L 478 1014 Z" class=" stroke-B1 fill-N5" style="stroke-width:2;" /></g><text x="458.000000" y="1054.000000" class="text-mono fill-N1" style="text-anchor:middle;font-size:16px">UI</text></g><g id="network.data processor.storage"><g class="shape" ><path d="M 146 1607 C 146 1583 196 1583 202 1583 C 208 1583 258 1583 258 1607 V 1677 C 258 1701 208 1701 202 1701 C 196 1701 146 1701 146 1677 V 1607 Z" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /><path d="M 146 1607 C 146 1631 196 1631 202 1631 C 208 1631 258 1631 258 1607" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /><path d="M 136 1617 C 136 1593 186 1593 192 1593 C 198 1593 248 1593 248 1617 V 1687 C 248 1711 198 1711 192 1711 C 186 1711 136 1711 136 1687 V 1617 Z" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /><path d="M 136 1617 C 136 1641 186 1641 192 1641 C 198 1641 248 1641 248 1617" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /></g><text x="192.000000" y="1669.500000" class="text-mono fill-N1" style="text-anchor:middle;font-size:16px">STORAGE</text></g><g id="network.cell tower.(satellites -&gt; transmitter)[0]"><marker id="mk-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" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 143.005525 1076.999992 L 143.488950 1252.000015" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1716679499)" /><text x="143.000000" y="1171.000000" class="text-mono-italic fill-N2" style="text-anchor:middle;font-size:16px">SEND</text></g><g id="network.cell tower.(satellites -&gt; transmitter)[1]"><path d="M 192.005525 1076.999992 L 192.488950 1252.000015" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1716679499)" /><text x="192.000000" y="1171.000000" class="text-mono-italic fill-N2" style="text-anchor:middle;font-size:16px">SEND</text></g><g id="network.cell tower.(satellites -&gt; transmitter)[2]"><path d="M 241.005525 1076.999992 L 241.488950 1252.000015" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1716679499)" /><text x="241.000000" y="1171.000000" class="text-mono-italic fill-N2" style="text-anchor:middle;font-size:16px">SEND</text></g><g id="network.(cell tower.transmitter -&gt; data processor.storage)[0]"><path d="M 192.503690 1323.999997 L 192.992620 1589.000007" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1716679499)" /><text x="193.000000" y="1463.000000" class="text-mono-italic fill-N2" style="text-anchor:middle;font-size:16px">PHONE LOGS</text></g><g id="(user -&gt; network.cell tower)[0]"><path d="M 300.015151 263.999943 L 300.500000 328.000000 S 300.500000 328.000000 300.500000 328.000000 L 214.083333 328.000000 S 214.083333 328.000000 214.083333 328.000000 L 214.083333 955.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1716679499)" /><text x="214.000000" y="573.000000" class="text-mono-italic fill-N2" style="text-anchor:middle;font-size:16px">MAKE CALL</text></g><g id="(user -&gt; network.online portal.ui)[0]"><marker id="mk-2177206569" 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" class="connection fill-B2" stroke-width="2" /> </marker><path d="M 343.999446 264.000000 L 343.833333 864.000000 S 343.833333 864.000000 343.833333 864.000000 L 444.666667 864.000000 S 444.666667 864.000000 444.666667 864.000000 L 444.991111 1010.000010" fill="none" class="connection stroke-B2" style="stroke-width:2;stroke-dasharray:6.000000,5.919384;" marker-end="url(#mk-2177206569)" mask="url(#d2-1716679499)" /><text x="344.000000" y="694.000000" class="text-mono-italic fill-N2" style="text-anchor:middle;font-size:16px">ACCESS</text></g><g id="(api server -&gt; network.online portal.ui)[0]"><path d="M 573.333333 290.000000 L 573.333333 864.000000 S 573.333333 864.000000 573.333333 864.000000 L 471.333333 864.000000 S 471.333333 864.000000 471.333333 864.000000 L 471.008889 1010.000010" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1716679499)" /><text x="573.500000" y="708.000000" class="text-mono-italic fill-N2" style="text-anchor:middle;font-size:16px">DISPLAY</text></g><g id="(api server -&gt; logs)[0]"><path d="M 644.333333 290.000000 L 644.333333 328.000000 S 644.333333 328.000000 644.333333 328.000000 L 744.000000 328.000000 S 744.000000 328.000000 744.000000 328.000000 L 744.000000 905.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1716679499)" /><text x="744.000000" y="554.000000" class="text-mono-italic fill-N2" style="text-anchor:middle;font-size:16px">PERSIST</text></g><g id="(network.data processor -&gt; api server)[0]"><path d="M 136.500000 1763.000000 L 136.500000 1856.000000 S 136.500000 1856.000000 136.500000 1856.000000 L 663.000000 1856.000000 S 663.000000 1856.000000 663.000000 1856.000000 L 663.000000 378.000000 S 663.000000 378.000000 663.000000 378.000000 L 608.833333 378.000000 S 608.833333 378.000000 608.833333 378.000000 L 608.833333 292.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1716679499)" /></g><g id="(markdown -&gt; code)[0]"><path d="M 1307.833333 290.000000 L 1307.833333 414.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1716679499)" /></g><g id="(code -&gt; ex)[0]"><path d="M 1307.833333 826.000000 L 1307.833333 905.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1716679499)" /></g><mask id="d2-1716679499" maskUnits="userSpaceOnUse" x="11" y="11" width="1731" height="1846">
+</tspan></text><text class="text-mono" x="0" y="24.000000em" xml:space="preserve"><tspan fill="#fab387"></tspan><tspan fill="#cdd6f4">}</tspan></text></g></g></g><g id="ex"><g class="shape" ></g><g transform="translate(1105.000000 909.000000)" class=" color-N1"><svg style="vertical-align: -2.864ex;" xmlns="http://www.w3.org/2000/svg" width="50.45ex" height="6.399ex" role="img" focusable="false" viewBox="0 -1562.5 22298.9 2828.3" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><path id="MJX-1-TEX-I-1D465" d="M52 289Q59 331 106 386T222 442Q257 442 286 424T329 379Q371 442 430 442Q467 442 494 420T522 361Q522 332 508 314T481 292T458 288Q439 288 427 299T415 328Q415 374 465 391Q454 404 425 404Q412 404 406 402Q368 386 350 336Q290 115 290 78Q290 50 306 38T341 26Q378 26 414 59T463 140Q466 150 469 151T485 153H489Q504 153 504 145Q504 144 502 134Q486 77 440 33T333 -11Q263 -11 227 52Q186 -10 133 -10H127Q78 -10 57 16T35 71Q35 103 54 123T99 143Q142 143 142 101Q142 81 130 66T107 46T94 41L91 40Q91 39 97 36T113 29T132 26Q168 26 194 71Q203 87 217 139T245 247T261 313Q266 340 266 352Q266 380 251 392T217 404Q177 404 142 372T93 290Q91 281 88 280T72 278H58Q52 284 52 289Z"></path><path id="MJX-1-TEX-N-3D" d="M56 347Q56 360 70 367H707Q722 359 722 347Q722 336 708 328L390 327H72Q56 332 56 347ZM56 153Q56 168 72 173H708Q722 163 722 153Q722 140 707 133H70Q56 140 56 153Z"></path><path id="MJX-1-TEX-I-1D44E" d="M33 157Q33 258 109 349T280 441Q331 441 370 392Q386 422 416 422Q429 422 439 414T449 394Q449 381 412 234T374 68Q374 43 381 35T402 26Q411 27 422 35Q443 55 463 131Q469 151 473 152Q475 153 483 153H487Q506 153 506 144Q506 138 501 117T481 63T449 13Q436 0 417 -8Q409 -10 393 -10Q359 -10 336 5T306 36L300 51Q299 52 296 50Q294 48 292 46Q233 -10 172 -10Q117 -10 75 30T33 157ZM351 328Q351 334 346 350T323 385T277 405Q242 405 210 374T160 293Q131 214 119 129Q119 126 119 118T118 106Q118 61 136 44T179 26Q217 26 254 59T298 110Q300 114 325 217T351 328Z"></path><path id="MJX-1-TEX-N-2B" d="M56 237T56 250T70 270H369V420L370 570Q380 583 389 583Q402 583 409 568V270H707Q722 262 722 250T707 230H409V-68Q401 -82 391 -82H389H387Q375 -82 369 -68V230H70Q56 237 56 250Z"></path><path id="MJX-1-TEX-I-1D44F" d="M73 647Q73 657 77 670T89 683Q90 683 161 688T234 694Q246 694 246 685T212 542Q204 508 195 472T180 418L176 399Q176 396 182 402Q231 442 283 442Q345 442 383 396T422 280Q422 169 343 79T173 -11Q123 -11 82 27T40 150V159Q40 180 48 217T97 414Q147 611 147 623T109 637Q104 637 101 637H96Q86 637 83 637T76 640T73 647ZM336 325V331Q336 405 275 405Q258 405 240 397T207 376T181 352T163 330L157 322L136 236Q114 150 114 114Q114 66 138 42Q154 26 178 26Q211 26 245 58Q270 81 285 114T318 219Q336 291 336 325Z"></path><path id="MJX-1-TEX-I-1D466" d="M21 287Q21 301 36 335T84 406T158 442Q199 442 224 419T250 355Q248 336 247 334Q247 331 231 288T198 191T182 105Q182 62 196 45T238 27Q261 27 281 38T312 61T339 94Q339 95 344 114T358 173T377 247Q415 397 419 404Q432 431 462 431Q475 431 483 424T494 412T496 403Q496 390 447 193T391 -23Q363 -106 294 -155T156 -205Q111 -205 77 -183T43 -117Q43 -95 50 -80T69 -58T89 -48T106 -45Q150 -45 150 -87Q150 -107 138 -122T115 -142T102 -147L99 -148Q101 -153 118 -160T152 -167H160Q177 -167 186 -165Q219 -156 247 -127T290 -65T313 -9T321 21L315 17Q309 13 296 6T270 -6Q250 -11 231 -11Q185 -11 150 11T104 82Q103 89 103 113Q103 170 138 262T173 379Q173 380 173 381Q173 390 173 393T169 400T158 404H154Q131 404 112 385T82 344T65 302T57 280Q55 278 41 278H27Q21 284 21 287Z"></path><path id="MJX-1-TEX-I-1D450" d="M34 159Q34 268 120 355T306 442Q362 442 394 418T427 355Q427 326 408 306T360 285Q341 285 330 295T319 325T330 359T352 380T366 386H367Q367 388 361 392T340 400T306 404Q276 404 249 390Q228 381 206 359Q162 315 142 235T121 119Q121 73 147 50Q169 26 205 26H209Q321 26 394 111Q403 121 406 121Q410 121 419 112T429 98T420 83T391 55T346 25T282 0T202 -11Q127 -11 81 37T34 159Z"></path><path id="MJX-1-TEX-LO-2211" d="M60 948Q63 950 665 950H1267L1325 815Q1384 677 1388 669H1348L1341 683Q1320 724 1285 761Q1235 809 1174 838T1033 881T882 898T699 902H574H543H251L259 891Q722 258 724 252Q725 250 724 246Q721 243 460 -56L196 -356Q196 -357 407 -357Q459 -357 548 -357T676 -358Q812 -358 896 -353T1063 -332T1204 -283T1307 -196Q1328 -170 1348 -124H1388Q1388 -125 1381 -145T1356 -210T1325 -294L1267 -449L666 -450Q64 -450 61 -448Q55 -446 55 -439Q55 -437 57 -433L590 177Q590 178 557 222T452 366T322 544L56 909L55 924Q55 945 60 948Z"></path><path id="MJX-1-TEX-I-1D458" d="M121 647Q121 657 125 670T137 683Q138 683 209 688T282 694Q294 694 294 686Q294 679 244 477Q194 279 194 272Q213 282 223 291Q247 309 292 354T362 415Q402 442 438 442Q468 442 485 423T503 369Q503 344 496 327T477 302T456 291T438 288Q418 288 406 299T394 328Q394 353 410 369T442 390L458 393Q446 405 434 405H430Q398 402 367 380T294 316T228 255Q230 254 243 252T267 246T293 238T320 224T342 206T359 180T365 147Q365 130 360 106T354 66Q354 26 381 26Q429 26 459 145Q461 153 479 153H483Q499 153 499 144Q499 139 496 130Q455 -11 378 -11Q333 -11 305 15T277 90Q277 108 280 121T283 145Q283 167 269 183T234 206T200 217T182 220H180Q168 178 159 139T145 81T136 44T129 20T122 7T111 -2Q98 -11 83 -11Q66 -11 57 -1T48 16Q48 26 85 176T158 471L195 616Q196 629 188 632T149 637H144Q134 637 131 637T124 640T121 647Z"></path><path id="MJX-1-TEX-N-31" d="M213 578L200 573Q186 568 160 563T102 556H83V602H102Q149 604 189 617T245 641T273 663Q275 666 285 666Q294 666 302 660V361L303 61Q310 54 315 52T339 48T401 46H427V0H416Q395 3 257 3Q121 3 100 0H88V46H114Q136 46 152 46T177 47T193 50T201 52T207 57T213 61V578Z"></path><path id="MJX-1-TEX-I-1D45B" d="M21 287Q22 293 24 303T36 341T56 388T89 425T135 442Q171 442 195 424T225 390T231 369Q231 367 232 367L243 378Q304 442 382 442Q436 442 469 415T503 336T465 179T427 52Q427 26 444 26Q450 26 453 27Q482 32 505 65T540 145Q542 153 560 153Q580 153 580 145Q580 144 576 130Q568 101 554 73T508 17T439 -10Q392 -10 371 17T350 73Q350 92 386 193T423 345Q423 404 379 404H374Q288 404 229 303L222 291L189 157Q156 26 151 16Q138 -11 108 -11Q95 -11 87 -5T76 7T74 17Q74 30 112 180T152 343Q153 348 153 366Q153 405 129 405Q91 405 66 305Q60 285 60 284Q58 278 41 278H27Q21 284 21 287Z"></path><path id="MJX-1-TEX-I-210E" d="M137 683Q138 683 209 688T282 694Q294 694 294 685Q294 674 258 534Q220 386 220 383Q220 381 227 388Q288 442 357 442Q411 442 444 415T478 336Q478 285 440 178T402 50Q403 36 407 31T422 26Q450 26 474 56T513 138Q516 149 519 151T535 153Q555 153 555 145Q555 144 551 130Q535 71 500 33Q466 -10 419 -10H414Q367 -10 346 17T325 74Q325 90 361 192T398 345Q398 404 354 404H349Q266 404 205 306L198 293L164 158Q132 28 127 16Q114 -11 83 -11Q69 -11 59 -2T48 16Q48 30 121 320L195 616Q195 629 188 632T149 637H128Q122 643 122 645T124 664Q129 683 137 683Z"></path><path id="MJX-1-TEX-LO-222B" d="M114 -798Q132 -824 165 -824H167Q195 -824 223 -764T275 -600T320 -391T362 -164Q365 -143 367 -133Q439 292 523 655T645 1127Q651 1145 655 1157T672 1201T699 1257T733 1306T777 1346T828 1360Q884 1360 912 1325T944 1245Q944 1220 932 1205T909 1186T887 1183Q866 1183 849 1198T832 1239Q832 1287 885 1296L882 1300Q879 1303 874 1307T866 1313Q851 1323 833 1323Q819 1323 807 1311T775 1255T736 1139T689 936T633 628Q574 293 510 -5T410 -437T355 -629Q278 -862 165 -862Q125 -862 92 -831T55 -746Q55 -711 74 -698T112 -685Q133 -685 150 -700T167 -741Q167 -789 114 -798Z"></path><path id="MJX-1-TEX-N-30" d="M96 585Q152 666 249 666Q297 666 345 640T423 548Q460 465 460 320Q460 165 417 83Q397 41 362 16T301 -15T250 -22Q224 -22 198 -16T137 16T82 83Q39 165 39 320Q39 494 96 585ZM321 597Q291 629 250 629Q208 629 178 597Q153 571 145 525T137 333Q137 175 145 125T181 46Q209 16 250 16Q290 16 318 46Q347 76 354 130T362 333Q362 478 354 524T321 597Z"></path><path id="MJX-1-TEX-SO-28" d="M152 251Q152 646 388 850H416Q422 844 422 841Q422 837 403 816T357 753T302 649T255 482T236 250Q236 124 255 19T301 -147T356 -251T403 -315T422 -340Q422 -343 416 -349H388Q359 -325 332 -296T271 -213T212 -97T170 56T152 251Z"></path><path id="MJX-1-TEX-I-1D715" d="M202 508Q179 508 169 520T158 547Q158 557 164 577T185 624T230 675T301 710L333 715H345Q378 715 384 714Q447 703 489 661T549 568T566 457Q566 362 519 240T402 53Q321 -22 223 -22Q123 -22 73 56Q42 102 42 148V159Q42 276 129 370T322 465Q383 465 414 434T455 367L458 378Q478 461 478 515Q478 603 437 639T344 676Q266 676 223 612Q264 606 264 572Q264 547 246 528T202 508ZM430 306Q430 372 401 400T333 428Q270 428 222 382Q197 354 183 323T150 221Q132 149 132 116Q132 21 232 21Q244 21 250 22Q327 35 374 112Q389 137 409 196T430 306Z"></path><path id="MJX-1-TEX-I-1D453" d="M118 -162Q120 -162 124 -164T135 -167T147 -168Q160 -168 171 -155T187 -126Q197 -99 221 27T267 267T289 382V385H242Q195 385 192 387Q188 390 188 397L195 425Q197 430 203 430T250 431Q298 431 298 432Q298 434 307 482T319 540Q356 705 465 705Q502 703 526 683T550 630Q550 594 529 578T487 561Q443 561 443 603Q443 622 454 636T478 657L487 662Q471 668 457 668Q445 668 434 658T419 630Q412 601 403 552T387 469T380 433Q380 431 435 431Q480 431 487 430T498 424Q499 420 496 407T491 391Q489 386 482 386T428 385H372L349 263Q301 15 282 -47Q255 -132 212 -173Q175 -205 139 -205Q107 -205 81 -186T55 -132Q55 -95 76 -78T118 -61Q162 -61 162 -103Q162 -122 151 -136T127 -157L118 -162Z"></path><path id="MJX-1-TEX-N-28" d="M94 250Q94 319 104 381T127 488T164 576T202 643T244 695T277 729T302 750H315H319Q333 750 333 741Q333 738 316 720T275 667T226 581T184 443T167 250T184 58T225 -81T274 -167T316 -220T333 -241Q333 -250 318 -250H315H302L274 -226Q180 -141 137 -14T94 250Z"></path><path id="MJX-1-TEX-N-2212" d="M84 237T84 250T98 270H679Q694 262 694 250T679 230H98Q84 237 84 250Z"></path><path id="MJX-1-TEX-I-1D461" d="M26 385Q19 392 19 395Q19 399 22 411T27 425Q29 430 36 430T87 431H140L159 511Q162 522 166 540T173 566T179 586T187 603T197 615T211 624T229 626Q247 625 254 615T261 596Q261 589 252 549T232 470L222 433Q222 431 272 431H323Q330 424 330 420Q330 398 317 385H210L174 240Q135 80 135 68Q135 26 162 26Q197 26 230 60T283 144Q285 150 288 151T303 153H307Q322 153 322 145Q322 142 319 133Q314 117 301 95T267 48T216 6T155 -11Q125 -11 98 4T59 56Q57 64 57 83V101L92 241Q127 382 128 383Q128 385 77 385H26Z"></path><path id="MJX-1-TEX-I-1D452" d="M39 168Q39 225 58 272T107 350T174 402T244 433T307 442H310Q355 442 388 420T421 355Q421 265 310 237Q261 224 176 223Q139 223 138 221Q138 219 132 186T125 128Q125 81 146 54T209 26T302 45T394 111Q403 121 406 121Q410 121 419 112T429 98T420 82T390 55T344 24T281 -1T205 -11Q126 -11 83 42T39 168ZM373 353Q367 405 305 405Q272 405 244 391T199 357T170 316T154 280T149 261Q149 260 169 260Q282 260 327 284T373 353Z"></path><path id="MJX-1-TEX-N-29" d="M60 749L64 750Q69 750 74 750H86L114 726Q208 641 251 514T294 250Q294 182 284 119T261 12T224 -76T186 -143T145 -194T113 -227T90 -246Q87 -249 86 -250H74Q66 -250 63 -250T58 -247T55 -238Q56 -237 66 -225Q221 -64 221 250T66 725Q56 737 55 738Q55 746 60 749Z"></path><path id="MJX-1-TEX-SO-29" d="M305 251Q305 -145 69 -349H56Q43 -349 39 -347T35 -338Q37 -333 60 -307T108 -239T160 -136T204 27T221 250T204 473T160 636T108 740T60 807T35 839Q35 850 50 850H56H69Q197 743 256 566Q305 425 305 251Z"></path><path id="MJX-1-TEX-I-1D451" d="M366 683Q367 683 438 688T511 694Q523 694 523 686Q523 679 450 384T375 83T374 68Q374 26 402 26Q411 27 422 35Q443 55 463 131Q469 151 473 152Q475 153 483 153H487H491Q506 153 506 145Q506 140 503 129Q490 79 473 48T445 8T417 -8Q409 -10 393 -10Q359 -10 336 5T306 36L300 51Q299 52 296 50Q294 48 292 46Q233 -10 172 -10Q117 -10 75 30T33 157Q33 205 53 255T101 341Q148 398 195 420T280 442Q336 442 364 400Q369 394 369 396Q370 400 396 505T424 616Q424 629 417 632T378 637H357Q351 643 351 645T353 664Q358 683 366 683ZM352 326Q329 405 277 405Q242 405 210 374T160 293Q131 214 119 129Q119 126 119 118T118 106Q118 61 136 44T179 26Q233 26 290 98L298 109L352 326Z"></path></defs><g stroke="currentColor" fill="currentColor" stroke-width="0" transform="scale(1,-1)"><g data-mml-node="math"><g data-mml-node="mtable"><g data-mml-node="mtr" transform="translate(0,750)"><g data-mml-node="mtd"><g data-mml-node="mi"><use data-c="1D465" xlink:href="#MJX-1-TEX-I-1D465"></use></g><g data-mml-node="mo" transform="translate(849.8,0)"><use data-c="3D" xlink:href="#MJX-1-TEX-N-3D"></use></g><g data-mml-node="mi" transform="translate(1905.6,0)"><use data-c="1D44E" xlink:href="#MJX-1-TEX-I-1D44E"></use></g><g data-mml-node="mo" transform="translate(2656.8,0)"><use data-c="2B" xlink:href="#MJX-1-TEX-N-2B"></use></g><g data-mml-node="mi" transform="translate(3657,0)"><use data-c="1D44F" xlink:href="#MJX-1-TEX-I-1D44F"></use></g></g></g><g data-mml-node="mtr" transform="translate(0,-750)"><g data-mml-node="mtd" transform="translate(89,0)"><g data-mml-node="mi"><use data-c="1D466" xlink:href="#MJX-1-TEX-I-1D466"></use></g><g data-mml-node="mo" transform="translate(767.8,0)"><use data-c="3D" xlink:href="#MJX-1-TEX-N-3D"></use></g><g data-mml-node="mi" transform="translate(1823.6,0)"><use data-c="1D44F" xlink:href="#MJX-1-TEX-I-1D44F"></use></g><g data-mml-node="mo" transform="translate(2474.8,0)"><use data-c="2B" xlink:href="#MJX-1-TEX-N-2B"></use></g><g data-mml-node="mi" transform="translate(3475,0)"><use data-c="1D450" xlink:href="#MJX-1-TEX-I-1D450"></use></g></g></g></g><g data-mml-node="munderover" transform="translate(4252.7,0)"><g data-mml-node="mo"><use data-c="2211" xlink:href="#MJX-1-TEX-LO-2211"></use></g><g data-mml-node="TeXAtom" transform="translate(86,-1107.7) scale(0.707)" data-mjx-texclass="ORD"><g data-mml-node="mi"><use data-c="1D458" xlink:href="#MJX-1-TEX-I-1D458"></use></g><g data-mml-node="mo" transform="translate(521,0)"><use data-c="3D" xlink:href="#MJX-1-TEX-N-3D"></use></g><g data-mml-node="mn" transform="translate(1299,0)"><use data-c="31" xlink:href="#MJX-1-TEX-N-31"></use></g></g><g data-mml-node="TeXAtom" transform="translate(509.9,1150) scale(0.707)" data-mjx-texclass="ORD"><g data-mml-node="mi"><use data-c="1D45B" xlink:href="#MJX-1-TEX-I-1D45B"></use></g></g></g><g data-mml-node="msub" transform="translate(5863.3,0)"><g data-mml-node="mi"><use data-c="210E" xlink:href="#MJX-1-TEX-I-210E"></use></g><g data-mml-node="TeXAtom" transform="translate(609,-150) scale(0.707)" data-mjx-texclass="ORD"><g data-mml-node="mi"><use data-c="1D458" xlink:href="#MJX-1-TEX-I-1D458"></use></g></g></g><g data-mml-node="msubsup" transform="translate(7057.4,0)"><g data-mml-node="mo" transform="translate(0 1)"><use data-c="222B" xlink:href="#MJX-1-TEX-LO-222B"></use></g><g data-mml-node="TeXAtom" transform="translate(1046.4,1088.1) scale(0.707)" data-mjx-texclass="ORD"><g data-mml-node="mn"><use data-c="31" xlink:href="#MJX-1-TEX-N-31"></use></g></g><g data-mml-node="TeXAtom" transform="translate(589,-896.4) scale(0.707)" data-mjx-texclass="ORD"><g data-mml-node="mn"><use data-c="30" xlink:href="#MJX-1-TEX-N-30"></use></g></g></g><g data-mml-node="TeXAtom" data-mjx-texclass="OPEN" transform="translate(8507.4,0)"><g data-mml-node="mo" transform="translate(0 -0.5)"><use data-c="28" xlink:href="#MJX-1-TEX-SO-28"></use></g></g><g data-mml-node="msub" transform="translate(8965.4,0)"><g data-mml-node="mi"><use data-c="1D715" xlink:href="#MJX-1-TEX-I-1D715"></use></g><g data-mml-node="TeXAtom" transform="translate(564,-150) scale(0.707)" data-mjx-texclass="ORD"><g data-mml-node="mi"><use data-c="1D458" xlink:href="#MJX-1-TEX-I-1D458"></use></g></g></g><g data-mml-node="mi" transform="translate(9947.8,0)"><use data-c="1D453" xlink:href="#MJX-1-TEX-I-1D453"></use></g><g data-mml-node="mo" transform="translate(10497.8,0)"><use data-c="28" xlink:href="#MJX-1-TEX-N-28"></use></g><g data-mml-node="msub" transform="translate(10886.8,0)"><g data-mml-node="mi"><use data-c="1D465" xlink:href="#MJX-1-TEX-I-1D465"></use></g><g data-mml-node="TeXAtom" transform="translate(605,-150) scale(0.707)" data-mjx-texclass="ORD"><g data-mml-node="mi"><use data-c="1D458" xlink:href="#MJX-1-TEX-I-1D458"></use></g><g data-mml-node="mo" transform="translate(521,0)"><use data-c="2212" xlink:href="#MJX-1-TEX-N-2212"></use></g><g data-mml-node="mn" transform="translate(1299,0)"><use data-c="31" xlink:href="#MJX-1-TEX-N-31"></use></g></g></g><g data-mml-node="mo" transform="translate(13036.1,0)"><use data-c="2B" xlink:href="#MJX-1-TEX-N-2B"></use></g><g data-mml-node="mi" transform="translate(14036.3,0)"><use data-c="1D461" xlink:href="#MJX-1-TEX-I-1D461"></use></g><g data-mml-node="msub" transform="translate(14397.3,0)"><g data-mml-node="mi"><use data-c="210E" xlink:href="#MJX-1-TEX-I-210E"></use></g><g data-mml-node="TeXAtom" transform="translate(609,-150) scale(0.707)" data-mjx-texclass="ORD"><g data-mml-node="mi"><use data-c="1D458" xlink:href="#MJX-1-TEX-I-1D458"></use></g></g></g><g data-mml-node="msub" transform="translate(15424.7,0)"><g data-mml-node="mi"><use data-c="1D452" xlink:href="#MJX-1-TEX-I-1D452"></use></g><g data-mml-node="TeXAtom" transform="translate(499,-150) scale(0.707)" data-mjx-texclass="ORD"><g data-mml-node="mi"><use data-c="1D458" xlink:href="#MJX-1-TEX-I-1D458"></use></g></g></g><g data-mml-node="mo" transform="translate(16342.1,0)"><use data-c="29" xlink:href="#MJX-1-TEX-N-29"></use></g><g data-mml-node="mo" transform="translate(16953.3,0)"><use data-c="2212" xlink:href="#MJX-1-TEX-N-2212"></use></g><g data-mml-node="msub" transform="translate(17953.5,0)"><g data-mml-node="mi"><use data-c="1D715" xlink:href="#MJX-1-TEX-I-1D715"></use></g><g data-mml-node="TeXAtom" transform="translate(564,-150) scale(0.707)" data-mjx-texclass="ORD"><g data-mml-node="mi"><use data-c="1D458" xlink:href="#MJX-1-TEX-I-1D458"></use></g></g></g><g data-mml-node="mi" transform="translate(18935.9,0)"><use data-c="1D453" xlink:href="#MJX-1-TEX-I-1D453"></use></g><g data-mml-node="mo" transform="translate(19485.9,0)"><use data-c="28" xlink:href="#MJX-1-TEX-N-28"></use></g><g data-mml-node="mi" transform="translate(19874.9,0)"><use data-c="1D44E" xlink:href="#MJX-1-TEX-I-1D44E"></use></g><g data-mml-node="mo" transform="translate(20403.9,0)"><use data-c="29" xlink:href="#MJX-1-TEX-N-29"></use></g><g data-mml-node="TeXAtom" data-mjx-texclass="CLOSE" transform="translate(20792.9,0)"><g data-mml-node="mo" transform="translate(0 -0.5)"><use data-c="29" xlink:href="#MJX-1-TEX-SO-29"></use></g></g><g data-mml-node="mstyle" transform="translate(21250.9,0)"><g data-mml-node="mspace"></g></g><g data-mml-node="mi" transform="translate(21417.9,0)"><use data-c="1D451" xlink:href="#MJX-1-TEX-I-1D451"></use></g><g data-mml-node="mi" transform="translate(21937.9,0)"><use data-c="1D461" xlink:href="#MJX-1-TEX-I-1D461"></use></g></g></g></svg></g></g><g id="network.cell tower"><g class="shape" ><rect x="62.000000" y="959.000000" width="261.000000" height="413.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /><rect x="62.000000" y="959.000000" width="261.000000" height="413.000000" class="dots-overlay" style="stroke-width:2;" /></g><text x="192.500000" y="988.000000" class="text-mono fill-N1" style="text-anchor:middle;font-size:24px">Cell Tower</text></g><g id="network.online portal"><g class="shape" ><rect x="343.000000" y="964.000000" width="230.000000" height="169.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /><rect x="343.000000" y="964.000000" width="230.000000" height="169.000000" class="dots-overlay" style="stroke-width:2;" /></g><text x="458.000000" y="993.000000" class="text-mono fill-N1" style="text-anchor:middle;font-size:24px">ONLINE PORTAL</text></g><g id="network.data processor"><g class="shape" ><rect x="70.000000" y="1543.000000" width="245.000000" height="218.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /><rect x="70.000000" y="1543.000000" width="245.000000" height="218.000000" class="dots-overlay" style="stroke-width:2;" /></g><text x="192.500000" y="1572.000000" class="text-mono fill-N1" style="text-anchor:middle;font-size:24px">DATA PROCESSOR</text></g><g id="network.cell tower.satellites"><g class="shape" ><path d="M 137 999 H 283 C 279 999 268 1017 268 1032 C 268 1047 279 1065 283 1065 H 137 C 133 1065 122 1047 122 1032 C 122 1017 133 999 137 999 Z" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /><path d="M 127 1009 H 273 C 269 1009 258 1027 258 1042 C 258 1057 269 1075 273 1075 H 127 C 123 1075 112 1057 112 1042 C 112 1027 123 1009 127 1009 Z" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /></g><text x="192.500000" y="1047.500000" class="text-mono fill-N1" style="text-anchor:middle;font-size:16px">SATELLITES</text></g><g id="network.cell tower.transmitter"><g class="shape" ><rect x="117.000000" y="1256.000000" width="151.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="192.500000" y="1294.500000" class="text-mono fill-N1" style="text-anchor:middle;font-size:16px">TRANSMITTER</text></g><g id="network.online portal.ui"><g class="shape" ><path d="M 438 1014 L 418 1048 L 438 1083 L 478 1083 L 498 1048 L 478 1014 Z" class=" stroke-B1 fill-N5" style="stroke-width:2;" /></g><text x="458.000000" y="1054.000000" class="text-mono fill-N1" style="text-anchor:middle;font-size:16px">UI</text></g><g id="network.data processor.storage"><g class="shape" ><path d="M 146 1607 C 146 1583 196 1583 202 1583 C 208 1583 258 1583 258 1607 V 1677 C 258 1701 208 1701 202 1701 C 196 1701 146 1701 146 1677 V 1607 Z" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /><path d="M 146 1607 C 146 1631 196 1631 202 1631 C 208 1631 258 1631 258 1607" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /><path d="M 136 1617 C 136 1593 186 1593 192 1593 C 198 1593 248 1593 248 1617 V 1687 C 248 1711 198 1711 192 1711 C 186 1711 136 1711 136 1687 V 1617 Z" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /><path d="M 136 1617 C 136 1641 186 1641 192 1641 C 198 1641 248 1641 248 1617" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /></g><text x="192.000000" y="1669.500000" class="text-mono fill-N1" style="text-anchor:middle;font-size:16px">STORAGE</text></g><g id="network.cell tower.(satellites -&gt; transmitter)[0]"><marker id="mk-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" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 143.002762 1076.999998 L 143.244475 1252.000004" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3080606261)" /><text x="143.500000" y="1171.000000" class="text-mono-italic fill-N2" style="text-anchor:middle;font-size:16px">send</text></g><g id="network.cell tower.(satellites -&gt; transmitter)[1]"><path d="M 192.997238 1076.999998 L 192.755525 1252.000004" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3080606261)" /><text x="193.000000" y="1171.000000" class="text-mono-italic fill-N2" style="text-anchor:middle;font-size:16px">SEND</text></g><g id="network.cell tower.(satellites -&gt; transmitter)[2]"><path d="M 241.997238 1076.999998 L 241.755525 1252.000004" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3080606261)" /><text x="242.000000" y="1171.000000" class="text-mono-italic fill-N2" style="text-anchor:middle;font-size:16px">SEND</text></g><g id="network.(cell tower.transmitter -&gt; data processor.storage)[0]"><path d="M 192.503690 1323.999997 L 192.992620 1589.000007" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3080606261)" /><text x="193.000000" y="1463.000000" class="text-mono-italic fill-N2" style="text-anchor:middle;font-size:16px">PHONE LOGS</text></g><g id="(user -&gt; network.cell tower)[0]"><path d="M 300.015151 263.999943 L 300.500000 328.000000 S 300.500000 328.000000 300.500000 328.000000 L 214.083333 328.000000 S 214.083333 328.000000 214.083333 328.000000 L 214.083333 955.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3080606261)" /><text x="214.000000" y="573.000000" class="text-mono-italic fill-N2" style="text-anchor:middle;font-size:16px">MAKE CALL</text></g><g id="(user -&gt; network.online portal.ui)[0]"><marker id="mk-2177206569" 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" class="connection fill-B2" stroke-width="2" /> </marker><path d="M 343.999446 264.000000 L 343.833333 864.000000 S 343.833333 864.000000 343.833333 864.000000 L 444.666667 864.000000 S 444.666667 864.000000 444.666667 864.000000 L 444.991111 1010.000010" fill="none" class="connection stroke-B2" style="stroke-width:2;stroke-dasharray:6.000000,5.919384;" marker-end="url(#mk-2177206569)" mask="url(#d2-3080606261)" /><text x="344.000000" y="694.000000" class="text-mono-italic fill-N2" style="text-anchor:middle;font-size:16px">ACCESS</text></g><g id="(api server -&gt; network.online portal.ui)[0]"><path d="M 573.333333 290.000000 L 573.333333 864.000000 S 573.333333 864.000000 573.333333 864.000000 L 471.333333 864.000000 S 471.333333 864.000000 471.333333 864.000000 L 471.008889 1010.000010" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3080606261)" /><text x="573.500000" y="708.000000" class="text-mono-italic fill-N2" style="text-anchor:middle;font-size:16px">DISPLAY</text></g><g id="(api server -&gt; logs)[0]"><path d="M 644.333333 290.000000 L 644.333333 328.000000 S 644.333333 328.000000 644.333333 328.000000 L 744.000000 328.000000 S 744.000000 328.000000 744.000000 328.000000 L 744.000000 905.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3080606261)" /><text x="744.000000" y="554.000000" class="text-mono-italic fill-N2" style="text-anchor:middle;font-size:16px">PERSIST</text></g><g id="(network.data processor -&gt; api server)[0]"><path d="M 136.500000 1763.000000 L 136.500000 1856.000000 S 136.500000 1856.000000 136.500000 1856.000000 L 663.000000 1856.000000 S 663.000000 1856.000000 663.000000 1856.000000 L 663.000000 378.000000 S 663.000000 378.000000 663.000000 378.000000 L 608.833333 378.000000 S 608.833333 378.000000 608.833333 378.000000 L 608.833333 292.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3080606261)" /></g><g id="(markdown -&gt; code)[0]"><path d="M 1307.833333 290.000000 L 1307.833333 414.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3080606261)" /></g><g id="(code -&gt; ex)[0]"><path d="M 1307.833333 826.000000 L 1307.833333 905.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3080606261)" /></g><mask id="d2-3080606261" maskUnits="userSpaceOnUse" x="11" y="11" width="1731" height="1846">
 <rect x="11" y="11" width="1731" height="1846" fill="white"></rect>
-<rect x="124.000000" y="1155.000000" width="38" height="21" fill="black"></rect>
-<rect x="173.000000" y="1155.000000" width="38" height="21" fill="black"></rect>
-<rect x="222.000000" y="1155.000000" width="38" height="21" fill="black"></rect>
+<rect x="124.000000" y="1155.000000" width="39" height="21" fill="black"></rect>
+<rect x="174.000000" y="1155.000000" width="38" height="21" fill="black"></rect>
+<rect x="223.000000" y="1155.000000" width="38" height="21" fill="black"></rect>
 <rect x="145.000000" y="1447.000000" width="96" height="21" fill="black"></rect>
 <rect x="171.000000" y="557.000000" width="86" height="21" fill="black"></rect>
 <rect x="315.000000" y="678.000000" width="58" height="21" fill="black"></rect>
diff --git a/e2etests/testdata/themes/terminal_grayscale/dagre/board.exp.json b/e2etests/testdata/themes/terminal_grayscale/dagre/board.exp.json
index 6777766c6..5a285caab 100644
--- a/e2etests/testdata/themes/terminal_grayscale/dagre/board.exp.json
+++ b/e2etests/testdata/themes/terminal_grayscale/dagre/board.exp.json
@@ -10,7 +10,7 @@
         "x": 0,
         "y": 275
       },
-      "width": 436,
+      "width": 437,
       "height": 1225,
       "opacity": 1,
       "strokeDash": 0,
@@ -52,7 +52,7 @@
         "x": 96,
         "y": 340
       },
-      "width": 320,
+      "width": 321,
       "height": 317,
       "opacity": 1,
       "strokeDash": 0,
@@ -73,7 +73,7 @@
       "fields": null,
       "methods": null,
       "columns": null,
-      "label": "CELL TOWER",
+      "label": "Cell Tower",
       "fontSize": 24,
       "fontFamily": "mono",
       "language": "",
@@ -81,7 +81,7 @@
       "italic": false,
       "bold": false,
       "underline": false,
-      "labelWidth": 143,
+      "labelWidth": 142,
       "labelHeight": 31,
       "labelPosition": "OUTSIDE_TOP_CENTER",
       "zIndex": 0,
@@ -91,7 +91,7 @@
       "id": "network.cell tower.satellites",
       "type": "stored_data",
       "pos": {
-        "x": 176,
+        "x": 177,
         "y": 372
       },
       "width": 161,
@@ -132,7 +132,7 @@
       "id": "network.cell tower.transmitter",
       "type": "rectangle",
       "pos": {
-        "x": 181,
+        "x": 182,
         "y": 559
       },
       "width": 151,
@@ -380,7 +380,7 @@
       "id": "api server",
       "type": "rectangle",
       "pos": {
-        "x": 477,
+        "x": 478,
         "y": 1076
       },
       "width": 142,
@@ -421,7 +421,7 @@
       "id": "logs",
       "type": "page",
       "pos": {
-        "x": 507,
+        "x": 508,
         "y": 1313
       },
       "width": 82,
@@ -472,7 +472,7 @@
       "strokeDash": 0,
       "strokeWidth": 2,
       "stroke": "B1",
-      "label": "SEND",
+      "label": "send",
       "fontSize": 16,
       "fontFamily": "mono",
       "language": "",
@@ -480,7 +480,7 @@
       "italic": true,
       "bold": false,
       "underline": false,
-      "labelWidth": 38,
+      "labelWidth": 39,
       "labelHeight": 21,
       "labelPosition": "INSIDE_MIDDLE_CENTER",
       "labelPercentage": 0,
@@ -490,15 +490,15 @@
           "y": 439
         },
         {
-          "x": 188.6,
+          "x": 188.8,
           "y": 487
         },
         {
-          "x": 188.5,
+          "x": 188.95,
           "y": 511.2
         },
         {
-          "x": 228.5,
+          "x": 229.75,
           "y": 560
         }
       ],
@@ -534,19 +534,19 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 256,
+          "x": 257,
           "y": 439
         },
         {
-          "x": 256.4,
+          "x": 257.2,
           "y": 487
         },
         {
-          "x": 256.5,
+          "x": 257.25,
           "y": 511.2
         },
         {
-          "x": 256.5,
+          "x": 257.25,
           "y": 560
         }
       ],
@@ -582,19 +582,19 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 284,
+          "x": 285,
           "y": 439
         },
         {
-          "x": 324.4,
+          "x": 325.2,
           "y": 487
         },
         {
-          "x": 324.5,
+          "x": 325.05,
           "y": 511.2
         },
         {
-          "x": 284.5,
+          "x": 284.25,
           "y": 560
         }
       ],
@@ -616,7 +616,7 @@
       "strokeDash": 0,
       "strokeWidth": 2,
       "stroke": "B1",
-      "label": "PHONE LOGS",
+      "label": "phone logs",
       "fontSize": 16,
       "fontFamily": "mono",
       "language": "",
@@ -624,33 +624,33 @@
       "italic": true,
       "bold": false,
       "underline": false,
-      "labelWidth": 96,
+      "labelWidth": 97,
       "labelHeight": 21,
       "labelPosition": "INSIDE_MIDDLE_CENTER",
       "labelPercentage": 0,
       "route": [
         {
-          "x": 256.5,
+          "x": 257,
           "y": 625.5
         },
         {
-          "x": 256.5,
+          "x": 257,
           "y": 651.1
         },
         {
-          "x": 256.5,
+          "x": 257,
           "y": 669.6
         },
         {
-          "x": 256.5,
+          "x": 257,
           "y": 687.75
         },
         {
-          "x": 256.5,
+          "x": 257,
           "y": 705.9
         },
         {
-          "x": 256.6,
+          "x": 257,
           "y": 792.2
         },
         {
@@ -694,15 +694,15 @@
           "y": 87
         },
         {
-          "x": 240.8,
+          "x": 241.2,
           "y": 156.2
         },
         {
-          "x": 256.5,
+          "x": 257,
           "y": 248.2
         },
         {
-          "x": 256.5,
+          "x": 257,
           "y": 305
         }
       ],
@@ -942,12 +942,12 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 476.75,
-          "y": 1124.9196642685852
+          "x": 477.5,
+          "y": 1124.8910831837222
         },
         {
-          "x": 199.95,
-          "y": 1186.983932853717
+          "x": 200.09999999999997,
+          "y": 1186.9782166367445
         },
         {
           "x": 127,
@@ -990,19 +990,19 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 547.75,
+          "x": 548.5,
           "y": 1142
         },
         {
-          "x": 547.75,
+          "x": 548.5,
           "y": 1190.4
         },
         {
-          "x": 547.8,
+          "x": 548.6,
           "y": 1273
         },
         {
-          "x": 548,
+          "x": 549,
           "y": 1313
         }
       ],
@@ -1038,20 +1038,20 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 256.5,
+          "x": 257,
           "y": 996.5
         },
         {
-          "x": 256.5,
+          "x": 257,
           "y": 1020.1
         },
         {
-          "x": 300.55,
-          "y": 1038.5533047210301
+          "x": 301.1,
+          "y": 1038.5567753001715
         },
         {
-          "x": 476.75,
-          "y": 1088.7665236051503
+          "x": 477.5,
+          "y": 1088.7838765008576
         }
       ],
       "isCurve": true,
diff --git a/e2etests/testdata/themes/terminal_grayscale/dagre/sketch.exp.svg b/e2etests/testdata/themes/terminal_grayscale/dagre/sketch.exp.svg
index 4e92ff921..adf1031f1 100644
--- a/e2etests/testdata/themes/terminal_grayscale/dagre/sketch.exp.svg
+++ b/e2etests/testdata/themes/terminal_grayscale/dagre/sketch.exp.svg
@@ -1,17 +1,17 @@
-<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 621 1502"><svg id="d2-svg" class="d2-457017616" width="621" height="1502" viewBox="-1 -1 621 1502"><rect x="-1.000000" y="-1.000000" width="621.000000" height="1502.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
-.d2-457017616 .text-mono {
-	font-family: "d2-457017616-font-mono";
+<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 622 1502"><svg id="d2-svg" class="d2-3554032264" width="622" height="1502" viewBox="-1 -1 622 1502"><rect x="-1.000000" y="-1.000000" width="622.000000" height="1502.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
+.d2-3554032264 .text-mono {
+	font-family: "d2-3554032264-font-mono";
 }
 @font-face {
-	font-family: d2-457017616-font-mono;
-	src: url("data:application/font-woff;base64,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");
+	font-family: d2-3554032264-font-mono;
+	src: url("data:application/font-woff;base64,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");
 }
-.d2-457017616 .text-mono-italic {
-	font-family: "d2-457017616-font-mono-italic";
+.d2-3554032264 .text-mono-italic {
+	font-family: "d2-3554032264-font-mono-italic";
 }
 @font-face {
-	font-family: d2-457017616-font-mono-italic;
-	src: url("data:application/font-woff;base64,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");
+	font-family: d2-3554032264-font-mono-italic;
+	src: url("data:application/font-woff;base64,d09GRgABAAAAABCkAAwAAAAAG/gAAQQZAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABHAAAAGAAAABglO/WomNtYXAAAAF8AAAAnQAAANQESwRLZ2FzcAAAAhwAAAAIAAAACAAAABBnbHlmAAACJAAACIQAAAr4CumwC2hlYWQAAAqoAAAANgAAADYa8dmqaGhlYQAACuAAAAAkAAAAJAbDBDtobXR4AAALBAAAAGcAAACASwIGiWxvY2EAAAtsAAAAQgAAAEIqUCekbWF4cAAAC7AAAAAgAAAAIABUAmxuYW1lAAAL0AAABKkAAA2O9UFlqnBvc3QAABB8AAAAIAAAACD/rQAzcHJlcAAAEJwAAAAHAAAAB2gGjIUABAJYAZAABQAAAooCWP/xAEsCigJYAEQBXgAyAR4AAAILAwkDBAMJAgQgAAB3AgA4AwAAAAAAAAAAQURCTwCBACD//wPY/u8AAAQkAcZgAAGTAAAAAAHeApQAAAAgAAN4nHzNOy4FAQBG4W/M9b6u8X4PWxEREY1oZHpCMRGhsCWChNp7KVbyi1nAPe1XHBRKBfp6HlCrlAZ27Np34NCxU41zl1rXbt0ldL7X+ZETjTMXWldu/j2/+cl3vvKZj7znLa95yXOe8pj77jaswohSz6gx4yZMmjKtb8bArMqceQsWLVm2YtWadRs2balt8wcAAP//AQAA//9HMCh+AAAAAAEAAf//AA94nHRWW2zb5hU+/0+K9EWS5VBXO7qREinZsm6USMm2LpZsOZYlWXYudmI7tmsnbtxkdZu0aYMVw+I23dquUNFsTwGGFl1fNmDYimLYMBRFH7qs62UP29oFGNYBW4CtKDB4RrdmEzWQcpJ2ayGApB54zvd95/u/Q9DBGAC24atAQCfo4QBYAM73env9XkHgaFoWbKIsc27cO4Z+pzyLuisSKV+4fPn7ZKy0V1r9Or7aPCs/dfr0wkcfv7782GNPfYQ+ANz6KwD6J26AAXoB1pHIcATPCxxF0YQse2kb2jg+W/frOinyYPzgG9M9yNONG81t9GjyXELalJUn3hkdBUBQbe3hAr4GLMAEy/PJRJYQ41YbzfMcayQsZqtVjEuyzYiRNH2v5Bk+cm8mNeuQGYmPzORCVrY8Iox7fI50UV+8OJN9ZGs2LA0GvbwwsbAWHV1KevrjFtYCGKwAeAg3oAvMAOcZMW61mI2YE8S4JCUTPMdZd3auPB1dfuLI/Pz8V4sbqzncuHLp+PNbw/nZb59a2VSxjgLgw7gB3WoFL337N/o4et6g/HQA9RqUv4uobsCNsd8WPimA+k6mtYdH8DXw3eGHv4CfzMkiQVEoVNuSoye+Vh+Zs8uMHIzO5UI2djrjSzO+Jw3vpn0n9YWL9drViyV5IOgRNJLDy7Ld9Gpe+bPLr/bjAHBmH6MsMpzspTlCpDnji2de6kHfMX5v6+WeAjaMjTX/UQDAMACAt3ADOkAPMIZojhEJEREyw+EtJTVY3alNkGjh0/Sr87ihjP8GN5Qfolnl3RFlEzR+6wCYwA3QaaoSXnp9p/YwmjDgRvPHBUDQA4CruKHiOs+IjE2UGZHgmCwhc0ZMExwRJgTtqWfnJE+RoZeWL0/VSL3RQJE6e1/XM3kWkSSBSYLuIOu4oby/tooGmtvoMhOOR5nusMgonyLc4Rv0dToLo4zyMCBwAOBDuKHOvN0zS2hd9zs5dmau+NWCHWSpvFN70k+SXd3UBG4oJ560S1LMgtab2+jlb3gPlTzKC4Ah2NrDMr4GDAgA83ddqlqIEOJZIpm4O06luCIelCr3DBdX4geTlXvEwcmU3+zKRtW7xZ3Vj12o5S7dNxfJP1TLPXp2LlIMTi5tiumj4eDk0mlx+GgY1Lkk9udo2GfR7oY5jmDEeNuxiZ2fZJcTA5UzuTPJwtLmmcrUOm54S+nRhXS/8i80WZ9JiwBAaJ7g92v1fVk1RmY4budHasXyWvJCamLl5KmpqZVQ8fFjuOEeT8lzaafyN3R0riSHlV97lNfa8/e39rADX4OQ5m9B1vysVhQEVSdJuuN2irKYrTabC1vMFIV0tW026T6SGsjzIX9lIC8ujuRPORO2coxLusLuGXesf+S0fiw5OBRzyX5/wjLkqKXj9XAqOOgKOSMH/VEmYh4aEbLzEQ3HPQD4AdwAWuXXdv2bD98wYGy88RCuFovNV9p48609XMEN1SPzrApQdYYGTcWt/jHi1tK6Tjddm6Z0uQyfj/fUK3PMoQ39fYv2wT70qPKELcAUyv75KXRV2Vi9P6bVvQSAH8ENMAKcJ0TGarWJWSwzIvp5oe4mO0nSxPtNPzuqvIAbytXkOYmtlt3obHNbfVcCwJfxc6q7zmsA6LZjVa3ueJfnk1q6SoEyiykdJokexkRcLDBYp6NwR3cXvlJ+e/UAJnW0w/Agfk4ZcaWCXR1CWKCR/kNbsWCjtefXm/ejLueUzX7IqXzS1uQcAH4QPwcmNTMI0bYPXhYR/YvIN+sZvaODNHDCgWfmlPeG/oJ+8FbgOGtJjfS/pVT+oHm1tYcX8HWwqCmnqdoOOVGWRYKTOYoS1IzTzgi2mK03pheD5dVUomwhTHy1kesg+WV7YD4QshfY4JTkyuhXFgsXTiQEz8przVRZiOSj4Q8Eb3DiRHRczZRcaw8b0C4EPpepFjNFe2Uv3c7zdqf28qAoZMwti0PVDfn4aiepXOpCix6CyElcKc35CqHoEdbpP6ePnhwvnJsNbc06El2jPd227nSBzR5LxsZ9vv6EcxC0c2lqCTiIdoGFmMb1tuNllSb3We7qIInP8f7l6JLX55wNDE7Fu60ktxipLgWnVqVE1UyaM6cNU5s9gSN8yJH3CZNJ9+jv2T7Z0d8/EtlkQyvz+QeOxQLejIKKxwTkHAq+J7D82NFoIQ9IVR0fwNfhYNs/tHhHD4Jj9uWgaML3bDVpIl3F6cF8RkeOVod1pMDHNuI5fF25lXHGXQXZIpiV95GX8Zp8QjalvNn2x7dae+htfB1smt7amWnvq/ap0QSeSJUJ8tSLho8fxESAtQ/1MZ6ifixvcJjQH7PND7ut3X7OaBgxmW7jRbvQr+H9UrhrWT3pHK+G/gcturnuFN1fjBVDuLWHe9Eu9IL3Tlbj23knxLP4rjlu5RdjQ7VTqZx62xCFSdlTyvLqVS+t5vJnZ0PSai53rj6U92UPRyYPt6+AW/9uidiBdsGsJuukykCLOTXXOJZXv6mY240omrZadU/lOgh+UaycKD5SD1ftxAH3GwOlhDOT8M8HQn3Fd/Ar0z5xY3mhcTTguve7CPHFhdjkRDx0g/eo+q8B4EG0C8xn9doPVZpeW8tZyP6JmQFvzOQ6INhTD4giuvl0cCJo0Bf0naszTbWG3NrDCO2q+149M/u2VRfX/+W0GtP7KW0cmJ2whXxrCbHoSgcrpfhcvHTaPeg6LEek7PBQSZCX9dZAfyzA+wN2t93oKMYjGVfUHekL+D0sb+7xJYTEmAsQhAHwV9BN9TtPzUczpYomMyJjpSztJ4ITeCmpbmh6WF8hECINtp7tWhfGpNFmuFD+1RqFENlp7OnaQjeVP7F5jhtjEan8h8tzXI5DbqXvFjfq7xsI2G8BwH8BAAD//wEAAP//qVM+HgABAAAAAQQZnNkRpl8PPPUAAwPoAAAAANwcc7AAAAAA3ZceoP70/joDMQQkAAIABgACAAAAAAAAAAEAAAPY/u8AAAJY/vT/JwMxA+gAwv/FAAAAAAAAAAAAAAAgeJwsybGtgQEAAOHLLfBeJVGjoFAJDcEA+mtRW8AOBjWD4hfJX10un3E2sOFtXIyJsTcOxsxYGXfjz5gaS2Mz2sK4GSfjaWyNx+hH49+YG6+xaxs+xtXY/f4LAAD//wEAAP//WPgVyAAAAAAqACoATgCCAKQAvgD2AQ4BLgE+AXgBoAHaAgACLgJyAoYCsgLQAxADMANoA6YD8AQgBEgEdgSoBOAFAgVCBXwAAAABAAAAIAH4ACoAcQAGAAEAAAAAAAAAAAAAAAAAAwACeJyclc9vG9UXxT+OU3ucpvnmW0pJCpRHKaUNzsSx2qhqESL9pRpCUmKXCqoiJvbEGeJf8ozbBvFHsGDFgiUSG/4AFogF6oolK1YsECsWrFijd+c6HrdNiqNK9Xl579577jn3vQGupudIkxrPAY9AcYqTPFI8xiR/KE7zNn8rHiefchUfopb6WHGGs6kfFWf5KfWnYofzY98qznF+7DfFhymmpxQfSZv0O4qnOJ/5VPEsZzJfxTgFE5kfFKcG3FJjTGd+VpxmOvOr4nEmM/0zhzAZ5Z/KkM9OK85SyL6l2MHNNhTnKGa/VjzBxewvig8nak0mah1J1JpK5PlfgvN0gvP/OeaMKz7KhDOj+DmmnFOKjzHpFBQ/z7TT53kcx1lR/AITTkXxTILzbKLWCSadTxS/mPj7SwkOLyc4nExweCXBwSQ4vJrgcIqjzmeKX0vwOZ2o9XqCwxlOOV8ofoMl5xvFZ5lx+nqeI+/8pXiOQq7P7U1O5G4qzuPmNhTPczL3pWKXYu57xQscz/2uuMBc7h/Fi8xMGMVF8hMXFV9IcL4uOnyHoUiBRQoY5nVVlNUyNdps4GMos0NIhE+TEEOJFlXadOnI/57s1TCcZYuIiA6XWGCBB/LPxdvN5kpkkwXOkcfwgICILQzr+IT4dLmv2W7QpkWEYRWPpuViZijTpkeXKr6ZxU2uMVylTU3QLbq0KRHh0SCgyiKudLvEZZa5xhXWuDwU34+OY+eHovevY4bOfih9hATSgRmqvEWbSFRocX93z2VR95t4bOPLqU18HkqVIi4XcFniAkuS62C8A3HQwxCJczVx1aPLNoY2mwf2PpBOrZc27jYtcTbeKwufSBy21VvUWJB4I31uiV5GMvfE8y6BnHYPxOYWHj0aGK7hYripWe3EVURb+9uTSbS8fVojTG7EDh18KmypnoNJLYuGEQ9E04HisRe2Tqia9ESFuO++amVKrGBYk/ytocwrQxlsJ0+bskXpd8BsuO7A//t4BDTw2KAhO4Ob6EndZT4QHHEJ85g6IVVxqEMkHoWSyxUP6iywxg1WHmPybI1q8ht7v0Fvd3ri7uzU2Pu/TFmcL5tZDFdkXaIsityhRIWbrHGbiqyXWWedZVapUOK6xK6xLjd4jVWuSURJcLx3Q27AKh9heI+SnLG5fdUndszey46wD4V7PMsBTTqiuWXuSq++dDi6w4ZNzdqPDSWmSsCmnDTiX4s6PTzqOhUdYdgULfuzMbh18UQ0pRfr7WC/Tlte3q7cXJvVsKNvh53WmFP8QkT/wVX3QDOz96uWfNPW5SZ6wryvuS89Dq/rlOXLEWBS7xKKXqGoaZX4XLq1b8FdCtzTe92mLi9JR3qsyuzvyCr26y7z+5z19H3qij7bcn6Oe0/Utq9KQ/7WFWcD6pr9NPekz0i9iN80Q4uefAO7shvfCl8iFvfl83imUHvIC6/rPNQvwYpwsJ4NkP0m1+UltTzfF+6B8CjLG2zvqe2jxpXdX3u2yjZ35MbEeQZV+ueeVtfs+d3qT0Jyf/4Z3EfNNoh89tm9dRm16n6ajpprL09GzfOkl6Nn0Mh/AQAA//8BAAD//zCGElQAAAAAAwAA//UAAP+1ADIAAAABAAAAAAAAAAAAAAAAAAAAALgB/4WwBI0A");
 }]]></style><style type="text/css"><![CDATA[.shape {
   shape-rendering: geometricPrecision;
   stroke-linejoin: round;
@@ -25,78 +25,78 @@
   opacity: 0.5;
 }
 
-		.d2-457017616 .fill-N1{fill:#000410;}
-		.d2-457017616 .fill-N2{fill:#000410;}
-		.d2-457017616 .fill-N3{fill:#9499AB;}
-		.d2-457017616 .fill-N4{fill:#FFFFFF;}
-		.d2-457017616 .fill-N5{fill:#FFFFFF;}
-		.d2-457017616 .fill-N6{fill:#EEF1F8;}
-		.d2-457017616 .fill-N7{fill:#FFFFFF;}
-		.d2-457017616 .fill-B1{fill:#000410;}
-		.d2-457017616 .fill-B2{fill:#000410;}
-		.d2-457017616 .fill-B3{fill:#FFFFFF;}
-		.d2-457017616 .fill-B4{fill:#E7E9EE;}
-		.d2-457017616 .fill-B5{fill:#F5F6F9;}
-		.d2-457017616 .fill-B6{fill:#FFFFFF;}
-		.d2-457017616 .fill-AA2{fill:#6D7284;}
-		.d2-457017616 .fill-AA4{fill:#F5F6F9;}
-		.d2-457017616 .fill-AA5{fill:#FFFFFF;}
-		.d2-457017616 .fill-AB4{fill:#F5F6F9;}
-		.d2-457017616 .fill-AB5{fill:#FFFFFF;}
-		.d2-457017616 .stroke-N1{stroke:#000410;}
-		.d2-457017616 .stroke-N2{stroke:#000410;}
-		.d2-457017616 .stroke-N3{stroke:#9499AB;}
-		.d2-457017616 .stroke-N4{stroke:#FFFFFF;}
-		.d2-457017616 .stroke-N5{stroke:#FFFFFF;}
-		.d2-457017616 .stroke-N6{stroke:#EEF1F8;}
-		.d2-457017616 .stroke-N7{stroke:#FFFFFF;}
-		.d2-457017616 .stroke-B1{stroke:#000410;}
-		.d2-457017616 .stroke-B2{stroke:#000410;}
-		.d2-457017616 .stroke-B3{stroke:#FFFFFF;}
-		.d2-457017616 .stroke-B4{stroke:#E7E9EE;}
-		.d2-457017616 .stroke-B5{stroke:#F5F6F9;}
-		.d2-457017616 .stroke-B6{stroke:#FFFFFF;}
-		.d2-457017616 .stroke-AA2{stroke:#6D7284;}
-		.d2-457017616 .stroke-AA4{stroke:#F5F6F9;}
-		.d2-457017616 .stroke-AA5{stroke:#FFFFFF;}
-		.d2-457017616 .stroke-AB4{stroke:#F5F6F9;}
-		.d2-457017616 .stroke-AB5{stroke:#FFFFFF;}
-		.d2-457017616 .background-color-N1{background-color:#000410;}
-		.d2-457017616 .background-color-N2{background-color:#000410;}
-		.d2-457017616 .background-color-N3{background-color:#9499AB;}
-		.d2-457017616 .background-color-N4{background-color:#FFFFFF;}
-		.d2-457017616 .background-color-N5{background-color:#FFFFFF;}
-		.d2-457017616 .background-color-N6{background-color:#EEF1F8;}
-		.d2-457017616 .background-color-N7{background-color:#FFFFFF;}
-		.d2-457017616 .background-color-B1{background-color:#000410;}
-		.d2-457017616 .background-color-B2{background-color:#000410;}
-		.d2-457017616 .background-color-B3{background-color:#FFFFFF;}
-		.d2-457017616 .background-color-B4{background-color:#E7E9EE;}
-		.d2-457017616 .background-color-B5{background-color:#F5F6F9;}
-		.d2-457017616 .background-color-B6{background-color:#FFFFFF;}
-		.d2-457017616 .background-color-AA2{background-color:#6D7284;}
-		.d2-457017616 .background-color-AA4{background-color:#F5F6F9;}
-		.d2-457017616 .background-color-AA5{background-color:#FFFFFF;}
-		.d2-457017616 .background-color-AB4{background-color:#F5F6F9;}
-		.d2-457017616 .background-color-AB5{background-color:#FFFFFF;}
-		.d2-457017616 .color-N1{color:#000410;}
-		.d2-457017616 .color-N2{color:#000410;}
-		.d2-457017616 .color-N3{color:#9499AB;}
-		.d2-457017616 .color-N4{color:#FFFFFF;}
-		.d2-457017616 .color-N5{color:#FFFFFF;}
-		.d2-457017616 .color-N6{color:#EEF1F8;}
-		.d2-457017616 .color-N7{color:#FFFFFF;}
-		.d2-457017616 .color-B1{color:#000410;}
-		.d2-457017616 .color-B2{color:#000410;}
-		.d2-457017616 .color-B3{color:#FFFFFF;}
-		.d2-457017616 .color-B4{color:#E7E9EE;}
-		.d2-457017616 .color-B5{color:#F5F6F9;}
-		.d2-457017616 .color-B6{color:#FFFFFF;}
-		.d2-457017616 .color-AA2{color:#6D7284;}
-		.d2-457017616 .color-AA4{color:#F5F6F9;}
-		.d2-457017616 .color-AA5{color:#FFFFFF;}
-		.d2-457017616 .color-AB4{color:#F5F6F9;}
-		.d2-457017616 .color-AB5{color:#FFFFFF;}.appendix text.text{fill:#000410}.md{--color-fg-default:#000410;--color-fg-muted:#000410;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#000410;--color-border-muted:#000410;--color-neutral-muted:#EEF1F8;--color-accent-fg:#000410;--color-accent-emphasis:#000410;--color-attention-subtle:#000410;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css"><![CDATA[
+		.d2-3554032264 .fill-N1{fill:#000410;}
+		.d2-3554032264 .fill-N2{fill:#000410;}
+		.d2-3554032264 .fill-N3{fill:#9499AB;}
+		.d2-3554032264 .fill-N4{fill:#FFFFFF;}
+		.d2-3554032264 .fill-N5{fill:#FFFFFF;}
+		.d2-3554032264 .fill-N6{fill:#EEF1F8;}
+		.d2-3554032264 .fill-N7{fill:#FFFFFF;}
+		.d2-3554032264 .fill-B1{fill:#000410;}
+		.d2-3554032264 .fill-B2{fill:#000410;}
+		.d2-3554032264 .fill-B3{fill:#FFFFFF;}
+		.d2-3554032264 .fill-B4{fill:#E7E9EE;}
+		.d2-3554032264 .fill-B5{fill:#F5F6F9;}
+		.d2-3554032264 .fill-B6{fill:#FFFFFF;}
+		.d2-3554032264 .fill-AA2{fill:#6D7284;}
+		.d2-3554032264 .fill-AA4{fill:#F5F6F9;}
+		.d2-3554032264 .fill-AA5{fill:#FFFFFF;}
+		.d2-3554032264 .fill-AB4{fill:#F5F6F9;}
+		.d2-3554032264 .fill-AB5{fill:#FFFFFF;}
+		.d2-3554032264 .stroke-N1{stroke:#000410;}
+		.d2-3554032264 .stroke-N2{stroke:#000410;}
+		.d2-3554032264 .stroke-N3{stroke:#9499AB;}
+		.d2-3554032264 .stroke-N4{stroke:#FFFFFF;}
+		.d2-3554032264 .stroke-N5{stroke:#FFFFFF;}
+		.d2-3554032264 .stroke-N6{stroke:#EEF1F8;}
+		.d2-3554032264 .stroke-N7{stroke:#FFFFFF;}
+		.d2-3554032264 .stroke-B1{stroke:#000410;}
+		.d2-3554032264 .stroke-B2{stroke:#000410;}
+		.d2-3554032264 .stroke-B3{stroke:#FFFFFF;}
+		.d2-3554032264 .stroke-B4{stroke:#E7E9EE;}
+		.d2-3554032264 .stroke-B5{stroke:#F5F6F9;}
+		.d2-3554032264 .stroke-B6{stroke:#FFFFFF;}
+		.d2-3554032264 .stroke-AA2{stroke:#6D7284;}
+		.d2-3554032264 .stroke-AA4{stroke:#F5F6F9;}
+		.d2-3554032264 .stroke-AA5{stroke:#FFFFFF;}
+		.d2-3554032264 .stroke-AB4{stroke:#F5F6F9;}
+		.d2-3554032264 .stroke-AB5{stroke:#FFFFFF;}
+		.d2-3554032264 .background-color-N1{background-color:#000410;}
+		.d2-3554032264 .background-color-N2{background-color:#000410;}
+		.d2-3554032264 .background-color-N3{background-color:#9499AB;}
+		.d2-3554032264 .background-color-N4{background-color:#FFFFFF;}
+		.d2-3554032264 .background-color-N5{background-color:#FFFFFF;}
+		.d2-3554032264 .background-color-N6{background-color:#EEF1F8;}
+		.d2-3554032264 .background-color-N7{background-color:#FFFFFF;}
+		.d2-3554032264 .background-color-B1{background-color:#000410;}
+		.d2-3554032264 .background-color-B2{background-color:#000410;}
+		.d2-3554032264 .background-color-B3{background-color:#FFFFFF;}
+		.d2-3554032264 .background-color-B4{background-color:#E7E9EE;}
+		.d2-3554032264 .background-color-B5{background-color:#F5F6F9;}
+		.d2-3554032264 .background-color-B6{background-color:#FFFFFF;}
+		.d2-3554032264 .background-color-AA2{background-color:#6D7284;}
+		.d2-3554032264 .background-color-AA4{background-color:#F5F6F9;}
+		.d2-3554032264 .background-color-AA5{background-color:#FFFFFF;}
+		.d2-3554032264 .background-color-AB4{background-color:#F5F6F9;}
+		.d2-3554032264 .background-color-AB5{background-color:#FFFFFF;}
+		.d2-3554032264 .color-N1{color:#000410;}
+		.d2-3554032264 .color-N2{color:#000410;}
+		.d2-3554032264 .color-N3{color:#9499AB;}
+		.d2-3554032264 .color-N4{color:#FFFFFF;}
+		.d2-3554032264 .color-N5{color:#FFFFFF;}
+		.d2-3554032264 .color-N6{color:#EEF1F8;}
+		.d2-3554032264 .color-N7{color:#FFFFFF;}
+		.d2-3554032264 .color-B1{color:#000410;}
+		.d2-3554032264 .color-B2{color:#000410;}
+		.d2-3554032264 .color-B3{color:#FFFFFF;}
+		.d2-3554032264 .color-B4{color:#E7E9EE;}
+		.d2-3554032264 .color-B5{color:#F5F6F9;}
+		.d2-3554032264 .color-B6{color:#FFFFFF;}
+		.d2-3554032264 .color-AA2{color:#6D7284;}
+		.d2-3554032264 .color-AA4{color:#F5F6F9;}
+		.d2-3554032264 .color-AA5{color:#FFFFFF;}
+		.d2-3554032264 .color-AB4{color:#F5F6F9;}
+		.d2-3554032264 .color-AB5{color:#FFFFFF;}.appendix text.text{fill:#000410}.md{--color-fg-default:#000410;--color-fg-muted:#000410;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#000410;--color-border-muted:#000410;--color-neutral-muted:#EEF1F8;--color-accent-fg:#000410;--color-accent-emphasis:#000410;--color-attention-subtle:#000410;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css"><![CDATA[
 .dots-overlay {
 	fill: url(#dots);
 	mix-blend-mode: multiply;
@@ -129,14 +129,14 @@
 <rect x="7" y="7" width="1" height="1" fill="#0A0F25"/>
 </g>
 </pattern>
-</defs><g id="network"><g class="shape" ><rect x="0.000000" y="275.000000" width="436.000000" height="1225.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /><rect x="0.000000" y="275.000000" width="436.000000" height="1225.000000" class="dots-overlay" style="stroke-width:2;" /><rect x="5.000000" y="280.000000" width="426.000000" height="1215.000000" fill="transparent" class=" stroke-B1" style="stroke-width:2;" /></g><text x="218.000000" y="262.000000" class="text-mono fill-N1" style="text-anchor:middle;font-size:28px">NETWORK</text></g><g id="user"><g class="shape" ><path d="M 215 87 H 85 V 86 C 85 71 99 58 122 51 C 109 46 102 38 102 28 C 102 13 123 0 150 0 C 176 0 198 13 198 28 C 198 37 191 46 178 51 C 200 57 215 71 215 86 V 87 H 215 Z" class=" stroke-B1 fill-B3" style="stroke-width:2;" /></g><text x="150.000000" y="108.000000" class="text-mono fill-N1" style="text-anchor:middle;font-size:16px">USER</text></g><g id="api server"><g class="shape" ><rect x="477.000000" y="1076.000000" width="142.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="548.000000" y="1114.500000" class="text-mono fill-N1" style="text-anchor:middle;font-size:16px">API SERVER</text></g><g id="logs"><g class="shape" ><path d="M 518 1303 H 578 C 579 1303 580 1303 581 1304 L 598 1320 C 599 1321 599 1322 599 1323 V 1390 C 599 1390 599 1390 599 1390 H 518 C 517 1390 517 1390 517 1390 V 1304 C 517 1303 517 1303 518 1303 Z" class=" stroke-B1 fill-AB4" style="stroke-width:2;" /><path d="M 598 1390 H 518 C 517 1390 517 1390 517 1389 V 1304 C 517 1303 517 1303 518 1303 H 577 C 578 1303 578 1303 578 1304 V 1321 C 578 1322 579 1323 580 1323 H 598 C 599 1323 599 1323 599 1324 V 1389 C 598 1390 599 1390 598 1390 Z" class=" stroke-B1 fill-AB4" style="stroke-width:2;" /><path d="M 508 1313 H 568 C 569 1313 570 1313 571 1314 L 588 1330 C 589 1331 589 1332 589 1333 V 1400 C 589 1400 589 1400 589 1400 H 508 C 507 1400 507 1400 507 1400 V 1314 C 507 1313 507 1313 508 1313 Z" class=" stroke-B1 fill-AB4" style="stroke-width:2;" /><path d="M 588 1400 H 508 C 507 1400 507 1400 507 1399 V 1314 C 507 1313 507 1313 508 1313 H 567 C 568 1313 568 1313 568 1314 V 1331 C 568 1332 569 1333 570 1333 H 588 C 589 1333 589 1333 589 1334 V 1399 C 588 1400 589 1400 588 1400 Z" class=" stroke-B1 fill-AB4" style="stroke-width:2;" /></g><text x="548.000000" y="1362.000000" class="text-mono fill-N1" style="text-anchor:middle;font-size:16px">LOGS</text></g><g id="network.cell tower"><g class="shape" ><rect x="96.000000" y="340.000000" width="320.000000" height="317.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /><rect x="96.000000" y="340.000000" width="320.000000" height="317.000000" class="dots-overlay" style="stroke-width:2;" /></g><text x="256.000000" y="328.000000" class="text-mono fill-N1" style="text-anchor:middle;font-size:24px">CELL TOWER</text></g><g id="network.online portal"><g class="shape" ><rect x="20.000000" y="1319.000000" width="154.000000" height="151.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /><rect x="20.000000" y="1319.000000" width="154.000000" height="151.000000" class="dots-overlay" style="stroke-width:2;" /></g><text x="97.000000" y="1307.000000" class="text-mono fill-N1" style="text-anchor:middle;font-size:24px">ONLINE PORTAL</text></g><g id="network.data processor"><g class="shape" ><rect x="161.000000" y="814.000000" width="192.000000" height="182.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /><rect x="161.000000" y="814.000000" width="192.000000" height="182.000000" class="dots-overlay" style="stroke-width:2;" /></g><text x="257.000000" y="802.000000" class="text-mono fill-N1" style="text-anchor:middle;font-size:24px">DATA PROCESSOR</text></g><g id="network.cell tower.satellites"><g class="shape" ><path d="M 201 362 H 347 C 343 362 332 380 332 395 C 332 410 343 428 347 428 H 201 C 197 428 186 410 186 395 C 186 380 197 362 201 362 Z" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /><path d="M 191 372 H 337 C 333 372 322 390 322 405 C 322 420 333 438 337 438 H 191 C 187 438 176 420 176 405 C 176 390 187 372 191 372 Z" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /></g><text x="256.500000" y="410.500000" class="text-mono fill-N1" style="text-anchor:middle;font-size:16px">SATELLITES</text></g><g id="network.cell tower.transmitter"><g class="shape" ><rect x="181.000000" y="559.000000" width="151.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="256.500000" y="597.500000" class="text-mono fill-N1" style="text-anchor:middle;font-size:16px">TRANSMITTER</text></g><g id="network.online portal.ui"><g class="shape" ><path d="M 85 1360 L 69 1394 L 85 1429 L 118 1429 L 134 1394 L 118 1360 Z" class=" stroke-B1 fill-N5" style="stroke-width:2;" /></g><text x="101.500000" y="1400.000000" class="text-mono fill-N1" style="text-anchor:middle;font-size:16px">UI</text></g><g id="network.data processor.storage"><g class="shape" ><path d="M 211 860 C 211 836 261 836 267 836 C 273 836 323 836 323 860 V 930 C 323 954 273 954 267 954 C 261 954 211 954 211 930 V 860 Z" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /><path d="M 211 860 C 211 884 261 884 267 884 C 273 884 323 884 323 860" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /><path d="M 201 870 C 201 846 251 846 257 846 C 263 846 313 846 313 870 V 940 C 313 964 263 964 257 964 C 251 964 201 964 201 940 V 870 Z" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /><path d="M 201 870 C 201 894 251 894 257 894 C 263 894 313 894 313 870" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /></g><text x="257.000000" y="922.500000" class="text-mono fill-N1" style="text-anchor:middle;font-size:16px">STORAGE</text></g><g id="network.cell tower.(satellites -&gt; transmitter)[0]"><marker id="mk-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" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 227.712121 440.530153 C 188.600000 487.000000 188.500000 511.200000 225.964288 556.906432" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-457017616)" /><text x="189.000000" y="505.000000" class="text-mono-italic fill-N2" style="text-anchor:middle;font-size:16px">SEND</text></g><g id="network.cell tower.(satellites -&gt; transmitter)[1]"><path d="M 256.016666 440.999931 C 256.400000 487.000000 256.500000 511.200000 256.500000 556.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-457017616)" /><text x="256.000000" y="505.000000" class="text-mono-italic fill-N2" style="text-anchor:middle;font-size:16px">SEND</text></g><g id="network.cell tower.(satellites -&gt; transmitter)[2]"><path d="M 285.287879 440.530153 C 324.400000 487.000000 324.500000 511.200000 287.035712 556.906432" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-457017616)" /><text x="324.000000" y="505.000000" class="text-mono-italic fill-N2" style="text-anchor:middle;font-size:16px">SEND</text></g><g id="network.(cell tower.transmitter -&gt; data processor.storage)[0]"><path d="M 256.500000 627.500000 C 256.500000 651.100000 256.500000 669.600000 256.500000 687.750000 C 256.500000 705.900000 256.600000 792.200000 256.970804 843.000107" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-457017616)" /><text x="257.000000" y="742.000000" class="text-mono-italic fill-N2" style="text-anchor:middle;font-size:16px">PHONE LOGS</text></g><g id="(user -&gt; network.cell tower)[0]"><path d="M 179.344067 88.481042 C 240.800000 156.200000 256.500000 248.200000 256.500000 301.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-457017616)" /><text x="246.000000" y="190.000000" class="text-mono-italic fill-N2" style="text-anchor:middle;font-size:16px">MAKE CALL</text></g><g id="(user -&gt; network.online portal.ui)[0]"><marker id="mk-2177206569" 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" class="connection fill-B2" stroke-width="2" /> </marker><path d="M 129.930361 88.689932 C 87.200000 156.200000 76.250000 185.600000 76.250000 203.750000 C 76.250000 221.900000 76.250000 244.000000 76.250000 259.000000 C 76.250000 274.000000 76.250000 300.600000 76.250000 325.500000 C 76.250000 350.400000 76.250000 385.700000 76.250000 413.750000 C 76.250000 441.800000 76.250000 479.200000 76.250000 507.250000 C 76.250000 535.300000 76.250000 570.600000 76.250000 595.500000 C 76.250000 620.400000 76.250000 649.100000 76.250000 667.250000 C 76.250000 685.400000 76.250000 709.600000 76.250000 727.750000 C 76.250000 745.900000 76.250000 779.800000 76.250000 812.500000 C 76.250000 845.200000 76.250000 888.800000 76.250000 921.500000 C 76.250000 954.200000 76.250000 986.000000 76.250000 1001.000000 C 76.250000 1016.000000 76.250000 1042.600000 76.250000 1067.500000 C 76.250000 1092.400000 76.250000 1127.700000 76.250000 1155.750000 C 76.250000 1183.800000 79.400000 1282.600000 91.365288 1357.050679" fill="none" class="connection stroke-B2" style="stroke-width:2;stroke-dasharray:6.000000,5.919384;" marker-end="url(#mk-2177206569)" mask="url(#d2-457017616)" /><text x="76.000000" y="723.000000" class="text-mono-italic fill-N2" style="text-anchor:middle;font-size:16px">ACCESS</text></g><g id="(api server -&gt; network.online portal.ui)[0]"><path d="M 474.798455 1125.357241 C 199.950000 1186.983933 127.000000 1282.600000 112.751672 1357.071261" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-457017616)" /><text x="240.500000" y="1183.000000" class="text-mono-italic fill-N2" style="text-anchor:middle;font-size:16px">DISPLAY</text></g><g id="(api server -&gt; logs)[0]"><path d="M 547.750000 1144.000000 C 547.750000 1190.400000 547.800000 1273.000000 547.980000 1309.000050" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-457017616)" /><text x="548.000000" y="1233.000000" class="text-mono-italic fill-N2" style="text-anchor:middle;font-size:16px">PERSIST</text></g><g id="(network.data processor -&gt; api server)[0]"><path d="M 256.500000 998.500000 C 256.500000 1020.100000 300.550000 1038.553305 472.903157 1087.670256" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-457017616)" /></g><mask id="d2-457017616" maskUnits="userSpaceOnUse" x="-1" y="-1" width="621" height="1502">
-<rect x="-1" y="-1" width="621" height="1502" fill="white"></rect>
-<rect x="170.000000" y="489.000000" width="38" height="21" fill="black"></rect>
-<rect x="237.000000" y="489.000000" width="38" height="21" fill="black"></rect>
-<rect x="305.000000" y="489.000000" width="38" height="21" fill="black"></rect>
-<rect x="209.000000" y="726.000000" width="96" height="21" fill="black"></rect>
+</defs><g id="network"><g class="shape" ><rect x="0.000000" y="275.000000" width="437.000000" height="1225.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /><rect x="0.000000" y="275.000000" width="437.000000" height="1225.000000" class="dots-overlay" style="stroke-width:2;" /><rect x="5.000000" y="280.000000" width="427.000000" height="1215.000000" fill="transparent" class=" stroke-B1" style="stroke-width:2;" /></g><text x="218.500000" y="262.000000" class="text-mono fill-N1" style="text-anchor:middle;font-size:28px">NETWORK</text></g><g id="user"><g class="shape" ><path d="M 215 87 H 85 V 86 C 85 71 99 58 122 51 C 109 46 102 38 102 28 C 102 13 123 0 150 0 C 176 0 198 13 198 28 C 198 37 191 46 178 51 C 200 57 215 71 215 86 V 87 H 215 Z" class=" stroke-B1 fill-B3" style="stroke-width:2;" /></g><text x="150.000000" y="108.000000" class="text-mono fill-N1" style="text-anchor:middle;font-size:16px">USER</text></g><g id="api server"><g class="shape" ><rect x="478.000000" y="1076.000000" width="142.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="549.000000" y="1114.500000" class="text-mono fill-N1" style="text-anchor:middle;font-size:16px">API SERVER</text></g><g id="logs"><g class="shape" ><path d="M 519 1303 H 579 C 580 1303 581 1303 582 1304 L 599 1320 C 600 1321 600 1322 600 1323 V 1390 C 600 1390 600 1390 600 1390 H 519 C 518 1390 518 1390 518 1390 V 1304 C 518 1303 518 1303 519 1303 Z" class=" stroke-B1 fill-AB4" style="stroke-width:2;" /><path d="M 599 1390 H 519 C 518 1390 518 1390 518 1389 V 1304 C 518 1303 518 1303 519 1303 H 578 C 579 1303 579 1303 579 1304 V 1321 C 579 1322 580 1323 581 1323 H 599 C 600 1323 600 1323 600 1324 V 1389 C 599 1390 600 1390 599 1390 Z" class=" stroke-B1 fill-AB4" style="stroke-width:2;" /><path d="M 509 1313 H 569 C 570 1313 571 1313 572 1314 L 589 1330 C 590 1331 590 1332 590 1333 V 1400 C 590 1400 590 1400 590 1400 H 509 C 508 1400 508 1400 508 1400 V 1314 C 508 1313 508 1313 509 1313 Z" class=" stroke-B1 fill-AB4" style="stroke-width:2;" /><path d="M 589 1400 H 509 C 508 1400 508 1400 508 1399 V 1314 C 508 1313 508 1313 509 1313 H 568 C 569 1313 569 1313 569 1314 V 1331 C 569 1332 570 1333 571 1333 H 589 C 590 1333 590 1333 590 1334 V 1399 C 589 1400 590 1400 589 1400 Z" class=" stroke-B1 fill-AB4" style="stroke-width:2;" /></g><text x="549.000000" y="1362.000000" class="text-mono fill-N1" style="text-anchor:middle;font-size:16px">LOGS</text></g><g id="network.cell tower"><g class="shape" ><rect x="96.000000" y="340.000000" width="321.000000" height="317.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /><rect x="96.000000" y="340.000000" width="321.000000" height="317.000000" class="dots-overlay" style="stroke-width:2;" /></g><text x="256.500000" y="328.000000" class="text-mono fill-N1" style="text-anchor:middle;font-size:24px">Cell Tower</text></g><g id="network.online portal"><g class="shape" ><rect x="20.000000" y="1319.000000" width="154.000000" height="151.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /><rect x="20.000000" y="1319.000000" width="154.000000" height="151.000000" class="dots-overlay" style="stroke-width:2;" /></g><text x="97.000000" y="1307.000000" class="text-mono fill-N1" style="text-anchor:middle;font-size:24px">ONLINE PORTAL</text></g><g id="network.data processor"><g class="shape" ><rect x="161.000000" y="814.000000" width="192.000000" height="182.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /><rect x="161.000000" y="814.000000" width="192.000000" height="182.000000" class="dots-overlay" style="stroke-width:2;" /></g><text x="257.000000" y="802.000000" class="text-mono fill-N1" style="text-anchor:middle;font-size:24px">DATA PROCESSOR</text></g><g id="network.cell tower.satellites"><g class="shape" ><path d="M 202 362 H 348 C 344 362 333 380 333 395 C 333 410 344 428 348 428 H 202 C 198 428 187 410 187 395 C 187 380 198 362 202 362 Z" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /><path d="M 192 372 H 338 C 334 372 323 390 323 405 C 323 420 334 438 338 438 H 192 C 188 438 177 420 177 405 C 177 390 188 372 192 372 Z" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /></g><text x="257.500000" y="410.500000" class="text-mono fill-N1" style="text-anchor:middle;font-size:16px">SATELLITES</text></g><g id="network.cell tower.transmitter"><g class="shape" ><rect x="182.000000" y="559.000000" width="151.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="257.500000" y="597.500000" class="text-mono fill-N1" style="text-anchor:middle;font-size:16px">TRANSMITTER</text></g><g id="network.online portal.ui"><g class="shape" ><path d="M 85 1360 L 69 1394 L 85 1429 L 118 1429 L 134 1394 L 118 1360 Z" class=" stroke-B1 fill-N5" style="stroke-width:2;" /></g><text x="101.500000" y="1400.000000" class="text-mono fill-N1" style="text-anchor:middle;font-size:16px">UI</text></g><g id="network.data processor.storage"><g class="shape" ><path d="M 211 860 C 211 836 261 836 267 836 C 273 836 323 836 323 860 V 930 C 323 954 273 954 267 954 C 261 954 211 954 211 930 V 860 Z" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /><path d="M 211 860 C 211 884 261 884 267 884 C 273 884 323 884 323 860" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /><path d="M 201 870 C 201 846 251 846 257 846 C 263 846 313 846 313 870 V 940 C 313 964 263 964 257 964 C 251 964 201 964 201 940 V 870 Z" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /><path d="M 201 870 C 201 894 251 894 257 894 C 263 894 313 894 313 870" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /></g><text x="257.000000" y="922.500000" class="text-mono fill-N1" style="text-anchor:middle;font-size:16px">STORAGE</text></g><g id="network.cell tower.(satellites -&gt; transmitter)[0]"><marker id="mk-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" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 227.715865 440.533296 C 188.800000 487.000000 188.950000 511.200000 227.184317 556.931242" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3554032264)" /><text x="188.500000" y="505.000000" class="text-mono-italic fill-N2" style="text-anchor:middle;font-size:16px">send</text></g><g id="network.cell tower.(satellites -&gt; transmitter)[1]"><path d="M 257.008333 440.999983 C 257.200000 487.000000 257.250000 511.200000 257.250000 556.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3554032264)" /><text x="257.000000" y="505.000000" class="text-mono-italic fill-N2" style="text-anchor:middle;font-size:16px">SEND</text></g><g id="network.cell tower.(satellites -&gt; transmitter)[2]"><path d="M 286.284135 440.533296 C 325.200000 487.000000 325.050000 511.200000 286.815683 556.931242" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3554032264)" /><text x="325.000000" y="505.000000" class="text-mono-italic fill-N2" style="text-anchor:middle;font-size:16px">SEND</text></g><g id="network.(cell tower.transmitter -&gt; data processor.storage)[0]"><path d="M 257.000000 627.500000 C 257.000000 651.100000 257.000000 669.600000 257.000000 687.750000 C 257.000000 705.900000 257.000000 792.200000 257.000000 843.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3554032264)" /><text x="257.500000" y="742.000000" class="text-mono-italic fill-N2" style="text-anchor:middle;font-size:16px">phone logs</text></g><g id="(user -&gt; network.cell tower)[0]"><path d="M 179.348741 88.476786 C 241.200000 156.200000 257.000000 248.200000 257.000000 301.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3554032264)" /><text x="246.000000" y="190.000000" class="text-mono-italic fill-N2" style="text-anchor:middle;font-size:16px">MAKE CALL</text></g><g id="(user -&gt; network.online portal.ui)[0]"><marker id="mk-2177206569" 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" class="connection fill-B2" stroke-width="2" /> </marker><path d="M 129.930361 88.689932 C 87.200000 156.200000 76.250000 185.600000 76.250000 203.750000 C 76.250000 221.900000 76.250000 244.000000 76.250000 259.000000 C 76.250000 274.000000 76.250000 300.600000 76.250000 325.500000 C 76.250000 350.400000 76.250000 385.700000 76.250000 413.750000 C 76.250000 441.800000 76.250000 479.200000 76.250000 507.250000 C 76.250000 535.300000 76.250000 570.600000 76.250000 595.500000 C 76.250000 620.400000 76.250000 649.100000 76.250000 667.250000 C 76.250000 685.400000 76.250000 709.600000 76.250000 727.750000 C 76.250000 745.900000 76.250000 779.800000 76.250000 812.500000 C 76.250000 845.200000 76.250000 888.800000 76.250000 921.500000 C 76.250000 954.200000 76.250000 986.000000 76.250000 1001.000000 C 76.250000 1016.000000 76.250000 1042.600000 76.250000 1067.500000 C 76.250000 1092.400000 76.250000 1127.700000 76.250000 1155.750000 C 76.250000 1183.800000 79.400000 1282.600000 91.365288 1357.050679" fill="none" class="connection stroke-B2" style="stroke-width:2;stroke-dasharray:6.000000,5.919384;" marker-end="url(#mk-2177206569)" mask="url(#d2-3554032264)" /><text x="76.000000" y="723.000000" class="text-mono-italic fill-N2" style="text-anchor:middle;font-size:16px">ACCESS</text></g><g id="(api server -&gt; network.online portal.ui)[0]"><path d="M 475.548288 1125.327912 C 200.100000 1186.978217 127.000000 1282.600000 112.751672 1357.071261" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3554032264)" /><text x="241.500000" y="1183.000000" class="text-mono-italic fill-N2" style="text-anchor:middle;font-size:16px">DISPLAY</text></g><g id="(api server -&gt; logs)[0]"><path d="M 548.500000 1144.000000 C 548.500000 1190.400000 548.600000 1273.000000 548.960002 1309.000200" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3554032264)" /><text x="549.000000" y="1233.000000" class="text-mono-italic fill-N2" style="text-anchor:middle;font-size:16px">PERSIST</text></g><g id="(network.data processor -&gt; api server)[0]"><path d="M 257.000000 998.500000 C 257.000000 1020.100000 301.100000 1038.556775 473.652910 1087.688479" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3554032264)" /></g><mask id="d2-3554032264" maskUnits="userSpaceOnUse" x="-1" y="-1" width="622" height="1502">
+<rect x="-1" y="-1" width="622" height="1502" fill="white"></rect>
+<rect x="169.000000" y="489.000000" width="39" height="21" fill="black"></rect>
+<rect x="238.000000" y="489.000000" width="38" height="21" fill="black"></rect>
+<rect x="306.000000" y="489.000000" width="38" height="21" fill="black"></rect>
+<rect x="209.000000" y="726.000000" width="97" height="21" fill="black"></rect>
 <rect x="203.000000" y="174.000000" width="86" height="21" fill="black"></rect>
 <rect x="47.000000" y="707.000000" width="58" height="21" fill="black"></rect>
-<rect x="206.000000" y="1167.000000" width="69" height="21" fill="black"></rect>
-<rect x="514.000000" y="1217.000000" width="68" height="21" fill="black"></rect>
+<rect x="207.000000" y="1167.000000" width="69" height="21" fill="black"></rect>
+<rect x="515.000000" y="1217.000000" width="68" height="21" fill="black"></rect>
 </mask></svg></svg>
\ No newline at end of file
diff --git a/e2etests/testdata/themes/terminal_grayscale/elk/board.exp.json b/e2etests/testdata/themes/terminal_grayscale/elk/board.exp.json
index b673875c3..47aa258b3 100644
--- a/e2etests/testdata/themes/terminal_grayscale/elk/board.exp.json
+++ b/e2etests/testdata/themes/terminal_grayscale/elk/board.exp.json
@@ -73,7 +73,7 @@
       "fields": null,
       "methods": null,
       "columns": null,
-      "label": "CELL TOWER",
+      "label": "Cell Tower",
       "fontSize": 24,
       "fontFamily": "mono",
       "language": "",
@@ -81,7 +81,7 @@
       "italic": false,
       "bold": false,
       "underline": false,
-      "labelWidth": 143,
+      "labelWidth": 142,
       "labelHeight": 31,
       "labelPosition": "INSIDE_TOP_CENTER",
       "zIndex": 0,
@@ -472,7 +472,7 @@
       "strokeDash": 0,
       "strokeWidth": 2,
       "stroke": "B1",
-      "label": "SEND",
+      "label": "send",
       "fontSize": 16,
       "fontFamily": "mono",
       "language": "",
@@ -480,7 +480,7 @@
       "italic": true,
       "bold": false,
       "underline": false,
-      "labelWidth": 38,
+      "labelWidth": 39,
       "labelHeight": 21,
       "labelPosition": "INSIDE_MIDDLE_CENTER",
       "labelPercentage": 0,
@@ -490,7 +490,7 @@
           "y": 477
         },
         {
-          "x": 143.5,
+          "x": 143.25,
           "y": 658
         }
       ],
@@ -525,11 +525,11 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 192,
+          "x": 193,
           "y": 477
         },
         {
-          "x": 192.5,
+          "x": 192.75,
           "y": 658
         }
       ],
@@ -564,11 +564,11 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 241,
+          "x": 242,
           "y": 477
         },
         {
-          "x": 241.5,
+          "x": 241.75,
           "y": 658
         }
       ],
@@ -589,7 +589,7 @@
       "strokeDash": 0,
       "strokeWidth": 2,
       "stroke": "B1",
-      "label": "PHONE LOGS",
+      "label": "phone logs",
       "fontSize": 16,
       "fontFamily": "mono",
       "language": "",
@@ -597,7 +597,7 @@
       "italic": true,
       "bold": false,
       "underline": false,
-      "labelWidth": 96,
+      "labelWidth": 97,
       "labelHeight": 21,
       "labelPosition": "INSIDE_MIDDLE_CENTER",
       "labelPercentage": 0,
diff --git a/e2etests/testdata/themes/terminal_grayscale/elk/sketch.exp.svg b/e2etests/testdata/themes/terminal_grayscale/elk/sketch.exp.svg
index af07a75e4..114e1e455 100644
--- a/e2etests/testdata/themes/terminal_grayscale/elk/sketch.exp.svg
+++ b/e2etests/testdata/themes/terminal_grayscale/elk/sketch.exp.svg
@@ -1,17 +1,17 @@
-<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 786 1248"><svg id="d2-svg" class="d2-186795793" width="786" height="1248" viewBox="11 11 786 1248"><rect x="11.000000" y="11.000000" width="786.000000" height="1248.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
-.d2-186795793 .text-mono {
-	font-family: "d2-186795793-font-mono";
+<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 786 1248"><svg id="d2-svg" class="d2-3000349990" width="786" height="1248" viewBox="11 11 786 1248"><rect x="11.000000" y="11.000000" width="786.000000" height="1248.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
+.d2-3000349990 .text-mono {
+	font-family: "d2-3000349990-font-mono";
 }
 @font-face {
-	font-family: d2-186795793-font-mono;
-	src: url("data:application/font-woff;base64,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");
+	font-family: d2-3000349990-font-mono;
+	src: url("data:application/font-woff;base64,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");
 }
-.d2-186795793 .text-mono-italic {
-	font-family: "d2-186795793-font-mono-italic";
+.d2-3000349990 .text-mono-italic {
+	font-family: "d2-3000349990-font-mono-italic";
 }
 @font-face {
-	font-family: d2-186795793-font-mono-italic;
-	src: url("data:application/font-woff;base64,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");
+	font-family: d2-3000349990-font-mono-italic;
+	src: url("data:application/font-woff;base64,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");
 }]]></style><style type="text/css"><![CDATA[.shape {
   shape-rendering: geometricPrecision;
   stroke-linejoin: round;
@@ -25,78 +25,78 @@
   opacity: 0.5;
 }
 
-		.d2-186795793 .fill-N1{fill:#000410;}
-		.d2-186795793 .fill-N2{fill:#000410;}
-		.d2-186795793 .fill-N3{fill:#9499AB;}
-		.d2-186795793 .fill-N4{fill:#FFFFFF;}
-		.d2-186795793 .fill-N5{fill:#FFFFFF;}
-		.d2-186795793 .fill-N6{fill:#EEF1F8;}
-		.d2-186795793 .fill-N7{fill:#FFFFFF;}
-		.d2-186795793 .fill-B1{fill:#000410;}
-		.d2-186795793 .fill-B2{fill:#000410;}
-		.d2-186795793 .fill-B3{fill:#FFFFFF;}
-		.d2-186795793 .fill-B4{fill:#E7E9EE;}
-		.d2-186795793 .fill-B5{fill:#F5F6F9;}
-		.d2-186795793 .fill-B6{fill:#FFFFFF;}
-		.d2-186795793 .fill-AA2{fill:#6D7284;}
-		.d2-186795793 .fill-AA4{fill:#F5F6F9;}
-		.d2-186795793 .fill-AA5{fill:#FFFFFF;}
-		.d2-186795793 .fill-AB4{fill:#F5F6F9;}
-		.d2-186795793 .fill-AB5{fill:#FFFFFF;}
-		.d2-186795793 .stroke-N1{stroke:#000410;}
-		.d2-186795793 .stroke-N2{stroke:#000410;}
-		.d2-186795793 .stroke-N3{stroke:#9499AB;}
-		.d2-186795793 .stroke-N4{stroke:#FFFFFF;}
-		.d2-186795793 .stroke-N5{stroke:#FFFFFF;}
-		.d2-186795793 .stroke-N6{stroke:#EEF1F8;}
-		.d2-186795793 .stroke-N7{stroke:#FFFFFF;}
-		.d2-186795793 .stroke-B1{stroke:#000410;}
-		.d2-186795793 .stroke-B2{stroke:#000410;}
-		.d2-186795793 .stroke-B3{stroke:#FFFFFF;}
-		.d2-186795793 .stroke-B4{stroke:#E7E9EE;}
-		.d2-186795793 .stroke-B5{stroke:#F5F6F9;}
-		.d2-186795793 .stroke-B6{stroke:#FFFFFF;}
-		.d2-186795793 .stroke-AA2{stroke:#6D7284;}
-		.d2-186795793 .stroke-AA4{stroke:#F5F6F9;}
-		.d2-186795793 .stroke-AA5{stroke:#FFFFFF;}
-		.d2-186795793 .stroke-AB4{stroke:#F5F6F9;}
-		.d2-186795793 .stroke-AB5{stroke:#FFFFFF;}
-		.d2-186795793 .background-color-N1{background-color:#000410;}
-		.d2-186795793 .background-color-N2{background-color:#000410;}
-		.d2-186795793 .background-color-N3{background-color:#9499AB;}
-		.d2-186795793 .background-color-N4{background-color:#FFFFFF;}
-		.d2-186795793 .background-color-N5{background-color:#FFFFFF;}
-		.d2-186795793 .background-color-N6{background-color:#EEF1F8;}
-		.d2-186795793 .background-color-N7{background-color:#FFFFFF;}
-		.d2-186795793 .background-color-B1{background-color:#000410;}
-		.d2-186795793 .background-color-B2{background-color:#000410;}
-		.d2-186795793 .background-color-B3{background-color:#FFFFFF;}
-		.d2-186795793 .background-color-B4{background-color:#E7E9EE;}
-		.d2-186795793 .background-color-B5{background-color:#F5F6F9;}
-		.d2-186795793 .background-color-B6{background-color:#FFFFFF;}
-		.d2-186795793 .background-color-AA2{background-color:#6D7284;}
-		.d2-186795793 .background-color-AA4{background-color:#F5F6F9;}
-		.d2-186795793 .background-color-AA5{background-color:#FFFFFF;}
-		.d2-186795793 .background-color-AB4{background-color:#F5F6F9;}
-		.d2-186795793 .background-color-AB5{background-color:#FFFFFF;}
-		.d2-186795793 .color-N1{color:#000410;}
-		.d2-186795793 .color-N2{color:#000410;}
-		.d2-186795793 .color-N3{color:#9499AB;}
-		.d2-186795793 .color-N4{color:#FFFFFF;}
-		.d2-186795793 .color-N5{color:#FFFFFF;}
-		.d2-186795793 .color-N6{color:#EEF1F8;}
-		.d2-186795793 .color-N7{color:#FFFFFF;}
-		.d2-186795793 .color-B1{color:#000410;}
-		.d2-186795793 .color-B2{color:#000410;}
-		.d2-186795793 .color-B3{color:#FFFFFF;}
-		.d2-186795793 .color-B4{color:#E7E9EE;}
-		.d2-186795793 .color-B5{color:#F5F6F9;}
-		.d2-186795793 .color-B6{color:#FFFFFF;}
-		.d2-186795793 .color-AA2{color:#6D7284;}
-		.d2-186795793 .color-AA4{color:#F5F6F9;}
-		.d2-186795793 .color-AA5{color:#FFFFFF;}
-		.d2-186795793 .color-AB4{color:#F5F6F9;}
-		.d2-186795793 .color-AB5{color:#FFFFFF;}.appendix text.text{fill:#000410}.md{--color-fg-default:#000410;--color-fg-muted:#000410;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#000410;--color-border-muted:#000410;--color-neutral-muted:#EEF1F8;--color-accent-fg:#000410;--color-accent-emphasis:#000410;--color-attention-subtle:#000410;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css"><![CDATA[
+		.d2-3000349990 .fill-N1{fill:#000410;}
+		.d2-3000349990 .fill-N2{fill:#000410;}
+		.d2-3000349990 .fill-N3{fill:#9499AB;}
+		.d2-3000349990 .fill-N4{fill:#FFFFFF;}
+		.d2-3000349990 .fill-N5{fill:#FFFFFF;}
+		.d2-3000349990 .fill-N6{fill:#EEF1F8;}
+		.d2-3000349990 .fill-N7{fill:#FFFFFF;}
+		.d2-3000349990 .fill-B1{fill:#000410;}
+		.d2-3000349990 .fill-B2{fill:#000410;}
+		.d2-3000349990 .fill-B3{fill:#FFFFFF;}
+		.d2-3000349990 .fill-B4{fill:#E7E9EE;}
+		.d2-3000349990 .fill-B5{fill:#F5F6F9;}
+		.d2-3000349990 .fill-B6{fill:#FFFFFF;}
+		.d2-3000349990 .fill-AA2{fill:#6D7284;}
+		.d2-3000349990 .fill-AA4{fill:#F5F6F9;}
+		.d2-3000349990 .fill-AA5{fill:#FFFFFF;}
+		.d2-3000349990 .fill-AB4{fill:#F5F6F9;}
+		.d2-3000349990 .fill-AB5{fill:#FFFFFF;}
+		.d2-3000349990 .stroke-N1{stroke:#000410;}
+		.d2-3000349990 .stroke-N2{stroke:#000410;}
+		.d2-3000349990 .stroke-N3{stroke:#9499AB;}
+		.d2-3000349990 .stroke-N4{stroke:#FFFFFF;}
+		.d2-3000349990 .stroke-N5{stroke:#FFFFFF;}
+		.d2-3000349990 .stroke-N6{stroke:#EEF1F8;}
+		.d2-3000349990 .stroke-N7{stroke:#FFFFFF;}
+		.d2-3000349990 .stroke-B1{stroke:#000410;}
+		.d2-3000349990 .stroke-B2{stroke:#000410;}
+		.d2-3000349990 .stroke-B3{stroke:#FFFFFF;}
+		.d2-3000349990 .stroke-B4{stroke:#E7E9EE;}
+		.d2-3000349990 .stroke-B5{stroke:#F5F6F9;}
+		.d2-3000349990 .stroke-B6{stroke:#FFFFFF;}
+		.d2-3000349990 .stroke-AA2{stroke:#6D7284;}
+		.d2-3000349990 .stroke-AA4{stroke:#F5F6F9;}
+		.d2-3000349990 .stroke-AA5{stroke:#FFFFFF;}
+		.d2-3000349990 .stroke-AB4{stroke:#F5F6F9;}
+		.d2-3000349990 .stroke-AB5{stroke:#FFFFFF;}
+		.d2-3000349990 .background-color-N1{background-color:#000410;}
+		.d2-3000349990 .background-color-N2{background-color:#000410;}
+		.d2-3000349990 .background-color-N3{background-color:#9499AB;}
+		.d2-3000349990 .background-color-N4{background-color:#FFFFFF;}
+		.d2-3000349990 .background-color-N5{background-color:#FFFFFF;}
+		.d2-3000349990 .background-color-N6{background-color:#EEF1F8;}
+		.d2-3000349990 .background-color-N7{background-color:#FFFFFF;}
+		.d2-3000349990 .background-color-B1{background-color:#000410;}
+		.d2-3000349990 .background-color-B2{background-color:#000410;}
+		.d2-3000349990 .background-color-B3{background-color:#FFFFFF;}
+		.d2-3000349990 .background-color-B4{background-color:#E7E9EE;}
+		.d2-3000349990 .background-color-B5{background-color:#F5F6F9;}
+		.d2-3000349990 .background-color-B6{background-color:#FFFFFF;}
+		.d2-3000349990 .background-color-AA2{background-color:#6D7284;}
+		.d2-3000349990 .background-color-AA4{background-color:#F5F6F9;}
+		.d2-3000349990 .background-color-AA5{background-color:#FFFFFF;}
+		.d2-3000349990 .background-color-AB4{background-color:#F5F6F9;}
+		.d2-3000349990 .background-color-AB5{background-color:#FFFFFF;}
+		.d2-3000349990 .color-N1{color:#000410;}
+		.d2-3000349990 .color-N2{color:#000410;}
+		.d2-3000349990 .color-N3{color:#9499AB;}
+		.d2-3000349990 .color-N4{color:#FFFFFF;}
+		.d2-3000349990 .color-N5{color:#FFFFFF;}
+		.d2-3000349990 .color-N6{color:#EEF1F8;}
+		.d2-3000349990 .color-N7{color:#FFFFFF;}
+		.d2-3000349990 .color-B1{color:#000410;}
+		.d2-3000349990 .color-B2{color:#000410;}
+		.d2-3000349990 .color-B3{color:#FFFFFF;}
+		.d2-3000349990 .color-B4{color:#E7E9EE;}
+		.d2-3000349990 .color-B5{color:#F5F6F9;}
+		.d2-3000349990 .color-B6{color:#FFFFFF;}
+		.d2-3000349990 .color-AA2{color:#6D7284;}
+		.d2-3000349990 .color-AA4{color:#F5F6F9;}
+		.d2-3000349990 .color-AA5{color:#FFFFFF;}
+		.d2-3000349990 .color-AB4{color:#F5F6F9;}
+		.d2-3000349990 .color-AB5{color:#FFFFFF;}.appendix text.text{fill:#000410}.md{--color-fg-default:#000410;--color-fg-muted:#000410;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#000410;--color-border-muted:#000410;--color-neutral-muted:#EEF1F8;--color-accent-fg:#000410;--color-accent-emphasis:#000410;--color-attention-subtle:#000410;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css"><![CDATA[
 .dots-overlay {
 	fill: url(#dots);
 	mix-blend-mode: multiply;
@@ -129,12 +129,12 @@
 <rect x="7" y="7" width="1" height="1" fill="#0A0F25"/>
 </g>
 </pattern>
-</defs><g id="network"><g class="shape" ><rect x="12.000000" y="311.000000" width="611.000000" height="902.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /><rect x="12.000000" y="311.000000" width="611.000000" height="902.000000" class="dots-overlay" style="stroke-width:2;" /><rect x="17.000000" y="316.000000" width="601.000000" height="892.000000" fill="transparent" class=" stroke-B1" style="stroke-width:2;" /></g><text x="317.500000" y="344.000000" class="text-mono fill-N1" style="text-anchor:middle;font-size:28px">NETWORK</text></g><g id="user"><g class="shape" ><path d="M 444 99 H 314 V 98 C 314 83 328 70 351 63 C 338 58 331 50 331 40 C 331 25 352 12 379 12 C 405 12 427 25 427 40 C 427 49 420 58 407 63 C 429 69 444 83 444 98 V 99 H 444 Z" class=" stroke-B1 fill-B3" style="stroke-width:2;" /></g><text x="379.000000" y="120.000000" class="text-mono fill-N1" style="text-anchor:middle;font-size:16px">USER</text></g><g id="api server"><g class="shape" ><rect x="592.000000" y="59.000000" width="142.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="663.000000" y="97.500000" class="text-mono fill-N1" style="text-anchor:middle;font-size:16px">API SERVER</text></g><g id="logs"><g class="shape" ><path d="M 714 301 H 774 C 775 301 776 301 777 302 L 794 318 C 795 319 795 320 795 321 V 388 C 795 388 795 388 795 388 H 714 C 713 388 713 388 713 388 V 302 C 713 301 713 301 714 301 Z" class=" stroke-B1 fill-AB4" style="stroke-width:2;" /><path d="M 794 388 H 714 C 713 388 713 388 713 387 V 302 C 713 301 713 301 714 301 H 773 C 774 301 774 301 774 302 V 319 C 774 320 775 321 776 321 H 794 C 795 321 795 321 795 322 V 387 C 794 388 795 388 794 388 Z" class=" stroke-B1 fill-AB4" style="stroke-width:2;" /><path d="M 704 311 H 764 C 765 311 766 311 767 312 L 784 328 C 785 329 785 330 785 331 V 398 C 785 398 785 398 785 398 H 704 C 703 398 703 398 703 398 V 312 C 703 311 703 311 704 311 Z" class=" stroke-B1 fill-AB4" style="stroke-width:2;" /><path d="M 784 398 H 704 C 703 398 703 398 703 397 V 312 C 703 311 703 311 704 311 H 763 C 764 311 764 311 764 312 V 329 C 764 330 765 331 766 331 H 784 C 785 331 785 331 785 332 V 397 C 784 398 785 398 784 398 Z" class=" stroke-B1 fill-AB4" style="stroke-width:2;" /></g><text x="744.000000" y="360.000000" class="text-mono fill-N1" style="text-anchor:middle;font-size:16px">LOGS</text></g><g id="network.cell tower"><g class="shape" ><rect x="62.000000" y="361.000000" width="261.000000" height="413.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /><rect x="62.000000" y="361.000000" width="261.000000" height="413.000000" class="dots-overlay" style="stroke-width:2;" /></g><text x="192.500000" y="390.000000" class="text-mono fill-N1" style="text-anchor:middle;font-size:24px">CELL TOWER</text></g><g id="network.online portal"><g class="shape" ><rect x="343.000000" y="366.000000" width="230.000000" height="169.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /><rect x="343.000000" y="366.000000" width="230.000000" height="169.000000" class="dots-overlay" style="stroke-width:2;" /></g><text x="458.000000" y="395.000000" class="text-mono fill-N1" style="text-anchor:middle;font-size:24px">ONLINE PORTAL</text></g><g id="network.data processor"><g class="shape" ><rect x="70.000000" y="945.000000" width="245.000000" height="218.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /><rect x="70.000000" y="945.000000" width="245.000000" height="218.000000" class="dots-overlay" style="stroke-width:2;" /></g><text x="192.500000" y="974.000000" class="text-mono fill-N1" style="text-anchor:middle;font-size:24px">DATA PROCESSOR</text></g><g id="network.cell tower.satellites"><g class="shape" ><path d="M 137 401 H 283 C 279 401 268 419 268 434 C 268 449 279 467 283 467 H 137 C 133 467 122 449 122 434 C 122 419 133 401 137 401 Z" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /><path d="M 127 411 H 273 C 269 411 258 429 258 444 C 258 459 269 477 273 477 H 127 C 123 477 112 459 112 444 C 112 429 123 411 127 411 Z" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /></g><text x="192.500000" y="449.500000" class="text-mono fill-N1" style="text-anchor:middle;font-size:16px">SATELLITES</text></g><g id="network.cell tower.transmitter"><g class="shape" ><rect x="117.000000" y="658.000000" width="151.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="192.500000" y="696.500000" class="text-mono fill-N1" style="text-anchor:middle;font-size:16px">TRANSMITTER</text></g><g id="network.online portal.ui"><g class="shape" ><path d="M 438 416 L 418 450 L 438 485 L 478 485 L 498 450 L 478 416 Z" class=" stroke-B1 fill-N5" style="stroke-width:2;" /></g><text x="458.000000" y="456.000000" class="text-mono fill-N1" style="text-anchor:middle;font-size:16px">UI</text></g><g id="network.data processor.storage"><g class="shape" ><path d="M 146 1009 C 146 985 196 985 202 985 C 208 985 258 985 258 1009 V 1079 C 258 1103 208 1103 202 1103 C 196 1103 146 1103 146 1079 V 1009 Z" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /><path d="M 146 1009 C 146 1033 196 1033 202 1033 C 208 1033 258 1033 258 1009" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /><path d="M 136 1019 C 136 995 186 995 192 995 C 198 995 248 995 248 1019 V 1089 C 248 1113 198 1113 192 1113 C 186 1113 136 1113 136 1089 V 1019 Z" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /><path d="M 136 1019 C 136 1043 186 1043 192 1043 C 198 1043 248 1043 248 1019" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /></g><text x="192.000000" y="1071.500000" class="text-mono fill-N1" style="text-anchor:middle;font-size:16px">STORAGE</text></g><g id="network.cell tower.(satellites -&gt; transmitter)[0]"><marker id="mk-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" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 143.005525 478.999992 L 143.488950 654.000015" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-186795793)" /><text x="143.000000" y="573.000000" class="text-mono-italic fill-N2" style="text-anchor:middle;font-size:16px">SEND</text></g><g id="network.cell tower.(satellites -&gt; transmitter)[1]"><path d="M 192.005525 478.999992 L 192.488950 654.000015" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-186795793)" /><text x="192.000000" y="573.000000" class="text-mono-italic fill-N2" style="text-anchor:middle;font-size:16px">SEND</text></g><g id="network.cell tower.(satellites -&gt; transmitter)[2]"><path d="M 241.005525 478.999992 L 241.488950 654.000015" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-186795793)" /><text x="241.000000" y="573.000000" class="text-mono-italic fill-N2" style="text-anchor:middle;font-size:16px">SEND</text></g><g id="network.(cell tower.transmitter -&gt; data processor.storage)[0]"><path d="M 192.503690 725.999997 L 192.992620 991.000007" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-186795793)" /><text x="193.000000" y="865.000000" class="text-mono-italic fill-N2" style="text-anchor:middle;font-size:16px">PHONE LOGS</text></g><g id="(user -&gt; network.cell tower)[0]"><path d="M 357.987374 100.999960 L 357.583333 165.000000 S 357.583333 165.000000 357.583333 165.000000 L 236.833333 165.000000 S 236.833333 165.000000 236.833333 165.000000 L 236.833333 357.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-186795793)" /><text x="237.000000" y="175.000000" class="text-mono-italic fill-N2" style="text-anchor:middle;font-size:16px">MAKE CALL</text></g><g id="(user -&gt; network.online portal.ui)[0]"><marker id="mk-2177206569" 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" class="connection fill-B2" stroke-width="2" /> </marker><path d="M 400.997475 100.999998 L 400.916667 165.000000 S 400.916667 165.000000 400.916667 165.000000 L 444.666667 165.000000 S 444.666667 165.000000 444.666667 165.000000 L 444.994688 412.000004" fill="none" class="connection stroke-B2" style="stroke-width:2;stroke-dasharray:6.000000,5.919384;" marker-end="url(#mk-2177206569)" mask="url(#d2-186795793)" /><text x="445.000000" y="241.000000" class="text-mono-italic fill-N2" style="text-anchor:middle;font-size:16px">ACCESS</text></g><g id="(api server -&gt; network.online portal.ui)[0]"><path d="M 627.500000 127.000000 L 627.500000 266.000000 S 627.500000 266.000000 627.500000 266.000000 L 471.333333 266.000000 S 471.333333 266.000000 471.333333 266.000000 L 471.008889 412.000010" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-186795793)" /><text x="544.500000" y="272.000000" class="text-mono-italic fill-N2" style="text-anchor:middle;font-size:16px">DISPLAY</text></g><g id="(api server -&gt; logs)[0]"><path d="M 698.500000 127.000000 L 698.500000 165.000000 S 698.500000 165.000000 698.500000 165.000000 L 744.000000 165.000000 S 744.000000 165.000000 744.000000 165.000000 L 744.000000 307.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-186795793)" /><text x="744.000000" y="201.000000" class="text-mono-italic fill-N2" style="text-anchor:middle;font-size:16px">PERSIST</text></g><g id="(network.data processor -&gt; api server)[0]"><path d="M 136.500000 1165.000000 L 136.500000 1258.000000 S 136.500000 1258.000000 136.500000 1258.000000 L 663.000000 1258.000000 S 663.000000 1258.000000 663.000000 1258.000000 L 663.000000 129.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-186795793)" /></g><mask id="d2-186795793" maskUnits="userSpaceOnUse" x="11" y="11" width="786" height="1248">
+</defs><g id="network"><g class="shape" ><rect x="12.000000" y="311.000000" width="611.000000" height="902.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /><rect x="12.000000" y="311.000000" width="611.000000" height="902.000000" class="dots-overlay" style="stroke-width:2;" /><rect x="17.000000" y="316.000000" width="601.000000" height="892.000000" fill="transparent" class=" stroke-B1" style="stroke-width:2;" /></g><text x="317.500000" y="344.000000" class="text-mono fill-N1" style="text-anchor:middle;font-size:28px">NETWORK</text></g><g id="user"><g class="shape" ><path d="M 444 99 H 314 V 98 C 314 83 328 70 351 63 C 338 58 331 50 331 40 C 331 25 352 12 379 12 C 405 12 427 25 427 40 C 427 49 420 58 407 63 C 429 69 444 83 444 98 V 99 H 444 Z" class=" stroke-B1 fill-B3" style="stroke-width:2;" /></g><text x="379.000000" y="120.000000" class="text-mono fill-N1" style="text-anchor:middle;font-size:16px">USER</text></g><g id="api server"><g class="shape" ><rect x="592.000000" y="59.000000" width="142.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="663.000000" y="97.500000" class="text-mono fill-N1" style="text-anchor:middle;font-size:16px">API SERVER</text></g><g id="logs"><g class="shape" ><path d="M 714 301 H 774 C 775 301 776 301 777 302 L 794 318 C 795 319 795 320 795 321 V 388 C 795 388 795 388 795 388 H 714 C 713 388 713 388 713 388 V 302 C 713 301 713 301 714 301 Z" class=" stroke-B1 fill-AB4" style="stroke-width:2;" /><path d="M 794 388 H 714 C 713 388 713 388 713 387 V 302 C 713 301 713 301 714 301 H 773 C 774 301 774 301 774 302 V 319 C 774 320 775 321 776 321 H 794 C 795 321 795 321 795 322 V 387 C 794 388 795 388 794 388 Z" class=" stroke-B1 fill-AB4" style="stroke-width:2;" /><path d="M 704 311 H 764 C 765 311 766 311 767 312 L 784 328 C 785 329 785 330 785 331 V 398 C 785 398 785 398 785 398 H 704 C 703 398 703 398 703 398 V 312 C 703 311 703 311 704 311 Z" class=" stroke-B1 fill-AB4" style="stroke-width:2;" /><path d="M 784 398 H 704 C 703 398 703 398 703 397 V 312 C 703 311 703 311 704 311 H 763 C 764 311 764 311 764 312 V 329 C 764 330 765 331 766 331 H 784 C 785 331 785 331 785 332 V 397 C 784 398 785 398 784 398 Z" class=" stroke-B1 fill-AB4" style="stroke-width:2;" /></g><text x="744.000000" y="360.000000" class="text-mono fill-N1" style="text-anchor:middle;font-size:16px">LOGS</text></g><g id="network.cell tower"><g class="shape" ><rect x="62.000000" y="361.000000" width="261.000000" height="413.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /><rect x="62.000000" y="361.000000" width="261.000000" height="413.000000" class="dots-overlay" style="stroke-width:2;" /></g><text x="192.500000" y="390.000000" class="text-mono fill-N1" style="text-anchor:middle;font-size:24px">Cell Tower</text></g><g id="network.online portal"><g class="shape" ><rect x="343.000000" y="366.000000" width="230.000000" height="169.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /><rect x="343.000000" y="366.000000" width="230.000000" height="169.000000" class="dots-overlay" style="stroke-width:2;" /></g><text x="458.000000" y="395.000000" class="text-mono fill-N1" style="text-anchor:middle;font-size:24px">ONLINE PORTAL</text></g><g id="network.data processor"><g class="shape" ><rect x="70.000000" y="945.000000" width="245.000000" height="218.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /><rect x="70.000000" y="945.000000" width="245.000000" height="218.000000" class="dots-overlay" style="stroke-width:2;" /></g><text x="192.500000" y="974.000000" class="text-mono fill-N1" style="text-anchor:middle;font-size:24px">DATA PROCESSOR</text></g><g id="network.cell tower.satellites"><g class="shape" ><path d="M 137 401 H 283 C 279 401 268 419 268 434 C 268 449 279 467 283 467 H 137 C 133 467 122 449 122 434 C 122 419 133 401 137 401 Z" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /><path d="M 127 411 H 273 C 269 411 258 429 258 444 C 258 459 269 477 273 477 H 127 C 123 477 112 459 112 444 C 112 429 123 411 127 411 Z" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /></g><text x="192.500000" y="449.500000" class="text-mono fill-N1" style="text-anchor:middle;font-size:16px">SATELLITES</text></g><g id="network.cell tower.transmitter"><g class="shape" ><rect x="117.000000" y="658.000000" width="151.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="192.500000" y="696.500000" class="text-mono fill-N1" style="text-anchor:middle;font-size:16px">TRANSMITTER</text></g><g id="network.online portal.ui"><g class="shape" ><path d="M 438 416 L 418 450 L 438 485 L 478 485 L 498 450 L 478 416 Z" class=" stroke-B1 fill-N5" style="stroke-width:2;" /></g><text x="458.000000" y="456.000000" class="text-mono fill-N1" style="text-anchor:middle;font-size:16px">UI</text></g><g id="network.data processor.storage"><g class="shape" ><path d="M 146 1009 C 146 985 196 985 202 985 C 208 985 258 985 258 1009 V 1079 C 258 1103 208 1103 202 1103 C 196 1103 146 1103 146 1079 V 1009 Z" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /><path d="M 146 1009 C 146 1033 196 1033 202 1033 C 208 1033 258 1033 258 1009" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /><path d="M 136 1019 C 136 995 186 995 192 995 C 198 995 248 995 248 1019 V 1089 C 248 1113 198 1113 192 1113 C 186 1113 136 1113 136 1089 V 1019 Z" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /><path d="M 136 1019 C 136 1043 186 1043 192 1043 C 198 1043 248 1043 248 1019" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /></g><text x="192.000000" y="1071.500000" class="text-mono fill-N1" style="text-anchor:middle;font-size:16px">STORAGE</text></g><g id="network.cell tower.(satellites -&gt; transmitter)[0]"><marker id="mk-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" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 143.002762 478.999998 L 143.244475 654.000004" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3000349990)" /><text x="143.500000" y="573.000000" class="text-mono-italic fill-N2" style="text-anchor:middle;font-size:16px">send</text></g><g id="network.cell tower.(satellites -&gt; transmitter)[1]"><path d="M 192.997238 478.999998 L 192.755525 654.000004" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3000349990)" /><text x="193.000000" y="573.000000" class="text-mono-italic fill-N2" style="text-anchor:middle;font-size:16px">SEND</text></g><g id="network.cell tower.(satellites -&gt; transmitter)[2]"><path d="M 241.997238 478.999998 L 241.755525 654.000004" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3000349990)" /><text x="242.000000" y="573.000000" class="text-mono-italic fill-N2" style="text-anchor:middle;font-size:16px">SEND</text></g><g id="network.(cell tower.transmitter -&gt; data processor.storage)[0]"><path d="M 192.503690 725.999997 L 192.992620 991.000007" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3000349990)" /><text x="192.500000" y="865.000000" class="text-mono-italic fill-N2" style="text-anchor:middle;font-size:16px">phone logs</text></g><g id="(user -&gt; network.cell tower)[0]"><path d="M 357.987374 100.999960 L 357.583333 165.000000 S 357.583333 165.000000 357.583333 165.000000 L 236.833333 165.000000 S 236.833333 165.000000 236.833333 165.000000 L 236.833333 357.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3000349990)" /><text x="237.000000" y="175.000000" class="text-mono-italic fill-N2" style="text-anchor:middle;font-size:16px">MAKE CALL</text></g><g id="(user -&gt; network.online portal.ui)[0]"><marker id="mk-2177206569" 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" class="connection fill-B2" stroke-width="2" /> </marker><path d="M 400.997475 100.999998 L 400.916667 165.000000 S 400.916667 165.000000 400.916667 165.000000 L 444.666667 165.000000 S 444.666667 165.000000 444.666667 165.000000 L 444.994688 412.000004" fill="none" class="connection stroke-B2" style="stroke-width:2;stroke-dasharray:6.000000,5.919384;" marker-end="url(#mk-2177206569)" mask="url(#d2-3000349990)" /><text x="445.000000" y="241.000000" class="text-mono-italic fill-N2" style="text-anchor:middle;font-size:16px">ACCESS</text></g><g id="(api server -&gt; network.online portal.ui)[0]"><path d="M 627.500000 127.000000 L 627.500000 266.000000 S 627.500000 266.000000 627.500000 266.000000 L 471.333333 266.000000 S 471.333333 266.000000 471.333333 266.000000 L 471.008889 412.000010" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3000349990)" /><text x="544.500000" y="272.000000" class="text-mono-italic fill-N2" style="text-anchor:middle;font-size:16px">DISPLAY</text></g><g id="(api server -&gt; logs)[0]"><path d="M 698.500000 127.000000 L 698.500000 165.000000 S 698.500000 165.000000 698.500000 165.000000 L 744.000000 165.000000 S 744.000000 165.000000 744.000000 165.000000 L 744.000000 307.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3000349990)" /><text x="744.000000" y="201.000000" class="text-mono-italic fill-N2" style="text-anchor:middle;font-size:16px">PERSIST</text></g><g id="(network.data processor -&gt; api server)[0]"><path d="M 136.500000 1165.000000 L 136.500000 1258.000000 S 136.500000 1258.000000 136.500000 1258.000000 L 663.000000 1258.000000 S 663.000000 1258.000000 663.000000 1258.000000 L 663.000000 129.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3000349990)" /></g><mask id="d2-3000349990" maskUnits="userSpaceOnUse" x="11" y="11" width="786" height="1248">
 <rect x="11" y="11" width="786" height="1248" fill="white"></rect>
-<rect x="124.000000" y="557.000000" width="38" height="21" fill="black"></rect>
-<rect x="173.000000" y="557.000000" width="38" height="21" fill="black"></rect>
-<rect x="222.000000" y="557.000000" width="38" height="21" fill="black"></rect>
-<rect x="145.000000" y="849.000000" width="96" height="21" fill="black"></rect>
+<rect x="124.000000" y="557.000000" width="39" height="21" fill="black"></rect>
+<rect x="174.000000" y="557.000000" width="38" height="21" fill="black"></rect>
+<rect x="223.000000" y="557.000000" width="38" height="21" fill="black"></rect>
+<rect x="144.000000" y="849.000000" width="97" height="21" fill="black"></rect>
 <rect x="194.000000" y="159.000000" width="86" height="21" fill="black"></rect>
 <rect x="416.000000" y="225.000000" width="58" height="21" fill="black"></rect>
 <rect x="510.000000" y="256.000000" width="69" height="21" fill="black"></rect>
diff --git a/e2etests/themes_test.go b/e2etests/themes_test.go
index d814b7967..a488d8c54 100644
--- a/e2etests/themes_test.go
+++ b/e2etests/themes_test.go
@@ -15,14 +15,19 @@ func testThemes(t *testing.T) {
 			script: `
 network: {
   cell tower: {
+		style.text-transform: capitalize
 		satellites: {
 			shape: stored_data
       style.multiple: true
 		}
 
-		transmitter
+		transmitter : {
+			style.text-transform: uppercase
+		}
 
-		satellites -> transmitter: send
+		satellites -> transmitter: SEnD {
+			style.text-transform: lowercase
+		}
 		satellites -> transmitter: send
 		satellites -> transmitter: send
   }
@@ -117,6 +122,7 @@ ex: |tex
 			script: `
 network: {
   cell tower: {
+		style.text-transform: capitalize
 		satellites: {
 			shape: stored_data
       style.multiple: true
@@ -124,7 +130,9 @@ network: {
 
 		transmitter
 
-		satellites -> transmitter: send
+		satellites -> transmitter: SEnD {
+			style.text-transform: lowercase
+		}
 		satellites -> transmitter: send
 		satellites -> transmitter: send
   }
@@ -140,7 +148,9 @@ network: {
     }
   }
 
-  cell tower.transmitter -> data processor.storage: phone logs
+  cell tower.transmitter -> data processor.storage: phone logs {
+		style.text-transform: none
+	}
 }
 
 user: {
@@ -166,6 +176,7 @@ network.data processor -> api server
 			script: `
 network: 通信網 {
   cell tower: {
+		style.text-transform: capitalize
 		satellites: 衛星 {
 			shape: stored_data
       style.multiple: true
@@ -173,8 +184,12 @@ network: 通信網 {
 
 		transmitter: 送信機
 
-		satellites -> transmitter: send
-		satellites -> transmitter: send
+		satellites -> transmitter: SEnD {
+			style.text-transform: lowercase
+		}
+		satellites -> transmitter: send {
+			style.text-transform: uppercase
+		}
 		satellites -> transmitter: send
   }
 
@@ -189,12 +204,20 @@ network: 通信網 {
     }
   }
 
-  cell tower.transmitter -> data processor.storage: 電話ログ
+  cell tower.transmitter -> data processor.storage: 電話ログ {
+		style.text-transform: lowercase
+	}
 }
 
 user: ユーザー {
   shape: person
   width: 130
+	style.text-transform: capitalize
+}
+
+other-user: {
+	shape: person
+	style.text-transform: uppercase
 }
 
 user -> network.cell tower: 電話をかける
@@ -202,7 +225,9 @@ user -> network.online portal.ui: アクセス {
   style.stroke-dash: 3
 }
 
-api server: API サーバー
+api server: API サーバー {
+	style.text-transform: lowercase
+}
 api server -> network.online portal.ui: 画面
 api server -> logs: 持続する
 logs: ログ { shape: page; style.multiple: true }
diff --git a/go.mod b/go.mod
index 197959b93..914cf8703 100644
--- a/go.mod
+++ b/go.mod
@@ -22,6 +22,7 @@ require (
 	go.uber.org/multierr v1.9.0
 	golang.org/x/image v0.3.0
 	golang.org/x/net v0.8.0
+	golang.org/x/text v0.8.0
 	golang.org/x/xerrors v0.0.0-20220907171357-04be3eba64a2
 	gonum.org/v1/plot v0.12.0
 	nhooyr.io/websocket v1.8.7
@@ -53,7 +54,6 @@ require (
 	golang.org/x/exp v0.0.0-20221126150942-6ab00d035af9 // indirect
 	golang.org/x/sys v0.6.0 // indirect
 	golang.org/x/term v0.6.0 // indirect
-	golang.org/x/text v0.8.0 // indirect
 	gopkg.in/square/go-jose.v2 v2.6.0 // indirect
 	gopkg.in/yaml.v2 v2.4.0 // indirect
 	gopkg.in/yaml.v3 v3.0.1 // indirect

From b3b97d1a465d25ec7008c3e1f8a926aaba8594e1 Mon Sep 17 00:00:00 2001
From: Alexander Wang <alex@terrastruct.com>
Date: Sat, 8 Apr 2023 11:30:41 -0700
Subject: [PATCH 06/21] fix watch mode

---
 d2cli/main.go | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/d2cli/main.go b/d2cli/main.go
index 289f242db..395a162f1 100644
--- a/d2cli/main.go
+++ b/d2cli/main.go
@@ -373,7 +373,7 @@ func compile(ctx context.Context, ms *xmain.State, plugin d2plugin.Plugin, rende
 		}
 		var out []byte
 		if len(boards) > 0 {
-			out := boards[0]
+			out = boards[0]
 			if animateInterval > 0 {
 				out, err = d2animate.Wrap(diagram, boards, renderOpts, int(animateInterval))
 				if err != nil {

From 343b9daaca3645bdc22cb54fe2ca894f3e733776 Mon Sep 17 00:00:00 2001
From: Alexander Wang <alex@terrastruct.com>
Date: Sat, 8 Apr 2023 11:35:54 -0700
Subject: [PATCH 07/21] add space

---
 d2graph/d2graph.go | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/d2graph/d2graph.go b/d2graph/d2graph.go
index 6d7e845af..ac0e5b1b8 100644
--- a/d2graph/d2graph.go
+++ b/d2graph/d2graph.go
@@ -385,7 +385,7 @@ func (s *Style) Apply(key, value string) error {
 			break
 		}
 		if !go2.Contains(textTransforms, strings.ToLower(value)) {
-			return fmt.Errorf(`expected "text-transform" to be one of (%s)`, strings.Join(textTransforms, ","))
+			return fmt.Errorf(`expected "text-transform" to be one of (%s)`, strings.Join(textTransforms, ", "))
 		}
 		s.TextTransform.Value = value
 	default:

From 70b3dd7b87899bd3724281c32fa0736b7bf3890b Mon Sep 17 00:00:00 2001
From: Alexander Wang <alex@terrastruct.com>
Date: Sat, 8 Apr 2023 12:24:29 -0700
Subject: [PATCH 08/21] add text-transform as keyword

---
 d2compiler/compile_test.go                    |  11 +
 d2graph/d2graph.go                            |  13 +-
 .../TestCompile/text-transform.exp.json       | 532 ++++++++++++++++++
 3 files changed, 550 insertions(+), 6 deletions(-)
 create mode 100644 testdata/d2compiler/TestCompile/text-transform.exp.json

diff --git a/d2compiler/compile_test.go b/d2compiler/compile_test.go
index bb26d78f8..c484dd4e0 100644
--- a/d2compiler/compile_test.go
+++ b/d2compiler/compile_test.go
@@ -2257,6 +2257,17 @@ layers: {
 }`,
 			expErr: `d2/testdata/d2compiler/TestCompile/link-board-underscore-not-found.d2:7:9: invalid underscore usage`,
 		},
+		{
+			name: "text-transform",
+			text: `direction: right
+x -> y: hi {
+  style: {
+    text-transform: capitalize
+  }
+}
+x.style.text-transform: uppercase
+y.style.text-transform: lowercase`,
+		},
 		{
 			name: "near_near_const",
 			text: `
diff --git a/d2graph/d2graph.go b/d2graph/d2graph.go
index ac0e5b1b8..8b5e27696 100644
--- a/d2graph/d2graph.go
+++ b/d2graph/d2graph.go
@@ -1625,12 +1625,13 @@ var StyleKeywords = map[string]struct{}{
 	"border-radius": {},
 
 	// Only for text
-	"font":       {},
-	"font-size":  {},
-	"font-color": {},
-	"bold":       {},
-	"italic":     {},
-	"underline":  {},
+	"font":           {},
+	"font-size":      {},
+	"font-color":     {},
+	"bold":           {},
+	"italic":         {},
+	"underline":      {},
+	"text-transform": {},
 
 	// Only for shapes
 	"shadow":        {},
diff --git a/testdata/d2compiler/TestCompile/text-transform.exp.json b/testdata/d2compiler/TestCompile/text-transform.exp.json
new file mode 100644
index 000000000..4691c154c
--- /dev/null
+++ b/testdata/d2compiler/TestCompile/text-transform.exp.json
@@ -0,0 +1,532 @@
+{
+  "graph": {
+    "name": "",
+    "isFolderOnly": false,
+    "ast": {
+      "range": "d2/testdata/d2compiler/TestCompile/text-transform.d2,0:0:0-7:33:145",
+      "nodes": [
+        {
+          "map_key": {
+            "range": "d2/testdata/d2compiler/TestCompile/text-transform.d2,0:0:0-0:16:16",
+            "key": {
+              "range": "d2/testdata/d2compiler/TestCompile/text-transform.d2,0:0:0-0:9:9",
+              "path": [
+                {
+                  "unquoted_string": {
+                    "range": "d2/testdata/d2compiler/TestCompile/text-transform.d2,0:0:0-0:9:9",
+                    "value": [
+                      {
+                        "string": "direction",
+                        "raw_string": "direction"
+                      }
+                    ]
+                  }
+                }
+              ]
+            },
+            "primary": {},
+            "value": {
+              "unquoted_string": {
+                "range": "d2/testdata/d2compiler/TestCompile/text-transform.d2,0:11:11-0:16:16",
+                "value": [
+                  {
+                    "string": "right",
+                    "raw_string": "right"
+                  }
+                ]
+              }
+            }
+          }
+        },
+        {
+          "map_key": {
+            "range": "d2/testdata/d2compiler/TestCompile/text-transform.d2,1:0:17-5:1:77",
+            "edges": [
+              {
+                "range": "d2/testdata/d2compiler/TestCompile/text-transform.d2,1:0:17-1:6:23",
+                "src": {
+                  "range": "d2/testdata/d2compiler/TestCompile/text-transform.d2,1:0:17-1:2:19",
+                  "path": [
+                    {
+                      "unquoted_string": {
+                        "range": "d2/testdata/d2compiler/TestCompile/text-transform.d2,1:0:17-1:1:18",
+                        "value": [
+                          {
+                            "string": "x",
+                            "raw_string": "x"
+                          }
+                        ]
+                      }
+                    }
+                  ]
+                },
+                "src_arrow": "",
+                "dst": {
+                  "range": "d2/testdata/d2compiler/TestCompile/text-transform.d2,1:4:21-1:6:23",
+                  "path": [
+                    {
+                      "unquoted_string": {
+                        "range": "d2/testdata/d2compiler/TestCompile/text-transform.d2,1:5:22-1:6:23",
+                        "value": [
+                          {
+                            "string": "y",
+                            "raw_string": "y"
+                          }
+                        ]
+                      }
+                    }
+                  ]
+                },
+                "dst_arrow": ">"
+              }
+            ],
+            "primary": {
+              "unquoted_string": {
+                "range": "d2/testdata/d2compiler/TestCompile/text-transform.d2,1:8:25-1:10:27",
+                "value": [
+                  {
+                    "string": "hi",
+                    "raw_string": "hi"
+                  }
+                ]
+              }
+            },
+            "value": {
+              "map": {
+                "range": "d2/testdata/d2compiler/TestCompile/text-transform.d2,1:11:28-5:0:76",
+                "nodes": [
+                  {
+                    "map_key": {
+                      "range": "d2/testdata/d2compiler/TestCompile/text-transform.d2,2:2:32-4:3:75",
+                      "key": {
+                        "range": "d2/testdata/d2compiler/TestCompile/text-transform.d2,2:2:32-2:7:37",
+                        "path": [
+                          {
+                            "unquoted_string": {
+                              "range": "d2/testdata/d2compiler/TestCompile/text-transform.d2,2:2:32-2:7:37",
+                              "value": [
+                                {
+                                  "string": "style",
+                                  "raw_string": "style"
+                                }
+                              ]
+                            }
+                          }
+                        ]
+                      },
+                      "primary": {},
+                      "value": {
+                        "map": {
+                          "range": "d2/testdata/d2compiler/TestCompile/text-transform.d2,2:9:39-4:2:74",
+                          "nodes": [
+                            {
+                              "map_key": {
+                                "range": "d2/testdata/d2compiler/TestCompile/text-transform.d2,3:4:45-3:30:71",
+                                "key": {
+                                  "range": "d2/testdata/d2compiler/TestCompile/text-transform.d2,3:4:45-3:18:59",
+                                  "path": [
+                                    {
+                                      "unquoted_string": {
+                                        "range": "d2/testdata/d2compiler/TestCompile/text-transform.d2,3:4:45-3:18:59",
+                                        "value": [
+                                          {
+                                            "string": "text-transform",
+                                            "raw_string": "text-transform"
+                                          }
+                                        ]
+                                      }
+                                    }
+                                  ]
+                                },
+                                "primary": {},
+                                "value": {
+                                  "unquoted_string": {
+                                    "range": "d2/testdata/d2compiler/TestCompile/text-transform.d2,3:20:61-3:30:71",
+                                    "value": [
+                                      {
+                                        "string": "capitalize",
+                                        "raw_string": "capitalize"
+                                      }
+                                    ]
+                                  }
+                                }
+                              }
+                            }
+                          ]
+                        }
+                      }
+                    }
+                  }
+                ]
+              }
+            }
+          }
+        },
+        {
+          "map_key": {
+            "range": "d2/testdata/d2compiler/TestCompile/text-transform.d2,6:0:78-6:33:111",
+            "key": {
+              "range": "d2/testdata/d2compiler/TestCompile/text-transform.d2,6:0:78-6:22:100",
+              "path": [
+                {
+                  "unquoted_string": {
+                    "range": "d2/testdata/d2compiler/TestCompile/text-transform.d2,6:0:78-6:1:79",
+                    "value": [
+                      {
+                        "string": "x",
+                        "raw_string": "x"
+                      }
+                    ]
+                  }
+                },
+                {
+                  "unquoted_string": {
+                    "range": "d2/testdata/d2compiler/TestCompile/text-transform.d2,6:2:80-6:7:85",
+                    "value": [
+                      {
+                        "string": "style",
+                        "raw_string": "style"
+                      }
+                    ]
+                  }
+                },
+                {
+                  "unquoted_string": {
+                    "range": "d2/testdata/d2compiler/TestCompile/text-transform.d2,6:8:86-6:22:100",
+                    "value": [
+                      {
+                        "string": "text-transform",
+                        "raw_string": "text-transform"
+                      }
+                    ]
+                  }
+                }
+              ]
+            },
+            "primary": {},
+            "value": {
+              "unquoted_string": {
+                "range": "d2/testdata/d2compiler/TestCompile/text-transform.d2,6:24:102-6:33:111",
+                "value": [
+                  {
+                    "string": "uppercase",
+                    "raw_string": "uppercase"
+                  }
+                ]
+              }
+            }
+          }
+        },
+        {
+          "map_key": {
+            "range": "d2/testdata/d2compiler/TestCompile/text-transform.d2,7:0:112-7:33:145",
+            "key": {
+              "range": "d2/testdata/d2compiler/TestCompile/text-transform.d2,7:0:112-7:22:134",
+              "path": [
+                {
+                  "unquoted_string": {
+                    "range": "d2/testdata/d2compiler/TestCompile/text-transform.d2,7:0:112-7:1:113",
+                    "value": [
+                      {
+                        "string": "y",
+                        "raw_string": "y"
+                      }
+                    ]
+                  }
+                },
+                {
+                  "unquoted_string": {
+                    "range": "d2/testdata/d2compiler/TestCompile/text-transform.d2,7:2:114-7:7:119",
+                    "value": [
+                      {
+                        "string": "style",
+                        "raw_string": "style"
+                      }
+                    ]
+                  }
+                },
+                {
+                  "unquoted_string": {
+                    "range": "d2/testdata/d2compiler/TestCompile/text-transform.d2,7:8:120-7:22:134",
+                    "value": [
+                      {
+                        "string": "text-transform",
+                        "raw_string": "text-transform"
+                      }
+                    ]
+                  }
+                }
+              ]
+            },
+            "primary": {},
+            "value": {
+              "unquoted_string": {
+                "range": "d2/testdata/d2compiler/TestCompile/text-transform.d2,7:24:136-7:33:145",
+                "value": [
+                  {
+                    "string": "lowercase",
+                    "raw_string": "lowercase"
+                  }
+                ]
+              }
+            }
+          }
+        }
+      ]
+    },
+    "root": {
+      "id": "",
+      "id_val": "",
+      "label_dimensions": {
+        "width": 0,
+        "height": 0
+      },
+      "attributes": {
+        "label": {
+          "value": ""
+        },
+        "style": {},
+        "near_key": null,
+        "shape": {
+          "value": ""
+        },
+        "direction": {
+          "value": "right"
+        },
+        "constraint": {
+          "value": ""
+        }
+      },
+      "zIndex": 0
+    },
+    "edges": [
+      {
+        "index": 0,
+        "minWidth": 0,
+        "minHeight": 0,
+        "label_dimensions": {
+          "width": 0,
+          "height": 0
+        },
+        "isCurve": false,
+        "src_arrow": false,
+        "dst_arrow": true,
+        "references": [
+          {
+            "map_key_edge_index": 0
+          }
+        ],
+        "attributes": {
+          "label": {
+            "value": "hi"
+          },
+          "style": {
+            "textTransform": {
+              "value": "capitalize"
+            }
+          },
+          "near_key": null,
+          "shape": {
+            "value": ""
+          },
+          "direction": {
+            "value": ""
+          },
+          "constraint": {
+            "value": ""
+          }
+        },
+        "zIndex": 0
+      }
+    ],
+    "objects": [
+      {
+        "id": "x",
+        "id_val": "x",
+        "label_dimensions": {
+          "width": 0,
+          "height": 0
+        },
+        "references": [
+          {
+            "key": {
+              "range": "d2/testdata/d2compiler/TestCompile/text-transform.d2,1:0:17-1:2:19",
+              "path": [
+                {
+                  "unquoted_string": {
+                    "range": "d2/testdata/d2compiler/TestCompile/text-transform.d2,1:0:17-1:1:18",
+                    "value": [
+                      {
+                        "string": "x",
+                        "raw_string": "x"
+                      }
+                    ]
+                  }
+                }
+              ]
+            },
+            "key_path_index": 0,
+            "map_key_edge_index": 0
+          },
+          {
+            "key": {
+              "range": "d2/testdata/d2compiler/TestCompile/text-transform.d2,6:0:78-6:22:100",
+              "path": [
+                {
+                  "unquoted_string": {
+                    "range": "d2/testdata/d2compiler/TestCompile/text-transform.d2,6:0:78-6:1:79",
+                    "value": [
+                      {
+                        "string": "x",
+                        "raw_string": "x"
+                      }
+                    ]
+                  }
+                },
+                {
+                  "unquoted_string": {
+                    "range": "d2/testdata/d2compiler/TestCompile/text-transform.d2,6:2:80-6:7:85",
+                    "value": [
+                      {
+                        "string": "style",
+                        "raw_string": "style"
+                      }
+                    ]
+                  }
+                },
+                {
+                  "unquoted_string": {
+                    "range": "d2/testdata/d2compiler/TestCompile/text-transform.d2,6:8:86-6:22:100",
+                    "value": [
+                      {
+                        "string": "text-transform",
+                        "raw_string": "text-transform"
+                      }
+                    ]
+                  }
+                }
+              ]
+            },
+            "key_path_index": 0,
+            "map_key_edge_index": -1
+          }
+        ],
+        "attributes": {
+          "label": {
+            "value": "x"
+          },
+          "style": {
+            "textTransform": {
+              "value": "uppercase"
+            }
+          },
+          "near_key": null,
+          "shape": {
+            "value": "rectangle"
+          },
+          "direction": {
+            "value": ""
+          },
+          "constraint": {
+            "value": ""
+          }
+        },
+        "zIndex": 0
+      },
+      {
+        "id": "y",
+        "id_val": "y",
+        "label_dimensions": {
+          "width": 0,
+          "height": 0
+        },
+        "references": [
+          {
+            "key": {
+              "range": "d2/testdata/d2compiler/TestCompile/text-transform.d2,1:4:21-1:6:23",
+              "path": [
+                {
+                  "unquoted_string": {
+                    "range": "d2/testdata/d2compiler/TestCompile/text-transform.d2,1:5:22-1:6:23",
+                    "value": [
+                      {
+                        "string": "y",
+                        "raw_string": "y"
+                      }
+                    ]
+                  }
+                }
+              ]
+            },
+            "key_path_index": 0,
+            "map_key_edge_index": 0
+          },
+          {
+            "key": {
+              "range": "d2/testdata/d2compiler/TestCompile/text-transform.d2,7:0:112-7:22:134",
+              "path": [
+                {
+                  "unquoted_string": {
+                    "range": "d2/testdata/d2compiler/TestCompile/text-transform.d2,7:0:112-7:1:113",
+                    "value": [
+                      {
+                        "string": "y",
+                        "raw_string": "y"
+                      }
+                    ]
+                  }
+                },
+                {
+                  "unquoted_string": {
+                    "range": "d2/testdata/d2compiler/TestCompile/text-transform.d2,7:2:114-7:7:119",
+                    "value": [
+                      {
+                        "string": "style",
+                        "raw_string": "style"
+                      }
+                    ]
+                  }
+                },
+                {
+                  "unquoted_string": {
+                    "range": "d2/testdata/d2compiler/TestCompile/text-transform.d2,7:8:120-7:22:134",
+                    "value": [
+                      {
+                        "string": "text-transform",
+                        "raw_string": "text-transform"
+                      }
+                    ]
+                  }
+                }
+              ]
+            },
+            "key_path_index": 0,
+            "map_key_edge_index": -1
+          }
+        ],
+        "attributes": {
+          "label": {
+            "value": "y"
+          },
+          "style": {
+            "textTransform": {
+              "value": "lowercase"
+            }
+          },
+          "near_key": null,
+          "shape": {
+            "value": "rectangle"
+          },
+          "direction": {
+            "value": ""
+          },
+          "constraint": {
+            "value": ""
+          }
+        },
+        "zIndex": 0
+      }
+    ]
+  },
+  "err": null
+}

From e293d919d9a03e6f45b80cd27030ffef7ca01608 Mon Sep 17 00:00:00 2001
From: Jany <127505435+janydoe@users.noreply.github.com>
Date: Sat, 8 Apr 2023 19:34:24 +0000
Subject: [PATCH 09/21] update link to tree-sitter grammar

The author's GitHub account has been suspended due to sanctions. I replaced it with a link to the original repository, where he keeps working.
---
 README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 99f11d3c6..4cd40753d 100644
--- a/README.md
+++ b/README.md
@@ -209,7 +209,7 @@ let us know and we'll be happy to include it here!
 
 ### Community plugins
 
-- **Tree-sitter grammar**: [https://github.com/pleshevskiy/tree-sitter-d2](https://github.com/pleshevskiy/tree-sitter-d2)
+- **Tree-sitter grammar**: [https://git.pleshevski.ru/pleshevskiy/tree-sitter-d2](https://git.pleshevski.ru/pleshevskiy/tree-sitter-d2)
 - **Emacs major mode**: [https://github.com/andorsk/d2-mode](https://github.com/andorsk/d2-mode)
 - **Goldmark extension**: [https://github.com/FurqanSoftware/goldmark-d2](https://github.com/FurqanSoftware/goldmark-d2)
 - **Telegram bot**: [https://github.com/meinside/telegram-d2-bot](https://github.com/meinside/telegram-d2-bot)

From 2715b963dc48a7308666e806f6eb742a856c8e93 Mon Sep 17 00:00:00 2001
From: Alexander Wang <alex@terrastruct.com>
Date: Sat, 8 Apr 2023 19:32:43 -0700
Subject: [PATCH 10/21] Update next.md

---
 ci/release/changelogs/next.md | 26 +++++++++++++++++++++-----
 1 file changed, 21 insertions(+), 5 deletions(-)

diff --git a/ci/release/changelogs/next.md b/ci/release/changelogs/next.md
index e4838afec..2b2177e7d 100644
--- a/ci/release/changelogs/next.md
+++ b/ci/release/changelogs/next.md
@@ -1,15 +1,30 @@
+Our last release was 0.3.0 but this one has so many long-awaited upgrades we're bumping straight to 0.4.0.
+
+Major updates:
+
+- `classes` and `class` are finally here. No more repeating styles!
+- Introducing Grid diagrams. A very popular form of diagramming software architecture.
+
+To showcase both of these, here's a demo with a link to the source code below:
+
+<img width="671" alt="Screen Shot 2023-04-08 at 7 20 04 PM" src="https://user-images.githubusercontent.com/3120367/230750853-5925f8a1-98bc-4f51-b6f7-26ada4534a58.png">
+
+- [Playground link to source code](https://play.d2lang.com/?script=nJRPbvMgEMX3nGIU6Vt-zp82bcoBeg-Mpw4yBhdD0qjK3SvAJMENatWFF8zDjx9vRlwyo7Al4bjKt4FCLRnvCJk6TuGTABz3wiKM744ZjBWAkCqFxSKsgieF9WYVlsEw7QSIzsFlqsQbU-DaqDepj2hq6XLxf_KMlmcSv1pq3iXr2Tl5BhTcMKDhbEzG14HKaSJfw0zHT0zNEGMgV4QzIZ54XYWIaBZOUDZF5aGoPBaVbVF5KirPRWVXVF7uKqRhbYsGULVCTUlPfdmtfGOmn0JXyKwh00ChaJHcJpoFfduTywzkE7BLuTN1gkbzDg1w3Q_MiloiGKes6P8GJ_2DcWH5BWCahXuEAP7pobC3dhjpculXY2XRGDZa47ituO6XDR7-bV7jNarx0KaLcRHRfoZutWwy3p4Zrb_T3pTvB3oUyr9qVXakFMp95KWecT3b1bkajUKLs_pXAAAA__8%3D&sketch=1&)
+
+Bunch of other features, improvements, and bug fixes too. Make sure to check out the updated docs for how to use these new features!
+
 #### Features 🚀
 
-- Container with constant key near attribute now can have descendant objects and connections [#1071](https://github.com/terrastruct/d2/pull/1071)
-- Classes are implemented. See [docs](https://d2lang.com/todo). [#772](https://github.com/terrastruct/d2/pull/772)
+- Classes are implemented. See [docs](https://d2lang.com/classes). [#772](https://github.com/terrastruct/d2/pull/772)
+- Grid diagrams are implemented. See [docs](https://d2lang.com/grid-diagrams). [#1122](https://github.com/terrastruct/d2/pull/1122)
+- Container with constant key near attribute now can have descendant objects and connections (thank you @donglixiaoche) [#1071](https://github.com/terrastruct/d2/pull/1071)
 - Multi-board SVG outputs with internal links go to their output paths [#1116](https://github.com/terrastruct/d2/pull/1116)
-- New grid layout to place nodes in rows and columns [#1122](https://github.com/terrastruct/d2/pull/1122)
 
 #### Improvements 🧹
 
 - Labels on parallel `dagre` connections include a gap between them [#1134](https://github.com/terrastruct/d2/pull/1134)
-- Sequence Diagram `Lifelines` now inherit the Actor `stroke` and `stroke-dash` [#1140](https://github.com/terrastruct/d2/pull/1140)
-- Add `text-transform` styling option [#1118](https://github.com/terrastruct/d2/pull/1118)
+- Sequence diagram lifelines inherit the actor's `stroke` and `stroke-dash` [#1140](https://github.com/terrastruct/d2/pull/1140)
+- Add `text-transform` styling option (thank you @alexstoick for these 2) [#1118](https://github.com/terrastruct/d2/pull/1118)
 
 #### Bugfixes ⛑️
 
@@ -25,3 +40,4 @@
 #### Breaking changes
 
 - `class` and `classes` are now reserved keywords.
+- `text-transform` is now a reserved keyword.

From f3598bd2b743f816c5d10992f6d84b6a7ec88e74 Mon Sep 17 00:00:00 2001
From: Alexander Wang <alex@terrastruct.com>
Date: Sat, 8 Apr 2023 19:37:37 -0700
Subject: [PATCH 11/21] Update next.md

---
 ci/release/changelogs/next.md | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/ci/release/changelogs/next.md b/ci/release/changelogs/next.md
index 2b2177e7d..2d1275d05 100644
--- a/ci/release/changelogs/next.md
+++ b/ci/release/changelogs/next.md
@@ -1,6 +1,4 @@
-Our last release was 0.3.0 but this one has so many long-awaited upgrades we're bumping straight to 0.4.0.
-
-Major updates:
+Major updates in 0.4.0:
 
 - `classes` and `class` are finally here. No more repeating styles!
 - Introducing Grid diagrams. A very popular form of diagramming software architecture.

From a4f9048c8d59ed474f7789aa873793707d92a335 Mon Sep 17 00:00:00 2001
From: Alexander Wang <alex@terrastruct.com>
Date: Sat, 8 Apr 2023 19:38:41 -0700
Subject: [PATCH 12/21] v0.4.0

---
 ci/release/changelogs/next.md   | 36 -----------------------------
 ci/release/changelogs/v0.4.0.md | 41 +++++++++++++++++++++++++++++++++
 2 files changed, 41 insertions(+), 36 deletions(-)
 create mode 100644 ci/release/changelogs/v0.4.0.md

diff --git a/ci/release/changelogs/next.md b/ci/release/changelogs/next.md
index 2d1275d05..f3c0d2a77 100644
--- a/ci/release/changelogs/next.md
+++ b/ci/release/changelogs/next.md
@@ -1,41 +1,5 @@
-Major updates in 0.4.0:
-
-- `classes` and `class` are finally here. No more repeating styles!
-- Introducing Grid diagrams. A very popular form of diagramming software architecture.
-
-To showcase both of these, here's a demo with a link to the source code below:
-
-<img width="671" alt="Screen Shot 2023-04-08 at 7 20 04 PM" src="https://user-images.githubusercontent.com/3120367/230750853-5925f8a1-98bc-4f51-b6f7-26ada4534a58.png">
-
-- [Playground link to source code](https://play.d2lang.com/?script=nJRPbvMgEMX3nGIU6Vt-zp82bcoBeg-Mpw4yBhdD0qjK3SvAJMENatWFF8zDjx9vRlwyo7Al4bjKt4FCLRnvCJk6TuGTABz3wiKM744ZjBWAkCqFxSKsgieF9WYVlsEw7QSIzsFlqsQbU-DaqDepj2hq6XLxf_KMlmcSv1pq3iXr2Tl5BhTcMKDhbEzG14HKaSJfw0zHT0zNEGMgV4QzIZ54XYWIaBZOUDZF5aGoPBaVbVF5KirPRWVXVF7uKqRhbYsGULVCTUlPfdmtfGOmn0JXyKwh00ChaJHcJpoFfduTywzkE7BLuTN1gkbzDg1w3Q_MiloiGKes6P8GJ_2DcWH5BWCahXuEAP7pobC3dhjpculXY2XRGDZa47ituO6XDR7-bV7jNarx0KaLcRHRfoZutWwy3p4Zrb_T3pTvB3oUyr9qVXakFMp95KWecT3b1bkajUKLs_pXAAAA__8%3D&sketch=1&)
-
-Bunch of other features, improvements, and bug fixes too. Make sure to check out the updated docs for how to use these new features!
-
 #### Features 🚀
 
-- Classes are implemented. See [docs](https://d2lang.com/classes). [#772](https://github.com/terrastruct/d2/pull/772)
-- Grid diagrams are implemented. See [docs](https://d2lang.com/grid-diagrams). [#1122](https://github.com/terrastruct/d2/pull/1122)
-- Container with constant key near attribute now can have descendant objects and connections (thank you @donglixiaoche) [#1071](https://github.com/terrastruct/d2/pull/1071)
-- Multi-board SVG outputs with internal links go to their output paths [#1116](https://github.com/terrastruct/d2/pull/1116)
-
 #### Improvements 🧹
 
-- Labels on parallel `dagre` connections include a gap between them [#1134](https://github.com/terrastruct/d2/pull/1134)
-- Sequence diagram lifelines inherit the actor's `stroke` and `stroke-dash` [#1140](https://github.com/terrastruct/d2/pull/1140)
-- Add `text-transform` styling option (thank you @alexstoick for these 2) [#1118](https://github.com/terrastruct/d2/pull/1118)
-
 #### Bugfixes ⛑️
-
-- Fix inheritence in scenarios/steps [#1090](https://github.com/terrastruct/d2/pull/1090)
-- Fix a bug in 32bit builds [#1115](https://github.com/terrastruct/d2/issues/1115)
-- Fix a bug in ID parsing [#322](https://github.com/terrastruct/d2/issues/322)
-- Fix a bug in watch mode parsing SVG [#1119](https://github.com/terrastruct/d2/issues/1119)
-- Namespace transitions so that multiple animated D2 diagrams can exist on the same page [#1123](https://github.com/terrastruct/d2/issues/1123)
-- Fix a bug in vertical alignment of appendix lines [#1104](https://github.com/terrastruct/d2/issues/1104)
-- Fix precision difference for sketch mode running on different architectures [#921](https://github.com/terrastruct/d2/issues/921)
-- Fix an issue where markdown fonts weren't being applied correctly [#1132](https://github.com/terrastruct/d2/issues/1132)
-
-#### Breaking changes
-
-- `class` and `classes` are now reserved keywords.
-- `text-transform` is now a reserved keyword.
diff --git a/ci/release/changelogs/v0.4.0.md b/ci/release/changelogs/v0.4.0.md
new file mode 100644
index 000000000..2d1275d05
--- /dev/null
+++ b/ci/release/changelogs/v0.4.0.md
@@ -0,0 +1,41 @@
+Major updates in 0.4.0:
+
+- `classes` and `class` are finally here. No more repeating styles!
+- Introducing Grid diagrams. A very popular form of diagramming software architecture.
+
+To showcase both of these, here's a demo with a link to the source code below:
+
+<img width="671" alt="Screen Shot 2023-04-08 at 7 20 04 PM" src="https://user-images.githubusercontent.com/3120367/230750853-5925f8a1-98bc-4f51-b6f7-26ada4534a58.png">
+
+- [Playground link to source code](https://play.d2lang.com/?script=nJRPbvMgEMX3nGIU6Vt-zp82bcoBeg-Mpw4yBhdD0qjK3SvAJMENatWFF8zDjx9vRlwyo7Al4bjKt4FCLRnvCJk6TuGTABz3wiKM744ZjBWAkCqFxSKsgieF9WYVlsEw7QSIzsFlqsQbU-DaqDepj2hq6XLxf_KMlmcSv1pq3iXr2Tl5BhTcMKDhbEzG14HKaSJfw0zHT0zNEGMgV4QzIZ54XYWIaBZOUDZF5aGoPBaVbVF5KirPRWVXVF7uKqRhbYsGULVCTUlPfdmtfGOmn0JXyKwh00ChaJHcJpoFfduTywzkE7BLuTN1gkbzDg1w3Q_MiloiGKes6P8GJ_2DcWH5BWCahXuEAP7pobC3dhjpculXY2XRGDZa47ituO6XDR7-bV7jNarx0KaLcRHRfoZutWwy3p4Zrb_T3pTvB3oUyr9qVXakFMp95KWecT3b1bkajUKLs_pXAAAA__8%3D&sketch=1&)
+
+Bunch of other features, improvements, and bug fixes too. Make sure to check out the updated docs for how to use these new features!
+
+#### Features 🚀
+
+- Classes are implemented. See [docs](https://d2lang.com/classes). [#772](https://github.com/terrastruct/d2/pull/772)
+- Grid diagrams are implemented. See [docs](https://d2lang.com/grid-diagrams). [#1122](https://github.com/terrastruct/d2/pull/1122)
+- Container with constant key near attribute now can have descendant objects and connections (thank you @donglixiaoche) [#1071](https://github.com/terrastruct/d2/pull/1071)
+- Multi-board SVG outputs with internal links go to their output paths [#1116](https://github.com/terrastruct/d2/pull/1116)
+
+#### Improvements 🧹
+
+- Labels on parallel `dagre` connections include a gap between them [#1134](https://github.com/terrastruct/d2/pull/1134)
+- Sequence diagram lifelines inherit the actor's `stroke` and `stroke-dash` [#1140](https://github.com/terrastruct/d2/pull/1140)
+- Add `text-transform` styling option (thank you @alexstoick for these 2) [#1118](https://github.com/terrastruct/d2/pull/1118)
+
+#### Bugfixes ⛑️
+
+- Fix inheritence in scenarios/steps [#1090](https://github.com/terrastruct/d2/pull/1090)
+- Fix a bug in 32bit builds [#1115](https://github.com/terrastruct/d2/issues/1115)
+- Fix a bug in ID parsing [#322](https://github.com/terrastruct/d2/issues/322)
+- Fix a bug in watch mode parsing SVG [#1119](https://github.com/terrastruct/d2/issues/1119)
+- Namespace transitions so that multiple animated D2 diagrams can exist on the same page [#1123](https://github.com/terrastruct/d2/issues/1123)
+- Fix a bug in vertical alignment of appendix lines [#1104](https://github.com/terrastruct/d2/issues/1104)
+- Fix precision difference for sketch mode running on different architectures [#921](https://github.com/terrastruct/d2/issues/921)
+- Fix an issue where markdown fonts weren't being applied correctly [#1132](https://github.com/terrastruct/d2/issues/1132)
+
+#### Breaking changes
+
+- `class` and `classes` are now reserved keywords.
+- `text-transform` is now a reserved keyword.

From 9f97fe47c866869df6cf8fde5e19d2c5387be113 Mon Sep 17 00:00:00 2001
From: Jany <127505435+janydoe@users.noreply.github.com>
Date: Sun, 9 Apr 2023 03:27:21 +0000
Subject: [PATCH 13/21] fix urls in changelogs

---
 ci/release/changelogs/v0.4.0.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/ci/release/changelogs/v0.4.0.md b/ci/release/changelogs/v0.4.0.md
index 2d1275d05..be9755edb 100644
--- a/ci/release/changelogs/v0.4.0.md
+++ b/ci/release/changelogs/v0.4.0.md
@@ -13,8 +13,8 @@ Bunch of other features, improvements, and bug fixes too. Make sure to check out
 
 #### Features 🚀
 
-- Classes are implemented. See [docs](https://d2lang.com/classes). [#772](https://github.com/terrastruct/d2/pull/772)
-- Grid diagrams are implemented. See [docs](https://d2lang.com/grid-diagrams). [#1122](https://github.com/terrastruct/d2/pull/1122)
+- Classes are implemented. See [docs](https://d2lang.com/tour/classes). [#772](https://github.com/terrastruct/d2/pull/772)
+- Grid diagrams are implemented. See [docs](https://d2lang.com/tour/grid-diagrams). [#1122](https://github.com/terrastruct/d2/pull/1122)
 - Container with constant key near attribute now can have descendant objects and connections (thank you @donglixiaoche) [#1071](https://github.com/terrastruct/d2/pull/1071)
 - Multi-board SVG outputs with internal links go to their output paths [#1116](https://github.com/terrastruct/d2/pull/1116)
 

From f2bfb1bd18c0d7ff6d091ab5561daef377c41d31 Mon Sep 17 00:00:00 2001
From: Alexander Wang <alex@terrastruct.com>
Date: Sun, 9 Apr 2023 18:58:17 -0700
Subject: [PATCH 14/21] [ci-force] update contributing

---
 docs/CONTRIBUTING.md | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/docs/CONTRIBUTING.md b/docs/CONTRIBUTING.md
index 1c4e6f823..b1b0f6ded 100644
--- a/docs/CONTRIBUTING.md
+++ b/docs/CONTRIBUTING.md
@@ -28,10 +28,12 @@ only have to be in the form of pull requests. Your bug reports, plugins, example
 discussions of new ideas, help a great deal.
 
 If you'd like to get involved, we're also committed to helping you merge that first pull
-request. You should be able to freely pick up Issues tagged as "good first issue". If you
-need help getting started, please don't hesitate to pop into Discord -- as long as you
-want to help, we'll find the perfect task (complexity matches your appetite and
-programming experience, in an area you're interested in, etc).
+request. You should be able to freely pick up Issues tagged as "good first issue". Those
+will usually include notes on getting started, but if they're missing or insufficient,
+just leave a comment and we'll add more detail. If you need help getting started, please
+don't hesitate to pop into Discord -- as long as you want to help, we'll find the perfect
+task (complexity matches your appetite and programming experience, in an area you're
+interested in, etc).
 
 ## CI
 

From 6993c0e557ad3ba787e7637cf9823c392fb47dce Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=C3=BAlio=20C=C3=A9sar=20Batista?= <julio@terrastruct.com>
Date: Mon, 10 Apr 2023 11:45:04 -0300
Subject: [PATCH 15/21] PR comments

---
 d2cli/main.go            |  7 +++----
 lib/pptx/pptx.go         | 31 ++++++++++++++++---------------
 lib/pptx/presentation.go | 37 ++++++++++++++++++++++++++++++-------
 3 files changed, 49 insertions(+), 26 deletions(-)

diff --git a/d2cli/main.go b/d2cli/main.go
index 9b7339f8a..d2998e0b5 100644
--- a/d2cli/main.go
+++ b/d2cli/main.go
@@ -364,8 +364,9 @@ func compile(ctx context.Context, ms *xmain.State, plugin d2plugin.Plugin, rende
 		if user, err := user.Current(); err == nil {
 			username = user.Username
 		}
-		description := "Presentation auto-generated by D2 - https://d2lang.com/"
+		description := "Presentation generated with D2 - https://d2lang.com/"
 		rootName := getFileName(outputPath)
+		// version must be only numbers to avoid issues with PowerPoint
 		p := pptx.NewPresentation(rootName, description, rootName, username, version.OnlyNumbers())
 		err := renderPPTX(ctx, ms, p, plugin, renderOpts, outputPath, page, diagram, nil)
 		if err != nil {
@@ -838,9 +839,7 @@ func renameExt(fp string, newExt string) string {
 
 func getFileName(path string) string {
 	ext := filepath.Ext(path)
-	trimmedPath := strings.TrimSuffix(path, ext)
-	splitPath := strings.Split(trimmedPath, "/")
-	return splitPath[len(splitPath)-1]
+	return strings.TrimSuffix(filepath.Base(path), ext)
 }
 
 // TODO: remove after removing slog
diff --git a/lib/pptx/pptx.go b/lib/pptx/pptx.go
index 1d0c0f44c..08a23d188 100644
--- a/lib/pptx/pptx.go
+++ b/lib/pptx/pptx.go
@@ -9,7 +9,19 @@ import (
 	"time"
 )
 
+// Measurements in OOXML are made in English Metric Units (EMUs) where 1 inch = 914,400 EMUs
+// The intent is to have a measurement unit that doesn't require floating points when dealing with centimeters, inches, points (DPI).
 // Office Open XML (OOXML) http://officeopenxml.com/prPresentation.php
+// https://startbigthinksmall.wordpress.com/2010/01/04/points-inches-and-emus-measuring-units-in-office-open-xml/
+const SLIDE_WIDTH = 9_144_000
+const SLIDE_HEIGHT = 5_143_500
+const HEADER_HEIGHT = 392_471
+
+const IMAGE_HEIGHT = SLIDE_HEIGHT - HEADER_HEIGHT
+
+// keep the right aspect ratio: SLIDE_WIDTH / SLIDE_HEIGHT = IMAGE_WIDTH / IMAGE_HEIGHT
+const IMAGE_WIDTH = 8_446_273
+const IMAGE_ASPECT_RATIO = float64(IMAGE_WIDTH) / float64(IMAGE_HEIGHT)
 
 //go:embed template.pptx
 var pptx_template []byte
@@ -38,26 +50,15 @@ func addFile(zipFile *zip.Writer, filePath, content string) error {
 	return nil
 }
 
-// https://startbigthinksmall.wordpress.com/2010/01/04/points-inches-and-emus-measuring-units-in-office-open-xml/
-const SLIDE_WIDTH = 9_144_000
-const SLIDE_HEIGHT = 5_143_500
-const HEADER_HEIGHT = 392_471
-
-const IMAGE_HEIGHT = SLIDE_HEIGHT - HEADER_HEIGHT
-
-// keep the right aspect ratio: SLIDE_WIDTH / SLIDE_HEIGHT = IMAGE_WIDTH / IMAGE_HEIGHT
-const IMAGE_WIDTH = 8_446_273
-const IMAGE_ASPECT_RATIO = float64(IMAGE_WIDTH) / float64(IMAGE_HEIGHT)
-
 const RELS_SLIDE_XML = `<?xml version="1.0" encoding="UTF-8" standalone="yes"?><Relationships xmlns="http://schemas.openxmlformats.org/package/2006/relationships"><Relationship Id="rId1" Type="http://schemas.openxmlformats.org/officeDocument/2006/relationships/slideLayout" Target="../slideLayouts/slideLayout7.xml" /><Relationship Id="%s" Type="http://schemas.openxmlformats.org/officeDocument/2006/relationships/image" Target="../media/%s.png" /></Relationships>`
 
-func getRelsSlideXml(imageId string) string {
-	return fmt.Sprintf(RELS_SLIDE_XML, imageId, imageId)
+func getRelsSlideXml(imageID string) string {
+	return fmt.Sprintf(RELS_SLIDE_XML, imageID, imageID)
 }
 
 const SLIDE_XML = `<?xml version="1.0" encoding="UTF-8" standalone="yes"?><p:sld xmlns:a="http://schemas.openxmlformats.org/drawingml/2006/main" xmlns:p="http://schemas.openxmlformats.org/presentationml/2006/main" xmlns:r="http://schemas.openxmlformats.org/officeDocument/2006/relationships"><p:cSld><p:spTree><p:nvGrpSpPr><p:cNvPr id="1" name="" /><p:cNvGrpSpPr /><p:nvPr /></p:nvGrpSpPr><p:grpSpPr><a:xfrm><a:off x="0" y="0" /><a:ext cx="0" cy="0" /><a:chOff x="0" y="0" /><a:chExt cx="0" cy="0" /></a:xfrm></p:grpSpPr><p:pic><p:nvPicPr><p:cNvPr id="2" name="%s" descr="%s" /><p:cNvPicPr><a:picLocks noChangeAspect="1" /></p:cNvPicPr><p:nvPr /></p:nvPicPr><p:blipFill><a:blip r:embed="%s" /><a:stretch><a:fillRect /></a:stretch></p:blipFill><p:spPr><a:xfrm><a:off x="%d" y="%d" /><a:ext cx="%d" cy="%d" /></a:xfrm><a:prstGeom prst="rect"><a:avLst /></a:prstGeom></p:spPr></p:pic><p:sp><p:nvSpPr><p:cNvPr id="95" name="%s" /><p:cNvSpPr txBox="1" /><p:nvPr /></p:nvSpPr><p:spPr><a:xfrm><a:off x="4001" y="6239" /><a:ext cx="9135998" cy="%d" /></a:xfrm><a:prstGeom prst="rect"><a:avLst /></a:prstGeom><a:ln w="12700"><a:miter lim="400000" /></a:ln><a:extLst><a:ext uri="{C572A759-6A51-4108-AA02-DFA0A04FC94B}"><ma14:wrappingTextBoxFlag xmlns:ma14="http://schemas.microsoft.com/office/mac/drawingml/2011/main" xmlns="" val="1" /></a:ext></a:extLst></p:spPr><p:txBody><a:bodyPr lIns="45719" rIns="45719"><a:spAutoFit /></a:bodyPr><a:lstStyle><a:lvl1pPr><a:defRPr sz="2400" /></a:lvl1pPr></a:lstStyle><a:p>%s</a:p></p:txBody></p:sp></p:spTree></p:cSld><p:clrMapOvr><a:masterClrMapping /></p:clrMapOvr></p:sld>`
 
-func getSlideXml(boardPath []string, imageId string, top, left, width, height int) string {
+func getSlideXml(boardPath []string, imageID string, top, left, width, height int) string {
 	var slideTitle string
 	boardName := boardPath[len(boardPath)-1]
 	prefixPath := boardPath[:len(boardPath)-1]
@@ -69,7 +70,7 @@ func getSlideXml(boardPath []string, imageId string, top, left, width, height in
 	}
 	slideDescription := strings.Join(boardPath, " / ")
 	top += HEADER_HEIGHT
-	return fmt.Sprintf(SLIDE_XML, slideDescription, slideDescription, imageId, left, top, width, height, slideDescription, HEADER_HEIGHT, slideTitle)
+	return fmt.Sprintf(SLIDE_XML, slideDescription, slideDescription, imageID, left, top, width, height, slideDescription, HEADER_HEIGHT, slideTitle)
 }
 
 func getPresentationXmlRels(slideFileNames []string) string {
diff --git a/lib/pptx/presentation.go b/lib/pptx/presentation.go
index a79e6253d..fea845fd5 100644
--- a/lib/pptx/presentation.go
+++ b/lib/pptx/presentation.go
@@ -23,7 +23,9 @@ type Presentation struct {
 	Description string
 	Subject     string
 	Creator     string
-	D2Version   string
+	// D2Version can't have letters, only numbers (`[0-9]`) and `.`
+	// Otherwise, it may fail to open in PowerPoint
+	D2Version string
 
 	Slides []*Slide
 }
@@ -60,16 +62,37 @@ func (p *Presentation) AddSlide(pngContent []byte, boardPath []string) error {
 	// compute the size and position to fit the slide
 	// if the image is wider than taller and its aspect ratio is, at least, the same as the available image space aspect ratio
 	// then, set the image width to the available space and compute the height
+	// ┌──────────────────────────────────────────────────┐   ─┬─
+	// │  HEADER                                          │    │
+	// ├──┬────────────────────────────────────────────┬──┤    │         ─┬─
+	// │  │                                            │  │    │          │
+	// │  │                                            │  │  SLIDE        │
+	// │  │                                            │  │  HEIGHT       │
+	// │  │                                            │  │    │        IMAGE
+	// │  │                                            │  │    │        HEIGHT
+	// │  │                                            │  │    │          │
+	// │  │                                            │  │    │          │
+	// │  │                                            │  │    │          │
+	// │  │                                            │  │    │          │
+	// └──┴────────────────────────────────────────────┴──┘   ─┴─        ─┴─
+	// ├────────────────────SLIDE WIDTH───────────────────┤
+	//    ├─────────────────IMAGE WIDTH────────────────┤
 	if srcWidth/srcHeight >= IMAGE_ASPECT_RATIO {
+		// here, the image aspect ratio is, at least, equal to the slide aspect ratio
+		// so, it makes sense to expand the image horizontally to use as much as space as possible
 		width = SLIDE_WIDTH
 		height = int(float64(width) * (srcHeight / srcWidth))
+		// first, try to make the image as wide as the slide
+		// but, if this results in a tall image, use only the
+		// image adjusted width to avoid overlapping with the header
 		if height > IMAGE_HEIGHT {
-			// this would overflow with the title, so we need to adjust to use only IMAGE_WIDTH
 			width = IMAGE_WIDTH
 			height = int(float64(width) * (srcHeight / srcWidth))
 		}
 	} else {
-		// otherwise, this image could overflow the slide height/header
+		// here, the aspect ratio could be 4x3, in which the image is still wider than taller,
+		// but expanding horizontally would result in an overflow
+		// so, we expand to make it fit the available vertical space
 		height = IMAGE_HEIGHT
 		width = int(float64(height) * (srcWidth / srcHeight))
 	}
@@ -106,11 +129,11 @@ func (p *Presentation) SaveTo(filePath string) error {
 
 	var slideFileNames []string
 	for i, slide := range p.Slides {
-		imageId := fmt.Sprintf("slide%dImage", i+1)
+		imageID := fmt.Sprintf("slide%dImage", i+1)
 		slideFileName := fmt.Sprintf("slide%d", i+1)
 		slideFileNames = append(slideFileNames, slideFileName)
 
-		imageWriter, err := zipWriter.Create(fmt.Sprintf("ppt/media/%s.png", imageId))
+		imageWriter, err := zipWriter.Create(fmt.Sprintf("ppt/media/%s.png", imageID))
 		if err != nil {
 			return err
 		}
@@ -119,7 +142,7 @@ func (p *Presentation) SaveTo(filePath string) error {
 			return err
 		}
 
-		err = addFile(zipWriter, fmt.Sprintf("ppt/slides/_rels/%s.xml.rels", slideFileName), getRelsSlideXml(imageId))
+		err = addFile(zipWriter, fmt.Sprintf("ppt/slides/_rels/%s.xml.rels", slideFileName), getRelsSlideXml(imageID))
 		if err != nil {
 			return err
 		}
@@ -127,7 +150,7 @@ func (p *Presentation) SaveTo(filePath string) error {
 		err = addFile(
 			zipWriter,
 			fmt.Sprintf("ppt/slides/%s.xml", slideFileName),
-			getSlideXml(slide.BoardPath, imageId, slide.ImageTop, slide.ImageLeft, slide.ImageWidth, slide.ImageHeight),
+			getSlideXml(slide.BoardPath, imageID, slide.ImageTop, slide.ImageLeft, slide.ImageWidth, slide.ImageHeight),
 		)
 		if err != nil {
 			return err

From e39b9c15c2f7d8f3fc592c25f629107f53e68dc6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=C3=BAlio=20C=C3=A9sar=20Batista?= <julio@terrastruct.com>
Date: Mon, 10 Apr 2023 13:49:30 -0300
Subject: [PATCH 16/21] move xml to templates

---
 lib/pptx/pptx.go                         | 134 +++++++----------------
 lib/pptx/templates/app.xml               |  51 +++++++++
 lib/pptx/templates/content_types.xml     |  66 +++++++++++
 lib/pptx/templates/core.xml              |  17 +++
 lib/pptx/templates/presentation.xml      | 132 ++++++++++++++++++++++
 lib/pptx/templates/rels_presentation.xml |  19 ++++
 lib/pptx/templates/slide.xml             |  86 +++++++++++++++
 lib/pptx/templates/slide.xml.rels        |   9 ++
 lib/pptx/validate.go                     |   2 +-
 9 files changed, 423 insertions(+), 93 deletions(-)
 create mode 100644 lib/pptx/templates/app.xml
 create mode 100644 lib/pptx/templates/content_types.xml
 create mode 100644 lib/pptx/templates/core.xml
 create mode 100644 lib/pptx/templates/presentation.xml
 create mode 100644 lib/pptx/templates/rels_presentation.xml
 create mode 100644 lib/pptx/templates/slide.xml
 create mode 100644 lib/pptx/templates/slide.xml.rels

diff --git a/lib/pptx/pptx.go b/lib/pptx/pptx.go
index 08a23d188..349d09393 100644
--- a/lib/pptx/pptx.go
+++ b/lib/pptx/pptx.go
@@ -24,10 +24,10 @@ const IMAGE_WIDTH = 8_446_273
 const IMAGE_ASPECT_RATIO = float64(IMAGE_WIDTH) / float64(IMAGE_HEIGHT)
 
 //go:embed template.pptx
-var pptx_template []byte
+var PPTX_TEMPLATE []byte
 
 func copyPptxTemplateTo(w *zip.Writer) error {
-	reader := bytes.NewReader(pptx_template)
+	reader := bytes.NewReader(PPTX_TEMPLATE)
 	zipReader, err := zip.NewReader(reader, reader.Size())
 	if err != nil {
 		fmt.Printf("error creating zip reader: %v", err)
@@ -50,13 +50,15 @@ func addFile(zipFile *zip.Writer, filePath, content string) error {
 	return nil
 }
 
-const RELS_SLIDE_XML = `<?xml version="1.0" encoding="UTF-8" standalone="yes"?><Relationships xmlns="http://schemas.openxmlformats.org/package/2006/relationships"><Relationship Id="rId1" Type="http://schemas.openxmlformats.org/officeDocument/2006/relationships/slideLayout" Target="../slideLayouts/slideLayout7.xml" /><Relationship Id="%s" Type="http://schemas.openxmlformats.org/officeDocument/2006/relationships/image" Target="../media/%s.png" /></Relationships>`
+//go:embed templates/slide.xml.rels
+var RELS_SLIDE_XML string
 
 func getRelsSlideXml(imageID string) string {
 	return fmt.Sprintf(RELS_SLIDE_XML, imageID, imageID)
 }
 
-const SLIDE_XML = `<?xml version="1.0" encoding="UTF-8" standalone="yes"?><p:sld xmlns:a="http://schemas.openxmlformats.org/drawingml/2006/main" xmlns:p="http://schemas.openxmlformats.org/presentationml/2006/main" xmlns:r="http://schemas.openxmlformats.org/officeDocument/2006/relationships"><p:cSld><p:spTree><p:nvGrpSpPr><p:cNvPr id="1" name="" /><p:cNvGrpSpPr /><p:nvPr /></p:nvGrpSpPr><p:grpSpPr><a:xfrm><a:off x="0" y="0" /><a:ext cx="0" cy="0" /><a:chOff x="0" y="0" /><a:chExt cx="0" cy="0" /></a:xfrm></p:grpSpPr><p:pic><p:nvPicPr><p:cNvPr id="2" name="%s" descr="%s" /><p:cNvPicPr><a:picLocks noChangeAspect="1" /></p:cNvPicPr><p:nvPr /></p:nvPicPr><p:blipFill><a:blip r:embed="%s" /><a:stretch><a:fillRect /></a:stretch></p:blipFill><p:spPr><a:xfrm><a:off x="%d" y="%d" /><a:ext cx="%d" cy="%d" /></a:xfrm><a:prstGeom prst="rect"><a:avLst /></a:prstGeom></p:spPr></p:pic><p:sp><p:nvSpPr><p:cNvPr id="95" name="%s" /><p:cNvSpPr txBox="1" /><p:nvPr /></p:nvSpPr><p:spPr><a:xfrm><a:off x="4001" y="6239" /><a:ext cx="9135998" cy="%d" /></a:xfrm><a:prstGeom prst="rect"><a:avLst /></a:prstGeom><a:ln w="12700"><a:miter lim="400000" /></a:ln><a:extLst><a:ext uri="{C572A759-6A51-4108-AA02-DFA0A04FC94B}"><ma14:wrappingTextBoxFlag xmlns:ma14="http://schemas.microsoft.com/office/mac/drawingml/2011/main" xmlns="" val="1" /></a:ext></a:extLst></p:spPr><p:txBody><a:bodyPr lIns="45719" rIns="45719"><a:spAutoFit /></a:bodyPr><a:lstStyle><a:lvl1pPr><a:defRPr sz="2400" /></a:lvl1pPr></a:lstStyle><a:p>%s</a:p></p:txBody></p:sp></p:spTree></p:cSld><p:clrMapOvr><a:masterClrMapping /></p:clrMapOvr></p:sld>`
+//go:embed templates/slide.xml
+var SLIDE_XML string
 
 func getSlideXml(boardPath []string, imageID string, top, left, width, height int) string {
 	var slideTitle string
@@ -73,129 +75,77 @@ func getSlideXml(boardPath []string, imageID string, top, left, width, height in
 	return fmt.Sprintf(SLIDE_XML, slideDescription, slideDescription, imageID, left, top, width, height, slideDescription, HEADER_HEIGHT, slideTitle)
 }
 
+//go:embed templates/rels_presentation.xml
+var RELS_PRESENTATION_XML string
+
 func getPresentationXmlRels(slideFileNames []string) string {
 	var builder strings.Builder
-	builder.WriteString(`<?xml version="1.0" encoding="UTF-8" standalone="yes"?><Relationships xmlns="http://schemas.openxmlformats.org/package/2006/relationships"><Relationship Id="rId3" Type="http://schemas.openxmlformats.org/officeDocument/2006/relationships/presProps" Target="presProps.xml" /><Relationship Id="rId4" Type="http://schemas.openxmlformats.org/officeDocument/2006/relationships/viewProps" Target="viewProps.xml" /><Relationship Id="rId5" Type="http://schemas.openxmlformats.org/officeDocument/2006/relationships/theme" Target="theme/theme1.xml" /><Relationship Id="rId6" Type="http://schemas.openxmlformats.org/officeDocument/2006/relationships/tableStyles" Target="tableStyles.xml" /><Relationship Id="rId1" Type="http://schemas.openxmlformats.org/officeDocument/2006/relationships/slideMaster" Target="slideMasters/slideMaster1.xml" />`)
-
 	for _, name := range slideFileNames {
 		builder.WriteString(fmt.Sprintf(
 			`<Relationship Id="%s" Type="http://schemas.openxmlformats.org/officeDocument/2006/relationships/slide" Target="slides/%s.xml" />`, name, name,
 		))
 	}
 
-	builder.WriteString("</Relationships>")
-
-	return builder.String()
+	return fmt.Sprintf(RELS_PRESENTATION_XML, builder.String())
 }
 
+//go:embed templates/content_types.xml
+var CONTENT_TYPES_XML string
+
 func getContentTypesXml(slideFileNames []string) string {
 	var builder strings.Builder
-	builder.WriteString(`<?xml version="1.0" encoding="UTF-8" standalone="yes"?><Types xmlns="http://schemas.openxmlformats.org/package/2006/content-types"><Default Extension="jpeg" ContentType="image/jpeg" /><Default Extension="png" ContentType="image/png" /><Default Extension="rels" ContentType="application/vnd.openxmlformats-package.relationships+xml" /><Default Extension="xml" ContentType="application/xml" /><Override PartName="/docProps/app.xml" ContentType="application/vnd.openxmlformats-officedocument.extended-properties+xml" /><Override PartName="/docProps/core.xml" ContentType="application/vnd.openxmlformats-package.core-properties+xml" /><Override PartName="/ppt/presProps.xml" ContentType="application/vnd.openxmlformats-officedocument.presentationml.presProps+xml" /><Override PartName="/ppt/presentation.xml" ContentType="application/vnd.openxmlformats-officedocument.presentationml.presentation.main+xml" /><Override PartName="/ppt/slideLayouts/slideLayout1.xml" ContentType="application/vnd.openxmlformats-officedocument.presentationml.slideLayout+xml" /><Override PartName="/ppt/slideLayouts/slideLayout10.xml" ContentType="application/vnd.openxmlformats-officedocument.presentationml.slideLayout+xml" /><Override PartName="/ppt/slideLayouts/slideLayout11.xml" ContentType="application/vnd.openxmlformats-officedocument.presentationml.slideLayout+xml" /><Override PartName="/ppt/slideLayouts/slideLayout2.xml" ContentType="application/vnd.openxmlformats-officedocument.presentationml.slideLayout+xml" /><Override PartName="/ppt/slideLayouts/slideLayout3.xml" ContentType="application/vnd.openxmlformats-officedocument.presentationml.slideLayout+xml" /><Override PartName="/ppt/slideLayouts/slideLayout4.xml" ContentType="application/vnd.openxmlformats-officedocument.presentationml.slideLayout+xml" /><Override PartName="/ppt/slideLayouts/slideLayout5.xml" ContentType="application/vnd.openxmlformats-officedocument.presentationml.slideLayout+xml" /><Override PartName="/ppt/slideLayouts/slideLayout6.xml" ContentType="application/vnd.openxmlformats-officedocument.presentationml.slideLayout+xml" /><Override PartName="/ppt/slideLayouts/slideLayout7.xml" ContentType="application/vnd.openxmlformats-officedocument.presentationml.slideLayout+xml" /><Override PartName="/ppt/slideLayouts/slideLayout8.xml" ContentType="application/vnd.openxmlformats-officedocument.presentationml.slideLayout+xml" /><Override PartName="/ppt/slideLayouts/slideLayout9.xml" ContentType="application/vnd.openxmlformats-officedocument.presentationml.slideLayout+xml" /><Override PartName="/ppt/slideMasters/slideMaster1.xml" ContentType="application/vnd.openxmlformats-officedocument.presentationml.slideMaster+xml" />`)
-
 	for _, name := range slideFileNames {
 		builder.WriteString(fmt.Sprintf(
 			`<Override PartName="/ppt/slides/%s.xml" ContentType="application/vnd.openxmlformats-officedocument.presentationml.slide+xml" />`, name,
 		))
 	}
 
-	builder.WriteString(`<Override PartName="/ppt/tableStyles.xml" ContentType="application/vnd.openxmlformats-officedocument.presentationml.tableStyles+xml" /><Override PartName="/ppt/theme/theme1.xml" ContentType="application/vnd.openxmlformats-officedocument.theme+xml" /><Override PartName="/ppt/viewProps.xml" ContentType="application/vnd.openxmlformats-officedocument.presentationml.viewProps+xml" /></Types>`)
-	return builder.String()
+	return fmt.Sprintf(CONTENT_TYPES_XML, builder.String())
 }
 
+//go:embed templates/presentation.xml
+var PRESENTATION_XML string
+
 func getPresentationXml(slideFileNames []string) string {
 	var builder strings.Builder
-	builder.WriteString(`<?xml version="1.0" encoding="UTF-8" standalone="yes"?><p:presentation xmlns:a="http://schemas.openxmlformats.org/drawingml/2006/main" xmlns:r="http://schemas.openxmlformats.org/officeDocument/2006/relationships" xmlns:p="http://schemas.openxmlformats.org/presentationml/2006/main" saveSubsetFonts="1" autoCompressPictures="0"><p:sldMasterIdLst><p:sldMasterId id="2147483648" r:id="rId1" /></p:sldMasterIdLst>`)
-
-	builder.WriteString("<p:sldIdLst>")
 	for i, name := range slideFileNames {
 		// in the exported presentation, the first slide ID was 256, so keeping it here for compatibility
 		builder.WriteString(fmt.Sprintf(`<p:sldId id="%d" r:id="%s" />`, 256+i, name))
 	}
-	builder.WriteString("</p:sldIdLst>")
-
-	builder.WriteString(fmt.Sprintf(
-		`<p:sldSz cx="%d" cy="%d" type="screen4x3" /><p:notesSz cx="6858000" cy="9144000" /><p:defaultTextStyle><a:defPPr><a:defRPr lang="en-US" /></a:defPPr><a:lvl1pPr marL="0" algn="l" defTabSz="457200" rtl="0" eaLnBrk="1" latinLnBrk="0" hangingPunct="1"><a:defRPr sz="1800" kern="1200"><a:solidFill><a:schemeClr val="tx1" /></a:solidFill><a:latin typeface="+mn-lt" /><a:ea typeface="+mn-ea" /><a:cs typeface="+mn-cs" /></a:defRPr></a:lvl1pPr><a:lvl2pPr marL="457200" algn="l" defTabSz="457200" rtl="0" eaLnBrk="1" latinLnBrk="0" hangingPunct="1"><a:defRPr sz="1800" kern="1200"><a:solidFill><a:schemeClr val="tx1" /></a:solidFill><a:latin typeface="+mn-lt" /><a:ea typeface="+mn-ea" /><a:cs typeface="+mn-cs" /></a:defRPr></a:lvl2pPr><a:lvl3pPr marL="914400" algn="l" defTabSz="457200" rtl="0" eaLnBrk="1" latinLnBrk="0" hangingPunct="1"><a:defRPr sz="1800" kern="1200"><a:solidFill><a:schemeClr val="tx1" /></a:solidFill><a:latin typeface="+mn-lt" /><a:ea typeface="+mn-ea" /><a:cs typeface="+mn-cs" /></a:defRPr></a:lvl3pPr><a:lvl4pPr marL="1371600" algn="l" defTabSz="457200" rtl="0" eaLnBrk="1" latinLnBrk="0" hangingPunct="1"><a:defRPr sz="1800" kern="1200"><a:solidFill><a:schemeClr val="tx1" /></a:solidFill><a:latin typeface="+mn-lt" /><a:ea typeface="+mn-ea" /><a:cs typeface="+mn-cs" /></a:defRPr></a:lvl4pPr><a:lvl5pPr marL="1828800" algn="l" defTabSz="457200" rtl="0" eaLnBrk="1" latinLnBrk="0" hangingPunct="1"><a:defRPr sz="1800" kern="1200"><a:solidFill><a:schemeClr val="tx1" /></a:solidFill><a:latin typeface="+mn-lt" /><a:ea typeface="+mn-ea" /><a:cs typeface="+mn-cs" /></a:defRPr></a:lvl5pPr><a:lvl6pPr marL="2286000" algn="l" defTabSz="457200" rtl="0" eaLnBrk="1" latinLnBrk="0" hangingPunct="1"><a:defRPr sz="1800" kern="1200"><a:solidFill><a:schemeClr val="tx1" /></a:solidFill><a:latin typeface="+mn-lt" /><a:ea typeface="+mn-ea" /><a:cs typeface="+mn-cs" /></a:defRPr></a:lvl6pPr><a:lvl7pPr marL="2743200" algn="l" defTabSz="457200" rtl="0" eaLnBrk="1" latinLnBrk="0" hangingPunct="1"><a:defRPr sz="1800" kern="1200"><a:solidFill><a:schemeClr val="tx1" /></a:solidFill><a:latin typeface="+mn-lt" /><a:ea typeface="+mn-ea" /><a:cs typeface="+mn-cs" /></a:defRPr></a:lvl7pPr><a:lvl8pPr marL="3200400" algn="l" defTabSz="457200" rtl="0" eaLnBrk="1" latinLnBrk="0" hangingPunct="1"><a:defRPr sz="1800" kern="1200"><a:solidFill><a:schemeClr val="tx1" /></a:solidFill><a:latin typeface="+mn-lt" /><a:ea typeface="+mn-ea" /><a:cs typeface="+mn-cs" /></a:defRPr></a:lvl8pPr><a:lvl9pPr marL="3657600" algn="l" defTabSz="457200" rtl="0" eaLnBrk="1" latinLnBrk="0" hangingPunct="1"><a:defRPr sz="1800" kern="1200"><a:solidFill><a:schemeClr val="tx1" /></a:solidFill><a:latin typeface="+mn-lt" /><a:ea typeface="+mn-ea" /><a:cs typeface="+mn-cs" /></a:defRPr></a:lvl9pPr></p:defaultTextStyle><p:extLst><p:ext uri="{EFAFB233-063F-42B5-8137-9DF3F51BA10A}"><p15:sldGuideLst xmlns:p15="http://schemas.microsoft.com/office/powerpoint/2012/main"><p15:guide id="1" orient="horz" pos="2160"><p15:clr><a:srgbClr val="A4A3A4" /></p15:clr></p15:guide><p15:guide id="2" pos="2880"><p15:clr><a:srgbClr val="A4A3A4" /></p15:clr></p15:guide></p15:sldGuideLst></p:ext></p:extLst></p:presentation>`,
-		SLIDE_WIDTH,
-		SLIDE_HEIGHT,
-	))
-	return builder.String()
+	return fmt.Sprintf(PRESENTATION_XML, builder.String(), SLIDE_WIDTH, SLIDE_HEIGHT)
 }
 
+//go:embed templates/core.xml
+var CORE_XML string
+
 func getCoreXml(title, subject, description, creator string) string {
-	var builder strings.Builder
-
-	builder.WriteString(`<?xml version="1.0" encoding="UTF-8" standalone="yes"?>`)
-	builder.WriteString(`<cp:coreProperties xmlns:cp="http://schemas.openxmlformats.org/package/2006/metadata/core-properties" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:dcterms="http://purl.org/dc/terms/" xmlns:dcmitype="http://purl.org/dc/dcmitype/" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">`)
-	builder.WriteString(fmt.Sprintf(`<dc:title>%s</dc:title>`, title))
-	builder.WriteString(fmt.Sprintf(`<dc:subject>%s</dc:subject>`, subject))
-	builder.WriteString(fmt.Sprintf(`<dc:creator>%s</dc:creator>`, creator))
-	builder.WriteString(`<cp:keywords />`)
-	builder.WriteString(fmt.Sprintf(`<dc:description>%s</dc:description>`, description))
-	builder.WriteString(fmt.Sprintf(`<cp:lastModifiedBy>%s</cp:lastModifiedBy>`, creator))
-	builder.WriteString(`<cp:revision>1</cp:revision>`)
 	dateTime := time.Now().Format(time.RFC3339)
-	builder.WriteString(fmt.Sprintf(`<dcterms:created xsi:type="dcterms:W3CDTF">%s</dcterms:created>`, dateTime))
-	builder.WriteString(fmt.Sprintf(`<dcterms:modified xsi:type="dcterms:W3CDTF">%s</dcterms:modified>`, dateTime))
-	builder.WriteString(`<cp:category />`)
-	builder.WriteString(`</cp:coreProperties>`)
-
-	return builder.String()
+	return fmt.Sprintf(
+		CORE_XML,
+		title,
+		subject,
+		creator,
+		description,
+		creator,
+		dateTime,
+		dateTime,
+	)
 }
 
+//go:embed templates/app.xml
+var APP_XML string
+
 func getAppXml(slides []*Slide, d2version string) string {
 	var builder strings.Builder
-	builder.WriteString(`<?xml version="1.0" encoding="UTF-8" standalone="yes"?>`)
-	builder.WriteString(`<Properties xmlns="http://schemas.openxmlformats.org/officeDocument/2006/extended-properties" xmlns:vt="http://schemas.openxmlformats.org/officeDocument/2006/docPropsVTypes">`)
-	builder.WriteString(`<TotalTime>1</TotalTime>`)
-	builder.WriteString(`<Words>0</Words>`)
-	builder.WriteString(`<Application>D2</Application>`)
-	builder.WriteString(`<PresentationFormat>On-screen Show (4:3)</PresentationFormat>`)
-	builder.WriteString(`<Paragraphs>0</Paragraphs>`)
-	builder.WriteString(fmt.Sprintf(`<Slides>%d</Slides>`, len(slides)))
-	builder.WriteString(`<Notes>0</Notes>`)
-	builder.WriteString(`<HiddenSlides>0</HiddenSlides>`)
-	builder.WriteString(`<MMClips>0</MMClips>`)
-	builder.WriteString(`<ScaleCrop>false</ScaleCrop>`)
-	builder.WriteString(`<HeadingPairs>`)
-	builder.WriteString(`<vt:vector size="6" baseType="variant">`)
-	builder.WriteString(`<vt:variant>`)
-	builder.WriteString(`<vt:lpstr>Fonts</vt:lpstr>`)
-	builder.WriteString(`</vt:variant>`)
-	builder.WriteString(`<vt:variant>`)
-	builder.WriteString(`<vt:i4>2</vt:i4>`)
-	builder.WriteString(`</vt:variant>`)
-	builder.WriteString(`<vt:variant>`)
-	builder.WriteString(`<vt:lpstr>Theme</vt:lpstr>`)
-	builder.WriteString(`</vt:variant>`)
-	builder.WriteString(`<vt:variant>`)
-	builder.WriteString(`<vt:i4>1</vt:i4>`)
-	builder.WriteString(`</vt:variant>`)
-	builder.WriteString(`<vt:variant>`)
-	builder.WriteString(`<vt:lpstr>Slide Titles</vt:lpstr>`)
-	builder.WriteString(`</vt:variant>`)
-	builder.WriteString(`<vt:variant>`)
-	builder.WriteString(fmt.Sprintf(`<vt:i4>%d</vt:i4>`, len(slides)))
-	builder.WriteString(`</vt:variant>`)
-	builder.WriteString(`</vt:vector>`)
-	builder.WriteString(`</HeadingPairs>`)
-	builder.WriteString(`<TitlesOfParts>`)
-	// number of entries, len(slides) + Office Theme + 2 Fonts
-	builder.WriteString(fmt.Sprintf(`<vt:vector size="%d" baseType="lpstr">`, len(slides)+3))
-	builder.WriteString(`<vt:lpstr>Arial</vt:lpstr>`)
-	builder.WriteString(`<vt:lpstr>Calibri</vt:lpstr>`)
-	builder.WriteString(`<vt:lpstr>Office Theme</vt:lpstr>`)
 	for _, slide := range slides {
 		builder.WriteString(fmt.Sprintf(`<vt:lpstr>%s</vt:lpstr>`, strings.Join(slide.BoardPath, "/")))
 	}
-	builder.WriteString(`</vt:vector>`)
-	builder.WriteString(`</TitlesOfParts>`)
-	builder.WriteString(`<Manager></Manager>`)
-	builder.WriteString(`<Company></Company>`)
-	builder.WriteString(`<LinksUpToDate>false</LinksUpToDate>`)
-	builder.WriteString(`<SharedDoc>false</SharedDoc>`)
-	builder.WriteString(`<HyperlinkBase></HyperlinkBase>`)
-	builder.WriteString(`<HyperlinksChanged>false</HyperlinksChanged>`)
-	builder.WriteString(fmt.Sprintf(`<AppVersion>%s</AppVersion>`, d2version))
-	builder.WriteString(`</Properties>`)
-	return builder.String()
+	return fmt.Sprintf(
+		APP_XML,
+		len(slides),
+		len(slides),
+		len(slides)+3, // number of entries, len(slides) + Office Theme + 2 Fonts
+		builder.String(),
+		d2version,
+	)
 }
diff --git a/lib/pptx/templates/app.xml b/lib/pptx/templates/app.xml
new file mode 100644
index 000000000..0400cf42f
--- /dev/null
+++ b/lib/pptx/templates/app.xml
@@ -0,0 +1,51 @@
+<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
+<Properties xmlns="http://schemas.openxmlformats.org/officeDocument/2006/extended-properties"
+    xmlns:vt="http://schemas.openxmlformats.org/officeDocument/2006/docPropsVTypes">
+    <TotalTime>1</TotalTime>
+    <Words>0</Words>
+    <Application>D2</Application>
+    <PresentationFormat>On-screen Show (4:3)</PresentationFormat>
+    <Paragraphs>0</Paragraphs>
+    <Slides>%d</Slides>
+    <Notes>0</Notes>
+    <HiddenSlides>0</HiddenSlides>
+    <MMClips>0</MMClips>
+    <ScaleCrop>false</ScaleCrop>
+    <HeadingPairs>
+        <vt:vector size="6" baseType="variant">
+            <vt:variant>
+                <vt:lpstr>Fonts</vt:lpstr>
+            </vt:variant>
+            <vt:variant>
+                <vt:i4>2</vt:i4>
+            </vt:variant>
+            <vt:variant>
+                <vt:lpstr>Theme</vt:lpstr>
+            </vt:variant>
+            <vt:variant>
+                <vt:i4>1</vt:i4>
+            </vt:variant>
+            <vt:variant>
+                <vt:lpstr>Slide Titles</vt:lpstr>
+            </vt:variant>
+            <vt:variant>
+                <vt:i4>%d</vt:i4>
+            </vt:variant>
+        </vt:vector>
+    </HeadingPairs>
+    <TitlesOfParts>
+        <vt:vector size="%d" baseType="lpstr">
+            <vt:lpstr>Arial</vt:lpstr>
+            <vt:lpstr>Calibri</vt:lpstr>
+            <vt:lpstr>Office Theme</vt:lpstr>
+            %s
+        </vt:vector>
+    </TitlesOfParts>
+    <Manager></Manager>
+    <Company></Company>
+    <LinksUpToDate>false</LinksUpToDate>
+    <SharedDoc>false</SharedDoc>
+    <HyperlinkBase></HyperlinkBase>
+    <HyperlinksChanged>false</HyperlinksChanged>
+    <AppVersion>%s</AppVersion>
+</Properties>
\ No newline at end of file
diff --git a/lib/pptx/templates/content_types.xml b/lib/pptx/templates/content_types.xml
new file mode 100644
index 000000000..2a1b29ed7
--- /dev/null
+++ b/lib/pptx/templates/content_types.xml
@@ -0,0 +1,66 @@
+<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
+<Types xmlns="http://schemas.openxmlformats.org/package/2006/content-types">
+    <Default
+        Extension="jpeg" ContentType="image/jpeg" />
+        <Default Extension="png" ContentType="image/png" />
+        <Default
+        Extension="rels" ContentType="application/vnd.openxmlformats-package.relationships+xml" />
+        <Default
+        Extension="xml" ContentType="application/xml" />
+        <Override PartName="/docProps/app.xml"
+        ContentType="application/vnd.openxmlformats-officedocument.extended-properties+xml" />
+        <Override
+        PartName="/docProps/core.xml"
+        ContentType="application/vnd.openxmlformats-package.core-properties+xml" />
+        <Override
+        PartName="/ppt/presProps.xml"
+        ContentType="application/vnd.openxmlformats-officedocument.presentationml.presProps+xml" />
+        <Override
+        PartName="/ppt/presentation.xml"
+        ContentType="application/vnd.openxmlformats-officedocument.presentationml.presentation.main+xml" />
+        <Override
+        PartName="/ppt/slideLayouts/slideLayout1.xml"
+        ContentType="application/vnd.openxmlformats-officedocument.presentationml.slideLayout+xml" />
+        <Override
+        PartName="/ppt/slideLayouts/slideLayout10.xml"
+        ContentType="application/vnd.openxmlformats-officedocument.presentationml.slideLayout+xml" />
+        <Override
+        PartName="/ppt/slideLayouts/slideLayout11.xml"
+        ContentType="application/vnd.openxmlformats-officedocument.presentationml.slideLayout+xml" />
+        <Override
+        PartName="/ppt/slideLayouts/slideLayout2.xml"
+        ContentType="application/vnd.openxmlformats-officedocument.presentationml.slideLayout+xml" />
+        <Override
+        PartName="/ppt/slideLayouts/slideLayout3.xml"
+        ContentType="application/vnd.openxmlformats-officedocument.presentationml.slideLayout+xml" />
+        <Override
+        PartName="/ppt/slideLayouts/slideLayout4.xml"
+        ContentType="application/vnd.openxmlformats-officedocument.presentationml.slideLayout+xml" />
+        <Override
+        PartName="/ppt/slideLayouts/slideLayout5.xml"
+        ContentType="application/vnd.openxmlformats-officedocument.presentationml.slideLayout+xml" />
+        <Override
+        PartName="/ppt/slideLayouts/slideLayout6.xml"
+        ContentType="application/vnd.openxmlformats-officedocument.presentationml.slideLayout+xml" />
+        <Override
+        PartName="/ppt/slideLayouts/slideLayout7.xml"
+        ContentType="application/vnd.openxmlformats-officedocument.presentationml.slideLayout+xml" />
+        <Override
+        PartName="/ppt/slideLayouts/slideLayout8.xml"
+        ContentType="application/vnd.openxmlformats-officedocument.presentationml.slideLayout+xml" />
+        <Override
+        PartName="/ppt/slideLayouts/slideLayout9.xml"
+        ContentType="application/vnd.openxmlformats-officedocument.presentationml.slideLayout+xml" />
+        <Override
+        PartName="/ppt/slideMasters/slideMaster1.xml"
+        ContentType="application/vnd.openxmlformats-officedocument.presentationml.slideMaster+xml" />
+        %s 
+        <Override PartName="/ppt/tableStyles.xml"
+        ContentType="application/vnd.openxmlformats-officedocument.presentationml.tableStyles+xml" />
+        <Override
+        PartName="/ppt/theme/theme1.xml"
+        ContentType="application/vnd.openxmlformats-officedocument.theme+xml" />
+        <Override
+        PartName="/ppt/viewProps.xml"
+        ContentType="application/vnd.openxmlformats-officedocument.presentationml.viewProps+xml" />
+</Types>
\ No newline at end of file
diff --git a/lib/pptx/templates/core.xml b/lib/pptx/templates/core.xml
new file mode 100644
index 000000000..c61f6e489
--- /dev/null
+++ b/lib/pptx/templates/core.xml
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
+<cp:coreProperties
+    xmlns:cp="http://schemas.openxmlformats.org/package/2006/metadata/core-properties"
+    xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:dcterms="http://purl.org/dc/terms/"
+    xmlns:dcmitype="http://purl.org/dc/dcmitype/"
+    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">
+    <dc:title>%s</dc:title>
+    <dc:subject>%s</dc:subject>
+    <dc:creator>%s</dc:creator>
+    <cp:keywords />
+    <dc:description>%s</dc:description>
+    <cp:lastModifiedBy>%s</cp:lastModifiedBy>
+    <cp:revision>1</cp:revision>
+    <dcterms:created xsi:type="dcterms:W3CDTF">%s</dcterms:created>
+    <dcterms:modified xsi:type="dcterms:W3CDTF">%s</dcterms:modified>
+    <cp:category />
+</cp:coreProperties>
\ No newline at end of file
diff --git a/lib/pptx/templates/presentation.xml b/lib/pptx/templates/presentation.xml
new file mode 100644
index 000000000..edd06d463
--- /dev/null
+++ b/lib/pptx/templates/presentation.xml
@@ -0,0 +1,132 @@
+<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
+<p:presentation xmlns:a="http://schemas.openxmlformats.org/drawingml/2006/main"
+    xmlns:r="http://schemas.openxmlformats.org/officeDocument/2006/relationships"
+    xmlns:p="http://schemas.openxmlformats.org/presentationml/2006/main" saveSubsetFonts="1"
+    autoCompressPictures="0">
+    <p:sldMasterIdLst>
+        <p:sldMasterId id="2147483648" r:id="rId1" />
+    </p:sldMasterIdLst>
+    <p:sldIdLst>%s</p:sldIdLst>
+    <p:sldSz cx="%d" cy="%d" type="screen4x3" />
+    <p:notesSz cx="6858000" cy="9144000" />
+    <p:defaultTextStyle>
+        <a:defPPr>
+            <a:defRPr lang="en-US" />
+        </a:defPPr>
+        <a:lvl1pPr marL="0" algn="l" defTabSz="457200" rtl="0" eaLnBrk="1" latinLnBrk="0"
+            hangingPunct="1">
+            <a:defRPr sz="1800" kern="1200">
+                <a:solidFill>
+                    <a:schemeClr val="tx1" />
+                </a:solidFill>
+                <a:latin typeface="+mn-lt" />
+                <a:ea typeface="+mn-ea" />
+                <a:cs typeface="+mn-cs" />
+            </a:defRPr>
+        </a:lvl1pPr>
+        <a:lvl2pPr marL="457200" algn="l" defTabSz="457200" rtl="0" eaLnBrk="1" latinLnBrk="0"
+            hangingPunct="1">
+            <a:defRPr sz="1800" kern="1200">
+                <a:solidFill>
+                    <a:schemeClr val="tx1" />
+                </a:solidFill>
+                <a:latin typeface="+mn-lt" />
+                <a:ea typeface="+mn-ea" />
+                <a:cs typeface="+mn-cs" />
+            </a:defRPr>
+        </a:lvl2pPr>
+        <a:lvl3pPr marL="914400" algn="l" defTabSz="457200" rtl="0" eaLnBrk="1" latinLnBrk="0"
+            hangingPunct="1">
+            <a:defRPr sz="1800" kern="1200">
+                <a:solidFill>
+                    <a:schemeClr val="tx1" />
+                </a:solidFill>
+                <a:latin typeface="+mn-lt" />
+                <a:ea typeface="+mn-ea" />
+                <a:cs typeface="+mn-cs" />
+            </a:defRPr>
+        </a:lvl3pPr>
+        <a:lvl4pPr marL="1371600" algn="l" defTabSz="457200" rtl="0" eaLnBrk="1" latinLnBrk="0"
+            hangingPunct="1">
+            <a:defRPr sz="1800" kern="1200">
+                <a:solidFill>
+                    <a:schemeClr val="tx1" />
+                </a:solidFill>
+                <a:latin typeface="+mn-lt" />
+                <a:ea typeface="+mn-ea" />
+                <a:cs typeface="+mn-cs" />
+            </a:defRPr>
+        </a:lvl4pPr>
+        <a:lvl5pPr marL="1828800" algn="l" defTabSz="457200" rtl="0" eaLnBrk="1" latinLnBrk="0"
+            hangingPunct="1">
+            <a:defRPr sz="1800" kern="1200">
+                <a:solidFill>
+                    <a:schemeClr val="tx1" />
+                </a:solidFill>
+                <a:latin typeface="+mn-lt" />
+                <a:ea typeface="+mn-ea" />
+                <a:cs typeface="+mn-cs" />
+            </a:defRPr>
+        </a:lvl5pPr>
+        <a:lvl6pPr marL="2286000" algn="l" defTabSz="457200" rtl="0" eaLnBrk="1" latinLnBrk="0"
+            hangingPunct="1">
+            <a:defRPr sz="1800" kern="1200">
+                <a:solidFill>
+                    <a:schemeClr val="tx1" />
+                </a:solidFill>
+                <a:latin typeface="+mn-lt" />
+                <a:ea typeface="+mn-ea" />
+                <a:cs typeface="+mn-cs" />
+            </a:defRPr>
+        </a:lvl6pPr>
+        <a:lvl7pPr marL="2743200" algn="l" defTabSz="457200" rtl="0" eaLnBrk="1" latinLnBrk="0"
+            hangingPunct="1">
+            <a:defRPr sz="1800" kern="1200">
+                <a:solidFill>
+                    <a:schemeClr val="tx1" />
+                </a:solidFill>
+                <a:latin typeface="+mn-lt" />
+                <a:ea typeface="+mn-ea" />
+                <a:cs typeface="+mn-cs" />
+            </a:defRPr>
+        </a:lvl7pPr>
+        <a:lvl8pPr marL="3200400" algn="l" defTabSz="457200" rtl="0" eaLnBrk="1" latinLnBrk="0"
+            hangingPunct="1">
+            <a:defRPr sz="1800" kern="1200">
+                <a:solidFill>
+                    <a:schemeClr val="tx1" />
+                </a:solidFill>
+                <a:latin typeface="+mn-lt" />
+                <a:ea typeface="+mn-ea" />
+                <a:cs typeface="+mn-cs" />
+            </a:defRPr>
+        </a:lvl8pPr>
+        <a:lvl9pPr marL="3657600" algn="l" defTabSz="457200" rtl="0" eaLnBrk="1" latinLnBrk="0"
+            hangingPunct="1">
+            <a:defRPr sz="1800" kern="1200">
+                <a:solidFill>
+                    <a:schemeClr val="tx1" />
+                </a:solidFill>
+                <a:latin typeface="+mn-lt" />
+                <a:ea typeface="+mn-ea" />
+                <a:cs typeface="+mn-cs" />
+            </a:defRPr>
+        </a:lvl9pPr>
+    </p:defaultTextStyle>
+    <p:extLst>
+        <p:ext uri="{EFAFB233-063F-42B5-8137-9DF3F51BA10A}">
+            <p15:sldGuideLst xmlns:p15="http://schemas.microsoft.com/office/powerpoint/2012/main">
+                <p15:guide id="1" orient="horz" pos="2160">
+                    <p15:clr>
+                        <a:srgbClr val="A4A3A4" />
+                    </p15:clr>
+                </p15:guide>
+                <p15:guide id="2" pos="2880">
+                    <p15:clr>
+                        <a:srgbClr val="A4A3A4" />
+                    </p15:clr>
+                </p15:guide>
+            </p15:sldGuideLst>
+        </p:ext>
+    </p:extLst>
+</p:presentation>
\ No newline at end of file
diff --git a/lib/pptx/templates/rels_presentation.xml b/lib/pptx/templates/rels_presentation.xml
new file mode 100644
index 000000000..6f85deb57
--- /dev/null
+++ b/lib/pptx/templates/rels_presentation.xml
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
+<Relationships xmlns="http://schemas.openxmlformats.org/package/2006/relationships">
+<Relationship Id="rId3"
+    Type="http://schemas.openxmlformats.org/officeDocument/2006/relationships/presProps"
+    Target="presProps.xml" />
+<Relationship Id="rId4"
+    Type="http://schemas.openxmlformats.org/officeDocument/2006/relationships/viewProps"
+    Target="viewProps.xml" />
+<Relationship Id="rId5"
+    Type="http://schemas.openxmlformats.org/officeDocument/2006/relationships/theme"
+    Target="theme/theme1.xml" />
+<Relationship Id="rId6"
+    Type="http://schemas.openxmlformats.org/officeDocument/2006/relationships/tableStyles"
+    Target="tableStyles.xml" />
+<Relationship Id="rId1"
+    Type="http://schemas.openxmlformats.org/officeDocument/2006/relationships/slideMaster"
+    Target="slideMasters/slideMaster1.xml" />
+    %s
+</Relationships>
\ No newline at end of file
diff --git a/lib/pptx/templates/slide.xml b/lib/pptx/templates/slide.xml
new file mode 100644
index 000000000..6bdaa177c
--- /dev/null
+++ b/lib/pptx/templates/slide.xml
@@ -0,0 +1,86 @@
+<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
+<p:sld xmlns:a="http://schemas.openxmlformats.org/drawingml/2006/main"
+    xmlns:p="http://schemas.openxmlformats.org/presentationml/2006/main"
+    xmlns:r="http://schemas.openxmlformats.org/officeDocument/2006/relationships">
+    <p:cSld>
+        <p:spTree>
+            <p:nvGrpSpPr>
+                <p:cNvPr id="1" name="" />
+                <p:cNvGrpSpPr />
+                <p:nvPr />
+            </p:nvGrpSpPr>
+            <p:grpSpPr>
+                <a:xfrm>
+                    <a:off x="0" y="0" />
+                    <a:ext cx="0" cy="0" />
+                    <a:chOff x="0" y="0" />
+                    <a:chExt cx="0" cy="0" />
+                </a:xfrm>
+            </p:grpSpPr>
+            <p:pic>
+                <p:nvPicPr>
+                    <p:cNvPr id="2" name="%s" descr="%s" />
+                    <p:cNvPicPr>
+                        <a:picLocks noChangeAspect="1" />
+                    </p:cNvPicPr>
+                    <p:nvPr />
+                </p:nvPicPr>
+                <p:blipFill>
+                    <a:blip r:embed="%s" />
+                    <a:stretch>
+                        <a:fillRect />
+                    </a:stretch>
+                </p:blipFill>
+                <p:spPr>
+                    <a:xfrm>
+                        <a:off x="%d" y="%d" />
+                        <a:ext cx="%d" cy="%d" />
+                    </a:xfrm>
+                    <a:prstGeom prst="rect">
+                        <a:avLst />
+                    </a:prstGeom>
+                </p:spPr>
+            </p:pic>
+            <p:sp>
+                <p:nvSpPr>
+                    <p:cNvPr id="95" name="%s" />
+                    <p:cNvSpPr txBox="1" />
+                    <p:nvPr />
+                </p:nvSpPr>
+                <p:spPr>
+                    <a:xfrm>
+                        <a:off x="4001" y="6239" />
+                        <a:ext cx="9135998" cy="%d" />
+                    </a:xfrm>
+                    <a:prstGeom prst="rect">
+                        <a:avLst />
+                    </a:prstGeom>
+                    <a:ln w="12700">
+                        <a:miter lim="400000" />
+                    </a:ln>
+                    <a:extLst>
+                        <a:ext uri="{C572A759-6A51-4108-AA02-DFA0A04FC94B}">
+                            <ma14:wrappingTextBoxFlag
+                                xmlns:ma14="http://schemas.microsoft.com/office/mac/drawingml/2011/main"
+                                xmlns="" val="1" />
+                        </a:ext>
+                    </a:extLst>
+                </p:spPr>
+                <p:txBody>
+                    <a:bodyPr lIns="45719" rIns="45719">
+                        <a:spAutoFit />
+                    </a:bodyPr>
+                    <a:lstStyle>
+                        <a:lvl1pPr>
+                            <a:defRPr sz="2400" />
+                        </a:lvl1pPr>
+                    </a:lstStyle>
+                    <a:p>%s</a:p>
+                </p:txBody>
+            </p:sp>
+        </p:spTree>
+    </p:cSld>
+    <p:clrMapOvr>
+        <a:masterClrMapping />
+    </p:clrMapOvr>
+</p:sld>
\ No newline at end of file
diff --git a/lib/pptx/templates/slide.xml.rels b/lib/pptx/templates/slide.xml.rels
new file mode 100644
index 000000000..f7ea83ea6
--- /dev/null
+++ b/lib/pptx/templates/slide.xml.rels
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
+<Relationships xmlns="http://schemas.openxmlformats.org/package/2006/relationships">
+    <Relationship Id="rId1"
+        Type="http://schemas.openxmlformats.org/officeDocument/2006/relationships/slideLayout"
+        Target="../slideLayouts/slideLayout7.xml" />
+    <Relationship Id="%s"
+        Type="http://schemas.openxmlformats.org/officeDocument/2006/relationships/image"
+        Target="../media/%s.png" />
+</Relationships>
\ No newline at end of file
diff --git a/lib/pptx/validate.go b/lib/pptx/validate.go
index 72a84859a..2d1dcf272 100644
--- a/lib/pptx/validate.go
+++ b/lib/pptx/validate.go
@@ -70,7 +70,7 @@ func checkFile(reader *zip.Reader, fname string) error {
 }
 
 func getExpectedPptxFileCount(nSlides int) int {
-	reader := bytes.NewReader(pptx_template)
+	reader := bytes.NewReader(PPTX_TEMPLATE)
 	zipReader, err := zip.NewReader(reader, reader.Size())
 	if err != nil {
 		return -1

From 0fad458858b6513820602f4bf948e143a6f3442f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=C3=BAlio=20C=C3=A9sar=20Batista?= <julio@terrastruct.com>
Date: Mon, 10 Apr 2023 15:45:10 -0300
Subject: [PATCH 17/21] generate files from templates

---
 lib/pptx/pptx.go                         | 165 ++++++++++++++---------
 lib/pptx/presentation.go                 |  43 ++++--
 lib/pptx/templates/app.xml               |  16 +--
 lib/pptx/templates/content_types.xml     |   4 +-
 lib/pptx/templates/core.xml              |  14 +-
 lib/pptx/templates/presentation.xml      |   8 +-
 lib/pptx/templates/rels_presentation.xml |   4 +-
 lib/pptx/templates/slide.xml             |  24 +++-
 lib/pptx/templates/slide.xml.rels        |   4 +-
 9 files changed, 176 insertions(+), 106 deletions(-)

diff --git a/lib/pptx/pptx.go b/lib/pptx/pptx.go
index 349d09393..897720e75 100644
--- a/lib/pptx/pptx.go
+++ b/lib/pptx/pptx.go
@@ -6,7 +6,7 @@ import (
 	_ "embed"
 	"fmt"
 	"strings"
-	"time"
+	"text/template"
 )
 
 // Measurements in OOXML are made in English Metric Units (EMUs) where 1 inch = 914,400 EMUs
@@ -41,111 +41,142 @@ func copyPptxTemplateTo(w *zip.Writer) error {
 	return nil
 }
 
-func addFile(zipFile *zip.Writer, filePath, content string) error {
-	w, err := zipFile.Create(filePath)
-	if err != nil {
-		return err
-	}
-	w.Write([]byte(content))
-	return nil
-}
-
 //go:embed templates/slide.xml.rels
 var RELS_SLIDE_XML string
 
-func getRelsSlideXml(imageID string) string {
-	return fmt.Sprintf(RELS_SLIDE_XML, imageID, imageID)
+type RelsSlideXmlContent struct {
+	FileName       string
+	RelationshipID string
 }
 
 //go:embed templates/slide.xml
 var SLIDE_XML string
 
-func getSlideXml(boardPath []string, imageID string, top, left, width, height int) string {
-	var slideTitle string
+type SlideXmlContent struct {
+	Title        string
+	TitlePrefix  string
+	Description  string
+	HeaderHeight int
+	ImageID      string
+	ImageLeft    int
+	ImageTop     int
+	ImageWidth   int
+	ImageHeight  int
+}
+
+func getSlideXmlContent(imageID string, slide *Slide) SlideXmlContent {
+	boardPath := slide.BoardPath
 	boardName := boardPath[len(boardPath)-1]
 	prefixPath := boardPath[:len(boardPath)-1]
+	var prefix string
 	if len(prefixPath) > 0 {
-		prefix := strings.Join(prefixPath, "  /  ") + "  /  "
-		slideTitle = fmt.Sprintf(`<a:r><a:t>%s</a:t></a:r><a:r><a:rPr b="1" /><a:t>%s</a:t></a:r>`, prefix, boardName)
-	} else {
-		slideTitle = fmt.Sprintf(`<a:r><a:rPr b="1" /><a:t>%s</a:t></a:r>`, boardName)
+		prefix = strings.Join(prefixPath, "  /  ") + "  /  "
+	}
+	return SlideXmlContent{
+		Title:        boardName,
+		TitlePrefix:  prefix,
+		Description:  strings.Join(boardPath, " / "),
+		HeaderHeight: HEADER_HEIGHT,
+		ImageID:      imageID,
+		ImageLeft:    slide.ImageLeft,
+		ImageTop:     slide.ImageTop + HEADER_HEIGHT,
+		ImageWidth:   slide.ImageWidth,
+		ImageHeight:  slide.ImageHeight,
 	}
-	slideDescription := strings.Join(boardPath, " / ")
-	top += HEADER_HEIGHT
-	return fmt.Sprintf(SLIDE_XML, slideDescription, slideDescription, imageID, left, top, width, height, slideDescription, HEADER_HEIGHT, slideTitle)
 }
 
 //go:embed templates/rels_presentation.xml
 var RELS_PRESENTATION_XML string
 
-func getPresentationXmlRels(slideFileNames []string) string {
-	var builder strings.Builder
+type RelsPresentationSlideXmlContent struct {
+	RelationshipID string
+	FileName       string
+}
+
+type RelsPresentationXmlContent struct {
+	Slides []RelsPresentationSlideXmlContent
+}
+
+func getRelsPresentationXmlContent(slideFileNames []string) RelsPresentationXmlContent {
+	var content RelsPresentationXmlContent
 	for _, name := range slideFileNames {
-		builder.WriteString(fmt.Sprintf(
-			`<Relationship Id="%s" Type="http://schemas.openxmlformats.org/officeDocument/2006/relationships/slide" Target="slides/%s.xml" />`, name, name,
-		))
+		content.Slides = append(content.Slides, RelsPresentationSlideXmlContent{
+			RelationshipID: name,
+			FileName:       name,
+		})
 	}
 
-	return fmt.Sprintf(RELS_PRESENTATION_XML, builder.String())
+	return content
 }
 
 //go:embed templates/content_types.xml
 var CONTENT_TYPES_XML string
 
-func getContentTypesXml(slideFileNames []string) string {
-	var builder strings.Builder
-	for _, name := range slideFileNames {
-		builder.WriteString(fmt.Sprintf(
-			`<Override PartName="/ppt/slides/%s.xml" ContentType="application/vnd.openxmlformats-officedocument.presentationml.slide+xml" />`, name,
-		))
-	}
-
-	return fmt.Sprintf(CONTENT_TYPES_XML, builder.String())
+type ContentTypesXmlContent struct {
+	FileNames []string
 }
 
 //go:embed templates/presentation.xml
 var PRESENTATION_XML string
 
-func getPresentationXml(slideFileNames []string) string {
-	var builder strings.Builder
-	for i, name := range slideFileNames {
-		// in the exported presentation, the first slide ID was 256, so keeping it here for compatibility
-		builder.WriteString(fmt.Sprintf(`<p:sldId id="%d" r:id="%s" />`, 256+i, name))
+type PresentationSlideXmlContent struct {
+	ID             int
+	RelationshipID string
+}
+
+type PresentationXmlContent struct {
+	SlideWidth  int
+	SlideHeight int
+	Slides      []PresentationSlideXmlContent
+}
+
+func getPresentationXmlContent(slideFileNames []string) PresentationXmlContent {
+	content := PresentationXmlContent{
+		SlideWidth:  SLIDE_WIDTH,
+		SlideHeight: SLIDE_HEIGHT,
 	}
-	return fmt.Sprintf(PRESENTATION_XML, builder.String(), SLIDE_WIDTH, SLIDE_HEIGHT)
+	for i, name := range slideFileNames {
+		content.Slides = append(content.Slides, PresentationSlideXmlContent{
+			// in the exported presentation, the first slide ID was 256, so keeping it here for compatibility
+			ID:             256 + i,
+			RelationshipID: name,
+		})
+	}
+	return content
 }
 
 //go:embed templates/core.xml
 var CORE_XML string
 
-func getCoreXml(title, subject, description, creator string) string {
-	dateTime := time.Now().Format(time.RFC3339)
-	return fmt.Sprintf(
-		CORE_XML,
-		title,
-		subject,
-		creator,
-		description,
-		creator,
-		dateTime,
-		dateTime,
-	)
+type CoreXmlContent struct {
+	Title          string
+	Subject        string
+	Creator        string
+	Description    string
+	LastModifiedBy string
+	Created        string
+	Modified       string
 }
 
 //go:embed templates/app.xml
 var APP_XML string
 
-func getAppXml(slides []*Slide, d2version string) string {
-	var builder strings.Builder
-	for _, slide := range slides {
-		builder.WriteString(fmt.Sprintf(`<vt:lpstr>%s</vt:lpstr>`, strings.Join(slide.BoardPath, "/")))
-	}
-	return fmt.Sprintf(
-		APP_XML,
-		len(slides),
-		len(slides),
-		len(slides)+3, // number of entries, len(slides) + Office Theme + 2 Fonts
-		builder.String(),
-		d2version,
-	)
+type AppXmlContent struct {
+	SlideCount         int
+	TitlesOfPartsCount int
+	Titles             []string
+	D2Version          string
+}
+
+func addFileFromTemplate(zipFile *zip.Writer, filePath, templateContent string, templateData interface{}) error {
+	w, err := zipFile.Create(filePath)
+	if err != nil {
+		return err
+	}
+
+	tmpl, err := template.New(filePath).Parse(templateContent)
+	if err != nil {
+		return err
+	}
+	return tmpl.Execute(w, templateData)
 }
diff --git a/lib/pptx/presentation.go b/lib/pptx/presentation.go
index fea845fd5..43f3522da 100644
--- a/lib/pptx/presentation.go
+++ b/lib/pptx/presentation.go
@@ -16,6 +16,8 @@ import (
 	"fmt"
 	"image/png"
 	"os"
+	"strings"
+	"time"
 )
 
 type Presentation struct {
@@ -142,42 +144,61 @@ func (p *Presentation) SaveTo(filePath string) error {
 			return err
 		}
 
-		err = addFile(zipWriter, fmt.Sprintf("ppt/slides/_rels/%s.xml.rels", slideFileName), getRelsSlideXml(imageID))
+		err = addFileFromTemplate(zipWriter, fmt.Sprintf("ppt/slides/_rels/%s.xml.rels", slideFileName), RELS_SLIDE_XML, RelsSlideXmlContent{
+			FileName:       imageID,
+			RelationshipID: imageID,
+		})
 		if err != nil {
 			return err
 		}
 
-		err = addFile(
-			zipWriter,
-			fmt.Sprintf("ppt/slides/%s.xml", slideFileName),
-			getSlideXml(slide.BoardPath, imageID, slide.ImageTop, slide.ImageLeft, slide.ImageWidth, slide.ImageHeight),
-		)
+		err = addFileFromTemplate(zipWriter, fmt.Sprintf("ppt/slides/%s.xml", slideFileName), SLIDE_XML, getSlideXmlContent(imageID, slide))
 		if err != nil {
 			return err
 		}
 	}
 
-	err = addFile(zipWriter, "[Content_Types].xml", getContentTypesXml(slideFileNames))
+	err = addFileFromTemplate(zipWriter, "[Content_Types].xml", CONTENT_TYPES_XML, ContentTypesXmlContent{
+		FileNames: slideFileNames,
+	})
 	if err != nil {
 		return err
 	}
 
-	err = addFile(zipWriter, "ppt/_rels/presentation.xml.rels", getPresentationXmlRels(slideFileNames))
+	err = addFileFromTemplate(zipWriter, "ppt/_rels/presentation.xml.rels", RELS_PRESENTATION_XML, getRelsPresentationXmlContent(slideFileNames))
 	if err != nil {
 		return err
 	}
 
-	err = addFile(zipWriter, "ppt/presentation.xml", getPresentationXml(slideFileNames))
+	err = addFileFromTemplate(zipWriter, "ppt/presentation.xml", PRESENTATION_XML, getPresentationXmlContent(slideFileNames))
 	if err != nil {
 		return err
 	}
 
-	err = addFile(zipWriter, "docProps/core.xml", getCoreXml(p.Title, p.Subject, p.Description, p.Creator))
+	dateTime := time.Now().Format(time.RFC3339)
+	err = addFileFromTemplate(zipWriter, "docProps/core.xml", CORE_XML, CoreXmlContent{
+		Creator:        p.Creator,
+		Subject:        p.Subject,
+		Description:    p.Description,
+		LastModifiedBy: p.Creator,
+		Title:          p.Title,
+		Created:        dateTime,
+		Modified:       dateTime,
+	})
 	if err != nil {
 		return err
 	}
 
-	err = addFile(zipWriter, "docProps/app.xml", getAppXml(p.Slides, p.D2Version))
+	titles := make([]string, 0, len(p.Slides))
+	for _, slide := range p.Slides {
+		titles = append(titles, strings.Join(slide.BoardPath, "/"))
+	}
+	err = addFileFromTemplate(zipWriter, "docProps/app.xml", APP_XML, AppXmlContent{
+		SlideCount:         len(p.Slides),
+		TitlesOfPartsCount: len(p.Slides) + 3,
+		D2Version:          p.D2Version,
+		Titles:             titles,
+	})
 	if err != nil {
 		return err
 	}
diff --git a/lib/pptx/templates/app.xml b/lib/pptx/templates/app.xml
index 0400cf42f..ada0cf3db 100644
--- a/lib/pptx/templates/app.xml
+++ b/lib/pptx/templates/app.xml
@@ -4,9 +4,9 @@
     <TotalTime>1</TotalTime>
     <Words>0</Words>
     <Application>D2</Application>
-    <PresentationFormat>On-screen Show (4:3)</PresentationFormat>
+    <PresentationFormat>On-screen Show (16:9)</PresentationFormat>
     <Paragraphs>0</Paragraphs>
-    <Slides>%d</Slides>
+    <Slides>{{.SlideCount}}</Slides>
     <Notes>0</Notes>
     <HiddenSlides>0</HiddenSlides>
     <MMClips>0</MMClips>
@@ -29,23 +29,23 @@
                 <vt:lpstr>Slide Titles</vt:lpstr>
             </vt:variant>
             <vt:variant>
-                <vt:i4>%d</vt:i4>
+                <vt:i4>{{.SlideCount}}</vt:i4>
             </vt:variant>
         </vt:vector>
     </HeadingPairs>
     <TitlesOfParts>
-        <vt:vector size="%d" baseType="lpstr">
+        <vt:vector size="{{.TitlesOfPartsCount}}" baseType="lpstr">
             <vt:lpstr>Arial</vt:lpstr>
             <vt:lpstr>Calibri</vt:lpstr>
             <vt:lpstr>Office Theme</vt:lpstr>
-            %s
+            {{range .Titles}}
+            <vt:lpstr>{{.}}</vt:lpstr>
+            {{end}}
         </vt:vector>
     </TitlesOfParts>
-    <Manager></Manager>
-    <Company></Company>
     <LinksUpToDate>false</LinksUpToDate>
     <SharedDoc>false</SharedDoc>
     <HyperlinkBase></HyperlinkBase>
     <HyperlinksChanged>false</HyperlinksChanged>
-    <AppVersion>%s</AppVersion>
+    <AppVersion>{{.D2Version}}</AppVersion>
 </Properties>
\ No newline at end of file
diff --git a/lib/pptx/templates/content_types.xml b/lib/pptx/templates/content_types.xml
index 2a1b29ed7..6d6106c76 100644
--- a/lib/pptx/templates/content_types.xml
+++ b/lib/pptx/templates/content_types.xml
@@ -54,7 +54,9 @@
         <Override
         PartName="/ppt/slideMasters/slideMaster1.xml"
         ContentType="application/vnd.openxmlformats-officedocument.presentationml.slideMaster+xml" />
-        %s 
+        {{range .FileNames}}
+        <Override PartName="/ppt/slides/{{.}}.xml" ContentType="application/vnd.openxmlformats-officedocument.presentationml.slide+xml" />
+        {{end}} 
         <Override PartName="/ppt/tableStyles.xml"
         ContentType="application/vnd.openxmlformats-officedocument.presentationml.tableStyles+xml" />
         <Override
diff --git a/lib/pptx/templates/core.xml b/lib/pptx/templates/core.xml
index c61f6e489..2f6d784b0 100644
--- a/lib/pptx/templates/core.xml
+++ b/lib/pptx/templates/core.xml
@@ -4,14 +4,14 @@
     xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:dcterms="http://purl.org/dc/terms/"
     xmlns:dcmitype="http://purl.org/dc/dcmitype/"
     xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">
-    <dc:title>%s</dc:title>
-    <dc:subject>%s</dc:subject>
-    <dc:creator>%s</dc:creator>
+    <dc:title>{{.Title}}</dc:title>
+    <dc:subject>{{.Subject}}</dc:subject>
+    <dc:creator>{{.Creator}}</dc:creator>
     <cp:keywords />
-    <dc:description>%s</dc:description>
-    <cp:lastModifiedBy>%s</cp:lastModifiedBy>
+    <dc:description>{{.Description}}</dc:description>
+    <cp:lastModifiedBy>{{.LastModifiedBy}}</cp:lastModifiedBy>
     <cp:revision>1</cp:revision>
-    <dcterms:created xsi:type="dcterms:W3CDTF">%s</dcterms:created>
-    <dcterms:modified xsi:type="dcterms:W3CDTF">%s</dcterms:modified>
+    <dcterms:created xsi:type="dcterms:W3CDTF">{{.Created}}</dcterms:created>
+    <dcterms:modified xsi:type="dcterms:W3CDTF">{{.Modified}}</dcterms:modified>
     <cp:category />
 </cp:coreProperties>
\ No newline at end of file
diff --git a/lib/pptx/templates/presentation.xml b/lib/pptx/templates/presentation.xml
index edd06d463..4f3b0e744 100644
--- a/lib/pptx/templates/presentation.xml
+++ b/lib/pptx/templates/presentation.xml
@@ -6,8 +6,12 @@
     <p:sldMasterIdLst>
         <p:sldMasterId id="2147483648" r:id="rId1" />
     </p:sldMasterIdLst>
-    <p:sldIdLst>%s</p:sldIdLst>
-    <p:sldSz cx="%d" cy="%d" type="screen4x3" />
+    <p:sldIdLst>
+        {{range .Slides}}
+        <p:sldId id="{{.ID}}" r:id="{{.RelationshipID}}" />
+        {{end}}
+    </p:sldIdLst>
+    <p:sldSz cx="{{.SlideWidth}}" cy="{{.SlideHeight}}" type="screen4x3" />
     <p:notesSz cx="6858000" cy="9144000" />
     <p:defaultTextStyle>
         <a:defPPr>
diff --git a/lib/pptx/templates/rels_presentation.xml b/lib/pptx/templates/rels_presentation.xml
index 6f85deb57..f7010c2c5 100644
--- a/lib/pptx/templates/rels_presentation.xml
+++ b/lib/pptx/templates/rels_presentation.xml
@@ -15,5 +15,7 @@
 <Relationship Id="rId1"
     Type="http://schemas.openxmlformats.org/officeDocument/2006/relationships/slideMaster"
     Target="slideMasters/slideMaster1.xml" />
-    %s
+    {{range .Slides}}
+    <Relationship Id="{{.RelationshipID}}" Type="http://schemas.openxmlformats.org/officeDocument/2006/relationships/slide" Target="slides/{{.FileName}}.xml" />
+    {{end}}
 </Relationships>
\ No newline at end of file
diff --git a/lib/pptx/templates/slide.xml b/lib/pptx/templates/slide.xml
index 6bdaa177c..2721068a1 100644
--- a/lib/pptx/templates/slide.xml
+++ b/lib/pptx/templates/slide.xml
@@ -19,22 +19,22 @@
             </p:grpSpPr>
             <p:pic>
                 <p:nvPicPr>
-                    <p:cNvPr id="2" name="%s" descr="%s" />
+                    <p:cNvPr id="2" name="{{.Description}}" descr="{{.Description}}" />
                     <p:cNvPicPr>
                         <a:picLocks noChangeAspect="1" />
                     </p:cNvPicPr>
                     <p:nvPr />
                 </p:nvPicPr>
                 <p:blipFill>
-                    <a:blip r:embed="%s" />
+                    <a:blip r:embed="{{.ImageID}}" />
                     <a:stretch>
                         <a:fillRect />
                     </a:stretch>
                 </p:blipFill>
                 <p:spPr>
                     <a:xfrm>
-                        <a:off x="%d" y="%d" />
-                        <a:ext cx="%d" cy="%d" />
+                        <a:off x="{{.ImageLeft}}" y="{{.ImageTop}}" />
+                        <a:ext cx="{{.ImageWidth}}" cy="{{.ImageHeight}}" />
                     </a:xfrm>
                     <a:prstGeom prst="rect">
                         <a:avLst />
@@ -43,14 +43,14 @@
             </p:pic>
             <p:sp>
                 <p:nvSpPr>
-                    <p:cNvPr id="95" name="%s" />
+                    <p:cNvPr id="95" name="{{.Description}}" />
                     <p:cNvSpPr txBox="1" />
                     <p:nvPr />
                 </p:nvSpPr>
                 <p:spPr>
                     <a:xfrm>
                         <a:off x="4001" y="6239" />
-                        <a:ext cx="9135998" cy="%d" />
+                        <a:ext cx="9135998" cy="{{.HeaderHeight}}" />
                     </a:xfrm>
                     <a:prstGeom prst="rect">
                         <a:avLst />
@@ -75,7 +75,17 @@
                             <a:defRPr sz="2400" />
                         </a:lvl1pPr>
                     </a:lstStyle>
-                    <a:p>%s</a:p>
+                    <a:p>
+                        {{if .TitlePrefix}}
+                        <a:r>
+                            <a:t>{{.TitlePrefix}}</a:t>
+                        </a:r>
+                        {{end}}
+                        <a:r>
+                            <a:rPr b="1" />
+                            <a:t>{{.Title}}</a:t>
+                        </a:r>
+                    </a:p>
                 </p:txBody>
             </p:sp>
         </p:spTree>
diff --git a/lib/pptx/templates/slide.xml.rels b/lib/pptx/templates/slide.xml.rels
index f7ea83ea6..92475c305 100644
--- a/lib/pptx/templates/slide.xml.rels
+++ b/lib/pptx/templates/slide.xml.rels
@@ -3,7 +3,7 @@
     <Relationship Id="rId1"
         Type="http://schemas.openxmlformats.org/officeDocument/2006/relationships/slideLayout"
         Target="../slideLayouts/slideLayout7.xml" />
-    <Relationship Id="%s"
+    <Relationship Id="{{.RelationshipID}}"
         Type="http://schemas.openxmlformats.org/officeDocument/2006/relationships/image"
-        Target="../media/%s.png" />
+        Target="../media/{{.FileName}}.png" />
 </Relationships>
\ No newline at end of file

From 442f61331e160cf4370108ac7cfa4d7f2813499a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=C3=BAlio=20C=C3=A9sar=20Batista?= <julio@terrastruct.com>
Date: Mon, 10 Apr 2023 15:47:37 -0300
Subject: [PATCH 18/21] move to a single file

---
 lib/pptx/pptx.go         | 198 +++++++++++++++++++++++++++++++++++++
 lib/pptx/presentation.go | 207 ---------------------------------------
 2 files changed, 198 insertions(+), 207 deletions(-)
 delete mode 100644 lib/pptx/presentation.go

diff --git a/lib/pptx/pptx.go b/lib/pptx/pptx.go
index 897720e75..0063e0764 100644
--- a/lib/pptx/pptx.go
+++ b/lib/pptx/pptx.go
@@ -1,3 +1,12 @@
+// pptx is a package to create slide presentations in pptx (Microsoft Power Point) format.
+// A `.pptx` file is just a bunch of zip compressed `.xml` files following the Office Open XML (OOXML) format.
+// To see its content, you can just `unzip <path/to/file>.pptx -d <folder>`.
+// With this package, it is possible to create a `Presentation` and add `Slide`s to it.
+// Then, when saving the presentation, it will generate the required `.xml` files, compress them and write to the disk.
+// Note that this isn't a full implementation of the OOXML format, but a wrapper around it.
+// There's a base template with common files to the presentation and then when saving, the package generate only the slides and relationships.
+// The base template and slide templates were generated using https://python-pptx.readthedocs.io/en/latest/
+// For more information about OOXML, check http://officeopenxml.com/index.php
 package pptx
 
 import (
@@ -5,10 +14,199 @@ import (
 	"bytes"
 	_ "embed"
 	"fmt"
+	"image/png"
+	"os"
 	"strings"
 	"text/template"
+	"time"
 )
 
+type Presentation struct {
+	Title       string
+	Description string
+	Subject     string
+	Creator     string
+	// D2Version can't have letters, only numbers (`[0-9]`) and `.`
+	// Otherwise, it may fail to open in PowerPoint
+	D2Version string
+
+	Slides []*Slide
+}
+
+type Slide struct {
+	BoardPath   []string
+	Image       []byte
+	ImageWidth  int
+	ImageHeight int
+	ImageTop    int
+	ImageLeft   int
+}
+
+func NewPresentation(title, description, subject, creator, d2Version string) *Presentation {
+	return &Presentation{
+		Title:       title,
+		Description: description,
+		Subject:     subject,
+		Creator:     creator,
+		D2Version:   d2Version,
+	}
+}
+
+func (p *Presentation) AddSlide(pngContent []byte, boardPath []string) error {
+	src, err := png.Decode(bytes.NewReader(pngContent))
+	if err != nil {
+		return fmt.Errorf("error decoding PNG image: %v", err)
+	}
+
+	var width, height int
+	srcSize := src.Bounds().Size()
+	srcWidth, srcHeight := float64(srcSize.X), float64(srcSize.Y)
+
+	// compute the size and position to fit the slide
+	// if the image is wider than taller and its aspect ratio is, at least, the same as the available image space aspect ratio
+	// then, set the image width to the available space and compute the height
+	// ┌──────────────────────────────────────────────────┐   ─┬─
+	// │  HEADER                                          │    │
+	// ├──┬────────────────────────────────────────────┬──┤    │         ─┬─
+	// │  │                                            │  │    │          │
+	// │  │                                            │  │  SLIDE        │
+	// │  │                                            │  │  HEIGHT       │
+	// │  │                                            │  │    │        IMAGE
+	// │  │                                            │  │    │        HEIGHT
+	// │  │                                            │  │    │          │
+	// │  │                                            │  │    │          │
+	// │  │                                            │  │    │          │
+	// │  │                                            │  │    │          │
+	// └──┴────────────────────────────────────────────┴──┘   ─┴─        ─┴─
+	// ├────────────────────SLIDE WIDTH───────────────────┤
+	//    ├─────────────────IMAGE WIDTH────────────────┤
+	if srcWidth/srcHeight >= IMAGE_ASPECT_RATIO {
+		// here, the image aspect ratio is, at least, equal to the slide aspect ratio
+		// so, it makes sense to expand the image horizontally to use as much as space as possible
+		width = SLIDE_WIDTH
+		height = int(float64(width) * (srcHeight / srcWidth))
+		// first, try to make the image as wide as the slide
+		// but, if this results in a tall image, use only the
+		// image adjusted width to avoid overlapping with the header
+		if height > IMAGE_HEIGHT {
+			width = IMAGE_WIDTH
+			height = int(float64(width) * (srcHeight / srcWidth))
+		}
+	} else {
+		// here, the aspect ratio could be 4x3, in which the image is still wider than taller,
+		// but expanding horizontally would result in an overflow
+		// so, we expand to make it fit the available vertical space
+		height = IMAGE_HEIGHT
+		width = int(float64(height) * (srcWidth / srcHeight))
+	}
+	top := (IMAGE_HEIGHT - height) / 2
+	left := (SLIDE_WIDTH - width) / 2
+
+	slide := &Slide{
+		BoardPath:   make([]string, len(boardPath)),
+		Image:       pngContent,
+		ImageWidth:  width,
+		ImageHeight: height,
+		ImageTop:    top,
+		ImageLeft:   left,
+	}
+	// it must copy the board path to avoid slice reference issues
+	copy(slide.BoardPath, boardPath)
+
+	p.Slides = append(p.Slides, slide)
+	return nil
+}
+
+func (p *Presentation) SaveTo(filePath string) error {
+	f, err := os.Create(filePath)
+	if err != nil {
+		return err
+	}
+	defer f.Close()
+	zipWriter := zip.NewWriter(f)
+	defer zipWriter.Close()
+
+	if err = copyPptxTemplateTo(zipWriter); err != nil {
+		return err
+	}
+
+	var slideFileNames []string
+	for i, slide := range p.Slides {
+		imageID := fmt.Sprintf("slide%dImage", i+1)
+		slideFileName := fmt.Sprintf("slide%d", i+1)
+		slideFileNames = append(slideFileNames, slideFileName)
+
+		imageWriter, err := zipWriter.Create(fmt.Sprintf("ppt/media/%s.png", imageID))
+		if err != nil {
+			return err
+		}
+		_, err = imageWriter.Write(slide.Image)
+		if err != nil {
+			return err
+		}
+
+		err = addFileFromTemplate(zipWriter, fmt.Sprintf("ppt/slides/_rels/%s.xml.rels", slideFileName), RELS_SLIDE_XML, RelsSlideXmlContent{
+			FileName:       imageID,
+			RelationshipID: imageID,
+		})
+		if err != nil {
+			return err
+		}
+
+		err = addFileFromTemplate(zipWriter, fmt.Sprintf("ppt/slides/%s.xml", slideFileName), SLIDE_XML, getSlideXmlContent(imageID, slide))
+		if err != nil {
+			return err
+		}
+	}
+
+	err = addFileFromTemplate(zipWriter, "[Content_Types].xml", CONTENT_TYPES_XML, ContentTypesXmlContent{
+		FileNames: slideFileNames,
+	})
+	if err != nil {
+		return err
+	}
+
+	err = addFileFromTemplate(zipWriter, "ppt/_rels/presentation.xml.rels", RELS_PRESENTATION_XML, getRelsPresentationXmlContent(slideFileNames))
+	if err != nil {
+		return err
+	}
+
+	err = addFileFromTemplate(zipWriter, "ppt/presentation.xml", PRESENTATION_XML, getPresentationXmlContent(slideFileNames))
+	if err != nil {
+		return err
+	}
+
+	dateTime := time.Now().Format(time.RFC3339)
+	err = addFileFromTemplate(zipWriter, "docProps/core.xml", CORE_XML, CoreXmlContent{
+		Creator:        p.Creator,
+		Subject:        p.Subject,
+		Description:    p.Description,
+		LastModifiedBy: p.Creator,
+		Title:          p.Title,
+		Created:        dateTime,
+		Modified:       dateTime,
+	})
+	if err != nil {
+		return err
+	}
+
+	titles := make([]string, 0, len(p.Slides))
+	for _, slide := range p.Slides {
+		titles = append(titles, strings.Join(slide.BoardPath, "/"))
+	}
+	err = addFileFromTemplate(zipWriter, "docProps/app.xml", APP_XML, AppXmlContent{
+		SlideCount:         len(p.Slides),
+		TitlesOfPartsCount: len(p.Slides) + 3,
+		D2Version:          p.D2Version,
+		Titles:             titles,
+	})
+	if err != nil {
+		return err
+	}
+
+	return nil
+}
+
 // Measurements in OOXML are made in English Metric Units (EMUs) where 1 inch = 914,400 EMUs
 // The intent is to have a measurement unit that doesn't require floating points when dealing with centimeters, inches, points (DPI).
 // Office Open XML (OOXML) http://officeopenxml.com/prPresentation.php
diff --git a/lib/pptx/presentation.go b/lib/pptx/presentation.go
deleted file mode 100644
index 43f3522da..000000000
--- a/lib/pptx/presentation.go
+++ /dev/null
@@ -1,207 +0,0 @@
-// pptx is a package to create slide presentations in pptx (Microsoft Power Point) format.
-// A `.pptx` file is just a bunch of zip compressed `.xml` files following the Office Open XML (OOXML) format.
-// To see its content, you can just `unzip <path/to/file>.pptx -d <folder>`.
-// With this package, it is possible to create a `Presentation` and add `Slide`s to it.
-// Then, when saving the presentation, it will generate the required `.xml` files, compress them and write to the disk.
-// Note that this isn't a full implementation of the OOXML format, but a wrapper around it.
-// There's a base template with common files to the presentation and then when saving, the package generate only the slides and relationships.
-// The base template and slide templates were generated using https://python-pptx.readthedocs.io/en/latest/
-// For more information about OOXML, check http://officeopenxml.com/index.php
-package pptx
-
-import (
-	"archive/zip"
-	"bytes"
-	_ "embed"
-	"fmt"
-	"image/png"
-	"os"
-	"strings"
-	"time"
-)
-
-type Presentation struct {
-	Title       string
-	Description string
-	Subject     string
-	Creator     string
-	// D2Version can't have letters, only numbers (`[0-9]`) and `.`
-	// Otherwise, it may fail to open in PowerPoint
-	D2Version string
-
-	Slides []*Slide
-}
-
-type Slide struct {
-	BoardPath   []string
-	Image       []byte
-	ImageWidth  int
-	ImageHeight int
-	ImageTop    int
-	ImageLeft   int
-}
-
-func NewPresentation(title, description, subject, creator, d2Version string) *Presentation {
-	return &Presentation{
-		Title:       title,
-		Description: description,
-		Subject:     subject,
-		Creator:     creator,
-		D2Version:   d2Version,
-	}
-}
-
-func (p *Presentation) AddSlide(pngContent []byte, boardPath []string) error {
-	src, err := png.Decode(bytes.NewReader(pngContent))
-	if err != nil {
-		return fmt.Errorf("error decoding PNG image: %v", err)
-	}
-
-	var width, height int
-	srcSize := src.Bounds().Size()
-	srcWidth, srcHeight := float64(srcSize.X), float64(srcSize.Y)
-
-	// compute the size and position to fit the slide
-	// if the image is wider than taller and its aspect ratio is, at least, the same as the available image space aspect ratio
-	// then, set the image width to the available space and compute the height
-	// ┌──────────────────────────────────────────────────┐   ─┬─
-	// │  HEADER                                          │    │
-	// ├──┬────────────────────────────────────────────┬──┤    │         ─┬─
-	// │  │                                            │  │    │          │
-	// │  │                                            │  │  SLIDE        │
-	// │  │                                            │  │  HEIGHT       │
-	// │  │                                            │  │    │        IMAGE
-	// │  │                                            │  │    │        HEIGHT
-	// │  │                                            │  │    │          │
-	// │  │                                            │  │    │          │
-	// │  │                                            │  │    │          │
-	// │  │                                            │  │    │          │
-	// └──┴────────────────────────────────────────────┴──┘   ─┴─        ─┴─
-	// ├────────────────────SLIDE WIDTH───────────────────┤
-	//    ├─────────────────IMAGE WIDTH────────────────┤
-	if srcWidth/srcHeight >= IMAGE_ASPECT_RATIO {
-		// here, the image aspect ratio is, at least, equal to the slide aspect ratio
-		// so, it makes sense to expand the image horizontally to use as much as space as possible
-		width = SLIDE_WIDTH
-		height = int(float64(width) * (srcHeight / srcWidth))
-		// first, try to make the image as wide as the slide
-		// but, if this results in a tall image, use only the
-		// image adjusted width to avoid overlapping with the header
-		if height > IMAGE_HEIGHT {
-			width = IMAGE_WIDTH
-			height = int(float64(width) * (srcHeight / srcWidth))
-		}
-	} else {
-		// here, the aspect ratio could be 4x3, in which the image is still wider than taller,
-		// but expanding horizontally would result in an overflow
-		// so, we expand to make it fit the available vertical space
-		height = IMAGE_HEIGHT
-		width = int(float64(height) * (srcWidth / srcHeight))
-	}
-	top := (IMAGE_HEIGHT - height) / 2
-	left := (SLIDE_WIDTH - width) / 2
-
-	slide := &Slide{
-		BoardPath:   make([]string, len(boardPath)),
-		Image:       pngContent,
-		ImageWidth:  width,
-		ImageHeight: height,
-		ImageTop:    top,
-		ImageLeft:   left,
-	}
-	// it must copy the board path to avoid slice reference issues
-	copy(slide.BoardPath, boardPath)
-
-	p.Slides = append(p.Slides, slide)
-	return nil
-}
-
-func (p *Presentation) SaveTo(filePath string) error {
-	f, err := os.Create(filePath)
-	if err != nil {
-		return err
-	}
-	defer f.Close()
-	zipWriter := zip.NewWriter(f)
-	defer zipWriter.Close()
-
-	if err = copyPptxTemplateTo(zipWriter); err != nil {
-		return err
-	}
-
-	var slideFileNames []string
-	for i, slide := range p.Slides {
-		imageID := fmt.Sprintf("slide%dImage", i+1)
-		slideFileName := fmt.Sprintf("slide%d", i+1)
-		slideFileNames = append(slideFileNames, slideFileName)
-
-		imageWriter, err := zipWriter.Create(fmt.Sprintf("ppt/media/%s.png", imageID))
-		if err != nil {
-			return err
-		}
-		_, err = imageWriter.Write(slide.Image)
-		if err != nil {
-			return err
-		}
-
-		err = addFileFromTemplate(zipWriter, fmt.Sprintf("ppt/slides/_rels/%s.xml.rels", slideFileName), RELS_SLIDE_XML, RelsSlideXmlContent{
-			FileName:       imageID,
-			RelationshipID: imageID,
-		})
-		if err != nil {
-			return err
-		}
-
-		err = addFileFromTemplate(zipWriter, fmt.Sprintf("ppt/slides/%s.xml", slideFileName), SLIDE_XML, getSlideXmlContent(imageID, slide))
-		if err != nil {
-			return err
-		}
-	}
-
-	err = addFileFromTemplate(zipWriter, "[Content_Types].xml", CONTENT_TYPES_XML, ContentTypesXmlContent{
-		FileNames: slideFileNames,
-	})
-	if err != nil {
-		return err
-	}
-
-	err = addFileFromTemplate(zipWriter, "ppt/_rels/presentation.xml.rels", RELS_PRESENTATION_XML, getRelsPresentationXmlContent(slideFileNames))
-	if err != nil {
-		return err
-	}
-
-	err = addFileFromTemplate(zipWriter, "ppt/presentation.xml", PRESENTATION_XML, getPresentationXmlContent(slideFileNames))
-	if err != nil {
-		return err
-	}
-
-	dateTime := time.Now().Format(time.RFC3339)
-	err = addFileFromTemplate(zipWriter, "docProps/core.xml", CORE_XML, CoreXmlContent{
-		Creator:        p.Creator,
-		Subject:        p.Subject,
-		Description:    p.Description,
-		LastModifiedBy: p.Creator,
-		Title:          p.Title,
-		Created:        dateTime,
-		Modified:       dateTime,
-	})
-	if err != nil {
-		return err
-	}
-
-	titles := make([]string, 0, len(p.Slides))
-	for _, slide := range p.Slides {
-		titles = append(titles, strings.Join(slide.BoardPath, "/"))
-	}
-	err = addFileFromTemplate(zipWriter, "docProps/app.xml", APP_XML, AppXmlContent{
-		SlideCount:         len(p.Slides),
-		TitlesOfPartsCount: len(p.Slides) + 3,
-		D2Version:          p.D2Version,
-		Titles:             titles,
-	})
-	if err != nil {
-		return err
-	}
-
-	return nil
-}

From 4613ea36352390e25a61defd44d77af323fef6a4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=C3=BAlio=20C=C3=A9sar=20Batista?= <julio@terrastruct.com>
Date: Mon, 10 Apr 2023 15:51:38 -0300
Subject: [PATCH 19/21] return svg

---
 d2cli/main.go | 35 ++++++++++++++++++-----------------
 1 file changed, 18 insertions(+), 17 deletions(-)

diff --git a/d2cli/main.go b/d2cli/main.go
index d2998e0b5..06f4afb6f 100644
--- a/d2cli/main.go
+++ b/d2cli/main.go
@@ -368,7 +368,7 @@ func compile(ctx context.Context, ms *xmain.State, plugin d2plugin.Plugin, rende
 		rootName := getFileName(outputPath)
 		// version must be only numbers to avoid issues with PowerPoint
 		p := pptx.NewPresentation(rootName, description, rootName, username, version.OnlyNumbers())
-		err := renderPPTX(ctx, ms, p, plugin, renderOpts, outputPath, page, diagram, nil)
+		svg, err := renderPPTX(ctx, ms, p, plugin, renderOpts, outputPath, page, diagram, nil)
 		if err != nil {
 			return nil, false, err
 		}
@@ -378,7 +378,7 @@ func compile(ctx context.Context, ms *xmain.State, plugin d2plugin.Plugin, rende
 		}
 		dur := time.Since(start)
 		ms.Log.Success.Printf("successfully compiled %s to %s in %s", ms.HumanPath(inputPath), ms.HumanPath(outputPath), dur)
-		return nil, true, nil
+		return svg, true, nil
 	default:
 		compileDur := time.Since(start)
 		if animateInterval <= 0 {
@@ -757,7 +757,7 @@ func renderPDF(ctx context.Context, ms *xmain.State, plugin d2plugin.Plugin, opt
 	return svg, nil
 }
 
-func renderPPTX(ctx context.Context, ms *xmain.State, presentation *pptx.Presentation, plugin d2plugin.Plugin, opts d2svg.RenderOpts, outputPath string, page playwright.Page, diagram *d2target.Diagram, boardPath []string) error {
+func renderPPTX(ctx context.Context, ms *xmain.State, presentation *pptx.Presentation, plugin d2plugin.Plugin, opts d2svg.RenderOpts, outputPath string, page playwright.Page, diagram *d2target.Diagram, boardPath []string) ([]byte, error) {
 	var currBoardPath []string
 	// Root board doesn't have a name, so we use the output filename
 	if diagram.Name == "" {
@@ -766,65 +766,66 @@ func renderPPTX(ctx context.Context, ms *xmain.State, presentation *pptx.Present
 		currBoardPath = append(boardPath, diagram.Name)
 	}
 
+	var svg []byte
 	if !diagram.IsFolderOnly {
 		// gofpdf will print the png img with a slight filter
 		// make the bg fill within the png transparent so that the pdf bg fill is the only bg color present
 		diagram.Root.Fill = "transparent"
 
-		svg, err := d2svg.Render(diagram, &d2svg.RenderOpts{
+		var err error
+		svg, err = d2svg.Render(diagram, &d2svg.RenderOpts{
 			Pad:           opts.Pad,
 			Sketch:        opts.Sketch,
 			Center:        opts.Center,
 			SetDimensions: true,
 		})
 		if err != nil {
-			return err
+			return nil, err
 		}
 
 		svg, err = plugin.PostProcess(ctx, svg)
 		if err != nil {
-			return err
+			return nil, err
 		}
 
 		svg, bundleErr := imgbundler.BundleLocal(ctx, ms, svg)
 		svg, bundleErr2 := imgbundler.BundleRemote(ctx, ms, svg)
 		bundleErr = multierr.Combine(bundleErr, bundleErr2)
 		if bundleErr != nil {
-			return bundleErr
+			return nil, bundleErr
 		}
 
 		pngImg, err := png.ConvertSVG(ms, page, svg)
 		if err != nil {
-			return err
+			return nil, err
 		}
 
 		err = presentation.AddSlide(pngImg, currBoardPath)
 		if err != nil {
-			return err
+			return nil, err
 		}
 	}
 
 	for _, dl := range diagram.Layers {
-		err := renderPPTX(ctx, ms, presentation, plugin, opts, "", page, dl, currBoardPath)
+		_, err := renderPPTX(ctx, ms, presentation, plugin, opts, "", page, dl, currBoardPath)
 		if err != nil {
-			return err
+			return nil, err
 		}
 	}
 	for _, dl := range diagram.Scenarios {
-		err := renderPPTX(ctx, ms, presentation, plugin, opts, "", page, dl, currBoardPath)
+		_, err := renderPPTX(ctx, ms, presentation, plugin, opts, "", page, dl, currBoardPath)
 		if err != nil {
-			return err
+			return nil, err
 		}
 	}
 	for _, dl := range diagram.Steps {
-		err := renderPPTX(ctx, ms, presentation, plugin, opts, "", page, dl, currBoardPath)
+		_, err := renderPPTX(ctx, ms, presentation, plugin, opts, "", page, dl, currBoardPath)
 		if err != nil {
-			return err
+			return nil, err
 		}
 	}
 
-	// TODO: return SVG?
-	return nil
+	return svg, nil
 }
 
 // newExt must include leading .

From 1fdadd7e1b57317bf6b7a53b2b9cd568d58a0e00 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=C3=BAlio=20C=C3=A9sar=20Batista?= <julio@terrastruct.com>
Date: Mon, 10 Apr 2023 15:59:52 -0300
Subject: [PATCH 20/21] rebuild


From 596d03315e1554075ef1ca5d9422034b333d1770 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=C3=BAlio=20C=C3=A9sar=20Batista?= <julio@terrastruct.com>
Date: Mon, 10 Apr 2023 16:29:27 -0300
Subject: [PATCH 21/21] changelog and ci

---
 ci/release/changelogs/next.md | 2 ++
 e2etests-cli/main_test.go     | 3 ++-
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/ci/release/changelogs/next.md b/ci/release/changelogs/next.md
index f3c0d2a77..e5fc0495e 100644
--- a/ci/release/changelogs/next.md
+++ b/ci/release/changelogs/next.md
@@ -1,5 +1,7 @@
 #### Features 🚀
 
+- Export diagrams to `.pptx` (PowerPoint)[#1139](https://github.com/terrastruct/d2/pull/1139)
+
 #### Improvements 🧹
 
 #### Bugfixes ⛑️
diff --git a/e2etests-cli/main_test.go b/e2etests-cli/main_test.go
index fbe8a7162..3bf8d24a3 100644
--- a/e2etests-cli/main_test.go
+++ b/e2etests-cli/main_test.go
@@ -246,7 +246,8 @@ layers: {
 			},
 		},
 		{
-			name: "how_to_solve_problems_pptx",
+			name:   "how_to_solve_problems_pptx",
+			skipCI: true,
 			run: func(t *testing.T, ctx context.Context, dir string, env *xos.Env) {
 				writeFile(t, dir, "in.d2", `how to solve a hard problem?
 steps: {