From 649a3f0f7822330814ad5448cf8f88b13056a439 Mon Sep 17 00:00:00 2001
From: Gavin Nishizawa <gavin@terrastruct.com>
Date: Mon, 10 Apr 2023 11:41:14 -0700
Subject: [PATCH] add md_font_weight test

---
 e2etests/regression_test.go                   |  13 +
 .../md_font_weight/dagre/board.exp.json       |  88 ++
 .../md_font_weight/dagre/sketch.exp.svg       | 843 ++++++++++++++++++
 .../md_font_weight/elk/board.exp.json         |  88 ++
 .../md_font_weight/elk/sketch.exp.svg         | 843 ++++++++++++++++++
 5 files changed, 1875 insertions(+)
 create mode 100644 e2etests/testdata/regression/md_font_weight/dagre/board.exp.json
 create mode 100644 e2etests/testdata/regression/md_font_weight/dagre/sketch.exp.svg
 create mode 100644 e2etests/testdata/regression/md_font_weight/elk/board.exp.json
 create mode 100644 e2etests/testdata/regression/md_font_weight/elk/sketch.exp.svg

diff --git a/e2etests/regression_test.go b/e2etests/regression_test.go
index 758280134..c44fe5f69 100644
--- a/e2etests/regression_test.go
+++ b/e2etests/regression_test.go
@@ -668,6 +668,19 @@ x: {
 	y
 	z
 }
+`,
+		},
+		{
+			name: "md_font_weight",
+			script: `
+explanation: |md
+# I can do headers
+
+- lists
+- lists
+
+And other normal markdown stuff
+|
 `,
 		},
 	}
diff --git a/e2etests/testdata/regression/md_font_weight/dagre/board.exp.json b/e2etests/testdata/regression/md_font_weight/dagre/board.exp.json
new file mode 100644
index 000000000..b48ede621
--- /dev/null
+++ b/e2etests/testdata/regression/md_font_weight/dagre/board.exp.json
@@ -0,0 +1,88 @@
+{
+  "name": "",
+  "isFolderOnly": false,
+  "fontFamily": "SourceSansPro",
+  "shapes": [
+    {
+      "id": "explanation",
+      "type": "text",
+      "pos": {
+        "x": 0,
+        "y": 0
+      },
+      "width": 229,
+      "height": 159,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "transparent",
+      "stroke": "N1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "# I can do headers\n\n- lists\n- lists\n\nAnd other normal markdown stuff",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "markdown",
+      "color": "N1",
+      "italic": false,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 229,
+      "labelHeight": 159,
+      "zIndex": 0,
+      "level": 1
+    }
+  ],
+  "connections": [],
+  "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/regression/md_font_weight/dagre/sketch.exp.svg b/e2etests/testdata/regression/md_font_weight/dagre/sketch.exp.svg
new file mode 100644
index 000000000..7a780097c
--- /dev/null
+++ b/e2etests/testdata/regression/md_font_weight/dagre/sketch.exp.svg
@@ -0,0 +1,843 @@
+<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 231 161"><svg id="d2-svg" class="d2-3066126663" width="231" height="161" viewBox="-1 -1 231 161"><rect x="-1.000000" y="-1.000000" width="231.000000" height="161.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
+.d2-3066126663 .text {
+	font-family: "d2-3066126663-font-regular";
+}
+@font-face {
+	font-family: d2-3066126663-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;
+}
+.connection {
+  stroke-linecap: round;
+  stroke-linejoin: round;
+}
+.blend {
+  mix-blend-mode: multiply;
+  opacity: 0.5;
+}
+
+		.d2-3066126663 .fill-N1{fill:#0A0F25;}
+		.d2-3066126663 .fill-N2{fill:#676C7E;}
+		.d2-3066126663 .fill-N3{fill:#9499AB;}
+		.d2-3066126663 .fill-N4{fill:#CFD2DD;}
+		.d2-3066126663 .fill-N5{fill:#DEE1EB;}
+		.d2-3066126663 .fill-N6{fill:#EEF1F8;}
+		.d2-3066126663 .fill-N7{fill:#FFFFFF;}
+		.d2-3066126663 .fill-B1{fill:#0D32B2;}
+		.d2-3066126663 .fill-B2{fill:#0D32B2;}
+		.d2-3066126663 .fill-B3{fill:#E3E9FD;}
+		.d2-3066126663 .fill-B4{fill:#E3E9FD;}
+		.d2-3066126663 .fill-B5{fill:#EDF0FD;}
+		.d2-3066126663 .fill-B6{fill:#F7F8FE;}
+		.d2-3066126663 .fill-AA2{fill:#4A6FF3;}
+		.d2-3066126663 .fill-AA4{fill:#EDF0FD;}
+		.d2-3066126663 .fill-AA5{fill:#F7F8FE;}
+		.d2-3066126663 .fill-AB4{fill:#EDF0FD;}
+		.d2-3066126663 .fill-AB5{fill:#F7F8FE;}
+		.d2-3066126663 .stroke-N1{stroke:#0A0F25;}
+		.d2-3066126663 .stroke-N2{stroke:#676C7E;}
+		.d2-3066126663 .stroke-N3{stroke:#9499AB;}
+		.d2-3066126663 .stroke-N4{stroke:#CFD2DD;}
+		.d2-3066126663 .stroke-N5{stroke:#DEE1EB;}
+		.d2-3066126663 .stroke-N6{stroke:#EEF1F8;}
+		.d2-3066126663 .stroke-N7{stroke:#FFFFFF;}
+		.d2-3066126663 .stroke-B1{stroke:#0D32B2;}
+		.d2-3066126663 .stroke-B2{stroke:#0D32B2;}
+		.d2-3066126663 .stroke-B3{stroke:#E3E9FD;}
+		.d2-3066126663 .stroke-B4{stroke:#E3E9FD;}
+		.d2-3066126663 .stroke-B5{stroke:#EDF0FD;}
+		.d2-3066126663 .stroke-B6{stroke:#F7F8FE;}
+		.d2-3066126663 .stroke-AA2{stroke:#4A6FF3;}
+		.d2-3066126663 .stroke-AA4{stroke:#EDF0FD;}
+		.d2-3066126663 .stroke-AA5{stroke:#F7F8FE;}
+		.d2-3066126663 .stroke-AB4{stroke:#EDF0FD;}
+		.d2-3066126663 .stroke-AB5{stroke:#F7F8FE;}
+		.d2-3066126663 .background-color-N1{background-color:#0A0F25;}
+		.d2-3066126663 .background-color-N2{background-color:#676C7E;}
+		.d2-3066126663 .background-color-N3{background-color:#9499AB;}
+		.d2-3066126663 .background-color-N4{background-color:#CFD2DD;}
+		.d2-3066126663 .background-color-N5{background-color:#DEE1EB;}
+		.d2-3066126663 .background-color-N6{background-color:#EEF1F8;}
+		.d2-3066126663 .background-color-N7{background-color:#FFFFFF;}
+		.d2-3066126663 .background-color-B1{background-color:#0D32B2;}
+		.d2-3066126663 .background-color-B2{background-color:#0D32B2;}
+		.d2-3066126663 .background-color-B3{background-color:#E3E9FD;}
+		.d2-3066126663 .background-color-B4{background-color:#E3E9FD;}
+		.d2-3066126663 .background-color-B5{background-color:#EDF0FD;}
+		.d2-3066126663 .background-color-B6{background-color:#F7F8FE;}
+		.d2-3066126663 .background-color-AA2{background-color:#4A6FF3;}
+		.d2-3066126663 .background-color-AA4{background-color:#EDF0FD;}
+		.d2-3066126663 .background-color-AA5{background-color:#F7F8FE;}
+		.d2-3066126663 .background-color-AB4{background-color:#EDF0FD;}
+		.d2-3066126663 .background-color-AB5{background-color:#F7F8FE;}
+		.d2-3066126663 .color-N1{color:#0A0F25;}
+		.d2-3066126663 .color-N2{color:#676C7E;}
+		.d2-3066126663 .color-N3{color:#9499AB;}
+		.d2-3066126663 .color-N4{color:#CFD2DD;}
+		.d2-3066126663 .color-N5{color:#DEE1EB;}
+		.d2-3066126663 .color-N6{color:#EEF1F8;}
+		.d2-3066126663 .color-N7{color:#FFFFFF;}
+		.d2-3066126663 .color-B1{color:#0D32B2;}
+		.d2-3066126663 .color-B2{color:#0D32B2;}
+		.d2-3066126663 .color-B3{color:#E3E9FD;}
+		.d2-3066126663 .color-B4{color:#E3E9FD;}
+		.d2-3066126663 .color-B5{color:#EDF0FD;}
+		.d2-3066126663 .color-B6{color:#F7F8FE;}
+		.d2-3066126663 .color-AA2{color:#4A6FF3;}
+		.d2-3066126663 .color-AA4{color:#EDF0FD;}
+		.d2-3066126663 .color-AA5{color:#F7F8FE;}
+		.d2-3066126663 .color-AB4{color:#EDF0FD;}
+		.d2-3066126663 .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-3066126663 .md em,
+.d2-3066126663 .md dfn {
+  font-family: "d2-3066126663-font-italic";
+}
+
+.d2-3066126663 .md b,
+.d2-3066126663 .md strong {
+  font-family: "d2-3066126663-font-bold";
+}
+
+.d2-3066126663 .md code,
+.d2-3066126663 .md kbd,
+.d2-3066126663 .md pre,
+.d2-3066126663 .md samp {
+  font-family: "d2-3066126663-font-mono";
+  font-size: 1em;
+}
+
+.d2-3066126663 .md {
+  tab-size: 4;
+}
+
+/* variables are provided in d2renderers/d2svg/d2svg.go */
+
+.d2-3066126663 .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-3066126663-font-regular";
+  font-size: 16px;
+  line-height: 1.5;
+  word-wrap: break-word;
+}
+
+.d2-3066126663 .md details,
+.d2-3066126663 .md figcaption,
+.d2-3066126663 .md figure {
+  display: block;
+}
+
+.d2-3066126663 .md summary {
+  display: list-item;
+}
+
+.d2-3066126663 .md [hidden] {
+  display: none !important;
+}
+
+.d2-3066126663 .md a {
+  background-color: transparent;
+  color: var(--color-accent-fg);
+  text-decoration: none;
+}
+
+.d2-3066126663 .md a:active,
+.d2-3066126663 .md a:hover {
+  outline-width: 0;
+}
+
+.d2-3066126663 .md abbr[title] {
+  border-bottom: none;
+  text-decoration: underline dotted;
+}
+
+.d2-3066126663 .md dfn {
+  font-style: italic;
+}
+
+.d2-3066126663 .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-3066126663 .md mark {
+  background-color: var(--color-attention-subtle);
+  color: var(--color-text-primary);
+}
+
+.d2-3066126663 .md small {
+  font-size: 90%;
+}
+
+.d2-3066126663 .md sub,
+.d2-3066126663 .md sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+
+.d2-3066126663 .md sub {
+  bottom: -0.25em;
+}
+
+.d2-3066126663 .md sup {
+  top: -0.5em;
+}
+
+.d2-3066126663 .md img {
+  border-style: none;
+  max-width: 100%;
+  box-sizing: content-box;
+  background-color: var(--color-canvas-default);
+}
+
+.d2-3066126663 .md figure {
+  margin: 1em 40px;
+}
+
+.d2-3066126663 .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-3066126663 .md input {
+  font: inherit;
+  margin: 0;
+  overflow: visible;
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+}
+
+.d2-3066126663 .md [type="button"],
+.d2-3066126663 .md [type="reset"],
+.d2-3066126663 .md [type="submit"] {
+  -webkit-appearance: button;
+}
+
+.d2-3066126663 .md [type="button"]::-moz-focus-inner,
+.d2-3066126663 .md [type="reset"]::-moz-focus-inner,
+.d2-3066126663 .md [type="submit"]::-moz-focus-inner {
+  border-style: none;
+  padding: 0;
+}
+
+.d2-3066126663 .md [type="button"]:-moz-focusring,
+.d2-3066126663 .md [type="reset"]:-moz-focusring,
+.d2-3066126663 .md [type="submit"]:-moz-focusring {
+  outline: 1px dotted ButtonText;
+}
+
+.d2-3066126663 .md [type="checkbox"],
+.d2-3066126663 .md [type="radio"] {
+  box-sizing: border-box;
+  padding: 0;
+}
+
+.d2-3066126663 .md [type="number"]::-webkit-inner-spin-button,
+.d2-3066126663 .md [type="number"]::-webkit-outer-spin-button {
+  height: auto;
+}
+
+.d2-3066126663 .md [type="search"] {
+  -webkit-appearance: textfield;
+  outline-offset: -2px;
+}
+
+.d2-3066126663 .md [type="search"]::-webkit-search-cancel-button,
+.d2-3066126663 .md [type="search"]::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+.d2-3066126663 .md ::-webkit-input-placeholder {
+  color: inherit;
+  opacity: 0.54;
+}
+
+.d2-3066126663 .md ::-webkit-file-upload-button {
+  -webkit-appearance: button;
+  font: inherit;
+}
+
+.d2-3066126663 .md a:hover {
+  text-decoration: underline;
+}
+
+.d2-3066126663 .md hr::before {
+  display: table;
+  content: "";
+}
+
+.d2-3066126663 .md hr::after {
+  display: table;
+  clear: both;
+  content: "";
+}
+
+.d2-3066126663 .md table {
+  border-spacing: 0;
+  border-collapse: collapse;
+  display: block;
+  width: max-content;
+  max-width: 100%;
+  overflow: auto;
+}
+
+.d2-3066126663 .md td,
+.d2-3066126663 .md th {
+  padding: 0;
+}
+
+.d2-3066126663 .md details summary {
+  cursor: pointer;
+}
+
+.d2-3066126663 .md details:not([open]) > *:not(summary) {
+  display: none !important;
+}
+
+.d2-3066126663 .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-3066126663 .md h1,
+.d2-3066126663 .md h2,
+.d2-3066126663 .md h3,
+.d2-3066126663 .md h4,
+.d2-3066126663 .md h5,
+.d2-3066126663 .md h6 {
+  margin-top: 24px;
+  margin-bottom: 16px;
+  font-weight: 600;
+  line-height: 1.25;
+  font-family: "d2-3066126663-font-regular";
+}
+
+.d2-3066126663 .md h2 {
+  font-weight: 600;
+  padding-bottom: 0.3em;
+  font-size: 1.5em;
+  border-bottom: 1px solid var(--color-border-muted);
+}
+
+.d2-3066126663 .md h3 {
+  font-weight: 600;
+  font-size: 1.25em;
+}
+
+.d2-3066126663 .md h4 {
+  font-weight: 600;
+  font-size: 1em;
+}
+
+.d2-3066126663 .md h5 {
+  font-weight: 600;
+  font-size: 0.875em;
+}
+
+.d2-3066126663 .md h6 {
+  font-weight: 600;
+  font-size: 0.85em;
+  color: var(--color-fg-muted);
+}
+
+.d2-3066126663 .md p {
+  margin-top: 0;
+  margin-bottom: 10px;
+}
+
+.d2-3066126663 .md blockquote {
+  margin: 0;
+  padding: 0 1em;
+  color: var(--color-fg-muted);
+  border-left: 0.25em solid var(--color-border-default);
+}
+
+.d2-3066126663 .md ul,
+.d2-3066126663 .md ol {
+  margin-top: 0;
+  margin-bottom: 0;
+  padding-left: 2em;
+}
+
+.d2-3066126663 .md ol ol,
+.d2-3066126663 .md ul ol {
+  list-style-type: lower-roman;
+}
+
+.d2-3066126663 .md ul ul ol,
+.d2-3066126663 .md ul ol ol,
+.d2-3066126663 .md ol ul ol,
+.d2-3066126663 .md ol ol ol {
+  list-style-type: lower-alpha;
+}
+
+.d2-3066126663 .md dd {
+  margin-left: 0;
+}
+
+.d2-3066126663 .md pre {
+  margin-top: 0;
+  margin-bottom: 0;
+  word-wrap: normal;
+}
+
+.d2-3066126663 .md ::placeholder {
+  color: var(--color-fg-subtle);
+  opacity: 1;
+}
+
+.d2-3066126663 .md input::-webkit-outer-spin-button,
+.d2-3066126663 .md input::-webkit-inner-spin-button {
+  margin: 0;
+  -webkit-appearance: none;
+  appearance: none;
+}
+
+.d2-3066126663 .md::before {
+  display: table;
+  content: "";
+}
+
+.d2-3066126663 .md::after {
+  display: table;
+  clear: both;
+  content: "";
+}
+
+.d2-3066126663 .md > *:first-child {
+  margin-top: 0 !important;
+}
+
+.d2-3066126663 .md > *:last-child {
+  margin-bottom: 0 !important;
+}
+
+.d2-3066126663 .md a:not([href]) {
+  color: inherit;
+  text-decoration: none;
+}
+
+.d2-3066126663 .md .absent {
+  color: var(--color-danger-fg);
+}
+
+.d2-3066126663 .md .anchor {
+  float: left;
+  padding-right: 4px;
+  margin-left: -20px;
+  line-height: 1;
+}
+
+.d2-3066126663 .md .anchor:focus {
+  outline: none;
+}
+
+.d2-3066126663 .md p,
+.d2-3066126663 .md blockquote,
+.d2-3066126663 .md ul,
+.d2-3066126663 .md ol,
+.d2-3066126663 .md dl,
+.d2-3066126663 .md table,
+.d2-3066126663 .md pre,
+.d2-3066126663 .md details {
+  margin-top: 0;
+  margin-bottom: 16px;
+}
+
+.d2-3066126663 .md blockquote > :first-child {
+  margin-top: 0;
+}
+
+.d2-3066126663 .md blockquote > :last-child {
+  margin-bottom: 0;
+}
+
+.d2-3066126663 .md sup > a::before {
+  content: "[";
+}
+
+.d2-3066126663 .md sup > a::after {
+  content: "]";
+}
+
+.d2-3066126663 .md h1:hover .anchor,
+.d2-3066126663 .md h2:hover .anchor,
+.d2-3066126663 .md h3:hover .anchor,
+.d2-3066126663 .md h4:hover .anchor,
+.d2-3066126663 .md h5:hover .anchor,
+.d2-3066126663 .md h6:hover .anchor {
+  text-decoration: none;
+}
+
+.d2-3066126663 .md h1 tt,
+.d2-3066126663 .md h1 code,
+.d2-3066126663 .md h2 tt,
+.d2-3066126663 .md h2 code,
+.d2-3066126663 .md h3 tt,
+.d2-3066126663 .md h3 code,
+.d2-3066126663 .md h4 tt,
+.d2-3066126663 .md h4 code,
+.d2-3066126663 .md h5 tt,
+.d2-3066126663 .md h5 code,
+.d2-3066126663 .md h6 tt,
+.d2-3066126663 .md h6 code {
+  padding: 0 0.2em;
+  font-size: inherit;
+}
+
+.d2-3066126663 .md ul.no-list,
+.d2-3066126663 .md ol.no-list {
+  padding: 0;
+  list-style-type: none;
+}
+
+.d2-3066126663 .md ol[type="1"] {
+  list-style-type: decimal;
+}
+
+.d2-3066126663 .md ol[type="a"] {
+  list-style-type: lower-alpha;
+}
+
+.d2-3066126663 .md ol[type="i"] {
+  list-style-type: lower-roman;
+}
+
+.d2-3066126663 .md div > ol:not([type]) {
+  list-style-type: decimal;
+}
+
+.d2-3066126663 .md ul ul,
+.d2-3066126663 .md ul ol,
+.d2-3066126663 .md ol ol,
+.d2-3066126663 .md ol ul {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+.d2-3066126663 .md li > p {
+  margin-top: 16px;
+}
+
+.d2-3066126663 .md li + li {
+  margin-top: 0.25em;
+}
+
+.d2-3066126663 .md dl {
+  padding: 0;
+}
+
+.d2-3066126663 .md dl dt {
+  padding: 0;
+  margin-top: 16px;
+  font-size: 1em;
+  font-style: italic;
+  font-weight: 600;
+}
+
+.d2-3066126663 .md dl dd {
+  padding: 0 16px;
+  margin-bottom: 16px;
+}
+
+.d2-3066126663 .md table th {
+  font-weight: 600;
+}
+
+.d2-3066126663 .md table th,
+.d2-3066126663 .md table td {
+  padding: 6px 13px;
+  border: 1px solid var(--color-border-default);
+}
+
+.d2-3066126663 .md table tr {
+  background-color: var(--color-canvas-default);
+  border-top: 1px solid var(--color-border-muted);
+}
+
+.d2-3066126663 .md table tr:nth-child(2n) {
+  background-color: var(--color-canvas-subtle);
+}
+
+.d2-3066126663 .md table img {
+  background-color: transparent;
+}
+
+.d2-3066126663 .md img[align="right"] {
+  padding-left: 20px;
+}
+
+.d2-3066126663 .md img[align="left"] {
+  padding-right: 20px;
+}
+
+.d2-3066126663 .md span.frame {
+  display: block;
+  overflow: hidden;
+}
+
+.d2-3066126663 .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-3066126663 .md span.frame span img {
+  display: block;
+  float: left;
+}
+
+.d2-3066126663 .md span.frame span span {
+  display: block;
+  padding: 5px 0 0;
+  clear: both;
+  color: var(--color-fg-default);
+}
+
+.d2-3066126663 .md span.align-center {
+  display: block;
+  overflow: hidden;
+  clear: both;
+}
+
+.d2-3066126663 .md span.align-center > span {
+  display: block;
+  margin: 13px auto 0;
+  overflow: hidden;
+  text-align: center;
+}
+
+.d2-3066126663 .md span.align-center span img {
+  margin: 0 auto;
+  text-align: center;
+}
+
+.d2-3066126663 .md span.align-right {
+  display: block;
+  overflow: hidden;
+  clear: both;
+}
+
+.d2-3066126663 .md span.align-right > span {
+  display: block;
+  margin: 13px 0 0;
+  overflow: hidden;
+  text-align: right;
+}
+
+.d2-3066126663 .md span.align-right span img {
+  margin: 0;
+  text-align: right;
+}
+
+.d2-3066126663 .md span.float-left {
+  display: block;
+  float: left;
+  margin-right: 13px;
+  overflow: hidden;
+}
+
+.d2-3066126663 .md span.float-left span {
+  margin: 13px 0 0;
+}
+
+.d2-3066126663 .md span.float-right {
+  display: block;
+  float: right;
+  margin-left: 13px;
+  overflow: hidden;
+}
+
+.d2-3066126663 .md span.float-right > span {
+  display: block;
+  margin: 13px auto 0;
+  overflow: hidden;
+  text-align: right;
+}
+
+.d2-3066126663 .md code,
+.d2-3066126663 .md tt {
+  padding: 0.2em 0.4em;
+  margin: 0;
+  font-size: 85%;
+  background-color: var(--color-neutral-muted);
+  border-radius: 6px;
+}
+
+.d2-3066126663 .md code br,
+.d2-3066126663 .md tt br {
+  display: none;
+}
+
+.d2-3066126663 .md del code {
+  text-decoration: inherit;
+}
+
+.d2-3066126663 .md pre code {
+  font-size: 100%;
+}
+
+.d2-3066126663 .md pre > code {
+  padding: 0;
+  margin: 0;
+  word-break: normal;
+  white-space: pre;
+  background: transparent;
+  border: 0;
+}
+
+.d2-3066126663 .md .highlight {
+  margin-bottom: 16px;
+}
+
+.d2-3066126663 .md .highlight pre {
+  margin-bottom: 0;
+  word-break: normal;
+}
+
+.d2-3066126663 .md .highlight pre,
+.d2-3066126663 .md pre {
+  padding: 16px;
+  overflow: auto;
+  font-size: 85%;
+  line-height: 1.45;
+  background-color: var(--color-canvas-subtle);
+  border-radius: 6px;
+}
+
+.d2-3066126663 .md pre code,
+.d2-3066126663 .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-3066126663 .md .csv-data td,
+.d2-3066126663 .md .csv-data th {
+  padding: 5px;
+  overflow: hidden;
+  font-size: 12px;
+  line-height: 1;
+  text-align: left;
+  white-space: nowrap;
+}
+
+.d2-3066126663 .md .csv-data .blob-num {
+  padding: 10px 8px 9px;
+  text-align: right;
+  background: var(--color-canvas-default);
+  border: 0;
+}
+
+.d2-3066126663 .md .csv-data tr {
+  border-top: 0;
+}
+
+.d2-3066126663 .md .csv-data th {
+  font-weight: 600;
+  background: var(--color-canvas-subtle);
+  border-top: 0;
+}
+
+.d2-3066126663 .md .footnotes {
+  font-size: 12px;
+  color: var(--color-fg-muted);
+  border-top: 1px solid var(--color-border-default);
+}
+
+.d2-3066126663 .md .footnotes ol {
+  padding-left: 16px;
+}
+
+.d2-3066126663 .md .footnotes li {
+  position: relative;
+}
+
+.d2-3066126663 .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-3066126663 .md .footnotes li:target {
+  color: var(--color-fg-default);
+}
+
+.d2-3066126663 .md .task-list-item {
+  list-style-type: none;
+}
+
+.d2-3066126663 .md .task-list-item label {
+  font-weight: 400;
+}
+
+.d2-3066126663 .md .task-list-item.enabled label {
+  cursor: pointer;
+}
+
+.d2-3066126663 .md .task-list-item + .task-list-item {
+  margin-top: 3px;
+}
+
+.d2-3066126663 .md .task-list-item .handle {
+  display: none;
+}
+
+.d2-3066126663 .md .task-list-item-checkbox {
+  margin: 0 0.2em 0.25em -1.6em;
+  vertical-align: middle;
+}
+
+.d2-3066126663 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
+  margin: 0 -1.6em 0.25em 0.2em;
+}
+</style><g id="explanation"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="0.000000" y="0.000000" width="229" height="159"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><h1>I can do headers</h1>
+<ul>
+<li>lists</li>
+<li>lists</li>
+</ul>
+<p>And other normal markdown stuff</p>
+</div></foreignObject></g></g><mask id="d2-3066126663" maskUnits="userSpaceOnUse" x="-1" y="-1" width="231" height="161">
+<rect x="-1" y="-1" width="231" height="161" fill="white"></rect>
+
+</mask></svg></svg>
\ No newline at end of file
diff --git a/e2etests/testdata/regression/md_font_weight/elk/board.exp.json b/e2etests/testdata/regression/md_font_weight/elk/board.exp.json
new file mode 100644
index 000000000..7104cb5fd
--- /dev/null
+++ b/e2etests/testdata/regression/md_font_weight/elk/board.exp.json
@@ -0,0 +1,88 @@
+{
+  "name": "",
+  "isFolderOnly": false,
+  "fontFamily": "SourceSansPro",
+  "shapes": [
+    {
+      "id": "explanation",
+      "type": "text",
+      "pos": {
+        "x": 12,
+        "y": 12
+      },
+      "width": 229,
+      "height": 159,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "transparent",
+      "stroke": "N1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "# I can do headers\n\n- lists\n- lists\n\nAnd other normal markdown stuff",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "markdown",
+      "color": "N1",
+      "italic": false,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 229,
+      "labelHeight": 159,
+      "zIndex": 0,
+      "level": 1
+    }
+  ],
+  "connections": [],
+  "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/regression/md_font_weight/elk/sketch.exp.svg b/e2etests/testdata/regression/md_font_weight/elk/sketch.exp.svg
new file mode 100644
index 000000000..37eb2b08b
--- /dev/null
+++ b/e2etests/testdata/regression/md_font_weight/elk/sketch.exp.svg
@@ -0,0 +1,843 @@
+<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 231 161"><svg id="d2-svg" class="d2-3432398351" width="231" height="161" viewBox="11 11 231 161"><rect x="11.000000" y="11.000000" width="231.000000" height="161.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
+.d2-3432398351 .text {
+	font-family: "d2-3432398351-font-regular";
+}
+@font-face {
+	font-family: d2-3432398351-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;
+}
+.connection {
+  stroke-linecap: round;
+  stroke-linejoin: round;
+}
+.blend {
+  mix-blend-mode: multiply;
+  opacity: 0.5;
+}
+
+		.d2-3432398351 .fill-N1{fill:#0A0F25;}
+		.d2-3432398351 .fill-N2{fill:#676C7E;}
+		.d2-3432398351 .fill-N3{fill:#9499AB;}
+		.d2-3432398351 .fill-N4{fill:#CFD2DD;}
+		.d2-3432398351 .fill-N5{fill:#DEE1EB;}
+		.d2-3432398351 .fill-N6{fill:#EEF1F8;}
+		.d2-3432398351 .fill-N7{fill:#FFFFFF;}
+		.d2-3432398351 .fill-B1{fill:#0D32B2;}
+		.d2-3432398351 .fill-B2{fill:#0D32B2;}
+		.d2-3432398351 .fill-B3{fill:#E3E9FD;}
+		.d2-3432398351 .fill-B4{fill:#E3E9FD;}
+		.d2-3432398351 .fill-B5{fill:#EDF0FD;}
+		.d2-3432398351 .fill-B6{fill:#F7F8FE;}
+		.d2-3432398351 .fill-AA2{fill:#4A6FF3;}
+		.d2-3432398351 .fill-AA4{fill:#EDF0FD;}
+		.d2-3432398351 .fill-AA5{fill:#F7F8FE;}
+		.d2-3432398351 .fill-AB4{fill:#EDF0FD;}
+		.d2-3432398351 .fill-AB5{fill:#F7F8FE;}
+		.d2-3432398351 .stroke-N1{stroke:#0A0F25;}
+		.d2-3432398351 .stroke-N2{stroke:#676C7E;}
+		.d2-3432398351 .stroke-N3{stroke:#9499AB;}
+		.d2-3432398351 .stroke-N4{stroke:#CFD2DD;}
+		.d2-3432398351 .stroke-N5{stroke:#DEE1EB;}
+		.d2-3432398351 .stroke-N6{stroke:#EEF1F8;}
+		.d2-3432398351 .stroke-N7{stroke:#FFFFFF;}
+		.d2-3432398351 .stroke-B1{stroke:#0D32B2;}
+		.d2-3432398351 .stroke-B2{stroke:#0D32B2;}
+		.d2-3432398351 .stroke-B3{stroke:#E3E9FD;}
+		.d2-3432398351 .stroke-B4{stroke:#E3E9FD;}
+		.d2-3432398351 .stroke-B5{stroke:#EDF0FD;}
+		.d2-3432398351 .stroke-B6{stroke:#F7F8FE;}
+		.d2-3432398351 .stroke-AA2{stroke:#4A6FF3;}
+		.d2-3432398351 .stroke-AA4{stroke:#EDF0FD;}
+		.d2-3432398351 .stroke-AA5{stroke:#F7F8FE;}
+		.d2-3432398351 .stroke-AB4{stroke:#EDF0FD;}
+		.d2-3432398351 .stroke-AB5{stroke:#F7F8FE;}
+		.d2-3432398351 .background-color-N1{background-color:#0A0F25;}
+		.d2-3432398351 .background-color-N2{background-color:#676C7E;}
+		.d2-3432398351 .background-color-N3{background-color:#9499AB;}
+		.d2-3432398351 .background-color-N4{background-color:#CFD2DD;}
+		.d2-3432398351 .background-color-N5{background-color:#DEE1EB;}
+		.d2-3432398351 .background-color-N6{background-color:#EEF1F8;}
+		.d2-3432398351 .background-color-N7{background-color:#FFFFFF;}
+		.d2-3432398351 .background-color-B1{background-color:#0D32B2;}
+		.d2-3432398351 .background-color-B2{background-color:#0D32B2;}
+		.d2-3432398351 .background-color-B3{background-color:#E3E9FD;}
+		.d2-3432398351 .background-color-B4{background-color:#E3E9FD;}
+		.d2-3432398351 .background-color-B5{background-color:#EDF0FD;}
+		.d2-3432398351 .background-color-B6{background-color:#F7F8FE;}
+		.d2-3432398351 .background-color-AA2{background-color:#4A6FF3;}
+		.d2-3432398351 .background-color-AA4{background-color:#EDF0FD;}
+		.d2-3432398351 .background-color-AA5{background-color:#F7F8FE;}
+		.d2-3432398351 .background-color-AB4{background-color:#EDF0FD;}
+		.d2-3432398351 .background-color-AB5{background-color:#F7F8FE;}
+		.d2-3432398351 .color-N1{color:#0A0F25;}
+		.d2-3432398351 .color-N2{color:#676C7E;}
+		.d2-3432398351 .color-N3{color:#9499AB;}
+		.d2-3432398351 .color-N4{color:#CFD2DD;}
+		.d2-3432398351 .color-N5{color:#DEE1EB;}
+		.d2-3432398351 .color-N6{color:#EEF1F8;}
+		.d2-3432398351 .color-N7{color:#FFFFFF;}
+		.d2-3432398351 .color-B1{color:#0D32B2;}
+		.d2-3432398351 .color-B2{color:#0D32B2;}
+		.d2-3432398351 .color-B3{color:#E3E9FD;}
+		.d2-3432398351 .color-B4{color:#E3E9FD;}
+		.d2-3432398351 .color-B5{color:#EDF0FD;}
+		.d2-3432398351 .color-B6{color:#F7F8FE;}
+		.d2-3432398351 .color-AA2{color:#4A6FF3;}
+		.d2-3432398351 .color-AA4{color:#EDF0FD;}
+		.d2-3432398351 .color-AA5{color:#F7F8FE;}
+		.d2-3432398351 .color-AB4{color:#EDF0FD;}
+		.d2-3432398351 .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-3432398351 .md em,
+.d2-3432398351 .md dfn {
+  font-family: "d2-3432398351-font-italic";
+}
+
+.d2-3432398351 .md b,
+.d2-3432398351 .md strong {
+  font-family: "d2-3432398351-font-bold";
+}
+
+.d2-3432398351 .md code,
+.d2-3432398351 .md kbd,
+.d2-3432398351 .md pre,
+.d2-3432398351 .md samp {
+  font-family: "d2-3432398351-font-mono";
+  font-size: 1em;
+}
+
+.d2-3432398351 .md {
+  tab-size: 4;
+}
+
+/* variables are provided in d2renderers/d2svg/d2svg.go */
+
+.d2-3432398351 .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-3432398351-font-regular";
+  font-size: 16px;
+  line-height: 1.5;
+  word-wrap: break-word;
+}
+
+.d2-3432398351 .md details,
+.d2-3432398351 .md figcaption,
+.d2-3432398351 .md figure {
+  display: block;
+}
+
+.d2-3432398351 .md summary {
+  display: list-item;
+}
+
+.d2-3432398351 .md [hidden] {
+  display: none !important;
+}
+
+.d2-3432398351 .md a {
+  background-color: transparent;
+  color: var(--color-accent-fg);
+  text-decoration: none;
+}
+
+.d2-3432398351 .md a:active,
+.d2-3432398351 .md a:hover {
+  outline-width: 0;
+}
+
+.d2-3432398351 .md abbr[title] {
+  border-bottom: none;
+  text-decoration: underline dotted;
+}
+
+.d2-3432398351 .md dfn {
+  font-style: italic;
+}
+
+.d2-3432398351 .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-3432398351 .md mark {
+  background-color: var(--color-attention-subtle);
+  color: var(--color-text-primary);
+}
+
+.d2-3432398351 .md small {
+  font-size: 90%;
+}
+
+.d2-3432398351 .md sub,
+.d2-3432398351 .md sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+
+.d2-3432398351 .md sub {
+  bottom: -0.25em;
+}
+
+.d2-3432398351 .md sup {
+  top: -0.5em;
+}
+
+.d2-3432398351 .md img {
+  border-style: none;
+  max-width: 100%;
+  box-sizing: content-box;
+  background-color: var(--color-canvas-default);
+}
+
+.d2-3432398351 .md figure {
+  margin: 1em 40px;
+}
+
+.d2-3432398351 .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-3432398351 .md input {
+  font: inherit;
+  margin: 0;
+  overflow: visible;
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+}
+
+.d2-3432398351 .md [type="button"],
+.d2-3432398351 .md [type="reset"],
+.d2-3432398351 .md [type="submit"] {
+  -webkit-appearance: button;
+}
+
+.d2-3432398351 .md [type="button"]::-moz-focus-inner,
+.d2-3432398351 .md [type="reset"]::-moz-focus-inner,
+.d2-3432398351 .md [type="submit"]::-moz-focus-inner {
+  border-style: none;
+  padding: 0;
+}
+
+.d2-3432398351 .md [type="button"]:-moz-focusring,
+.d2-3432398351 .md [type="reset"]:-moz-focusring,
+.d2-3432398351 .md [type="submit"]:-moz-focusring {
+  outline: 1px dotted ButtonText;
+}
+
+.d2-3432398351 .md [type="checkbox"],
+.d2-3432398351 .md [type="radio"] {
+  box-sizing: border-box;
+  padding: 0;
+}
+
+.d2-3432398351 .md [type="number"]::-webkit-inner-spin-button,
+.d2-3432398351 .md [type="number"]::-webkit-outer-spin-button {
+  height: auto;
+}
+
+.d2-3432398351 .md [type="search"] {
+  -webkit-appearance: textfield;
+  outline-offset: -2px;
+}
+
+.d2-3432398351 .md [type="search"]::-webkit-search-cancel-button,
+.d2-3432398351 .md [type="search"]::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+.d2-3432398351 .md ::-webkit-input-placeholder {
+  color: inherit;
+  opacity: 0.54;
+}
+
+.d2-3432398351 .md ::-webkit-file-upload-button {
+  -webkit-appearance: button;
+  font: inherit;
+}
+
+.d2-3432398351 .md a:hover {
+  text-decoration: underline;
+}
+
+.d2-3432398351 .md hr::before {
+  display: table;
+  content: "";
+}
+
+.d2-3432398351 .md hr::after {
+  display: table;
+  clear: both;
+  content: "";
+}
+
+.d2-3432398351 .md table {
+  border-spacing: 0;
+  border-collapse: collapse;
+  display: block;
+  width: max-content;
+  max-width: 100%;
+  overflow: auto;
+}
+
+.d2-3432398351 .md td,
+.d2-3432398351 .md th {
+  padding: 0;
+}
+
+.d2-3432398351 .md details summary {
+  cursor: pointer;
+}
+
+.d2-3432398351 .md details:not([open]) > *:not(summary) {
+  display: none !important;
+}
+
+.d2-3432398351 .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-3432398351 .md h1,
+.d2-3432398351 .md h2,
+.d2-3432398351 .md h3,
+.d2-3432398351 .md h4,
+.d2-3432398351 .md h5,
+.d2-3432398351 .md h6 {
+  margin-top: 24px;
+  margin-bottom: 16px;
+  font-weight: 600;
+  line-height: 1.25;
+  font-family: "d2-3432398351-font-regular";
+}
+
+.d2-3432398351 .md h2 {
+  font-weight: 600;
+  padding-bottom: 0.3em;
+  font-size: 1.5em;
+  border-bottom: 1px solid var(--color-border-muted);
+}
+
+.d2-3432398351 .md h3 {
+  font-weight: 600;
+  font-size: 1.25em;
+}
+
+.d2-3432398351 .md h4 {
+  font-weight: 600;
+  font-size: 1em;
+}
+
+.d2-3432398351 .md h5 {
+  font-weight: 600;
+  font-size: 0.875em;
+}
+
+.d2-3432398351 .md h6 {
+  font-weight: 600;
+  font-size: 0.85em;
+  color: var(--color-fg-muted);
+}
+
+.d2-3432398351 .md p {
+  margin-top: 0;
+  margin-bottom: 10px;
+}
+
+.d2-3432398351 .md blockquote {
+  margin: 0;
+  padding: 0 1em;
+  color: var(--color-fg-muted);
+  border-left: 0.25em solid var(--color-border-default);
+}
+
+.d2-3432398351 .md ul,
+.d2-3432398351 .md ol {
+  margin-top: 0;
+  margin-bottom: 0;
+  padding-left: 2em;
+}
+
+.d2-3432398351 .md ol ol,
+.d2-3432398351 .md ul ol {
+  list-style-type: lower-roman;
+}
+
+.d2-3432398351 .md ul ul ol,
+.d2-3432398351 .md ul ol ol,
+.d2-3432398351 .md ol ul ol,
+.d2-3432398351 .md ol ol ol {
+  list-style-type: lower-alpha;
+}
+
+.d2-3432398351 .md dd {
+  margin-left: 0;
+}
+
+.d2-3432398351 .md pre {
+  margin-top: 0;
+  margin-bottom: 0;
+  word-wrap: normal;
+}
+
+.d2-3432398351 .md ::placeholder {
+  color: var(--color-fg-subtle);
+  opacity: 1;
+}
+
+.d2-3432398351 .md input::-webkit-outer-spin-button,
+.d2-3432398351 .md input::-webkit-inner-spin-button {
+  margin: 0;
+  -webkit-appearance: none;
+  appearance: none;
+}
+
+.d2-3432398351 .md::before {
+  display: table;
+  content: "";
+}
+
+.d2-3432398351 .md::after {
+  display: table;
+  clear: both;
+  content: "";
+}
+
+.d2-3432398351 .md > *:first-child {
+  margin-top: 0 !important;
+}
+
+.d2-3432398351 .md > *:last-child {
+  margin-bottom: 0 !important;
+}
+
+.d2-3432398351 .md a:not([href]) {
+  color: inherit;
+  text-decoration: none;
+}
+
+.d2-3432398351 .md .absent {
+  color: var(--color-danger-fg);
+}
+
+.d2-3432398351 .md .anchor {
+  float: left;
+  padding-right: 4px;
+  margin-left: -20px;
+  line-height: 1;
+}
+
+.d2-3432398351 .md .anchor:focus {
+  outline: none;
+}
+
+.d2-3432398351 .md p,
+.d2-3432398351 .md blockquote,
+.d2-3432398351 .md ul,
+.d2-3432398351 .md ol,
+.d2-3432398351 .md dl,
+.d2-3432398351 .md table,
+.d2-3432398351 .md pre,
+.d2-3432398351 .md details {
+  margin-top: 0;
+  margin-bottom: 16px;
+}
+
+.d2-3432398351 .md blockquote > :first-child {
+  margin-top: 0;
+}
+
+.d2-3432398351 .md blockquote > :last-child {
+  margin-bottom: 0;
+}
+
+.d2-3432398351 .md sup > a::before {
+  content: "[";
+}
+
+.d2-3432398351 .md sup > a::after {
+  content: "]";
+}
+
+.d2-3432398351 .md h1:hover .anchor,
+.d2-3432398351 .md h2:hover .anchor,
+.d2-3432398351 .md h3:hover .anchor,
+.d2-3432398351 .md h4:hover .anchor,
+.d2-3432398351 .md h5:hover .anchor,
+.d2-3432398351 .md h6:hover .anchor {
+  text-decoration: none;
+}
+
+.d2-3432398351 .md h1 tt,
+.d2-3432398351 .md h1 code,
+.d2-3432398351 .md h2 tt,
+.d2-3432398351 .md h2 code,
+.d2-3432398351 .md h3 tt,
+.d2-3432398351 .md h3 code,
+.d2-3432398351 .md h4 tt,
+.d2-3432398351 .md h4 code,
+.d2-3432398351 .md h5 tt,
+.d2-3432398351 .md h5 code,
+.d2-3432398351 .md h6 tt,
+.d2-3432398351 .md h6 code {
+  padding: 0 0.2em;
+  font-size: inherit;
+}
+
+.d2-3432398351 .md ul.no-list,
+.d2-3432398351 .md ol.no-list {
+  padding: 0;
+  list-style-type: none;
+}
+
+.d2-3432398351 .md ol[type="1"] {
+  list-style-type: decimal;
+}
+
+.d2-3432398351 .md ol[type="a"] {
+  list-style-type: lower-alpha;
+}
+
+.d2-3432398351 .md ol[type="i"] {
+  list-style-type: lower-roman;
+}
+
+.d2-3432398351 .md div > ol:not([type]) {
+  list-style-type: decimal;
+}
+
+.d2-3432398351 .md ul ul,
+.d2-3432398351 .md ul ol,
+.d2-3432398351 .md ol ol,
+.d2-3432398351 .md ol ul {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+.d2-3432398351 .md li > p {
+  margin-top: 16px;
+}
+
+.d2-3432398351 .md li + li {
+  margin-top: 0.25em;
+}
+
+.d2-3432398351 .md dl {
+  padding: 0;
+}
+
+.d2-3432398351 .md dl dt {
+  padding: 0;
+  margin-top: 16px;
+  font-size: 1em;
+  font-style: italic;
+  font-weight: 600;
+}
+
+.d2-3432398351 .md dl dd {
+  padding: 0 16px;
+  margin-bottom: 16px;
+}
+
+.d2-3432398351 .md table th {
+  font-weight: 600;
+}
+
+.d2-3432398351 .md table th,
+.d2-3432398351 .md table td {
+  padding: 6px 13px;
+  border: 1px solid var(--color-border-default);
+}
+
+.d2-3432398351 .md table tr {
+  background-color: var(--color-canvas-default);
+  border-top: 1px solid var(--color-border-muted);
+}
+
+.d2-3432398351 .md table tr:nth-child(2n) {
+  background-color: var(--color-canvas-subtle);
+}
+
+.d2-3432398351 .md table img {
+  background-color: transparent;
+}
+
+.d2-3432398351 .md img[align="right"] {
+  padding-left: 20px;
+}
+
+.d2-3432398351 .md img[align="left"] {
+  padding-right: 20px;
+}
+
+.d2-3432398351 .md span.frame {
+  display: block;
+  overflow: hidden;
+}
+
+.d2-3432398351 .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-3432398351 .md span.frame span img {
+  display: block;
+  float: left;
+}
+
+.d2-3432398351 .md span.frame span span {
+  display: block;
+  padding: 5px 0 0;
+  clear: both;
+  color: var(--color-fg-default);
+}
+
+.d2-3432398351 .md span.align-center {
+  display: block;
+  overflow: hidden;
+  clear: both;
+}
+
+.d2-3432398351 .md span.align-center > span {
+  display: block;
+  margin: 13px auto 0;
+  overflow: hidden;
+  text-align: center;
+}
+
+.d2-3432398351 .md span.align-center span img {
+  margin: 0 auto;
+  text-align: center;
+}
+
+.d2-3432398351 .md span.align-right {
+  display: block;
+  overflow: hidden;
+  clear: both;
+}
+
+.d2-3432398351 .md span.align-right > span {
+  display: block;
+  margin: 13px 0 0;
+  overflow: hidden;
+  text-align: right;
+}
+
+.d2-3432398351 .md span.align-right span img {
+  margin: 0;
+  text-align: right;
+}
+
+.d2-3432398351 .md span.float-left {
+  display: block;
+  float: left;
+  margin-right: 13px;
+  overflow: hidden;
+}
+
+.d2-3432398351 .md span.float-left span {
+  margin: 13px 0 0;
+}
+
+.d2-3432398351 .md span.float-right {
+  display: block;
+  float: right;
+  margin-left: 13px;
+  overflow: hidden;
+}
+
+.d2-3432398351 .md span.float-right > span {
+  display: block;
+  margin: 13px auto 0;
+  overflow: hidden;
+  text-align: right;
+}
+
+.d2-3432398351 .md code,
+.d2-3432398351 .md tt {
+  padding: 0.2em 0.4em;
+  margin: 0;
+  font-size: 85%;
+  background-color: var(--color-neutral-muted);
+  border-radius: 6px;
+}
+
+.d2-3432398351 .md code br,
+.d2-3432398351 .md tt br {
+  display: none;
+}
+
+.d2-3432398351 .md del code {
+  text-decoration: inherit;
+}
+
+.d2-3432398351 .md pre code {
+  font-size: 100%;
+}
+
+.d2-3432398351 .md pre > code {
+  padding: 0;
+  margin: 0;
+  word-break: normal;
+  white-space: pre;
+  background: transparent;
+  border: 0;
+}
+
+.d2-3432398351 .md .highlight {
+  margin-bottom: 16px;
+}
+
+.d2-3432398351 .md .highlight pre {
+  margin-bottom: 0;
+  word-break: normal;
+}
+
+.d2-3432398351 .md .highlight pre,
+.d2-3432398351 .md pre {
+  padding: 16px;
+  overflow: auto;
+  font-size: 85%;
+  line-height: 1.45;
+  background-color: var(--color-canvas-subtle);
+  border-radius: 6px;
+}
+
+.d2-3432398351 .md pre code,
+.d2-3432398351 .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-3432398351 .md .csv-data td,
+.d2-3432398351 .md .csv-data th {
+  padding: 5px;
+  overflow: hidden;
+  font-size: 12px;
+  line-height: 1;
+  text-align: left;
+  white-space: nowrap;
+}
+
+.d2-3432398351 .md .csv-data .blob-num {
+  padding: 10px 8px 9px;
+  text-align: right;
+  background: var(--color-canvas-default);
+  border: 0;
+}
+
+.d2-3432398351 .md .csv-data tr {
+  border-top: 0;
+}
+
+.d2-3432398351 .md .csv-data th {
+  font-weight: 600;
+  background: var(--color-canvas-subtle);
+  border-top: 0;
+}
+
+.d2-3432398351 .md .footnotes {
+  font-size: 12px;
+  color: var(--color-fg-muted);
+  border-top: 1px solid var(--color-border-default);
+}
+
+.d2-3432398351 .md .footnotes ol {
+  padding-left: 16px;
+}
+
+.d2-3432398351 .md .footnotes li {
+  position: relative;
+}
+
+.d2-3432398351 .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-3432398351 .md .footnotes li:target {
+  color: var(--color-fg-default);
+}
+
+.d2-3432398351 .md .task-list-item {
+  list-style-type: none;
+}
+
+.d2-3432398351 .md .task-list-item label {
+  font-weight: 400;
+}
+
+.d2-3432398351 .md .task-list-item.enabled label {
+  cursor: pointer;
+}
+
+.d2-3432398351 .md .task-list-item + .task-list-item {
+  margin-top: 3px;
+}
+
+.d2-3432398351 .md .task-list-item .handle {
+  display: none;
+}
+
+.d2-3432398351 .md .task-list-item-checkbox {
+  margin: 0 0.2em 0.25em -1.6em;
+  vertical-align: middle;
+}
+
+.d2-3432398351 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
+  margin: 0 -1.6em 0.25em 0.2em;
+}
+</style><g id="explanation"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="12.000000" y="12.000000" width="229" height="159"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><h1>I can do headers</h1>
+<ul>
+<li>lists</li>
+<li>lists</li>
+</ul>
+<p>And other normal markdown stuff</p>
+</div></foreignObject></g></g><mask id="d2-3432398351" maskUnits="userSpaceOnUse" x="11" y="11" width="231" height="161">
+<rect x="11" y="11" width="231" height="161" fill="white"></rect>
+
+</mask></svg></svg>
\ No newline at end of file