diff --git a/docusaurus/docs/reference/transportation/segment.mdx b/docusaurus/docs/reference/transportation/segment.mdx
index 69fd2f70..64d346be 100644
--- a/docusaurus/docs/reference/transportation/segment.mdx
+++ b/docusaurus/docs/reference/transportation/segment.mdx
@@ -13,6 +13,9 @@ import ExampleTurnRestrictionConnector1 from '!!raw-loader!@site/docs/_examples/
 import ExampleTurnRestrictionConnector2 from '!!raw-loader!@site/docs/_examples/transportation/docusaurus/turn-restriction-02-connector2.yaml';
 import Tabs from '@theme/Tabs';
 import TabItem from '@theme/TabItem';
+import ThemedImage from '@theme/ThemedImage';
+import useBaseUrl from '@docusaurus/useBaseUrl';
+
 
 # segment
 
@@ -131,7 +134,13 @@ The schema for `water` segments is under development.
 
 <div style={{textAlign: 'center'}}>
 
-![Diagram of the "via" transition from source to destination segment.](/img/transportation/turn-restriction-02.svg)
+<ThemedImage
+  alt='Diagram of the "via" transition from source to destination segment'
+  sources={{
+    light: useBaseUrl('/img/transportation/turn-restriction-02-light.png'),
+    dark: useBaseUrl('/img/transportation/turn-restriction-02-dark.png'),
+  }}
+/>
 
 </div>
 
diff --git a/docusaurus/docs/themes/transportation/roads.mdx b/docusaurus/docs/themes/transportation/roads.mdx
index 4579a0fa..fc5161e0 100644
--- a/docusaurus/docs/themes/transportation/roads.mdx
+++ b/docusaurus/docs/themes/transportation/roads.mdx
@@ -1,6 +1,8 @@
 import CodeBlock from '@theme/CodeBlock';
 import Tabs from '@theme/Tabs';
 import TabItem from '@theme/TabItem';
+import ThemedImage from '@theme/ThemedImage';
+import useBaseUrl from '@docusaurus/useBaseUrl';
 import ExampleAccessRestrictionsBlanketDeny from '!!raw-loader!@site/docs/_examples/transportation/docusaurus/access-restriction-01-blanket.yaml';
 import ExampleAccessRestrictionPrivateAccessWithDeliveries from '!!raw-loader!@site/docs/_examples/transportation/docusaurus/access-restriction-02-private-with-deliveries.yaml';
 import ExampleAccessRestrictionMotorVehiclesDestinationOnly from '!!raw-loader!@site/docs/_examples/transportation/docusaurus/access-restriction-03-motor-vehicles-destination-only.yaml';
@@ -202,7 +204,13 @@ where the sequence of maneuvers is important.
 
 <figure>
 
-![A simple transition restriction prohibiting a right turn](/img/transportation/turn-restriction-01.svg)
+<ThemedImage
+  alt="A simple transition restriction prohibiting a right turn"
+  sources={{
+    light: useBaseUrl('/img/transportation/turn-restriction-01-light.png'),
+    dark: useBaseUrl('/img/transportation/turn-restriction-01-dark.png'),
+  }}
+/>
 
 <figcaption>
 
@@ -284,7 +292,13 @@ real-world context to the example.*
 
 <figure>
 
-![A via restriction](/img/transportation/turn-restriction-02.svg)
+<ThemedImage
+  alt="A via restriction"
+  sources={{
+    light: useBaseUrl('/img/transportation/turn-restriction-02-light.png'),
+    dark: useBaseUrl('/img/transportation/turn-restriction-02-dark.png'),
+  }}
+/>
 
 <figcaption>
 
@@ -439,27 +453,57 @@ respectively.
 
 <div style={{ display: "flex", alignItems: "center" }}>
 
-<div style={{ width: "24.625%", float: "left", textAlign: "center" }}>
+<div style={{ width: "27%", float: "left", textAlign: "center" }}>
 
-![West-oriented road segment with two lanes](/img/transportation/lane-number-01-west.svg)
+<ThemedImage
+  alt='West-oriented road segment with two lanes'
+  sources={{
+    light: useBaseUrl('/img/transportation/lane-number-01-west-light.png'),
+    dark: useBaseUrl('/img/transportation/lane-number-01-west-dark.png'),
+  }}
+/>
 
 </div>
 
-<div style={{ width: "24.625%", float: "left", textAlign: "center" }}>
+<div style={{ width: "10px", float: "left" }}/>
 
-![North-oriented road segment with two lanes](/img/transportation/lane-number-02-north.svg)
+<div style={{ width: "23%", float: "left", textAlign: "center" }}>
+
+<ThemedImage
+  alt='North-oriented road segment with two lanes'
+  sources={{
+    light: useBaseUrl('/img/transportation/lane-number-02-north-light.png'),
+    dark: useBaseUrl('/img/transportation/lane-number-02-north-dark.png'),
+  }}
+/>
 
 </div>
 
-<div style={{ width: "24.625%", float: "left", textAlign: "center" }}>
+<div style={{ width: "10px", float: "left" }}/>
+
+<div style={{ width: "27%", float: "left", textAlign: "center" }}>
 
-![East-oriented road segment with two lanes](/img/transportation/lane-number-03-east.svg)
+<ThemedImage
+  alt='East-oriented road segment with two lanes'
+  sources={{
+    light: useBaseUrl('/img/transportation/lane-number-03-east-light.png'),
+    dark: useBaseUrl('/img/transportation/lane-number-03-east-dark.png'),
+  }}
+/>
 
 </div>
 
-<div style={{ width: "24.625%", float: "left", textAlign: "center" }}>
+<div style={{ width: "10px", float: "left" }}/>
+
+<div style={{ width: "23%", float: "left", textAlign: "center" }}>
 
-![East-oriented road segment with two lanes](/img/transportation/lane-number-04-south.svg)
+<ThemedImage
+  alt='South-oriented road segment with two lanes'
+  sources={{
+    light: useBaseUrl('/img/transportation/lane-number-04-south-light.png'),
+    dark: useBaseUrl('/img/transportation/lane-number-04-south-dark.png'),
+  }}
+/>
 
 </div>
 
@@ -586,7 +630,13 @@ segments.
 
 <figure>
 
-![A segment with two geometrically-scoped lane blocks connected to a segment oriented in the opposite direction](/img/transportation/lane-blocks.svg)
+<ThemedImage
+  alt='A segment with two geometrically-scoped lane blocks connected to a segment oriented in the opposite direction'
+  sources={{
+    light: useBaseUrl('/img/transportation/lane-blocks-light.png'),
+    dark: useBaseUrl('/img/transportation/lane-blocks-dark.png'),
+  }}
+/>
 
 <figcaption>
 
diff --git a/docusaurus/docs/themes/transportation/scoping-rules.mdx b/docusaurus/docs/themes/transportation/scoping-rules.mdx
index 598ec829..488086cd 100644
--- a/docusaurus/docs/themes/transportation/scoping-rules.mdx
+++ b/docusaurus/docs/themes/transportation/scoping-rules.mdx
@@ -1,6 +1,8 @@
 import CodeBlock from '@theme/CodeBlock';
 import Tabs from '@theme/Tabs';
 import TabItem from '@theme/TabItem';
+import ThemedImage from '@theme/ThemedImage';
+import useBaseUrl from '@docusaurus/useBaseUrl';
 import ExampleGeometricScoping from '!!raw-loader!@site/docs/_examples/transportation/docusaurus/geometric-scoping.yaml';
 import ExampleTemporalScoping from '!!raw-loader!@site/docs/_examples/transportation/docusaurus/temporal-scoping.yaml';
 import ExampleSubjectiveUsagePurposeScoping from '!!raw-loader!@site/docs/_examples/transportation/docusaurus/subjective-usage-purpose-scoping.yaml';
@@ -60,7 +62,13 @@ start.
 
 <figure>
 
-![Diagram showing a single geometrically-scoped position.](/img/transportation/geometric-scoping-position.svg)
+<ThemedImage
+  alt="Diagram showing a single geometrically-scoped position"
+  sources={{
+    light: useBaseUrl('/img/transportation/geometric-scoping-position-light.svg'),
+    dark: useBaseUrl('/img/transportation/geometric-scoping-position-dark.svg'),
+  }}
+/>
 
 <figcaption>
 
@@ -83,7 +91,13 @@ length from the start.
 
 <figure>
 
-![Diagram showing a geometrically-scoped range.](/img/transportation/geometric-scoping-range.svg)
+<ThemedImage
+  alt="Diagram showing a geometrically-scoped range"
+  sources={{
+    light: useBaseUrl('/img/transportation/geometric-scoping-range-light.svg'),
+    dark: useBaseUrl('/img/transportation/geometric-scoping-range-dark.svg'),
+  }}
+/>
 
 <figcaption>
 
diff --git a/docusaurus/docs/themes/transportation/shape-connectivity.mdx b/docusaurus/docs/themes/transportation/shape-connectivity.mdx
index f6a3cac8..bab13247 100644
--- a/docusaurus/docs/themes/transportation/shape-connectivity.mdx
+++ b/docusaurus/docs/themes/transportation/shape-connectivity.mdx
@@ -1,3 +1,6 @@
+import ThemedImage from '@theme/ThemedImage';
+import useBaseUrl from '@docusaurus/useBaseUrl';
+
 # Shape and Connectivity
 
 The Overture Transportation theme captures the physical shape and connectivity
@@ -9,7 +12,13 @@ types: Segments and Connectors.
 
 <figure>
 
-![Three segments physically joined by a connector](/img/transportation/network.svg)
+<ThemedImage
+  alt="Three segments physically joined by a connector"
+  sources={{
+    light: useBaseUrl('/img/transportation/network-light.png'),
+    dark: useBaseUrl('/img/transportation/network-dark.png'),
+  }}
+/>
 
 <figcaption>
 
@@ -96,14 +105,24 @@ coordinates:
 
 <div style={{textAlign: 'center'}}>
 
-![West-oriented segment geometry](/img/transportation/oriented-west.svg)
+<ThemedImage
+  alt="West-oriented segment geometry"
+  sources={{
+    light: useBaseUrl('/img/transportation/oriented-west-light.svg'),
+    dark: useBaseUrl('/img/transportation/oriented-west-dark.svg'),
+  }}
+/>
 
 </div>
 
 <figcaption>
 
+<div style={{textAlign: 'center'}}>
+
 *This segment geometry is oriented due west.*
 
+</div>
+
 </figcaption>
 </figure>
 
@@ -123,14 +142,24 @@ coordinates:
 
 <div style={{textAlign: 'center'}}>
 
-![East-oriented segment geometry](/img/transportation/oriented-east.svg)
+<ThemedImage
+  alt="East-oriented segment geometry"
+  sources={{
+    light: useBaseUrl('/img/transportation/oriented-east-light.svg'),
+    dark: useBaseUrl('/img/transportation/oriented-east-dark.svg'),
+  }}
+/>
 
 </div>
 
 <figcaption>
 
+<div style={{textAlign: 'center'}}>
+
 *This segment geometry is oriented due east.*
 
+</div>
+
 </figcaption>
 </figure>
 
@@ -150,7 +179,13 @@ back toward the start of the segment.
 
 <figure>
 
-![Travel heading along a segment oriented due east](/img/transportation/heading.svg)
+<ThemedImage
+  alt="Travel heading along a segment oriented due east"
+  sources={{
+    light: useBaseUrl('/img/transportation/heading-light.svg'),
+    dark: useBaseUrl('/img/transportation/heading-dark.svg'),
+  }}
+/>
 
 <figcaption>
 
@@ -204,7 +239,13 @@ order than a greater number.
 
 <figure>
 
-![Three segments physically joined by a connector](/img/transportation/levels.svg)
+<ThemedImage
+  alt="Level 0 segments stacked above level -1 segments"
+  sources={{
+    light: useBaseUrl('/img/transportation/level-light.png'),
+    dark: useBaseUrl('/img/transportation/level-dark.png'),
+  }}
+/>
 
 <figcaption>
 
@@ -292,14 +333,25 @@ segments remain as they were and no data needs to be re-conflated.
 
 <div style={{ width: "50%", float: "left" , textAlign: "center" }}>
 
-![A city block without with back alley omitted](/img/transportation/interior-connectors-before.svg)
-
+<ThemedImage
+  alt="A city block without with back alley omitted"
+  sources={{
+    light: useBaseUrl('/img/transportation/interior-connectors-before-light.png'),
+    dark: useBaseUrl('/img/transportation/interior-connectors-before-dark.png'),
+  }}
+/>
 
 </div>
 
 <div style={{ width: "50%", float: "right", textAlign: "center" }}>
 
-![A city block without with back alley omitted](/img/transportation/interior-connectors-after.svg)
+<ThemedImage
+  alt="A city block after adding a new back alley segment"
+  sources={{
+    light: useBaseUrl('/img/transportation/interior-connectors-after-light.png'),
+    dark: useBaseUrl('/img/transportation/interior-connectors-after-dark.png'),
+  }}
+/>
 
 </div>
 
@@ -341,7 +393,13 @@ less churn in conflated data.
 
 <figure>
 
-![A single segment with a geometrically-scoped speed limit](/img/transportation/geometrically-scoped-speed-limit.svg)
+<ThemedImage
+  alt="A single segment with a geometrically-scoped speed limit"
+  sources={{
+    light: useBaseUrl('/img/transportation/geometrically-scoped-speed-limit-light.png'),
+    dark: useBaseUrl('/img/transportation/geometrically-scoped-speed-limit-dark.png'),
+  }}
+/>
 
 <figcaption>
 
@@ -370,13 +428,25 @@ can be corrected by splitting the segment into *N* pieces.
 
 <div style={{width: "50%", float: "left"}}>
 
-![Illegal circular loop](/img/transportation/circle-looped.svg)
+<ThemedImage
+  alt="Illegal circular loop"
+  sources={{
+    light: useBaseUrl('/img/transportation/circle-looped-light.png'),
+    dark: useBaseUrl('/img/transportation/circle-looped-dark.png'),
+  }}
+/>
 
 </div>
 
 <div style={{width: "50%", float: "left"}}>
 
-![Illegal circular loop](/img/transportation/circle-unlooped.svg)
+<ThemedImage
+  alt="One possible correction for illegal circular loop"
+  sources={{
+    light: useBaseUrl('/img/transportation/circle-unlooped-light.png'),
+    dark: useBaseUrl('/img/transportation/circle-unlooped-dark.png'),
+  }}
+/>
 
 </div>
 
@@ -402,13 +472,25 @@ can be corrected by splitting the segment into *N* pieces.
 
 <div style={{width: "50%", float: "left"}}>
 
-![Illegal self-crossing loop](/img/transportation/crossing-looped.svg)
+<ThemedImage
+  alt="Illegal self-crossing loop"
+  sources={{
+    light: useBaseUrl('/img/transportation/crossing-looped-light.png'),
+    dark: useBaseUrl('/img/transportation/crossing-looped-dark.png'),
+  }}
+/>
 
 </div>
 
 <div style={{width: "50%", float: "left"}}>
 
-![Correction to self-crossing loop](/img/transportation/crossing-unlooped.svg)
+<ThemedImage
+  alt="One possible correction to self-crossing loop"
+  sources={{
+    light: useBaseUrl('/img/transportation/crossing-unlooped-light.png'),
+    dark: useBaseUrl('/img/transportation/crossing-unlooped-dark.png'),
+  }}
+/>
 
 </div>
 
diff --git a/docusaurus/docs/themes/transportation/travel-modes.mdx b/docusaurus/docs/themes/transportation/travel-modes.mdx
index d9c07fa6..9eed7fc8 100644
--- a/docusaurus/docs/themes/transportation/travel-modes.mdx
+++ b/docusaurus/docs/themes/transportation/travel-modes.mdx
@@ -1,3 +1,6 @@
+import ThemedImage from '@theme/ThemedImage';
+import useBaseUrl from '@docusaurus/useBaseUrl';
+
 # Travel Modes
 
 In the real world, a travel mode can be thought of intuitively as a way
@@ -174,21 +177,15 @@ in the diagram below.
 
 <figure>
 
-<div style={{ display: "flex", alignItems: "center" }}>
-
-<div style={{ width: "72%", float: "left", paddingRight: "3px" }}>
-
-![The Overture travel modes taxonomy](/img/transportation/travel-modes-taxonomy.svg)
-
-</div>
-
-<div style={{ width: "28%", float: "right", paddingLeft: "3px" }}>
-
-![Legend graphic for Overture travel modes taxonomy](/img/transportation/travel-modes-legend.svg)
-
-</div>
+<div style={{textAlign: 'center'}}>
 
-<div style={{ clear: "both" }}/>
+<ThemedImage
+  alt="Overture travel modes taxonomy"
+  sources={{
+    light: useBaseUrl('/img/transportation/travel-modes-light.png'),
+    dark: useBaseUrl('/img/transportation/travel-modes-dark.png'),
+  }}
+/>
 
 </div>
 
diff --git a/docusaurus/static/img/transportation/circle-looped-dark.png b/docusaurus/static/img/transportation/circle-looped-dark.png
new file mode 100644
index 00000000..bcefeb7c
Binary files /dev/null and b/docusaurus/static/img/transportation/circle-looped-dark.png differ
diff --git a/docusaurus/static/img/transportation/circle-looped-light.png b/docusaurus/static/img/transportation/circle-looped-light.png
new file mode 100644
index 00000000..fc4eafed
Binary files /dev/null and b/docusaurus/static/img/transportation/circle-looped-light.png differ
diff --git a/docusaurus/static/img/transportation/circle-looped.svg b/docusaurus/static/img/transportation/circle-looped.svg
deleted file mode 100644
index 79597693..00000000
--- a/docusaurus/static/img/transportation/circle-looped.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="133px" height="125px" viewBox="-0.5 -0.5 133 125" content="&lt;mxfile host=&quot;drawio.corp.amazon.com&quot; modified=&quot;2023-06-15T18:26:20.780Z&quot; agent=&quot;Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36&quot; version=&quot;12.4.8&quot; etag=&quot;9Wt0669_LS_nPZF1qxCv&quot; type=&quot;device&quot;&gt;&lt;diagram id=&quot;zNqR0oQ0vEL_E5I2tdNi&quot;&gt;tZRNb4MwDEB/DfdAxtRzWbdeduKwcwSGRAsYhXTQ/fq5w+FDbaVp2jig+NkOyUtEJLNmfHGq069Ygo0SUY6RfIqSJH1M6X0BZwZyN4HamXJC8QJy8wkMBdOTKaHfFHpE6023hQW2LRR+w5RzOGzLKrTbr3aqhiuQF8pe0zdTes00FmJJHMHUmj+9SznRqFDMoNeqxGGF5CGSmUP006gZM7AXd8HL1Pd8JzsvzEHrf9KQTA0fyp54b7wufw6bpQbySsF+0MZD3qnikhnoZIlp31iKYhqqvptkV2YEmn/fe4fvs6GUSGWszdCio7jFFuaiAKNEVpWghzK8NHAexrvbi2dpdNkAG/DuTCWhIXjmiyZ3HA+rYws1enViM1R8Vep57sUmDVjobbnyP+WuVZI1If7QWry19iCvrd2S9gtnFC6X/Tu3+mPIwxc=&lt;/diagram&gt;&lt;/mxfile&gt;"><defs/><g><ellipse cx="70" cy="62" rx="60" ry="60" fill="none" stroke="#ff0000" stroke-width="5" pointer-events="all"/><ellipse cx="10" cy="62" rx="10" ry="10" fill="#000000" stroke="#000000" pointer-events="all"/></g></svg>
\ No newline at end of file
diff --git a/docusaurus/static/img/transportation/circle-unlooped-dark.png b/docusaurus/static/img/transportation/circle-unlooped-dark.png
new file mode 100644
index 00000000..c02808b5
Binary files /dev/null and b/docusaurus/static/img/transportation/circle-unlooped-dark.png differ
diff --git a/docusaurus/static/img/transportation/circle-unlooped-light.png b/docusaurus/static/img/transportation/circle-unlooped-light.png
new file mode 100644
index 00000000..ffdb0c35
Binary files /dev/null and b/docusaurus/static/img/transportation/circle-unlooped-light.png differ
diff --git a/docusaurus/static/img/transportation/circle-unlooped.svg b/docusaurus/static/img/transportation/circle-unlooped.svg
deleted file mode 100644
index ec4c2686..00000000
--- a/docusaurus/static/img/transportation/circle-unlooped.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="141px" height="125px" viewBox="-0.5 -0.5 141 125" content="&lt;mxfile host=&quot;drawio.corp.amazon.com&quot; modified=&quot;2023-06-15T18:27:30.806Z&quot; agent=&quot;Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36&quot; version=&quot;12.4.8&quot; etag=&quot;j863B9eqNddkSpj7USnG&quot; type=&quot;device&quot;&gt;&lt;diagram id=&quot;MzR_ft2ig95sBsRcARni&quot;&gt;7VZZk6IwEP41Vu2+ARHRR0AYR0U88HzjCBA5ghgE/PUbRvCYo3YeZrZqq4YHKvm6G9Jf95ekBeSoeErNxNewA8MWxzhFC/RbHCfwPH1XQHkBeNC9AF6KnAvE3oAFOsMaZGo0Qw48PjgSjEOCkkfQxnEMbfKAmWmK80c3F4ePf01MD74BFrYZvkXXyCF+jbIMczMMIPL8+tddvjZEZuNcA0ffdHB+BwGlBeQUY3IZRYUMw4q7hpdLnPqB9bqwFMbkMwHcJeBkhlmdW70uUjbJnmBKEM19bFownOIjIgjH1GRhQnDUAlLjIIbIqwwEJxT1SRTSCUuHNMmk+tiRwNhG4a94NZEsrOXKIJ/My8Po4MzskeDMDQEE0jwrPWm1x8LSKPUWJwlbVfaDsXkoNEXIKXA+9tF2wYSb2XY4i6TooBVP2TLJqMmTczPAYX4OaMYjXg5KTuaWVknY80hT2GiaiZutshzI0OlyxpQbHYzB+YiXpZIAYYrGS7pMThoC+lKMEShi0dhtWUvr6zBqK2WqcB1GLngoYo4Iir6yNX2yOQSSe2BB1xaFaY/QRlY9EHX1p/1O1oBKVqU8DXh+fCx2OedzmbcHqmoM5iQ9Iwsi3Ux3TDxZ9XWpSFdrY0sMyz0tJKefsIXGBpQCtdCGusgvt3aHLqzNqGLWjZ/Jdq/358wanBSaunreEyVTEjSrApQhN/flDR09k5Vk+nxWRVrsuuMpE4p2GdEVn2lFflfVISkOoIxDnL4UHLhurwfA1dJ0OE8RF4Vh4xnjmBZVqhuI9gAsPmxC9tradEuAOIIkLalLHQAaNdTbQbtdz/M7cTU+/p2uOjVm1nr2rp++tTwd1F3/vgLAjwJ+FPBKAQD0eq77WQW4IUpWdaG/QQ2g+w/V0P67GmgAPWerxHMfEbhITLuy5PSkf2x685hcDl8XFdB5xR1lmXl5vog09tUWAt6S9h5n3Bdwxv+nnF05+n7O6PR2p3mx3V0MgfIH&lt;/diagram&gt;&lt;/mxfile&gt;"><defs/><g><path d="M 10 62 C 10 95.14 36.86 122 70 122 C 103.14 122 130 95.14 130 62" fill="none" stroke="#ff9933" stroke-width="5" stroke-miterlimit="10" pointer-events="all"/><path d="M 10 2 C 10 35.14 36.86 62 70 62 C 103.14 62 130 35.14 130 2" fill="none" stroke="#3399ff" stroke-width="5" stroke-miterlimit="10" transform="translate(0,32)scale(1,-1)translate(0,-32)" pointer-events="all"/><ellipse cx="10" cy="62" rx="10" ry="10" fill="#000000" stroke="#000000" pointer-events="all"/><ellipse cx="130" cy="62" rx="10" ry="10" fill="#000000" stroke="#000000" pointer-events="all"/></g></svg>
\ No newline at end of file
diff --git a/docusaurus/static/img/transportation/crossing-looped-dark.png b/docusaurus/static/img/transportation/crossing-looped-dark.png
new file mode 100644
index 00000000..19acc8c1
Binary files /dev/null and b/docusaurus/static/img/transportation/crossing-looped-dark.png differ
diff --git a/docusaurus/static/img/transportation/crossing-looped-light.png b/docusaurus/static/img/transportation/crossing-looped-light.png
new file mode 100644
index 00000000..91f7caf9
Binary files /dev/null and b/docusaurus/static/img/transportation/crossing-looped-light.png differ
diff --git a/docusaurus/static/img/transportation/crossing-looped.svg b/docusaurus/static/img/transportation/crossing-looped.svg
deleted file mode 100644
index 66bba2a9..00000000
--- a/docusaurus/static/img/transportation/crossing-looped.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="146px" height="145px" viewBox="-0.5 -0.5 146 145" content="&lt;mxfile host=&quot;drawio.corp.amazon.com&quot; modified=&quot;2023-08-17T22:39:50.743Z&quot; agent=&quot;Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/115.0.0.0 Safari/537.36&quot; version=&quot;12.4.8&quot; etag=&quot;7tU8HSAleNOTMxUFHxVt&quot; type=&quot;device&quot;&gt;&lt;diagram id=&quot;0xonl2yXGQRxu97DUAJV&quot;&gt;zVfBjpswEP0ariuDA8kem+xue6lUKYfuHi0wYNVgZJwE+vU1wQbbCYG0VRsuYZ7H48nMm+fEg7ui+cxRlX9lCaZeAJLGgy9eEPgBDORHh7Q9son8Hsg4SZTTCOzJT6xAoNADSXBtOQrGqCCVDcasLHEsLAxxzk62W8qofWqFMnwB7GNEL9HvJBG5Qn0AxoUvmGS5OnoTqoUCaWcF1DlK2MmA4KsHd5wx0b8VzQ7Trni6Lv2+t4nVITGOS7Fkg2rEEdGD+m4qL9HqLxsf+BF37r4Ht7hMPnUFlGbJSumxzUVB1WItOPuBd4wyft4K0xTIZ1jRtQq7QA0R7/IdPGnrQx8h3186qgBttNookzdCqbL6RHHitKpmBx4rCF6Wwx+KLNmJWYEFb6XLaWyj7lVuNFBjHFMkyNE+ESk2ZUO44YRvjMiDA6CYP7Rd8T58BnaIPnm1y2ybGyiyA0WRE0ggnmFxEUj2DrWGW9U51NMJ+5vr50zldeG/ue0fANt/DWb8V3f6u3Wy85EvfUW0ZXBihM4jc3184Pz4yA1SlrpJOeVE4H2Fzuw8SWW0pwfVVa9VKWm6edumkuvGMAGghkmdibnAjUXEBTzXG9ZOXbSyGnMQXJmDwKGZSXmjqDdrtvpvklPKTN+HqNL4GAWoM0fVOVt3yU4/cA8qO3NqsVR2YOgEcvnwl2RnKuHFY766T0Yi95ac0W3H/49lJFwgI/NTYHJ9ei6uX7zg5sU7wfmHIbi/fn5a+2B8VtfV7V6+u9dZuPCa/Q0KRP+QAg/fzolxu79/7jW3UK/m+yfN8Ud67z7+1YGvvwA=&lt;/diagram&gt;&lt;/mxfile&gt;"><defs/><g><path d="M 62 72 Q 62 102 62 112 Q 62 122 72 132 Q 82 142 102 142 Q 122 142 132 132 Q 142 122 142 102" fill="none" stroke="#ff0000" stroke-width="5" stroke-miterlimit="10" pointer-events="stroke"/><ellipse cx="62" cy="62" rx="10" ry="10" fill="#000000" stroke="#000000" pointer-events="all"/><path d="M 142 102 Q 142 102 142 92 Q 142 82 132 72 Q 122 62 112 62 Q 102 62 72 62" fill="none" stroke="#ff0000" stroke-width="5" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 61.71 52 L 62 2" fill="none" stroke="#ff0000" stroke-width="5" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 2 62 L 52 62" fill="none" stroke="#ff0000" stroke-width="5" stroke-miterlimit="10" pointer-events="stroke"/></g></svg>
\ No newline at end of file
diff --git a/docusaurus/static/img/transportation/crossing-unlooped-dark.png b/docusaurus/static/img/transportation/crossing-unlooped-dark.png
new file mode 100644
index 00000000..827fe19b
Binary files /dev/null and b/docusaurus/static/img/transportation/crossing-unlooped-dark.png differ
diff --git a/docusaurus/static/img/transportation/crossing-unlooped-light.png b/docusaurus/static/img/transportation/crossing-unlooped-light.png
new file mode 100644
index 00000000..ca329667
Binary files /dev/null and b/docusaurus/static/img/transportation/crossing-unlooped-light.png differ
diff --git a/docusaurus/static/img/transportation/crossing-unlooped.svg b/docusaurus/static/img/transportation/crossing-unlooped.svg
deleted file mode 100644
index a17fed5e..00000000
--- a/docusaurus/static/img/transportation/crossing-unlooped.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="147px" height="146px" viewBox="-0.5 -0.5 147 146" content="&lt;mxfile host=&quot;drawio.corp.amazon.com&quot; modified=&quot;2023-08-17T23:36:20.336Z&quot; agent=&quot;Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/115.0.0.0 Safari/537.36&quot; version=&quot;12.4.8&quot; etag=&quot;PAWCe87dfNzTDYgDg_cR&quot; type=&quot;device&quot;&gt;&lt;diagram id=&quot;CDC07ILzlUpdOvMLGEJz&quot;&gt;zVdNj5swEP01XFcG8xGOTXa3vVSqlEN3j1YwwaqDkXEC9NfXgM2HCQlJs1K4hHkej83MvGfHgptD+Z2jLPnJIkwtB0SlBV8tx7Ed35c/NVK1SOg6LbDnJFJOPbAlf7ECgUKPJML5yFEwRgXJxuCOpSneiRGGOGfF2C1mdLxqhvZ4Amx3iE7R3yQSiUJtAPqBH5jsE7X0ylMDB6SdFZAnKGLFAIJvFtxwxkT7dig3mNbJ03lp573PjHYb4zgVSyaovJ8QPapvU/sSlf7Y3ZGfcO1uW3CN0+hbnUBppiyVHutEHKgazAVnf/CGUcabqTCOAYjjbkTnyqsDlUR8yHfwoq1PvYR8f61bBWij0kYavRNKldVuFEdGqXJ25DsFwWk67C7JsjsxO2DBK+lS9GXUtUoGBdQYxxQJchqviFQ37btw3Qq/GJELO0B1vqvLrvreC8E4RLt5NWtYNjOQPw7kr4xAAvE9FpNAsnaoGrhltUM+v2G4MtbxwcV9TfxXl/1dMPYPwBV/96K/fGm/UFuDGvdQQ4HzdIDX6SAnSJmpO79IiMDbDDXdVkilG7MB5VmrPTEpa/6sY9m7A3KA5uka+YS5wKU1R+OZvtV5D4y8a6Uc9LVzpq8do22GLTxI6sWcuV8sIWEI4XkJSeVOP7qo0vjsBaU2exVprJtkpCXQk8qIZ1T7XhnxzEBmPzxIRubkarG8XZGdib97m4z45il5RbcN//+WHW+B7FxnzZAbEx5BGIbNUXz+4AUXD94ZjjwNIWAQvgQ26B/3vBreyg/zOPP8Zfy4owX8r2+BQN/Gnr6cM3S7vX7msbhQ3+6oX7Cgfo+6OcTNMym6/5i7hOsa7AlWlnmXsINp8TV2w11Cmv1fnTbp/R9G+PYP&lt;/diagram&gt;&lt;/mxfile&gt;"><defs/><g><path d="M 62 72 Q 62 102 62 112 Q 62 122 72 132 Q 82 142 102 142 Q 122 142 142 122" fill="none" stroke="#ff00ff" stroke-width="5" stroke-miterlimit="10" pointer-events="stroke"/><ellipse cx="62" cy="62" rx="10" ry="10" fill="#000000" stroke="#000000" pointer-events="all"/><path d="M 132 132 Q 142 122 142 112 Q 142 102 142 92 Q 142 82 132 72 Q 122 62 112 62 Q 102 62 72 62" fill="none" stroke="#ff9933" stroke-width="5" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 61.71 52 L 62 2" fill="none" stroke="#3399ff" stroke-width="5" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 2 62 L 52 62" fill="none" stroke="#7f00ff" stroke-width="5" stroke-miterlimit="10" pointer-events="stroke"/><ellipse cx="134.5" cy="128.5" rx="8.5" ry="8.5" fill="#ffffff" stroke="#000000" stroke-width="6" pointer-events="all"/></g></svg>
\ No newline at end of file
diff --git a/docusaurus/static/img/transportation/geometric-scoping-position-dark.svg b/docusaurus/static/img/transportation/geometric-scoping-position-dark.svg
new file mode 100644
index 00000000..2bd5a8c0
--- /dev/null
+++ b/docusaurus/static/img/transportation/geometric-scoping-position-dark.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Do not edit this file with editors other than draw.io -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="483px" height="81px" viewBox="-0.5 -0.5 483 81" content="&lt;mxfile host=&quot;drawio.corp.amazon.com&quot; modified=&quot;2023-12-08T22:57:34.341Z&quot; agent=&quot;Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36&quot; version=&quot;21.7.4&quot; etag=&quot;-bDHKJwOZwAYvT9B-iS-&quot; type=&quot;device&quot;&gt;&lt;diagram name=&quot;Page-1&quot; id=&quot;4cHWvQbCL0VTSVnccqwF&quot;&gt;7VdNj5swEP01XFc2hECOSXa3vbSqlEPPLh7AWoNT44Skv74mmE9nN00a1A8tB2Q/j2fs92awcbx1dvggyTb9JChwx0X04HiPjuuGc6zfFXA0wCKogUQyWkO4AzbsBxgQGXTHKBQDQyUEV2w7BCOR5xCpAUakFOXQLBZ8GHVLErCATUS4jX5lVKUGxQh1Ax+BJakJHfpmICONsQGKlFBR9iDvyfHWUghVt7LDGnjFXcNLPe/5ldF2YRJy9SsT3HrCnvCd2ZtZlzo2m4WcLivOdC/ipChY5HirVGVcA1g3CyXFC6wFF/I0wYtPTzvSMORrpHYO1KK3Wy9uWdDZAyIDJY/apOx4bshMeww3mAROFNsP3RMjd9K6ayN8EUwHdpHJTNzoYhJzFqKhi0LsZARmVp/XkSP/kiNFZALKcqQbvW130Em28xJ6V0mYixxu06+yjUWuepbo9PyDuvroRl2tBJlPpuvsXdeLuvp48RDg+0h7xteE6vqWut9I9GIprOCg3pLVyB4zzkcQ4SzJdVfWpK/2IBXTR9jS4BmjtIqyKlOmYLMlURWy1Oe1xqTY5RSqpSI7O9o8MlvQjuFwbX6YCUE4JDwwhPfSZ3YmfVz0eqYMRHlDgbmlQCyF0fW+EnCI/14FfBf/MQmC90/c5aMrHJ04i1uPrrGjYLKPW3hG1/n3XXWpXRHVtR1vqc3QA/YnqLpI6wdymrqr8GeSMV5xudYCMB3JRZ+hvE9R4tnovuLaRRlOVJSLq4ryt34J8CUq/5ei9cfC3Fq01u3m5qLV3e43szbv/tW9p58=&lt;/diagram&gt;&lt;/mxfile&gt;"><defs/><g><path d="M 42 20 L 428.16 20" fill="none" stroke="#ffffff" stroke-width="5" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 436.41 20 L 425.41 25.5 L 428.16 20 L 425.41 14.5 Z" fill="#ffffff" stroke="#ffffff" stroke-width="5" stroke-miterlimit="10" pointer-events="all"/><path d="M 42 40 L 42 0" fill="none" stroke="#ffffff" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 441.71 40 L 441.71 0" fill="none" stroke="#ffffff" stroke-miterlimit="10" pointer-events="stroke"/><rect x="0" y="10" width="40" height="20" fill="none" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-end; width: 38px; height: 1px; padding-top: 20px; margin-left: 0px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: right;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">back</div></div></div></foreignObject><text x="38" y="24" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="end">back</text></switch></g><rect x="443" y="10" width="40" height="20" fill="none" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 38px; height: 1px; padding-top: 20px; margin-left: 445px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">front</div></div></div></foreignObject><text x="445" y="24" fill="#ffffff" font-family="Helvetica" font-size="12px">front</text></switch></g><path d="M 102 30 L 102 10" fill="none" stroke="#ffffff" stroke-miterlimit="10" pointer-events="stroke"/><rect x="62" y="60" width="80" height="20" fill="none" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 78px; height: 1px; padding-top: 70px; margin-left: 63px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: &quot;Courier New&quot;; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">"at": 0.15</div></div></div></foreignObject><text x="102" y="74" fill="#ffffff" font-family="Courier New" font-size="12px" text-anchor="middle">"at": 0.15</text></switch></g><path d="M 102 60 L 102 46.37" fill="none" stroke="#ffffff" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 102 41.12 L 105.5 48.12 L 102 46.37 L 98.5 48.12 Z" fill="#ffffff" stroke="#ffffff" stroke-miterlimit="10" pointer-events="all"/></g><switch><g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/><a transform="translate(0,-5)" xlink:href="https://www.drawio.com/doc/faq/svg-export-text-problems" target="_blank"><text text-anchor="middle" font-size="10px" x="50%" y="100%">Text is not SVG - cannot display</text></a></switch></svg>
\ No newline at end of file
diff --git a/docusaurus/static/img/transportation/geometric-scoping-position.svg b/docusaurus/static/img/transportation/geometric-scoping-position-light.svg
similarity index 100%
rename from docusaurus/static/img/transportation/geometric-scoping-position.svg
rename to docusaurus/static/img/transportation/geometric-scoping-position-light.svg
diff --git a/docusaurus/static/img/transportation/geometric-scoping-range-dark.svg b/docusaurus/static/img/transportation/geometric-scoping-range-dark.svg
new file mode 100644
index 00000000..da7be3df
--- /dev/null
+++ b/docusaurus/static/img/transportation/geometric-scoping-range-dark.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Do not edit this file with editors other than draw.io -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="483px" height="82px" viewBox="-0.5 -0.5 483 82" content="&lt;mxfile host=&quot;drawio.corp.amazon.com&quot; modified=&quot;2023-12-08T22:56:37.769Z&quot; agent=&quot;Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36&quot; version=&quot;21.7.4&quot; etag=&quot;0e7bNJhe0lMOmgadNzJn&quot; type=&quot;device&quot;&gt;&lt;diagram name=&quot;Page-1&quot; id=&quot;L5x2A1oCnCL9PFmgdw8Y&quot;&gt;7ZhNj5swEIZ/DdeIjwDJMWR320urSpHaswtDsNZgapyv/vqOgwkQZ5NNNqitlBwi82LP2PMMY4zlzfPtJ0HK7AtPgFmunWwt78ly3Ung4L8SdlqYhrWwFDSpJacVFvQ3aNHW6oomUPU6Ss6ZpGVfjHlRQCx7GhGCb/rdUs76XkuyBENYxISZ6g+ayEyrjm23Nz4DXWba9cTXN3LSdNZClZGEbzqS92x5c8G5rFv5dg5Mxa6JSz3u5Y27h4kJKOR7Brj1gDVhK702PS+5axYLRTJTMcOrmJGqorHlRZnMGQoONisp+CvMOeNiP8BL97/DnSZCPiq1cUiM8LbzdQ5RwOwBnoMUO+yyaePcBDPrRLjRBDAi6bpvnmjcy4O5g4dvnKJj19aZ6TRcdGIG/nTkjPtWKr4SMeiB3dAe2fLfYUsSsQRp2MJGZ/GttId3GqR3FciCF3AbRdU35YXs9LT3v/+Rbng7XcOWNyTd8YPuRbq+Mx2Fzt0AnzI3KGPfYPyTxK8GZwlbeQ6uhp9Sxo4kwuiywEtRhz5ag5AUN7WZ1nOaJMpLtMmohEVJYuVygzs4aoKvigTUVG0zRw7ZpJeAhmF7bZboAeGkH/NxG/NOHo1P5FHzRJ5KmR6XMxACA0IquEZ7XwoM0n8Xgu86f5NC+Ch3F8ud60/7iILba51hazxkoZs86F6kOz5+vfgAXcPWoHSnl+nioadUzXgl2C4SuMuBfKPidbC3xe/qJDCrsMqLF5JTpmIyx0BSEDjJr7A5kzRHpTuhAg+XlCsJWSh3Ucpo+V27vUMddoMjdBPbKMJOMFAVbk7bPZTBr5U6m0ZEtm3Lm2E3y4/skYdvMWjYtkehb/lPA+ybMYYOWQ2yc57Nirvg9Hs4Q/sEzlNV5QaceNl+Rqif4/ZbjPf8Bw==&lt;/diagram&gt;&lt;/mxfile&gt;"><defs/><g><path d="M 42 20.14 L 428.16 20.14" fill="none" stroke="#ffffff" stroke-width="5" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 436.41 20.14 L 425.41 25.64 L 428.16 20.14 L 425.41 14.64 Z" fill="#ffffff" stroke="#ffffff" stroke-width="5" stroke-miterlimit="10" pointer-events="all"/><path d="M 42 40.14 L 42 0.14" fill="none" stroke="#ffffff" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 441.71 40.14 L 441.71 0.14" fill="none" stroke="#ffffff" stroke-miterlimit="10" pointer-events="stroke"/><rect x="0" y="10.14" width="40" height="20" fill="none" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-end; width: 38px; height: 1px; padding-top: 20px; margin-left: 0px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: right;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">back</div></div></div></foreignObject><text x="38" y="24" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="end">back</text></switch></g><rect x="443" y="10.14" width="40" height="20" fill="none" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 38px; height: 1px; padding-top: 20px; margin-left: 445px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">front</div></div></div></foreignObject><text x="445" y="24" fill="#ffffff" font-family="Helvetica" font-size="12px">front</text></switch></g><path d="M 181 30.14 L 181 10.14" fill="none" stroke="#ffffff" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 342 30.14 L 342 10.14" fill="none" stroke="#ffffff" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 272 -29 L 267 -29 Q 262 -29 262 -19 L 262 41 Q 262 51 257 51 L 254.5 51 Q 252 51 257 51 L 259.5 51 Q 262 51 262 61 L 262 121 Q 262 131 267 131 L 272 131" fill="none" stroke="#ffffff" stroke-miterlimit="10" transform="translate(262,0)scale(-1,1)translate(-262,0)rotate(-90,262,51)" pointer-events="all"/><rect x="187" y="61" width="150" height="20" fill="none" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 148px; height: 1px; padding-top: 71px; margin-left: 188px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: &quot;Courier New&quot;; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">"at": [0.35, 0.75]</div></div></div></foreignObject><text x="262" y="75" fill="#ffffff" font-family="Courier New" font-size="12px" text-anchor="middle">"at": [0.35, 0.75]</text></switch></g></g><switch><g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/><a transform="translate(0,-5)" xlink:href="https://www.drawio.com/doc/faq/svg-export-text-problems" target="_blank"><text text-anchor="middle" font-size="10px" x="50%" y="100%">Text is not SVG - cannot display</text></a></switch></svg>
\ No newline at end of file
diff --git a/docusaurus/static/img/transportation/geometric-scoping-range.svg b/docusaurus/static/img/transportation/geometric-scoping-range-light.svg
similarity index 100%
rename from docusaurus/static/img/transportation/geometric-scoping-range.svg
rename to docusaurus/static/img/transportation/geometric-scoping-range-light.svg
diff --git a/docusaurus/static/img/transportation/geometric-scoping.svg b/docusaurus/static/img/transportation/geometric-scoping.svg
deleted file mode 100644
index d0e1756b..00000000
--- a/docusaurus/static/img/transportation/geometric-scoping.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="484px" height="137px" viewBox="-0.5 -0.5 484 137" content="&lt;mxfile host=&quot;drawio.corp.amazon.com&quot; modified=&quot;2023-06-15T23:53:02.391Z&quot; agent=&quot;Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36&quot; version=&quot;12.4.8&quot; etag=&quot;ViLyZVMKmNsBb6UCo80d&quot; type=&quot;device&quot;&gt;&lt;diagram id=&quot;cVtWGgZGvyb8w8GbIsMd&quot;&gt;7Zhdk5owFIZ/DbdOAkTxcnV325t2OuNFr1M4SmYDsSF+9dc3kSBCdKlUph+jF054SU7gPOecJHjBPNt/kHSdfhIJcM9Hyd4Lnj3fn/ih/jfCoRRIEJXCSrKklHAtLNgPsCKy6oYlUDQ6KiG4YuumGIs8h1g1NCql2DW7LQVvzrqmK3CERUy5q35liUqtihGqb3wEtkrt1BGxNzJadbZCkdJE7M6k4MUL5lIIVbay/Ry48V3ll3Lc65W7pweTkKtfGeCXA7aUb+y72edSh+plIU+ejM/0VcxpUbDYC2apyrgWsG4WSoo3mAsu5HFAgI6/053KQ0QrpXFIHPfWz4tPXtDRAyIDJQ+6y672c+XM9MzDlSaBU8W2TfPU4l6dzJ1m+CKYnthHNjJxxcUGZhihpolCbGQMdtS5X1uGSJchReUKlGNIN85eu5aO2C4jDG5CmIsc+vEzfZciV5d6/mtcCerJ1QmQ8WBcwwfXTq4ET0cTfB+0F2wNSJc4dL/R+M0hrGCv3sNqsS8Z5y2JcrbK9aUsnT7bglRML2FPVs9YkphZZruUKVisaWym3On1WmtSbPIEzKOizugwhmF/a3xUW4Go6fCJdfhZ+IQXwsdH1yOlAeUdAmOHwFIKy/W+CDgs/14CxMd/DMHkUeI6S5xPpk0+0571zTE0Gay4RQ+unVzD9k6iL1fH0HBcpw+u3VvN6E5cHUPDca3O1Q2w4+8bcwqdUVW3veBJd0MjTAZYJmMNEOQwC6XRX2nGuHHmXBNgeiYffYbdfVZRHLYOGIG7ikYDraIY35SWv3WIx12+/F/SlrTJ9E1b5zxyx7T1u8EXKV2bZryR/DCT+owB6komnYVDnVQ3B4eb373ipbV3TpiEWDFhJE3CTHePtPXHrRobummLx0Pl7aUvN9errkdmaBTowjs/luAJ8cjzowq3cJImThyOorFL9FId6UFUX9Zfasv8rT93By8/AQ==&lt;/diagram&gt;&lt;/mxfile&gt;"><defs/><g><path d="M 42 65 L 428.16 65" fill="none" stroke="#000000" stroke-width="5" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 436.41 65 L 425.41 70.5 L 428.16 65 L 425.41 59.5 Z" fill="#000000" stroke="#000000" stroke-width="5" stroke-miterlimit="10" pointer-events="all"/><path d="M 42 85 L 42 45" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 441.71 85 L 441.71 45" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/><rect x="0" y="55" width="40" height="20" fill="none" stroke="none" pointer-events="all"/><g transform="translate(12.5,58.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="25" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 26px; white-space: nowrap; overflow-wrap: normal; text-align: right;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">back</div></div></foreignObject><text x="13" y="12" fill="#000000" text-anchor="middle" font-size="12px" font-family="Helvetica">back</text></switch></g><rect x="443" y="55" width="40" height="20" fill="none" stroke="none" pointer-events="all"/><g transform="translate(444.5,58.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="24" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 25px; white-space: nowrap; overflow-wrap: normal; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">front</div></div></foreignObject><text x="12" y="12" fill="#000000" text-anchor="middle" font-size="12px" font-family="Helvetica">front</text></switch></g><path d="M 181 75 L 181 55" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 342 75 L 342 55" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 102 75 L 102 55" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/><rect x="62" y="115" width="80" height="20" fill="none" stroke="none" pointer-events="all"/><g transform="translate(65.5,118.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="72" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: &quot;Courier New&quot;; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 73px; white-space: nowrap; overflow-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">"at": 0.15</div></div></foreignObject><text x="36" y="12" fill="#000000" text-anchor="middle" font-size="12px" font-family="Courier New">"at": 0.15</text></switch></g><path d="M 102 105 L 102 91.37" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 102 86.12 L 105.5 93.12 L 102 91.37 L 98.5 93.12 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/><path d="M 272 -45 L 267 -45 Q 262 -45 262 -35 L 262 25 Q 262 35 257 35 L 254.5 35 Q 252 35 257 35 L 259.5 35 Q 262 35 262 45 L 262 105 Q 262 115 267 115 L 272 115" fill="none" stroke="#000000" stroke-miterlimit="10" transform="rotate(90,262,35)" pointer-events="all"/><rect x="187" y="-0.14" width="150" height="20" fill="none" stroke="none" pointer-events="all"/><g transform="translate(196.5,3.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="130" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: &quot;Courier New&quot;; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 131px; white-space: nowrap; overflow-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">"at": [0.35, 0.75]</div></div></foreignObject><text x="65" y="12" fill="#000000" text-anchor="middle" font-size="12px" font-family="Courier New">"at": [0.35, 0.75]</text></switch></g></g></svg>
\ No newline at end of file
diff --git a/docusaurus/static/img/transportation/geometrically-scoped-speed-limit-dark.png b/docusaurus/static/img/transportation/geometrically-scoped-speed-limit-dark.png
new file mode 100644
index 00000000..55a7d1fe
Binary files /dev/null and b/docusaurus/static/img/transportation/geometrically-scoped-speed-limit-dark.png differ
diff --git a/docusaurus/static/img/transportation/geometrically-scoped-speed-limit-light.png b/docusaurus/static/img/transportation/geometrically-scoped-speed-limit-light.png
new file mode 100644
index 00000000..b21f4a90
Binary files /dev/null and b/docusaurus/static/img/transportation/geometrically-scoped-speed-limit-light.png differ
diff --git a/docusaurus/static/img/transportation/geometrically-scoped-speed-limit.svg b/docusaurus/static/img/transportation/geometrically-scoped-speed-limit.svg
deleted file mode 100644
index 63a6bf4c..00000000
--- a/docusaurus/static/img/transportation/geometrically-scoped-speed-limit.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="421px" height="72px" viewBox="-0.5 -0.5 421 72" content="&lt;mxfile host=&quot;drawio.corp.amazon.com&quot; modified=&quot;2023-06-15T20:18:22.459Z&quot; agent=&quot;Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36&quot; version=&quot;12.4.8&quot; etag=&quot;n8psCUjGEHr9cGZEOVYj&quot; type=&quot;device&quot;&gt;&lt;diagram id=&quot;B6lvLRhD72X1AbGd16q6&quot;&gt;7VfLjpswFP0atpXBIZMsk3RmuqlUKYuuXWzAGoOR47z69b0GO0AMSVQxlaqZZBH7+HHxOcf3hgBvitOrIlX+XVImggjRU4C/BlEU4iiEH4OcG2Q5ixogU5zaSS2w5b+ZBZFF95yyXW+illJoXvXBRJYlS3QPI0rJY39aKkU/akUy5gHbhAgf/cmpzi0aItQOfGM8y23oRWwHCuImW2CXEyqPHQg/B3ijpNRNqzhtmDDkOV6adS8jo5cHU6zUjyywvB+I2Nuz2efSZ3dYVtKV4Qx6pSwBXOe6ENALobnTSr6xjRRS1bMxqj+XEUdPDAhs9MKFWWnGmziMXjG9k3uVWGjunya8cATmYrJgWp1hyrFVwVGdd/h3mGKCaH7oRyTWDNllu0uEH5JD4Ag54zrVrG2jOepv0Ty8XdVl/Wqj+N5GmqiMaW8jaHSO3UK1qMMC4/sCgwcr00z2SpzXiiRvDHhbH3Ou2bYitRpHuMh95ZXcl5TRMR/8qr+eD4DadQomcDOto1JZ6s7ief0BnHIF95fLEnAg12xhjXNgSrNTMOb6EZ+MCen6HR9FTwvfSBEa90xPpBuKzD4V8RWZoeiuImH4TorEniK7igGRERK84BBoBU1zRVFR5Z5YcGh9Kyk6Qn2OieCZ4TEBkhjga0MhhzKzsgMFp9SEGVS+lRvd0GuK27JcfIn76qABddzGU6szf6BECQGlf4yojjIEhK3/D6T8ZKjrqdKtXhPQFodXSSYeSDIDxWoKzp6mLusYL5dp+vdlvSlon2V9qrK+eCRl4Q+bsrxyMpiw3unyLf/ThBX+u4QF3fYdp7F/+6aIn/8A&lt;/diagram&gt;&lt;/mxfile&gt;"><defs/><g><path d="M 410 60 L 410 60" fill="none" stroke="#000000" stroke-width="5" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 159 -109 L 154 -109 Q 149 -109 149 -99 L 149 20 Q 149 30 144 30 L 141.5 30 Q 139 30 144 30 L 146.5 30 Q 149 30 149 40 L 149 159 Q 149 169 154 169 L 159 169" fill="none" stroke="#b3b3b3" stroke-width="2" stroke-miterlimit="10" transform="rotate(90,149,30)" pointer-events="all"/><path d="M 361 -29 L 356 -29 Q 351 -29 351 -19 L 351 20 Q 351 30 346 30 L 343.5 30 Q 341 30 346 30 L 348.5 30 Q 351 30 351 40 L 351 79 Q 351 89 356 89 L 361 89" fill="none" stroke="#b3b3b3" stroke-width="2" stroke-miterlimit="10" transform="rotate(90,351,30)" pointer-events="all"/><rect x="88.5" y="0" width="121" height="20" fill="none" stroke="none" pointer-events="all"/><g transform="translate(96.5,3.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="104" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(102, 102, 102); line-height: 1.2; vertical-align: top; width: 105px; white-space: nowrap; overflow-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">speed limit: 60 mph</div></div></foreignObject><text x="52" y="12" fill="#666666" text-anchor="middle" font-size="12px" font-family="Helvetica">speed limit: 60 mph</text></switch></g><ellipse cx="410" cy="60" rx="10" ry="10" fill="#000000" stroke="#000000" pointer-events="all"/><path d="M 10 60 L 400 60" fill="none" stroke="#3399ff" stroke-width="5" stroke-miterlimit="10" pointer-events="stroke"/><rect x="292" y="0" width="120" height="20" fill="none" stroke="none" pointer-events="all"/><g transform="translate(299.5,3.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="104" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(102, 102, 102); line-height: 1.2; vertical-align: top; width: 105px; white-space: nowrap; overflow-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">speed limit: 30 mph</div></div></foreignObject><text x="52" y="12" fill="#666666" text-anchor="middle" font-size="12px" font-family="Helvetica">speed limit: 30 mph</text></switch></g><ellipse cx="10" cy="60" rx="10" ry="10" fill="#000000" stroke="#000000" pointer-events="all"/></g></svg>
\ No newline at end of file
diff --git a/docusaurus/static/img/transportation/heading-dark.svg b/docusaurus/static/img/transportation/heading-dark.svg
new file mode 100644
index 00000000..0c51c2fe
--- /dev/null
+++ b/docusaurus/static/img/transportation/heading-dark.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Do not edit this file with editors other than draw.io -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="530px" height="76px" viewBox="-0.5 -0.5 530 76" content="&lt;mxfile host=&quot;drawio.corp.amazon.com&quot; modified=&quot;2023-12-08T23:43:12.191Z&quot; agent=&quot;Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36&quot; version=&quot;21.7.4&quot; etag=&quot;8_IYntvKMASuyjrhlHyb&quot; type=&quot;device&quot;&gt;&lt;diagram name=&quot;Page-1&quot; id=&quot;fFosT9eboa4Cn7SJUu0H&quot;&gt;7ZZNj5swEIZ/DXfATbp7XLIfvbSqlEPPXjyAtcZOjQmkv74DtvkISdpVuVRaDpF5Z/zannlQHJBd2b5oeii+KgYiiEPWBuQxiOO7bYS/nXBywv1nK+SaMytFo7Dnv8CJoVNrzqCaJRqlhOGHuZgqKSE1M41qrZp5WqbEfNUDzWEh7FMqluoPzkzh1CgMx8AX4Hnhlr7buEBJfbITqoIy1Uwk8hSQnVbK2FHZ7kB0tfN1sfOer0SHjWmQ5m8mxHbCkYranc3ty5z8YUGyh65m+JYKWlU8DUhSmFKgEOGwMlq9wU4JpfsJJOufIeIrtEHFmgNblHfcbzRUAekBVYLRJ0xpxjr7YhaTCntNg6CGH+f21LU7H+yGFb4rjgvHoSMz8n1xYMbbcG5RqVqn4GZN63pmtPmTkaE6B7MwwsHk2KPUt+1yC8mFFm4F1iXJVL+ljKY2sP1Zd1wlOzwEB42hb9CMMo5yO003VDPvgutbIxvtC08Zl/m7SWG0KoC5l87zEjSCvoJIaPqWa1VLNkkJ++cmcf8dX2Qtvs6N1uPr09p8vWJz/xkwqSTcoAszn3l3pEcLDNVmiWYvu7QPJD1J92sheW60HpKbBZIV5CX0u1GInjRYESUX/Bhoza0/LwdVhkicSVTwXHbwoDeSTZIjaMPxRvDgAiVnrFsmaQpuYH+w30SD1x/Uemx6NsMbmLlDoTG072XlWg88JBOWhoZPYYrD69zMGjV2BV/He4pt4njZI0+/AQ==&lt;/diagram&gt;&lt;/mxfile&gt;"><defs/><g><path d="M 9 37 L 395.16 37" fill="none" stroke="#ffffff" stroke-width="5" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 403.41 37 L 392.41 42.5 L 395.16 37 L 392.41 31.5 Z" fill="#ffffff" stroke="#ffffff" stroke-width="5" stroke-miterlimit="10" pointer-events="all"/><path d="M 9 7 L 402.63 7" fill="none" stroke="#ffffff" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/><path d="M 407.88 7 L 400.88 10.5 L 402.63 7 L 400.88 3.5 Z" fill="#ffffff" stroke="#ffffff" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 7px; margin-left: 209px;"><div data-drawio-colors="color: #ffffff; background-color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; background-color: rgb(0, 0, 0); white-space: nowrap;"><font face="Courier New">forward</font> heading</div></div></div></foreignObject><text x="209" y="10" fill="#ffffff" font-family="Helvetica" font-size="11px" text-anchor="middle">forward he...</text></switch></g><path d="M 15.37 67 L 409 67" fill="none" stroke="#ffffff" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/><path d="M 10.12 67 L 17.12 63.5 L 15.37 67 L 17.12 70.5 Z" fill="#ffffff" stroke="#ffffff" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 67px; margin-left: 209px;"><div data-drawio-colors="color: #ffffff; background-color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; background-color: rgb(0, 0, 0); white-space: nowrap;"><font face="Courier New">backward</font> heading</div></div></div></foreignObject><text x="209" y="70" fill="#ffffff" font-family="Helvetica" font-size="11px" text-anchor="middle">backward h...</text></switch></g><rect x="409" y="27" width="120" height="20" fill="none" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 37px; margin-left: 410px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">segment orientation</div></div></div></foreignObject><text x="469" y="41" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">segment orientation</text></switch></g></g><switch><g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/><a transform="translate(0,-5)" xlink:href="https://www.drawio.com/doc/faq/svg-export-text-problems" target="_blank"><text text-anchor="middle" font-size="10px" x="50%" y="100%">Text is not SVG - cannot display</text></a></switch></svg>
\ No newline at end of file
diff --git a/docusaurus/static/img/transportation/heading.svg b/docusaurus/static/img/transportation/heading-light.svg
similarity index 100%
rename from docusaurus/static/img/transportation/heading.svg
rename to docusaurus/static/img/transportation/heading-light.svg
diff --git a/docusaurus/static/img/transportation/interior-connectors-after-dark.png b/docusaurus/static/img/transportation/interior-connectors-after-dark.png
new file mode 100644
index 00000000..abe34c27
Binary files /dev/null and b/docusaurus/static/img/transportation/interior-connectors-after-dark.png differ
diff --git a/docusaurus/static/img/transportation/interior-connectors-after-light.png b/docusaurus/static/img/transportation/interior-connectors-after-light.png
new file mode 100644
index 00000000..188e8876
Binary files /dev/null and b/docusaurus/static/img/transportation/interior-connectors-after-light.png differ
diff --git a/docusaurus/static/img/transportation/interior-connectors-after.svg b/docusaurus/static/img/transportation/interior-connectors-after.svg
deleted file mode 100644
index c2b4f8ab..00000000
--- a/docusaurus/static/img/transportation/interior-connectors-after.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="246px" height="246px" viewBox="-0.5 -0.5 246 246" content="&lt;mxfile host=&quot;drawio.corp.amazon.com&quot; modified=&quot;2023-06-15T18:47:12.450Z&quot; agent=&quot;Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36&quot; version=&quot;12.4.8&quot; etag=&quot;Dxc3riHLt0h2G_jf7uW5&quot; type=&quot;device&quot;&gt;&lt;diagram id=&quot;UOCQ0_J2ONDiHwWTom_j&quot;&gt;7VlLj5swEP41ufsBSTh20217qVQph56tYIJVg5FxXv31dYJ52CRbwrKESJtL4GMYw3zzjcdmhlfJ8bskWfxThJTPEAiPM/x1hhDECOq/M3IqkMBDBbCVLDRGNbBmf6kBgUF3LKS5ZaiE4IplNrgRaUo3ysKIlOJgm0WC26NmZEtbwHpDeBv9zUIVGxQCUF/4Qdk2NkMvfXMhIaWxAfKYhOLQgPDrDK+kEKo4So4rys/BK+NS3PftxtXqwSRNVZcbTNz3hO/Mu5nnUqfyZWkafjnHTJ+lItXgS6wSrs+gPsyVFH/oSnAhL9Y4ioIA4+pKGR5fI4VnGjqxzcVObkoItV8AVmHR+URFQpU8aZNDHfgyunEj5CUmKSeK7e0hieF/W7mrRvglmB4YAZOrfkmUyVTPA7aL4unNXc1A/8cRAo4jReSWqpYjfdB47Rq68HidUzw0pxgHQRT15XQ5MUq9pcNEX0oXLqWuoxuU6siTU8MsOxvkb+Tg4vo4dYYUHvvmizd0viwiAPrnC6yK6EQSZr4cqAa4jj6wBvjD1/V7OZ0Mf67gPTfsfQXfcjQcf/MO/HGu+50zb4eYKbrOyEVBB91y2VySPCuaoIgdqfb/EjHOG9SCy68ick+losd7qSxrFXRSHJvzBtXoCtUI3GbVCuMbMVs8ft4rEsCicLIyGH3e6yGD5ZPKYO5O2SPKIHi8DJrT+bytjKl1hD5+sDJud4Tv0E5ZiZ9ePDgYTzwQDq2e+5vhplQ+m+EBZpFyV+HplOB2U6MqYfBthPu3hiwloIkp4Rm3huDga/355dd7rb+YGKluk4xdKfVtBVqOBiS1y2L/KcobHLG8dVlhf7ASrPLmfyrh/UrosgUwRSW0Wt4xldBlkT3mnOBfUcfU5gl3yThBdejT+jtiYV5/jcWv/wA=&lt;/diagram&gt;&lt;/mxfile&gt;"><defs/><g><path d="M 42 192 L 42 2" fill="none" stroke="#ff9933" stroke-width="5" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 192 42 L 102 42 Q 92 42 102 42 L 242 42" fill="none" stroke="#3399ff" stroke-width="5" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 202 192 L 202 2" fill="none" stroke="#7f00ff" stroke-width="5" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 2 202 L 242 202" fill="none" stroke="#ff00ff" stroke-width="5" stroke-miterlimit="10" pointer-events="stroke"/><ellipse cx="42" cy="42" rx="10" ry="10" fill="#000000" stroke="#000000" pointer-events="all"/><path d="M 2 42 L 32 42" fill="none" stroke="#3399ff" stroke-width="5" stroke-miterlimit="10" pointer-events="stroke"/><ellipse cx="202" cy="42" rx="10" ry="10" fill="#000000" stroke="#000000" pointer-events="all"/><path d="M 52 42 L 192 42" fill="none" stroke="#3399ff" stroke-width="5" stroke-miterlimit="10" pointer-events="stroke"/><ellipse cx="202" cy="202" rx="10" ry="10" fill="#000000" stroke="#000000" pointer-events="all"/><path d="M 202 242 L 202 212" fill="none" stroke="#7f00ff" stroke-width="5" stroke-miterlimit="10" pointer-events="stroke"/><ellipse cx="42" cy="202" rx="10" ry="10" fill="#000000" stroke="#000000" pointer-events="all"/><path d="M 42 242 L 42 212" fill="none" stroke="#ff9933" stroke-width="5" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 212 122 L 242 122" fill="none" stroke="#666666" stroke-width="5" stroke-miterlimit="10" pointer-events="stroke"/><ellipse cx="42" cy="122" rx="10" ry="10" fill="#000000" stroke="#000000" pointer-events="all"/><path d="M 2 122 L 32 122" fill="none" stroke="#666666" stroke-width="5" stroke-miterlimit="10" pointer-events="stroke"/><ellipse cx="202" cy="122" rx="10" ry="10" fill="#000000" stroke="#000000" pointer-events="all"/><path d="M 52 122 L 192 122" fill="none" stroke="#666666" stroke-width="5" stroke-miterlimit="10" pointer-events="stroke"/></g></svg>
\ No newline at end of file
diff --git a/docusaurus/static/img/transportation/interior-connectors-before-dark.png b/docusaurus/static/img/transportation/interior-connectors-before-dark.png
new file mode 100644
index 00000000..0fe1040c
Binary files /dev/null and b/docusaurus/static/img/transportation/interior-connectors-before-dark.png differ
diff --git a/docusaurus/static/img/transportation/interior-connectors-before-light.png b/docusaurus/static/img/transportation/interior-connectors-before-light.png
new file mode 100644
index 00000000..060149ea
Binary files /dev/null and b/docusaurus/static/img/transportation/interior-connectors-before-light.png differ
diff --git a/docusaurus/static/img/transportation/interior-connectors-before.svg b/docusaurus/static/img/transportation/interior-connectors-before.svg
deleted file mode 100644
index 0ed3706c..00000000
--- a/docusaurus/static/img/transportation/interior-connectors-before.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="246px" height="246px" viewBox="-0.5 -0.5 246 246" content="&lt;mxfile host=&quot;drawio.corp.amazon.com&quot; modified=&quot;2023-06-15T18:46:30.075Z&quot; agent=&quot;Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36&quot; version=&quot;12.4.8&quot; etag=&quot;bsnIkDpyT5HcLRwDXJB9&quot; type=&quot;device&quot;&gt;&lt;diagram id=&quot;OLzeMUOOgToWzRUjgqQr&quot;&gt;7VhBk5sgFP413hVMNh676ba9dKYzOfTMRFRmURwk0fTXFwOoYLLdWJs1M80l8vF4wPveB2/w4DZvvnJUZt9ZjKkH/Ljx4GcPgACCQP61yEkhUQgUkHISa6Me2JFfWIO+Rg8kxpVlKBijgpQ2uGdFgffCwhDnrLbNEkbtWUuU4hGw2yM6Rn+SWGQaDXy/7/iGSZrpqTcr3ZEjY6yBKkMxqwcQfPHgljMm1FfebDFtg2fiosZ9udLbLYzjQrxngI77EdGD3ptelziZzeIi/tTGTLYKVkjwORM5la1AflaCs1e8ZZTxszVMkiiCsOsx4VlJRHnGsRPbih343kBgvIGgC4vMJ8xyLPhJmtR94E10s0HIDcYxRYIc7SmR5j/t3HUz/GBETgx8navAUKozNQx924VavR41DPQfHHVt40ggnmIxciQ/BtvuoTOPlzmFc3MKYRQlyVRONwujNFg7TEylNHQpdR1doVRGHp0GZmVrUL2Rg6vL8/QZojxOzZdw7nx5Snx/er4E3SG6kISB65nOANfRPzwDVvOf67dyuhj+XMGHbtinCn7kaD7+1u/gj1JZ77S81RkReFeis4JqWXLZXKKqVEVQQhos/T8nhNIBtf751xF5xFzg5lYqzYDISXGo2wOqwQWqgX+dVSuMb8Ts6ePvPZUAFoWLlcHd770JMtg8qAyge2XfUQbRx8tgeJ2vx8pYWkXYlRzLqwj/QjtmUw8vHhjdTzxBMLd6bi+Gh1L5XwzPcIuYV4WHU4JbTd1VCbM/I9z+NGQpASxMCQ/wNCSb/VOiMu8fZOHLbw==&lt;/diagram&gt;&lt;/mxfile&gt;"><defs/><g><path d="M 42 192 L 42 2" fill="none" stroke="#ff9933" stroke-width="5" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 192 42 L 102 42 Q 92 42 102 42 L 242 42" fill="none" stroke="#3399ff" stroke-width="5" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 202 192 L 202 2" fill="none" stroke="#7f00ff" stroke-width="5" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 2 202 L 242 202" fill="none" stroke="#ff00ff" stroke-width="5" stroke-miterlimit="10" pointer-events="stroke"/><ellipse cx="42" cy="42" rx="10" ry="10" fill="#000000" stroke="#000000" pointer-events="all"/><path d="M 2 42 L 32 42" fill="none" stroke="#3399ff" stroke-width="5" stroke-miterlimit="10" pointer-events="stroke"/><ellipse cx="202" cy="42" rx="10" ry="10" fill="#000000" stroke="#000000" pointer-events="all"/><path d="M 52 42 L 192 42" fill="none" stroke="#3399ff" stroke-width="5" stroke-miterlimit="10" pointer-events="stroke"/><ellipse cx="202" cy="202" rx="10" ry="10" fill="#000000" stroke="#000000" pointer-events="all"/><path d="M 202 242 L 202 212" fill="none" stroke="#7f00ff" stroke-width="5" stroke-miterlimit="10" pointer-events="stroke"/><ellipse cx="42" cy="202" rx="10" ry="10" fill="#000000" stroke="#000000" pointer-events="all"/><path d="M 42 242 L 42 212" fill="none" stroke="#ff9933" stroke-width="5" stroke-miterlimit="10" pointer-events="stroke"/></g></svg>
\ No newline at end of file
diff --git a/docusaurus/static/img/transportation/lane-blocks-dark.png b/docusaurus/static/img/transportation/lane-blocks-dark.png
new file mode 100644
index 00000000..6f1b1f3a
Binary files /dev/null and b/docusaurus/static/img/transportation/lane-blocks-dark.png differ
diff --git a/docusaurus/static/img/transportation/lane-blocks-light.png b/docusaurus/static/img/transportation/lane-blocks-light.png
new file mode 100644
index 00000000..7ed92324
Binary files /dev/null and b/docusaurus/static/img/transportation/lane-blocks-light.png differ
diff --git a/docusaurus/static/img/transportation/lane-blocks.svg b/docusaurus/static/img/transportation/lane-blocks.svg
deleted file mode 100644
index 83b57adb..00000000
--- a/docusaurus/static/img/transportation/lane-blocks.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="664px" height="500px" viewBox="-0.5 -0.5 664 500" content="&lt;mxfile host=&quot;drawio.corp.amazon.com&quot; modified=&quot;2023-06-20T19:33:47.785Z&quot; agent=&quot;Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36&quot; version=&quot;12.4.8&quot; etag=&quot;mwg1SW5HhUUwJ04lBB52&quot; type=&quot;device&quot;&gt;&lt;diagram id=&quot;Z_AAFrCRY-4LI3aEeNvO&quot;&gt;7ZrbkqJIEIafxojZi5kASk6XoHg+K2p7h1AgUlAIKOjTb9GircJu987gRGyM3jRkFQnk9/9AZXQF1NykGWj+po8NiCoMZSQVUK8wDFOlWPInjRzPEZoXmXPECmwji30EpvYJZkEqi+5tA4Z3EyOMUWT790Edex7Uo7uYFgQ4vp9mYnR/Vl+zYC4w1TWUjy5sI9pkUZqiPgZa0LY22akFNhtwtcvkLBBuNAPHNyGgVEAtwDg6b7lJDaK0epe6nI9r/MPo9cIC6EVfOSCr+0FD++zesuuKjpebJZfop5v6PkBHOdB0B5LUcryxIzj1NT0diwloEttELiJ7NNkM8N4zoJHthVGAHVjDCAfvSQH1/ruOXKqYzjVthC4zPezBNIS9qKG5NkoF04LoACNb17KBTB40ne0XnUVDtuWRWHBmQq4u0iIbpyGWJ/tZFWAQweQfK0lf+RBlQ+zCKDiSKdkBIpupOhP1dyFDHH8o5EJ9c6ONKsiCWiZK65r6gxvZyNAVYwR/PEaRKgcjzYjUPUcafA0kI5QAsvp1kGEEPd1G3/j5bF3H7bg+YrTDxHfckbxTRxVG3satcc9hG5F14EQrVmyUuPb2+KYwPmeEHBVNZptpQ9rVzLZgmwq5NrkFAndlnLr7gBrt7FonCpVppz18U6oh7qnzZtdf7+a4h5Biu1oyNp21DjRyHG5NTorDqIvuguXIvjSh9XGXiqVZUO2GAee1ID9d7sNElPihYevseMCYHGUK+pCWwsbODLuN9mHQ05szuyZ6dWqFktH+jd6258dmWxuzDZLUQ8v5sSG0yGZHOfTnE8fwZ7PqwNaHkgkNFdVUv7/ab9VVxCXSembh09u8OpNOUTuWwm4STEwmVtcmYWAkruguPDBhFF7dhpIjSOO0uqD+1+eeuFU2UadpQk7Xi9xhmqIIQM4dbElKpbl7pVYLdCoUCLUMnbL/XafsfLmehf2zTrvt/cZyoPpGaDaEgS9hvHCnIW6alKh1eHm/O7Y0heruFkg8ztDJO8qNsVxlRCXoTaUNp6CWvEyWZDZRw8ScC16L6kYuHkrDg94czFfjjgWMdTQzI6e+6fusCmLWbkzolpGclluJnFVtuuRYpmcwojGkDo7RFrYx5dg+nQpkbZ8ob7bqrJbMOBXfXifRmt5cUzSw2ibtdRWVRMTF26YnRB3dbs96srYUsDXn1L4OYnIMjHlzIZtknjydjxMyfVtrqj1x3Y3FxGHa8ryhbEajHc/56HAQyPh8vG+xMSejpD3wakuns8aYhG21qu3xYdNX51J/WevJ0gKI44VFr6KoM5C77qhdDw1ymkMtdV9yEuJ2byom7naKTn7cWaRVAsN1yNatldIYqr1g7AuS81N613XImmaR3gEQxfeRh+f3+fcsHwjUpzaoUgU2AGIJPuD++BcvA7jSnmfcHUi6ynzpxUuz7A9B+HWW/Isl4H+U5Eqx+gBTAF+CCbgSXCnkSE6h5aZXzlB0Diq5yege2D2iS+HzLC6l1ElqSOJyWjJCA0nZgGsbRnqaQoV8yIIqgysm2e0oPZq+5JtmN0mX8Zh9+C6+LnZvgPJcwWdxCTzFz50JPUNKV/YpDaSFoa3/G9JPXPerKM5XB41cF+HTYt8Uky1wxyUWQEQ8e7hPX1Th7AwjbL+L/2JOwD6y/EHd/C7ryUvGEO8DHWZJbrsJj3nF+7zcv6eNtMCCUS7tuxquNfmSQC6NoULH58XycvyXXsjg4cvqe8FK+FmWp+kc0Zfnf8XzhOZDg4oWf87lNAMeWyQPmUo0dr5B2dOIExlKRlh3zu9zDqVuXgdky0q3vt287f/6Q8z/hE+26wLpRqAC+yS75zuYD5yZF+eyWpyPjaOiJfPTQOc7nIiADiusTFXY+v+BYo08J22SkaEGMP55kjfrLkBWLE/phTA8f10a38DlitrXZcDNtwUvcOkX3LLhgoLPsaeRzTe6LmSZF9nSyfK/0bP5ttfLs2W9aQF/D5b9jY7NN8FeL9pncS34Ui6JK9n9+G+Q8wLq459qgPI3&lt;/diagram&gt;&lt;/mxfile&gt;"><defs/><g><path d="M 196 -50 L 191 -50 Q 186 -50 186 -40 L 186 155 Q 186 165 181 165 L 178.5 165 Q 176 165 181 165 L 183.5 165 Q 186 165 186 175 L 186 370 Q 186 380 191 380 L 196 380" fill="none" stroke="#000000" stroke-miterlimit="10" transform="rotate(57,186,165)" pointer-events="all"/><path d="M 531 -100 L 526 -100 Q 521 -100 521 -90 L 521 30 Q 521 40 516 40 L 513.5 40 Q 511 40 516 40 L 518.5 40 Q 521 40 521 50 L 521 170 Q 521 180 526 180 L 531 180" fill="none" stroke="#000000" stroke-miterlimit="10" transform="rotate(90,521,40)" pointer-events="all"/><path d="M 381 70 L 661 70 L 661 150 L 421 150 Z" fill="#ffe6cc" stroke="none" pointer-events="all"/><path d="M 381 70 L 661 70 L 661 150 L 421 150" fill="none" stroke="#ff9933" stroke-width="5" stroke-miterlimit="10" pointer-events="all"/><path d="M 401 110 L 661 110" fill="none" stroke="#ff9933" stroke-opacity="0.25" stroke-width="3" stroke-miterlimit="10" stroke-dasharray="9 9" pointer-events="all"/><path d="M 21 310 L 381 70 L 421 150 L 301 230 L 301 280 L 21 460 Z" fill="#cce5ff" stroke="none" pointer-events="all"/><path d="M 21 310 L 381 70 M 421 150 L 301 230 L 301 280 L 21 460 L 21 310" fill="none" stroke="#3399ff" stroke-width="5" stroke-miterlimit="10" pointer-events="all"/><path d="M 21 360 L 401 110 M 21 410 L 421 150" fill="none" stroke="#3399ff" stroke-opacity="0.25" stroke-width="3" stroke-miterlimit="10" stroke-dasharray="9 9" pointer-events="all"/><path d="M 407 172 L 402 172 Q 397 172 397 182 L 397 239.94 Q 397 249.94 392 249.94 L 389.5 249.94 Q 387 249.94 392 249.94 L 394.5 249.94 Q 397 249.94 397 259.94 L 397 317.88 Q 397 327.88 402 327.88 L 407 327.88" fill="none" stroke="#000000" stroke-miterlimit="10" transform="rotate(236,397,249.94)" pointer-events="all"/><path d="M 187 213 L 182 213 Q 177 213 177 223 L 177 383 Q 177 393 172 393 L 169.5 393 Q 167 393 172 393 L 174.5 393 Q 177 393 177 403 L 177 563 Q 177 573 182 573 L 187 573" fill="none" stroke="#000000" stroke-miterlimit="10" transform="rotate(237.5,177,393)" pointer-events="all"/><rect x="111" y="130" width="76" height="20" fill="none" stroke="none" pointer-events="all"/><g transform="translate(120.5,134.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="56" height="11" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 57px; white-space: nowrap; overflow-wrap: normal; font-weight: bold; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">Segment 1</div></div></foreignObject><text x="28" y="11" fill="#000000" text-anchor="middle" font-size="11px" font-family="Helvetica" font-weight="bold">Segment 1</text></switch></g><path d="M 156 130 L 210.7 93.53" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 215.07 90.62 L 211.19 97.42 L 210.7 93.53 L 207.3 91.59 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/><rect x="521" y="0" width="76" height="20" fill="none" stroke="none" pointer-events="all"/><g transform="translate(530.5,4.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="56" height="11" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 57px; white-space: nowrap; overflow-wrap: normal; font-weight: bold; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">Segment 2</div></div></foreignObject><text x="28" y="11" fill="#000000" text-anchor="middle" font-size="11px" font-family="Helvetica" font-weight="bold">Segment 2</text></switch></g><path d="M 526 11 L 457.37 11" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 452.12 11 L 459.12 7.5 L 457.37 11 L 459.12 14.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/><rect x="167" y="420" width="85" height="20" fill="none" stroke="none" pointer-events="all"/><g transform="translate(177.5,417.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="64" height="24" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 65px; white-space: nowrap; overflow-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">Lane Block 1<br />(Segment 1)</div></div></foreignObject><text x="32" y="18" fill="#000000" text-anchor="middle" font-size="11px" font-family="Helvetica">Lane Block 1&lt;br&gt;(Segment 1)</text></switch></g><rect x="381" y="270" width="85" height="20" fill="none" stroke="none" pointer-events="all"/><g transform="translate(391.5,267.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="64" height="24" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 65px; white-space: nowrap; overflow-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">Lane Block 2<br />(Segment 1)</div></div></foreignObject><text x="32" y="18" fill="#000000" text-anchor="middle" font-size="11px" font-family="Helvetica">Lane Block 2&lt;br&gt;(Segment 1)</text></switch></g><rect x="21" y="307.88" width="60" height="20" fill="none" stroke="none" transform="rotate(328,51,317.88)" pointer-events="all"/><g transform="translate(24.5,311.5)rotate(328,26.5,5.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="53" height="11" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 11px; font-family: &quot;Courier New&quot;; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 54px; white-space: nowrap; overflow-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">lanes[0]</div></div></foreignObject><text x="27" y="11" fill="#000000" text-anchor="middle" font-size="11px" font-family="Courier New">lanes[0]</text></switch></g><rect x="21" y="360" width="60" height="20" fill="none" stroke="none" transform="rotate(328,51,370)" pointer-events="all"/><g transform="translate(24.5,364.5)rotate(328,26.5,5.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="53" height="11" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 11px; font-family: &quot;Courier New&quot;; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 54px; white-space: nowrap; overflow-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">lanes[1]</div></div></foreignObject><text x="27" y="11" fill="#000000" text-anchor="middle" font-size="11px" font-family="Courier New">lanes[1]</text></switch></g><rect x="21" y="408" width="60" height="20" fill="none" stroke="none" transform="rotate(328,51,418)" pointer-events="all"/><g transform="translate(24.5,412.5)rotate(328,26.5,5.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="53" height="11" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 11px; font-family: &quot;Courier New&quot;; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 54px; white-space: nowrap; overflow-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">lanes[2]</div></div></foreignObject><text x="27" y="11" fill="#000000" text-anchor="middle" font-size="11px" font-family="Courier New">lanes[2]</text></switch></g><rect x="591" y="80" width="60" height="20" fill="none" stroke="none" pointer-events="all"/><g transform="translate(594.5,84.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="53" height="11" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 11px; font-family: &quot;Courier New&quot;; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 54px; white-space: nowrap; overflow-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">lanes[1]</div></div></foreignObject><text x="27" y="11" fill="#000000" text-anchor="middle" font-size="11px" font-family="Courier New">lanes[1]</text></switch></g><rect x="591" y="120" width="60" height="20" fill="none" stroke="none" pointer-events="all"/><g transform="translate(594.5,124.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="53" height="11" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 11px; font-family: &quot;Courier New&quot;; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 54px; white-space: nowrap; overflow-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">lanes[0]</div></div></foreignObject><text x="27" y="11" fill="#000000" text-anchor="middle" font-size="11px" font-family="Courier New">lanes[0]</text></switch></g></g></svg>
\ No newline at end of file
diff --git a/docusaurus/static/img/transportation/lane-number-01-west-dark.png b/docusaurus/static/img/transportation/lane-number-01-west-dark.png
new file mode 100644
index 00000000..6aaa98e4
Binary files /dev/null and b/docusaurus/static/img/transportation/lane-number-01-west-dark.png differ
diff --git a/docusaurus/static/img/transportation/lane-number-01-west-light.png b/docusaurus/static/img/transportation/lane-number-01-west-light.png
new file mode 100644
index 00000000..3ea4a8fb
Binary files /dev/null and b/docusaurus/static/img/transportation/lane-number-01-west-light.png differ
diff --git a/docusaurus/static/img/transportation/lane-number-01-west.svg b/docusaurus/static/img/transportation/lane-number-01-west.svg
deleted file mode 100644
index 6dea0a17..00000000
--- a/docusaurus/static/img/transportation/lane-number-01-west.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="286px" height="198px" viewBox="-0.5 -0.5 286 198" content="&lt;mxfile host=&quot;drawio.corp.amazon.com&quot; modified=&quot;2023-06-19T23:27:14.600Z&quot; agent=&quot;Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36&quot; version=&quot;12.4.8&quot; etag=&quot;DdzQN9lIb65TeUC2-T9O&quot; type=&quot;device&quot;&gt;&lt;diagram id=&quot;slD_RxvOeUG1EPhGz9Wa&quot;&gt;7VfBjpswEP0ajkUGQwjHTXa3e2lVKYeerdgBqwZHjrNJ+vUdh4GYJWxSLapUaTkk9vN4xrz3DCagy+r41bBt+U1zoYKY8GNAH4M4jkmcw59DTg2SJ3EDFEbyBoouwEr+FggSRPeSi10v0GqtrNz2wbWua7G2PYwZow/9sI1W/apbVogBsFozNUR/Sm5LRCNCLgMvQhYllp6nOFCxNhiBXcm4PngQfQro0mhtm1Z1XArlyGt5aeY9j4x2CzOitvdMQN5fmdrjveG67Km9WVji1jV3si6UeHD0BXTBpQFmpa7diN6721ocSmnFasvWLvwA0gNW2kpBL4Km0ZbhjJxA/6xEyx8Js9mcZjPS/rYBqD4JadK/IGAjlVpqpQ0E1LqGuMXOGv2rU4UComFB0jqnxaQLaGcFMd1sCNlsXDYlty+uFLSRFmGsOI5SG3WCgdOFroQ1JwjBCV+iKAuT3LuSJgWafo4WOHgOytMGKz3zxFkWIszQt0VX7CItNFDd60rT20qLmqO8LZueeuO89SlPHZO6ts+sksrd6lLvjRQGSn0XBxxEUaMI+15aSvP8nLZZnuCDrXhTAI/RduP5hLaYEQr8+NpPf41irPBDSyjs6TsjIfGulmLUF4b7KWGbmLXALP6efJM4ah8OY4ksM4Wwg0RnB3Q03GWK5NMUU5sizUN/z2dZT8tu13/UFINE05ki/UemoFOZgrNdKThW/+8dEs1DGnvjdCLD3Mg7nX9mA/8oVsNxLV2QIH0ceAnesPY9A6HBrrzrmZKFO02sQVmwDV2497WEY9oDDlSSc1fm6snE6H3Nz7YhHzRi8/if5tQwe6NakgxOCckVc8Zk3If3nhCyUd2iT93+UrfoyuluIt2ge/k+aLbn5SuLPv0B&lt;/diagram&gt;&lt;/mxfile&gt;"><defs/><g><path d="M 3.25 23.83 L 185.17 23.83 L 185.17 1.25 L 280.75 98.75 L 185.17 196.25 L 185.17 173.67 L 3.25 173.67 Z" fill="none" stroke="#ff00ff" stroke-opacity="0.2" stroke-width="3" stroke-miterlimit="10" transform="rotate(180,142,98.75)" pointer-events="all"/><path d="M 2 40 L 282 40" fill="none" stroke="#ff00ff" stroke-width="5" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 2 160 L 282 160" fill="none" stroke="#ff00ff" stroke-width="5" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 2 98.33 L 282 98.33" fill="none" stroke="#ff00ff" stroke-width="3" stroke-miterlimit="10" stroke-dasharray="9 9" pointer-events="stroke"/><rect x="222" y="124" width="40" height="20" fill="none" stroke="none" pointer-events="all"/><g transform="translate(215.5,128.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="53" height="11" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 11px; font-family: &quot;Courier New&quot;; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 54px; white-space: nowrap; overflow-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">lanes[0]</div></div></foreignObject><text x="27" y="11" fill="#000000" text-anchor="middle" font-size="11px" font-family="Courier New">lanes[0]</text></switch></g><rect x="222" y="60" width="40" height="20" fill="none" stroke="none" pointer-events="all"/><g transform="translate(215.5,64.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="53" height="11" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 11px; font-family: &quot;Courier New&quot;; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 54px; white-space: nowrap; overflow-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">lanes[1]</div></div></foreignObject><text x="27" y="11" fill="#000000" text-anchor="middle" font-size="11px" font-family="Courier New">lanes[1]</text></switch></g></g></svg>
\ No newline at end of file
diff --git a/docusaurus/static/img/transportation/lane-number-02-north-dark.png b/docusaurus/static/img/transportation/lane-number-02-north-dark.png
new file mode 100644
index 00000000..2c575cbb
Binary files /dev/null and b/docusaurus/static/img/transportation/lane-number-02-north-dark.png differ
diff --git a/docusaurus/static/img/transportation/lane-number-02-north-light.png b/docusaurus/static/img/transportation/lane-number-02-north-light.png
new file mode 100644
index 00000000..a1eca4e4
Binary files /dev/null and b/docusaurus/static/img/transportation/lane-number-02-north-light.png differ
diff --git a/docusaurus/static/img/transportation/lane-number-02-north.svg b/docusaurus/static/img/transportation/lane-number-02-north.svg
deleted file mode 100644
index 662f754b..00000000
--- a/docusaurus/static/img/transportation/lane-number-02-north.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="283px" height="286px" viewBox="-0.5 -0.5 283 286" content="&lt;mxfile host=&quot;drawio.corp.amazon.com&quot; modified=&quot;2023-06-19T23:27:57.112Z&quot; agent=&quot;Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36&quot; version=&quot;12.4.8&quot; etag=&quot;VedVxP-CHn73q25a1Q6P&quot; type=&quot;device&quot;&gt;&lt;diagram id=&quot;EHki6ghjZYWJ6bF9K6Br&quot;&gt;7ZfLjpswFIafhuVEvmBIlpNkpt20qpRF1xY4warBkXEmSZ++JhxuA7k0JVUrDYvE/DbH5vyf4eDRRXr4ZPg2+aJjoTyC4oNHlx4hBJGZ+yuUY6nMfFIKGyPjUsKNsJI/BYgI1J2MRd4ZaLVWVm67YqSzTES2o3Fj9L47bK1Vd9Yt34iesIq46qvfZWwTUDFCTcdnITcJTD1l0JHyajAIecJjvW9J9MWjC6O1LVvpYSFUkbwqL+V1r2d664UZkdlbLoC8v3G1g3uDddljdbNG77JYFOORR+f7RFqx2vKo6N07e52W2FS5M+yauTX6h1hopY1TMp2JWqwyRZ2ylkq9G7TWmX3lqVQFEwu9M1IYt5CvYg+dgAHGcF5d7xFK6Wy2Xjtdu4VJW0QgxWK5kpvMnZjSijncrDBWHM4mDNc2OH6FToU1RzcELnjCPlgH7PqV6fuGBDIFLWlBUIsc6NvUwRuDXAM8GvaLXvfLIbUtmmslDs8F7O7GRRZDcxkpnucyumRbO6MD3v2BUeh09I2qcod9Ngmx7zYM/JJy8RCS4m4vZmV3tTwfT6ZhyBhGBPloillQmy7i3pa+annLUTZgaKUZobiVb93wQybDDN+0dBM3RJEJCWlIg5D5PiWUoEA8YdqBLHjPTu7yHgmI1N7fdwSvCa6CW242wvaCn9is03MTrv51XFtowpPgDi7Zb3BJpxe4/OdhCdAEtQ4yFieX4z4QEfaByLiIBGgcJIIz77nxEQjuQSDmeXKqSvDjX2X/NQ83vV/CR75f8MPICXvkKJ65LwM2Rx5b9ihyZZ+9oV4dqE6rSjJynjpG6LwoIqX7IniGjlTGcTHNYIHcLaFHKaC8EUpZ9u5J4fcrWX+okB2hjp2eNQ5/GHfNOPzXfHOnzbdouT+bL3r68gs=&lt;/diagram&gt;&lt;/mxfile&gt;"><defs/><g><rect x="1" y="2" width="280" height="280" fill="none" stroke="none" pointer-events="all"/><path d="M 214.86 280.5 L 67.14 280.5 L 67.14 101.64 L 44.7 101.64 L 141 3.5 L 237.3 101.64 L 214.86 101.64 Z" fill="none" stroke="#3399ff" stroke-opacity="0.2" stroke-width="3" stroke-linejoin="round" stroke-miterlimit="10" pointer-events="all"/><path d="M 81 282 L 81 2" fill="none" stroke="#3399ff" stroke-width="5" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 201 282 L 201 2" fill="none" stroke="#3399ff" stroke-width="5" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 141 272 L 141 12" fill="none" stroke="#3399ff" stroke-width="3" stroke-miterlimit="10" stroke-dasharray="9 9" pointer-events="stroke"/><rect x="91" y="242" width="40" height="20" fill="none" stroke="none" pointer-events="all"/><g transform="translate(83.5,246.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="53" height="11" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 11px; font-family: &quot;Courier New&quot;; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 54px; white-space: nowrap; overflow-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">lanes[0]</div></div></foreignObject><text x="27" y="11" fill="#000000" text-anchor="middle" font-size="11px" font-family="Courier New">lanes[0]</text></switch></g><rect x="151" y="242" width="40" height="20" fill="none" stroke="none" pointer-events="all"/><g transform="translate(144.5,246.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="53" height="11" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 11px; font-family: &quot;Courier New&quot;; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 54px; white-space: nowrap; overflow-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">lanes[1]</div></div></foreignObject><text x="27" y="11" fill="#000000" text-anchor="middle" font-size="11px" font-family="Courier New">lanes[1]</text></switch></g></g></svg>
\ No newline at end of file
diff --git a/docusaurus/static/img/transportation/lane-number-03-east-dark.png b/docusaurus/static/img/transportation/lane-number-03-east-dark.png
new file mode 100644
index 00000000..f375d969
Binary files /dev/null and b/docusaurus/static/img/transportation/lane-number-03-east-dark.png differ
diff --git a/docusaurus/static/img/transportation/lane-number-03-east-light.png b/docusaurus/static/img/transportation/lane-number-03-east-light.png
new file mode 100644
index 00000000..f158e546
Binary files /dev/null and b/docusaurus/static/img/transportation/lane-number-03-east-light.png differ
diff --git a/docusaurus/static/img/transportation/lane-number-03-east.svg b/docusaurus/static/img/transportation/lane-number-03-east.svg
deleted file mode 100644
index dae0fadf..00000000
--- a/docusaurus/static/img/transportation/lane-number-03-east.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="289px" height="198px" viewBox="-0.5 -0.5 289 198" content="&lt;mxfile host=&quot;drawio.corp.amazon.com&quot; modified=&quot;2023-06-19T23:28:13.188Z&quot; agent=&quot;Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36&quot; version=&quot;12.4.8&quot; etag=&quot;iWmJ4fVo2DBtBXtHIgEy&quot; type=&quot;device&quot;&gt;&lt;diagram id=&quot;6HG3VUIps6rG3R9I_ro5&quot;&gt;7VdNj9sgEP01vkYYYic+brK77aVVpRx6RoHYqNhEmGyS/voO8firdj5Wa1WqtD4k8Bhm4L2HjAO2zk9fLN9n34yQOqBEnAL2HFBKCU3gzyPnCknmtAJSq0QFhS2wUb8lggTRgxKy7AU6Y7RT+z64NUUht66HcWvNsR+2M7pfdc9TOQA2W66H6E8lXIZoSEg78FWqNMPSywgHcl4HI1BmXJhjB2IvAVtbY1zVyk9rqT15NS/VvNcro83CrCzcIxOQ9zeuD7g3XJc715uFJe59s1RFquWTpy9gK6EsMKtMASOFsX5bq2OmnNzs+daHH0F6wDKXa+iF0LTGcZyREOhflKj5I7NFvGSLmNS/dQCqT2Zs3n8gYKe0Xhtt7GURBcStSmfNr0YVBoiBBSnnnUZJE1DPCijb7ZKE+UCkQlonT1fpDBuRwN3S5NLZM4TgBEbpLCKdJ64yoM+XqPqxY5okqrCs4xe6WMwQ5mjVtKnVqgkNFHRcXHZfXFkIVLQmsCPYdar6LEdeClO4V54r7be6NgerpIVS3+URB1HHMMR+Jy1jSbLbNQpIMTh9d/nvMFqftS6hNWalBgu+9dOPUYwVfhgFhRt56ZLWuqCiYUz6SUrY+lbivO7B+ytVFN9N5bhNpRukuqjebP0hI8w/jTC1Ecise8znfSmbg/5+V5DbiabzRPSPPMGm8oTgZSYFVv/fDRIuZ4wm7cMm8sudvNPZJx7YR/MC7mTRigTR88BK8Ep1t/yD/hp5oXOtUn9l2IKw4Bq28i9oBXexJxzIlRC+zOj1w5pDIS6uIR/0YaXjRNcEcvOaEI7cE+YjXqXkui0fvSMsruoYfur4QR0b0abXEbrtR0J1fNtPLfbyBw==&lt;/diagram&gt;&lt;/mxfile&gt;"><defs/><g><path d="M 3.25 23.83 L 185.17 23.83 L 185.17 1.25 L 280.75 98.75 L 185.17 196.25 L 185.17 173.67 L 3.25 173.67 Z" fill="none" stroke="#ff9933" stroke-opacity="0.2" stroke-width="3" stroke-miterlimit="10" transform="rotate(360,142,98.75)" pointer-events="all"/><path d="M 4.5 40 L 284.5 40" fill="none" stroke="#ff9933" stroke-width="5" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 2 160 L 282 160" fill="none" stroke="#ff9933" stroke-width="5" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 2 98.33 L 282 98.33" fill="none" stroke="#ff9933" stroke-width="3" stroke-miterlimit="10" stroke-dasharray="9 9" pointer-events="stroke"/><rect x="24.5" y="60" width="40" height="20" fill="none" stroke="none" pointer-events="all"/><g transform="translate(17.5,64.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="53" height="11" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 11px; font-family: &quot;Courier New&quot;; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 54px; white-space: nowrap; overflow-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">lanes[0]</div></div></foreignObject><text x="27" y="11" fill="#000000" text-anchor="middle" font-size="11px" font-family="Courier New">lanes[0]</text></switch></g><rect x="24.5" y="120" width="40" height="20" fill="none" stroke="none" pointer-events="all"/><g transform="translate(17.5,124.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="53" height="11" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 11px; font-family: &quot;Courier New&quot;; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 54px; white-space: nowrap; overflow-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">lanes[1]</div></div></foreignObject><text x="27" y="11" fill="#000000" text-anchor="middle" font-size="11px" font-family="Courier New">lanes[1]</text></switch></g></g></svg>
\ No newline at end of file
diff --git a/docusaurus/static/img/transportation/lane-number-04-south-dark.png b/docusaurus/static/img/transportation/lane-number-04-south-dark.png
new file mode 100644
index 00000000..92f5ba17
Binary files /dev/null and b/docusaurus/static/img/transportation/lane-number-04-south-dark.png differ
diff --git a/docusaurus/static/img/transportation/lane-number-04-south-light.png b/docusaurus/static/img/transportation/lane-number-04-south-light.png
new file mode 100644
index 00000000..bf66a814
Binary files /dev/null and b/docusaurus/static/img/transportation/lane-number-04-south-light.png differ
diff --git a/docusaurus/static/img/transportation/lane-number-04-south.svg b/docusaurus/static/img/transportation/lane-number-04-south.svg
deleted file mode 100644
index a7d005de..00000000
--- a/docusaurus/static/img/transportation/lane-number-04-south.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="283px" height="286px" viewBox="-0.5 -0.5 283 286" content="&lt;mxfile host=&quot;drawio.corp.amazon.com&quot; modified=&quot;2023-06-19T23:28:27.454Z&quot; agent=&quot;Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36&quot; version=&quot;12.4.8&quot; etag=&quot;z0Dq3meypPYMC9SMqhaO&quot; type=&quot;device&quot;&gt;&lt;diagram id=&quot;OZ-V74mYVWdNE-fOzKEO&quot;&gt;7ZdBk5owFMc/DVcnIUTwuOpue2mnMx56zkCATANxQly0n74PCSAbXN1d7bQz60HDP+Elef9f4OmRVbH/otk2/6YSLj0fJXuPrD3f95G/gJ9GObTKIvBbIdMiaSU8CBvxm1sRWXUnEl6NBhqlpBHbsRirsuSxGWlMa1WPh6VKjmfdsow7wiZm0lV/isTkVsUIDR1fuchyO3VEbUfBusFWqHKWqPpEIo8eWWmlTNsq9isum+R1eWnvezrT2y9M89Jcc4PN+zOTO7s3uy5z6Dar1a5MeDMeeWRZ58LwzZbFTW8N9oKWm0LCFYZmZbT6xVdKKg1KqUrei12mCCipkPLFoFSV5okVQjZMrNROC65hId95bTstBhjb6+5+zyeELBZpCrqChQnTRPCbxTIpshIudGvF0m6Wa8P3ZxOGexuAX64KbvQBhnTwRtY5i27QeV4PIPRj8hMGepFZ+LI+9uAPNKxF03aRy3YBUdummUq+f2hYh33zMrHNdSxZVYn4NdcgoWGK0DGhE9Z9wCd0/Lg+dbnDAZ2FOIDzYr/9dvE2JMHjXkzb7m55AZ5FYUgpRj4KUITpvPecJ86Jvuj4iaN0wtBO01wyI57H4adMtjP8UAIm7oEK8GJGp5HqglSQ5Zjb+04P88VQ85fQGaYzbpxQR+76rV+FYnAZxRPs7CF/B3P0DcyR6BXm/nUQCL3o3rUguKEcpm4HAv0E4cZPhPBmILih7gjC/D0gJKzKj8UFvv8r6f+mwn24hzd7TwT4blSEDhWSlVC80yXy6NohBCozc0VJOVFAdsVeDH6B/2TZ1HkCivYH21GIJGmmmaxhx1XuTYoc7+PVZuA7TvluvRlMlZs3qDajs9bhT+suWUfmf9E6uBz+M7aHdPjnTR7/AA==&lt;/diagram&gt;&lt;/mxfile&gt;"><defs/><g><rect x="1" y="2" width="280" height="280" fill="none" stroke="none" pointer-events="all"/><path d="M 66.64 3.5 L 214.36 3.5 L 214.36 182.36 L 236.8 182.36 L 140.5 280.5 L 44.2 182.36 L 66.64 182.36 Z" fill="none" stroke="#7f00ff" stroke-opacity="0.2" stroke-width="3" stroke-linejoin="round" stroke-miterlimit="10" pointer-events="all"/><path d="M 80.5 282 L 80.5 2" fill="none" stroke="#7f00ff" stroke-width="5" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 200.5 282 L 200.5 2" fill="none" stroke="#7f00ff" stroke-width="5" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 140.5 272 L 140.5 12" fill="none" stroke="#7f00ff" stroke-width="3" stroke-miterlimit="10" stroke-dasharray="9 9" pointer-events="stroke"/><rect x="150.5" y="22" width="40" height="20" fill="none" stroke="none" pointer-events="all"/><g transform="translate(143.5,26.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="53" height="11" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 11px; font-family: &quot;Courier New&quot;; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 54px; white-space: nowrap; overflow-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">lanes[0]</div></div></foreignObject><text x="27" y="11" fill="#000000" text-anchor="middle" font-size="11px" font-family="Courier New">lanes[0]</text></switch></g><rect x="90.5" y="22" width="40" height="20" fill="none" stroke="none" pointer-events="all"/><g transform="translate(83.5,26.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="53" height="11" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 11px; font-family: &quot;Courier New&quot;; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 54px; white-space: nowrap; overflow-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">lanes[1]</div></div></foreignObject><text x="27" y="11" fill="#000000" text-anchor="middle" font-size="11px" font-family="Courier New">lanes[1]</text></switch></g></g></svg>
\ No newline at end of file
diff --git a/docusaurus/static/img/transportation/level-dark.png b/docusaurus/static/img/transportation/level-dark.png
new file mode 100644
index 00000000..69eb3c62
Binary files /dev/null and b/docusaurus/static/img/transportation/level-dark.png differ
diff --git a/docusaurus/static/img/transportation/level-light.png b/docusaurus/static/img/transportation/level-light.png
new file mode 100644
index 00000000..08e7f758
Binary files /dev/null and b/docusaurus/static/img/transportation/level-light.png differ
diff --git a/docusaurus/static/img/transportation/levels.svg b/docusaurus/static/img/transportation/levels.svg
deleted file mode 100644
index 397f2559..00000000
--- a/docusaurus/static/img/transportation/levels.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="249px" height="172px" viewBox="-0.5 -0.5 249 172" content="&lt;mxfile host=&quot;drawio.corp.amazon.com&quot; modified=&quot;2023-08-17T23:38:12.836Z&quot; agent=&quot;Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/115.0.0.0 Safari/537.36&quot; version=&quot;12.4.8&quot; etag=&quot;YCjywmsxkgJmW2ANlrJD&quot; type=&quot;device&quot;&gt;&lt;diagram id=&quot;SpVckbKcy0slZYE-tGQr&quot;&gt;7VhNc9owFPw1HMvYErbxMZCkvbSTKYemRw2WbU1lixEiQH99nyz5GxOSmAyHcmCslfUs7e57kj3By+zwVZJN+l1ElE+QEx0m+H6CUIAw/GvgaAAPzw2QSBYZyK2BFftLLehYdMcium3dqITgim3a4FrkOV2rFkakFPv2bbHg7aduSEJ7wGpNeB/9xSKVWtR1nLrjG2VJah8992xHRsqbLbBNSST2DQg/TPBSCqHMVXZYUq65K3kx4x4HequJSZqrSwYgM+CF8J1dm52XOpaLTVXG4cqd4MU+ZYquNmStu/YgLWBkuzEUx+xAIeoClrTR/WwrfkIPyRMdaUE4S3KA1zAzKgGwT6ZS0cPg7N2KE/ASFRlV8gi32AHYt0ayPkIzS+u+VgW5/tT3DZw2NHGxvZdYMyRV+JovuLCUnaYPv04fzaM7bTlo5SLXTDQI3Sop/tCl4EIWd+M4dpw4rnpKd3mA0ANTz3DtTFFom79N0/Ft+17z4pSNY6PxRCWD1WniC8xMk0Ydn2/FTq5pyxqKyIRazmYXC9QQoPR+k/wSk5QTxV7akzgliH3Ck2Dw4Er/Gero73c0Neuxo5pp0A3ko2ngt2JhjKahE9a/oB3a8NILXTimIuIiE816Jrrru4hzKG50IAcbjuqlWcQkZCETGgQ6tCoLKRSxkIfHSUXDoFP/vA6b/cx03ak763sDjZCX3th56Re/k3l5QSrdXN4ETlud9+aN53YD+dfKEn9sSYMzpTaHaT3bgUXDVNqqry60RaustANWuOkSOuso6IXvLKHeK54azwpBzwqcvsAJE0PdLI9gDVtAUVPnvGC9EjPOO1BZTDmNdQRdIBmcAu8snLEo4kM1WYpdHukDUeGMWOTqkWSMa3aWQCmD4oycH3Q/Tvn1OjJWR+WGi/wTLhqj2M7PyfHF/a/HwP4XXEmP8PVKea0zvYA4TOk1z51xiMSdrapK8M864peJNN7Go09HAxvPwAZyM7tFT40uw+8+OLhX2y1c9wIBgfGVbYLHdXS2fqjBxVvf4sIQ489VuPr48OEDAZ5i1HjvaetUnuvffDwIz4VF3bAjyt//xLHo63/7r1feudcrFMx7VXG81yto1l+kjAT1Zz388A8=&lt;/diagram&gt;&lt;/mxfile&gt;"><defs/><g><path d="M 0 105 L 108.33 42.46 L 216.66 105 L 108.33 167.54 L 0 105 Z" fill="#ffffff" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/><path d="M 62.83 66.78 L 102.51 135.16" fill="none" stroke="#ff00ff" stroke-width="5" stroke-miterlimit="10" pointer-events="stroke"/><ellipse cx="105.33" cy="140" rx="10" ry="5.57" fill="#ffffff" stroke="#000000" transform="rotate(143,105.33,140)" pointer-events="all"/><g transform="translate(100.5,133.5)rotate(53,4,6)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="8" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 9px; white-space: nowrap; overflow-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">A</div></div></foreignObject><text x="4" y="12" fill="#000000" text-anchor="middle" font-size="12px" font-family="Helvetica">A</text></switch></g><path d="M 110.28 143.09 L 147 166" fill="none" stroke="#666666" stroke-width="5" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 77 159 L 97.34 146.02" fill="none" stroke="#7f00ff" stroke-width="5" stroke-miterlimit="10" pointer-events="stroke"/><rect x="177" y="10" width="60" height="20" fill="none" stroke="none" pointer-events="all"/><g transform="translate(178.5,13.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="58" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: &quot;Courier New&quot;; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 58px; white-space: nowrap; overflow-wrap: normal; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">level: 0</div></div></foreignObject><text x="29" y="12" fill="#000000" text-anchor="middle" font-size="12px" font-family="Courier New">level: 0</text></switch></g><rect x="177" y="130" width="70" height="20" fill="none" stroke="none" pointer-events="all"/><g transform="translate(178.5,133.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="65" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: &quot;Courier New&quot;; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 66px; white-space: nowrap; overflow-wrap: normal; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">level: -1</div></div></foreignObject><text x="33" y="12" fill="#000000" text-anchor="middle" font-size="12px" font-family="Courier New">level: -1</text></switch></g><path d="M 7 65 L 115.33 2.46 L 223.66 65 L 115.33 127.54 L 7 65 Z" fill-opacity="0.8" fill="#ffffff" stroke="#000000" stroke-opacity="0.8" stroke-miterlimit="10" pointer-events="all"/><path d="M 7 30 L 147 110" fill="none" stroke="#0000ff" stroke-width="5" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 80.33 105 L 127.47 77.78 Q 136.13 72.78 127.47 67.78 L 113.99 60 Q 105.33 55 96.67 50 L 83.19 42.22 Q 74.53 37.22 83.19 32.22 L 130.33 5" fill="none" stroke="#ff9933" stroke-width="5" stroke-miterlimit="10" pointer-events="stroke"/><ellipse cx="108.33" cy="88" rx="10" ry="5.57" fill="#ffffff" stroke="#000000" transform="rotate(143,108.33,88)" pointer-events="all"/><g transform="translate(103.5,81.5)rotate(53,4,6)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="8" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 9px; white-space: nowrap; overflow-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">B</div></div></foreignObject><text x="4" y="12" fill="#000000" text-anchor="middle" font-size="12px" font-family="Helvetica">B</text></switch></g></g></svg>
\ No newline at end of file
diff --git a/docusaurus/static/img/transportation/network-dark.png b/docusaurus/static/img/transportation/network-dark.png
new file mode 100644
index 00000000..e4fa45c3
Binary files /dev/null and b/docusaurus/static/img/transportation/network-dark.png differ
diff --git a/docusaurus/static/img/transportation/network-light.png b/docusaurus/static/img/transportation/network-light.png
new file mode 100644
index 00000000..b5458a8f
Binary files /dev/null and b/docusaurus/static/img/transportation/network-light.png differ
diff --git a/docusaurus/static/img/transportation/network.svg b/docusaurus/static/img/transportation/network.svg
deleted file mode 100644
index 428c345a..00000000
--- a/docusaurus/static/img/transportation/network.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="196px" height="106px" viewBox="-0.5 -0.5 196 106" content="&lt;mxfile host=&quot;drawio.corp.amazon.com&quot; modified=&quot;2023-06-15T19:15:01.100Z&quot; agent=&quot;Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36&quot; version=&quot;12.4.8&quot; etag=&quot;E5UtT7Wyu60eBQUCxNZW&quot; type=&quot;device&quot;&gt;&lt;diagram id=&quot;NzXQlJkwFaj8o-XNjnAb&quot;&gt;zVbBkqMgFPwa7ypxNh43mZndy1ZtVQ47c6QUlVoUC0nU/fqFAArEjMnkMrmE92ge0HS/MgD7evjBYFv9ojkiQRzmQwCegziOkm0i/mRm1JkIhCpTMpzr3Jw44H9IJw3siHPUOUBOKeG4dZMZbRqUcScHGaO9CysocXdtYYkuEocMksvsH5zzylwjDOeJnwiXld56m+iJGhqwTnQVzGlvpcBLAPaMUq5G9bBHRLJneFHrXq/MTgdjqOG3LIjVghMkR303fS4+mstmR3ZCEh4FYIea/LskUIQNbQRiV/GazJOvmMgoFFHHGf078ZNMmT0llJ1Lg6JIUwDEjNoU5Re0z/eIJnaErhCtEWejgPQz/4bkymLe5BgikOOTWx5qGZRTuWmH3xSLjeNQazY2L6sVuzGxKdHRI8uQXmXz7RUCqVco9gpxyErELwoJ0uFowVoJ6O4/8LVzxcDFg6cVfOLhkxV8eh8eRPedB2w8fLqCf/L4iVbw2+V303gxUC9kIkujc+rsvWUfgnUfigWiv0nL9RXm6NDCTM70ose6NoRdq5pegQdp3F0hTGm5Ljz/JtedEONocIxxg+8ML75uDE+WL+MFX/qyty1okfohZ5sbOPuwXQ2Yv1njd9245Ph5sIPRaWkWlQCkaVEsNrsrLU01CufRv0yX80U+Pe6jXW5y50qX+4RxkkdF0Iit3sxjy+Ddnpl1cI6uCuFbEYb3CUFR8DWF4Hfrjf9+NwsBLLfZx4UgwvkrScHnj03w8h8=&lt;/diagram&gt;&lt;/mxfile&gt;"><defs/><g><path d="M 2 62 Q 2 62 17 42 Q 32 22 42 17 Q 52 12 72 12 Q 92 12 102 17 Q 112 22 127 37 Q 142 52 152 62 Q 162 72 172 77 Q 182 82 192 82" fill="none" stroke="#ff9933" stroke-width="5" stroke-miterlimit="10" pointer-events="stroke"/><ellipse cx="142" cy="52" rx="10" ry="10" fill="#000000" stroke="#000000" pointer-events="all"/><path d="M 149.07 44.93 L 192 2" fill="none" stroke="#3399ff" stroke-width="5" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 92 102 L 134.93 59.07" fill="none" stroke="#7f00ff" stroke-width="5" stroke-miterlimit="10" pointer-events="stroke"/></g></svg>
\ No newline at end of file
diff --git a/docusaurus/static/img/transportation/oriented-east-dark.svg b/docusaurus/static/img/transportation/oriented-east-dark.svg
new file mode 100644
index 00000000..5a2bc449
--- /dev/null
+++ b/docusaurus/static/img/transportation/oriented-east-dark.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Do not edit this file with editors other than draw.io -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="322px" height="41px" viewBox="-0.5 -0.5 322 41" content="&lt;mxfile host=&quot;drawio.corp.amazon.com&quot; modified=&quot;2023-12-09T00:22:55.965Z&quot; agent=&quot;Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36&quot; version=&quot;21.7.4&quot; etag=&quot;qasmYxT0WJEw7daAym0f&quot; type=&quot;device&quot;&gt;&lt;diagram name=&quot;Page-1&quot; id=&quot;yNKCZJ23p4zppJ3D9AIJ&quot;&gt;7Zhdj6IwFIZ/DZeb8CGKlwMzs3uzm0282OuGHqGZQk2pgvvr9yAFxDrqkGE2Jnph6Nue0/Z9TmrR8qKs+i7JJv0pKHDLtWllec+W6wZzB79rYa+F5aIREsloIzm9sGJ/QYu2VreMQjEYqITgim2GYizyHGI10IiUohwOWws+nHVDEjCEVUy4qf5hVKVadWy77/gBLEn11IGvOzLSDtZCkRIqyiPJe7G8SAqhmqesioDX3rW+NHGv7/R2C5OQq1sC3CZgR/hW702vS+3bzUJOn2rPsBVzUhQstrwwVRlHwcHHQknxBpHgQh4CvPXh0/W0DvmoNMmBGvb263U6F7B6QGSg5B6HlL3PrZnpkcOtJoETxXbD9ETjTrp03Qy/BcOJXVtXpjPXeXRhzgJ7mKIQWxmDjjr29SSR515JpIhMQBmJ8OFo2710wHYeofchhLnIYRw/5w74BZ+Eb2Z/Gb6Zic8PceMYiIvwnw2YCip1iaAmvGacn0iEsyTHpmx8D3cgFcNT7UnrGaO0niUsU6ZgtSFxPWWJRzhqUmxzCvWi7Tq7yNUryRivDYrQVQYSl/kLSt15rp70TnFWqD5aPzrAXZ6AadtX6su13y+lAbwLpPxzpOxJScVoCxp7n6ic/4dq/oVn4kV/7+3AXI48ME/zLCY7LxcPtCPvMmPZGommgxs84N4GF28onwPXSDQd3OUD7m1wjdvnWLhGoungtj/2D7rX6BqvhmPpGokmpOuYdP3w27SvKfd8+XW865ff+ZkaG3H5xWb/f1HDtv/TzXv5Bw==&lt;/diagram&gt;&lt;/mxfile&gt;"><defs/><g><path d="M 80 10 L 226.16 10" fill="none" stroke="#ffffff" stroke-width="5" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 234.41 10 L 223.41 15.5 L 226.16 10 L 223.41 4.5 Z" fill="#ffffff" stroke="#ffffff" stroke-width="5" stroke-miterlimit="10" pointer-events="all"/><path d="M 0 10 L 320 10" fill="none" stroke="#ffffff" stroke-miterlimit="10" pointer-events="stroke"/><rect x="210" y="20" width="50" height="20" fill="none" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-end; width: 48px; height: 1px; padding-top: 30px; margin-left: 210px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: right;"><div style="display: inline-block; font-size: 12px; font-family: &quot;Courier New&quot;; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">[1, 0]</div></div></div></foreignObject><text x="258" y="34" fill="#ffffff" font-family="Courier New" font-size="12px" text-anchor="end">[1, 0]</text></switch></g><rect x="130" y="20" width="50" height="20" fill="none" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 48px; height: 1px; padding-top: 30px; margin-left: 131px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: &quot;Courier New&quot;; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">[0, 0]</div></div></div></foreignObject><text x="155" y="34" fill="#ffffff" font-family="Courier New" font-size="12px" text-anchor="middle">[0, 0]</text></switch></g><path d="M 0 20 L 0 0" fill="none" stroke="#ffffff" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 80 20 L 80 0" fill="none" stroke="#ffffff" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 160 20 L 160 0" fill="none" stroke="#ffffff" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 320 20 L 320 0" fill="none" stroke="#ffffff" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 240 20 L 240 0" fill="none" stroke="#ffffff" stroke-miterlimit="10" pointer-events="stroke"/><rect x="50" y="20" width="60" height="20" fill="none" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 30px; margin-left: 51px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: &quot;Courier New&quot;; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">[-1, 0]</div></div></div></foreignObject><text x="80" y="34" fill="#ffffff" font-family="Courier New" font-size="12px" text-anchor="middle">[-1, 0]</text></switch></g></g><switch><g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/><a transform="translate(0,-5)" xlink:href="https://www.drawio.com/doc/faq/svg-export-text-problems" target="_blank"><text text-anchor="middle" font-size="10px" x="50%" y="100%">Text is not SVG - cannot display</text></a></switch></svg>
\ No newline at end of file
diff --git a/docusaurus/static/img/transportation/oriented-east.svg b/docusaurus/static/img/transportation/oriented-east-light.svg
similarity index 100%
rename from docusaurus/static/img/transportation/oriented-east.svg
rename to docusaurus/static/img/transportation/oriented-east-light.svg
diff --git a/docusaurus/static/img/transportation/oriented-west-dark.svg b/docusaurus/static/img/transportation/oriented-west-dark.svg
new file mode 100644
index 00000000..f59ecfd2
--- /dev/null
+++ b/docusaurus/static/img/transportation/oriented-west-dark.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Do not edit this file with editors other than draw.io -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="322px" height="41px" viewBox="-0.5 -0.5 322 41" content="&lt;mxfile host=&quot;drawio.corp.amazon.com&quot; modified=&quot;2023-12-09T00:23:54.121Z&quot; agent=&quot;Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36&quot; version=&quot;21.7.4&quot; etag=&quot;29oj0QoIe5Emij--lNxJ&quot; type=&quot;device&quot;&gt;&lt;diagram name=&quot;Page-1&quot; id=&quot;1jCMs69-jmjBXkfu87Pg&quot;&gt;7Zjfj6IwEMf/Gh8v4cfi6uPqrncvd7nEh3tu6AjNFmpKFb2//gaZgoCrLlm8mOiDod+2M+18hjIw8ufJ7rtm6/in4iBHnsN3I/915HmTsYv/hbAnYfpcCpEWvJTcWliKv0CiQ+pGcMgaA41S0oh1UwxVmkJoGhrTWuXNYSslm17XLIKOsAyZ7Kp/BDcxqa7j1B0/QEQxuZ4E1JEwO5iELGZc5UeS/zby51opU14luznIInY2LuW8xQe91cI0pOaaCV45YcvkhvZG6zJ7u1lI+UsRM2ylKkVxFptEYsvFy8xo9Q5zJZU+jPZXh1/VY8MTHBSmjTUVSpZlIrTyQkhrEv1Ry8FWuRzgHSD1Dt0qbphvoBIweo9D8pqMDX98xMRqGiQzYts0zyhBospc5eG3EujYcyiX3THZoVQOpk7TRKY2OgSadUyiZcj3LhjCMEVgOobw4mjbtXQAfRq6fyPo7h3wm3wRvifnZvieuviCGW4cJ+IigtcOTAM7c44gEV7hXdeSmBRRik1dxn22BW0EnoMvpCeC88LLLI+FgeWahYXLHA991LTapBw43cgrlZoFS4QsAjTHqArQuMxfkFPnqXyinaJX2H02f2iCN22CGVtQF/LLcz5OpQa8M6SCU6ScQUmFGBYM7H2icv8fqvENz8Sz8b2zA7Ni9NkDs33wTgY7L58faPvVMr3Zdoqi4eBOHnCvg4sVytfAbRsaEO70Afc6uO3qszfcThk7HFz7sH/QvUS3/WrYm27nHXNAum6XbjD7Nuxryj0Xv65/ufgdn8ixHsUvNusvTCXb+jOd//YP&lt;/diagram&gt;&lt;/mxfile&gt;"><defs/><g><path d="M 93.84 10 L 240 10" fill="none" stroke="#ffffff" stroke-width="5" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 85.59 10 L 96.59 4.5 L 93.84 10 L 96.59 15.5 Z" fill="#ffffff" stroke="#ffffff" stroke-width="5" stroke-miterlimit="10" pointer-events="all"/><path d="M 0 10 L 320 10" fill="none" stroke="#ffffff" stroke-miterlimit="10" pointer-events="stroke"/><rect x="210" y="20" width="50" height="20" fill="none" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-end; width: 48px; height: 1px; padding-top: 30px; margin-left: 210px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: right;"><div style="display: inline-block; font-size: 12px; font-family: &quot;Courier New&quot;; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">[1, 0]</div></div></div></foreignObject><text x="258" y="34" fill="#ffffff" font-family="Courier New" font-size="12px" text-anchor="end">[1, 0]</text></switch></g><rect x="130" y="20" width="50" height="20" fill="none" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 48px; height: 1px; padding-top: 30px; margin-left: 131px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: &quot;Courier New&quot;; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">[0, 0]</div></div></div></foreignObject><text x="155" y="34" fill="#ffffff" font-family="Courier New" font-size="12px" text-anchor="middle">[0, 0]</text></switch></g><path d="M 0 20 L 0 0" fill="none" stroke="#ffffff" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 80 20 L 80 0" fill="none" stroke="#ffffff" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 160 20 L 160 0" fill="none" stroke="#ffffff" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 320 20 L 320 0" fill="none" stroke="#ffffff" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 240 20 L 240 0" fill="none" stroke="#ffffff" stroke-miterlimit="10" pointer-events="stroke"/><rect x="50" y="20" width="60" height="20" fill="none" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 30px; margin-left: 51px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: &quot;Courier New&quot;; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">[-1, 0]</div></div></div></foreignObject><text x="80" y="34" fill="#ffffff" font-family="Courier New" font-size="12px" text-anchor="middle">[-1, 0]</text></switch></g></g><switch><g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/><a transform="translate(0,-5)" xlink:href="https://www.drawio.com/doc/faq/svg-export-text-problems" target="_blank"><text text-anchor="middle" font-size="10px" x="50%" y="100%">Text is not SVG - cannot display</text></a></switch></svg>
\ No newline at end of file
diff --git a/docusaurus/static/img/transportation/oriented-west.svg b/docusaurus/static/img/transportation/oriented-west-light.svg
similarity index 100%
rename from docusaurus/static/img/transportation/oriented-west.svg
rename to docusaurus/static/img/transportation/oriented-west-light.svg
diff --git a/docusaurus/static/img/transportation/roads-lane-numbering-dark.png b/docusaurus/static/img/transportation/roads-lane-numbering-dark.png
new file mode 100644
index 00000000..51a67774
Binary files /dev/null and b/docusaurus/static/img/transportation/roads-lane-numbering-dark.png differ
diff --git a/docusaurus/static/img/transportation/travel-modes-dark.png b/docusaurus/static/img/transportation/travel-modes-dark.png
new file mode 100644
index 00000000..6b1b997c
Binary files /dev/null and b/docusaurus/static/img/transportation/travel-modes-dark.png differ
diff --git a/docusaurus/static/img/transportation/travel-modes-legend.svg b/docusaurus/static/img/transportation/travel-modes-legend.svg
deleted file mode 100644
index 1f2073a5..00000000
--- a/docusaurus/static/img/transportation/travel-modes-legend.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="323px" height="223px" viewBox="-0.5 -0.5 323 223" content="&lt;mxfile host=&quot;drawio.corp.amazon.com&quot; modified=&quot;2023-06-23T18:52:28.232Z&quot; agent=&quot;Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36&quot; version=&quot;12.4.8&quot; etag=&quot;UTU7oWFH7yU7n7w8qgss&quot; type=&quot;device&quot;&gt;&lt;diagram id=&quot;k6d5B8Ka0rXh_Skb5zrI&quot;&gt;7ZjLctsgFIafxtsOEpYdLxM7aRZNpzNeNF0SCUlMEagI+dKn70ECWTenHseebBzPZODnpsP3g0ATvMx2XxXJ0xcZUT7xUbSb4NXE9xczD/4bYV8LnodRrSSKRVY7CGv2l1rRVStZRItORS0l1yzviqEUgoa6oxGl5LZbLZa8O2pOEjoQ1iHhQ/Uni3TqwkDoUPBMWZLaoe8CW5ARV9kKRUoiuW1J+HGCl0pKXaey3ZJyM3luXup2T0dKmwdTVOhTGvh1gw3hpY1t4s84NH1gkEhMwgmlE77RhIrIydB32a8KWqt5Fafeu8lTshQRNeMjKN6mTNN1TkJTugW7gJbqjEPOg2ShlfxNl5JLVbXGqPprStz0Y1Bixnmr5lv1M7oU+olkjBu7PVO+oZqFxBZYc3mezY8NRThLBGicxiaiDVWmA35vZS3NQ0uIgWkzhI+asE1VujvKxmuIw1KhMqNa7aGKbXBnPWJXycy5a3uwHHY+Sltua8xFrM2TpuuDEyBhzTBuDDw0RvCQALt8EqzeYeqdwXQeIxTHpzCN48UCX4RpD5dDHAIbqlw/NkB8AZgemnZpToc0m/2jTXN6AZjTAcwM9uRPo4jxYlHV7FBcylIxmHsffafbK5FEVyA5H1mXVyMZDEgupQhprkvCq9clLFAmEkhKAbPqQ4dIwMsEAlS0MBFCX8JgD1OakYEFYFr0e5yFFLQH1Er/2SQzFkVmkFFbdV8Jl17bF2Du495ePLZ6gysxnw2Yr8s8lxBOZA4+imyq49Xokr7xPInn6Bq+Fs/5gOdwHd624tO24h7G2RDj9EoU7wYU324Uz6M4/zyKi+Extw8R7jr35s5opoCTomDhB7h9dCuEKVX7V7uxVplfJvMlcNnVrl242rvcjulX+8Am3WoFuUMjk3Ft6pmgUe8uXICtQtrZyjRRCXV33ZPxt/CObbVOU5QTzTbdhxhjbkf4IVl1zDnirgD1bFPHY1u1r8q9jpprle1oGvQ6qmdh0FFlwSbsk1zpvnO0bPlSvd2Ru2Ebf5gvF8SSmP0pzSeDh+6ab2R3GX9r3dDrLtwlHbGi/mCiCRPVwaI6JmYXGZYcHfZ2XDnruDKyQ17quALZw+en2ruHj3j48R8=&lt;/diagram&gt;&lt;/mxfile&gt;"><defs/><g><rect x="1" y="1" width="320" height="220" fill-opacity="0.2" fill="#b3b3b3" stroke="#000000" stroke-opacity="0.2" stroke-width="3" pointer-events="all"/><g transform="translate(4.5,9.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="37" height="11" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 38px; white-space: nowrap; overflow-wrap: normal; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;"><i><u>Legend</u></i></div></div></foreignObject><text x="19" y="11" fill="#000000" text-anchor="middle" font-size="11px" font-family="Helvetica">[Not supported by viewer]</text></switch></g><rect x="25" y="41" width="100" height="40" rx="6" ry="6" fill-opacity="0.2" fill="#ff9933" stroke="#7f00ff" stroke-opacity="0.2" stroke-width="3" pointer-events="all"/><g transform="translate(55.5,55.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="38" height="11" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 39px; white-space: nowrap; overflow-wrap: normal; font-weight: bold; font-style: italic; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">[group]</div></div></foreignObject><text x="19" y="11" fill="#000000" text-anchor="middle" font-size="11px" font-family="Helvetica" font-weight="bold" font-style="italic">[group]</text></switch></g><rect x="25" y="101" width="100" height="40" rx="6" ry="6" fill-opacity="0.2" fill="#3399ff" stroke="#7f00ff" stroke-opacity="0.2" stroke-width="3" pointer-events="all"/><g transform="translate(61.5,115.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="26" height="11" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 11px; font-family: &quot;Courier New&quot;; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 27px; white-space: nowrap; overflow-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">mode</div></div></foreignObject><text x="13" y="11" fill="#000000" text-anchor="middle" font-size="11px" font-family="Courier New">mode</text></switch></g><rect x="151" y="41" width="150" height="40" fill="none" stroke="none" pointer-events="all"/><g transform="translate(152.5,48.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="148" height="24" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 148px; white-space: nowrap; overflow-wrap: normal; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">Conceptual grouping only, not present in schema</div></div></foreignObject><text x="74" y="18" fill="#000000" text-anchor="middle" font-size="11px" font-family="Helvetica">Conceptual grouping only, not present in schema</text></switch></g><rect x="151" y="101" width="150" height="40" fill="none" stroke="none" pointer-events="all"/><g transform="translate(152.5,115.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="111" height="11" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 112px; white-space: nowrap; overflow-wrap: normal; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">Supported travel mode</div></div></foreignObject><text x="56" y="11" fill="#000000" text-anchor="middle" font-size="11px" font-family="Helvetica">Supported travel mode</text></switch></g><rect x="21" y="161" width="40" height="40" rx="6" ry="6" fill-opacity="0.2" fill="#3399ff" stroke="#7f00ff" stroke-opacity="0.2" stroke-width="3" pointer-events="all"/><g transform="translate(37.5,175.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="7" height="11" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 11px; font-family: &quot;Courier New&quot;; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 8px; white-space: nowrap; overflow-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">a</div></div></foreignObject><text x="4" y="11" fill="#000000" text-anchor="middle" font-size="11px" font-family="Courier New">a</text></switch></g><rect x="91" y="161" width="40" height="40" rx="6" ry="6" fill-opacity="0.2" fill="#3399ff" stroke="#7f00ff" stroke-opacity="0.2" stroke-width="3" pointer-events="all"/><g transform="translate(107.5,175.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="7" height="11" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 11px; font-family: &quot;Courier New&quot;; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 8px; white-space: nowrap; overflow-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">b</div></div></foreignObject><text x="4" y="11" fill="#000000" text-anchor="middle" font-size="11px" font-family="Courier New">b</text></switch></g><path d="M 61 181 L 80.9 181" fill="none" stroke="#7f00ff" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 87.65 181 L 78.65 185.5 L 80.9 181 L 78.65 176.5 Z" fill="#7f00ff" stroke="#7f00ff" stroke-width="3" stroke-miterlimit="10" pointer-events="all"/><rect x="151" y="161" width="150" height="40" fill="none" stroke="none" pointer-events="all"/><g transform="translate(152.5,167.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="148" height="26" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 148px; white-space: nowrap; overflow-wrap: normal; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">Mode <font face="Courier New">b</font> is contained in mode <font face="Courier New">a</font></div></div></foreignObject><text x="74" y="19" fill="#000000" text-anchor="middle" font-size="11px" font-family="Helvetica">[Not supported by viewer]</text></switch></g></g></svg>
\ No newline at end of file
diff --git a/docusaurus/static/img/transportation/travel-modes-light.png b/docusaurus/static/img/transportation/travel-modes-light.png
new file mode 100644
index 00000000..28d7db7b
Binary files /dev/null and b/docusaurus/static/img/transportation/travel-modes-light.png differ
diff --git a/docusaurus/static/img/transportation/travel-modes-taxonomy.svg b/docusaurus/static/img/transportation/travel-modes-taxonomy.svg
deleted file mode 100644
index 0364bdb4..00000000
--- a/docusaurus/static/img/transportation/travel-modes-taxonomy.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="583px" height="453px" viewBox="-0.5 -0.5 583 453" content="&lt;mxfile host=&quot;drawio.corp.amazon.com&quot; modified=&quot;2023-06-23T18:51:58.666Z&quot; agent=&quot;Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36&quot; version=&quot;12.4.8&quot; etag=&quot;5VC657lrlFpsmT2GrBwR&quot; type=&quot;device&quot;&gt;&lt;diagram id=&quot;I8SFaeOylH4FodX9NnlX&quot;&gt;7ZtLc5s6FMc/jbcdQAibZeMkt5vb6Uxm+liqIIPmCuQR8qufvsJINkhOQh2ZkjtkkUFHD6TzPz8ER8kMLIv9Pxyt839Ziuks8NL9DNzPgiCOfPm7Nhwag+8Dr7FknKTKdjY8kV9YGXWzDUlx1WkoGKOCrLvGhJUlTkTHhjhnu26zFaPdu65Rhi3DU4Kobf1GUpHrZXjeueITJlmubr2AqqJAurEyVDlK2a5lAg8zsOSMieaq2C8xrZ2n/dL0e3ym9jQxjkvRp0PQdNgiulFrm8E7VB5m8F5NUBz0qjnblCmuO/ozcLfLicBPa5TUtTups7TloqCquhKc/YeXjDJ+7A3mK89brU412m9AWlaE0lbL1SqOwdHOSvGICkLrOPmE6RYLkiBVoaLC91W5NYB3/JF2JqdHRN07qIuIkqyUhUQ6B3M9jlogUJ7AXOD9s970TxrJ4MaswIIfZBPVYaFUVXENtMq7VpDoGMlb8REqG1JxmZ1GPksnL5R6l5UElpKrOor+logAxPGxZUfEJdtwIl0feJ/x7kZCeg6EPCmin1BDKhlaSm5xThK5uElMF2KCaEAxoSXmT5IcJjGvFTP0umIG3oBiRpaYBROMf53wdKhoOKSi88uKToReryeMDEIXA+q5sPRMEJ+EdCIkAAMKGVtC5mw7CelEyHBIIfU3e1vJbFLSEZJDPlt9336X3VSTkm6YHFRJO+2DC8wzXCaHSU8nesJBn7F28seSEacZ1gvG9CfbPZwNd0eDrMgZJ7+kZxCtjWX6sU6W1m6jqKpI8gatXWiK90R8Vzevr3/U2n2AqnS/P0qpCgddKKUvv7cLrV518dztWNL9Gv/VTusERCWnniiT8rFAEhwlJugdNq2wgBeiQts4pkiQbXcSl0JF3eELI/LG59SH/8y7uB6iWY/q1c4TmwOZL/XAGKjxgjXQMXJPy+4XzHb+68VgrnBWSG93wnmK3D+N3HDkkQt9R5EbRv0iVwYQOrSaresGVf8Jg9B7eV5m+0WnvbxoZnA1Rnbm8f1jdDskQhsJODIkgJHHDuIrkQCxMZD5DuIICTB/McRfbW8cXr4dCTt/+/6RGNfOcgGjaGQYmae0cH4tRsAYKBgnRqFrjOyk+YSRW4wiG6P5yDAyoyzyrsRIh+cJI3gbjCB4EYtX2wPPMUb2WcWE0c0xWowMozB+Jfr7YgSNt0No8jgWjKBjjOyTogmjm2OkP17Hw5HxVheZ3zS9OTLf6syvrJFwFDrejvQuPHE0JEfx2DAysmWRmeftjZGZvzMzz2PByPF2FNiHpO8fI7dIdPaR/gdtwwAAzb9GMz/qewMAjYFGCgB0vY8E/0MARr+P6BP90XAUwlee/705MoCEPU8eB+fobRuJLJ7/66dpfv7fKfDwGw==&lt;/diagram&gt;&lt;/mxfile&gt;"><defs/><g><rect x="1" y="201" width="100" height="40" rx="6" ry="6" fill-opacity="0.2" fill="#ff9933" stroke="#7f00ff" stroke-opacity="0.2" stroke-width="3" pointer-events="all"/><g transform="translate(37.5,215.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="26" height="11" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 27px; white-space: nowrap; overflow-wrap: normal; font-weight: bold; font-style: italic; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">[any]</div></div></foreignObject><text x="13" y="11" fill="#000000" text-anchor="middle" font-size="11px" font-family="Helvetica" font-weight="bold" font-style="italic">[any]</text></switch></g><rect x="161" y="1" width="100" height="40" rx="6" ry="6" fill-opacity="0.2" fill="#3399ff" stroke="#7f00ff" stroke-opacity="0.2" stroke-width="3" pointer-events="all"/><g transform="translate(197.5,15.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="26" height="11" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 11px; font-family: &quot;Courier New&quot;; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 27px; white-space: nowrap; overflow-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">foot</div></div></foreignObject><text x="13" y="11" fill="#000000" text-anchor="middle" font-size="11px" font-family="Courier New">foot</text></switch></g><rect x="161" y="241" width="100" height="40" rx="6" ry="6" fill-opacity="0.2" fill="#3399ff" stroke="#7f00ff" stroke-opacity="0.2" stroke-width="3" pointer-events="all"/><g transform="translate(187.5,255.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="46" height="11" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 11px; font-family: &quot;Courier New&quot;; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 47px; white-space: nowrap; overflow-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">vehicle</div></div></foreignObject><text x="23" y="11" fill="#000000" text-anchor="middle" font-size="11px" font-family="Courier New">vehicle</text></switch></g><rect x="321" y="81" width="100" height="40" rx="6" ry="6" fill-opacity="0.2" fill="#3399ff" stroke="#7f00ff" stroke-opacity="0.2" stroke-width="3" pointer-events="all"/><g transform="translate(347.5,95.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="46" height="11" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 11px; font-family: &quot;Courier New&quot;; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 47px; white-space: nowrap; overflow-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">bicycle</div></div></foreignObject><text x="23" y="11" fill="#000000" text-anchor="middle" font-size="11px" font-family="Courier New">bicycle</text></switch></g><rect x="321" y="281" width="100" height="40" rx="6" ry="6" fill-opacity="0.2" fill="#3399ff" stroke="#7f00ff" stroke-opacity="0.2" stroke-width="3" pointer-events="all"/><g transform="translate(331.5,295.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="79" height="11" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 11px; font-family: &quot;Courier New&quot;; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 80px; white-space: nowrap; overflow-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">motorVehicle</div></div></foreignObject><text x="40" y="11" fill="#000000" text-anchor="middle" font-size="11px" font-family="Courier New">motorVehicle</text></switch></g><rect x="481" y="161" width="100" height="40" rx="6" ry="6" fill-opacity="0.2" fill="#3399ff" stroke="#7f00ff" stroke-opacity="0.2" stroke-width="3" pointer-events="all"/><g transform="translate(497.5,175.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="66" height="11" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 11px; font-family: &quot;Courier New&quot;; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 67px; white-space: nowrap; overflow-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">motorcycle</div></div></foreignObject><text x="33" y="11" fill="#000000" text-anchor="middle" font-size="11px" font-family="Courier New">motorcycle</text></switch></g><rect x="481" y="211" width="100" height="40" rx="6" ry="6" fill-opacity="0.2" fill="#3399ff" stroke="#7f00ff" stroke-opacity="0.2" stroke-width="3" pointer-events="all"/><g transform="translate(520.5,225.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="20" height="11" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 11px; font-family: &quot;Courier New&quot;; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 21px; white-space: nowrap; overflow-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">car</div></div></foreignObject><text x="10" y="11" fill="#000000" text-anchor="middle" font-size="11px" font-family="Courier New">car</text></switch></g><rect x="481" y="311" width="100" height="40" rx="6" ry="6" fill-opacity="0.2" fill="#3399ff" stroke="#7f00ff" stroke-opacity="0.2" stroke-width="3" pointer-events="all"/><g transform="translate(520.5,325.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="20" height="11" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 11px; font-family: &quot;Courier New&quot;; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 21px; white-space: nowrap; overflow-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">hov</div></div></foreignObject><text x="10" y="11" fill="#000000" text-anchor="middle" font-size="11px" font-family="Courier New">hov</text></switch></g><rect x="481" y="261" width="100" height="40" rx="6" ry="6" fill-opacity="0.2" fill="#3399ff" stroke="#7f00ff" stroke-opacity="0.2" stroke-width="3" pointer-events="all"/><g transform="translate(520.5,275.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="20" height="11" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 11px; font-family: &quot;Courier New&quot;; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 21px; white-space: nowrap; overflow-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">hgv</div></div></foreignObject><text x="10" y="11" fill="#000000" text-anchor="middle" font-size="11px" font-family="Courier New">hgv</text></switch></g><rect x="481" y="361" width="100" height="40" rx="6" ry="6" fill-opacity="0.2" fill="#3399ff" stroke="#7f00ff" stroke-opacity="0.2" stroke-width="3" pointer-events="all"/><g transform="translate(520.5,375.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="20" height="11" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 11px; font-family: &quot;Courier New&quot;; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 21px; white-space: nowrap; overflow-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">bus</div></div></foreignObject><text x="10" y="11" fill="#000000" text-anchor="middle" font-size="11px" font-family="Courier New">bus</text></switch></g><rect x="481" y="411" width="100" height="40" rx="6" ry="6" fill-opacity="0.2" fill="#3399ff" stroke="#7f00ff" stroke-opacity="0.2" stroke-width="3" pointer-events="all"/><g transform="translate(501.5,425.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="59" height="11" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 11px; font-family: &quot;Courier New&quot;; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 60px; white-space: nowrap; overflow-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">emergency</div></div></foreignObject><text x="30" y="11" fill="#000000" text-anchor="middle" font-size="11px" font-family="Courier New">emergency</text></switch></g><path d="M 101 221 L 121 221 Q 131 221 131 211 L 131 31 Q 131 21 140.95 21 L 150.9 21" fill="none" stroke="#7f00ff" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 157.65 21 L 148.65 25.5 L 150.9 21 L 148.65 16.5 Z" fill="#7f00ff" stroke="#7f00ff" stroke-width="3" stroke-miterlimit="10" pointer-events="all"/><path d="M 101 221 L 121 221 Q 131 221 131 231 L 131 251 Q 131 261 140.95 261 L 150.9 261" fill="none" stroke="#7f00ff" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 157.65 261 L 148.65 265.5 L 150.9 261 L 148.65 256.5 Z" fill="#7f00ff" stroke="#7f00ff" stroke-width="3" stroke-miterlimit="10" pointer-events="all"/><path d="M 261 261 L 281 261 Q 291 261 291 251 L 291 111 Q 291 101 300.95 101 L 310.9 101" fill="none" stroke="#7f00ff" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 317.65 101 L 308.65 105.5 L 310.9 101 L 308.65 96.5 Z" fill="#7f00ff" stroke="#7f00ff" stroke-width="3" stroke-miterlimit="10" pointer-events="all"/><path d="M 261 261 L 281 261 Q 291 261 291 271 L 291 291 Q 291 301 300.95 301 L 310.9 301" fill="none" stroke="#7f00ff" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 317.65 301 L 308.65 305.5 L 310.9 301 L 308.65 296.5 Z" fill="#7f00ff" stroke="#7f00ff" stroke-width="3" stroke-miterlimit="10" pointer-events="all"/><path d="M 421 301 L 441 301 Q 451 301 451 291 L 451 191 Q 451 181 460.95 181 L 470.9 181" fill="none" stroke="#7f00ff" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 477.65 181 L 468.65 185.5 L 470.9 181 L 468.65 176.5 Z" fill="#7f00ff" stroke="#7f00ff" stroke-width="3" stroke-miterlimit="10" pointer-events="all"/><path d="M 421 301 L 441 301 Q 451 301 451 291 L 451 241 Q 451 231 460.95 231 L 470.9 231" fill="none" stroke="#7f00ff" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 477.65 231 L 468.65 235.5 L 470.9 231 L 468.65 226.5 Z" fill="#7f00ff" stroke="#7f00ff" stroke-width="3" stroke-miterlimit="10" pointer-events="all"/><path d="M 421 301 L 441 301 Q 451 301 451 291 L 451 286 Q 451 281 460.95 281 L 470.9 281" fill="none" stroke="#7f00ff" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 477.65 281 L 468.65 285.5 L 470.9 281 L 468.65 276.5 Z" fill="#7f00ff" stroke="#7f00ff" stroke-width="3" stroke-miterlimit="10" pointer-events="all"/><path d="M 421 301 L 441 301 Q 451 301 451 311 L 451 321 Q 451 331 460.95 331 L 470.9 331" fill="none" stroke="#7f00ff" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 477.65 331 L 468.65 335.5 L 470.9 331 L 468.65 326.5 Z" fill="#7f00ff" stroke="#7f00ff" stroke-width="3" stroke-miterlimit="10" pointer-events="all"/><path d="M 421 301 L 441 301 Q 451 301 451 311 L 451 371 Q 451 381 460.95 381 L 470.9 381" fill="none" stroke="#7f00ff" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 477.65 381 L 468.65 385.5 L 470.9 381 L 468.65 376.5 Z" fill="#7f00ff" stroke="#7f00ff" stroke-width="3" stroke-miterlimit="10" pointer-events="all"/><path d="M 421 301 L 441 301 Q 451 301 451 311 L 451 421 Q 451 431 460.95 431 L 470.9 431" fill="none" stroke="#7f00ff" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 477.65 431 L 468.65 435.5 L 470.9 431 L 468.65 426.5 Z" fill="#7f00ff" stroke="#7f00ff" stroke-width="3" stroke-miterlimit="10" pointer-events="all"/></g></svg>
\ No newline at end of file
diff --git a/docusaurus/static/img/transportation/turn-restriction-01-dark.png b/docusaurus/static/img/transportation/turn-restriction-01-dark.png
new file mode 100644
index 00000000..0d6c1e40
Binary files /dev/null and b/docusaurus/static/img/transportation/turn-restriction-01-dark.png differ
diff --git a/docusaurus/static/img/transportation/turn-restriction-01-light.png b/docusaurus/static/img/transportation/turn-restriction-01-light.png
new file mode 100644
index 00000000..12b58562
Binary files /dev/null and b/docusaurus/static/img/transportation/turn-restriction-01-light.png differ
diff --git a/docusaurus/static/img/transportation/turn-restriction-01.svg b/docusaurus/static/img/transportation/turn-restriction-01.svg
deleted file mode 100644
index e7c0a57a..00000000
--- a/docusaurus/static/img/transportation/turn-restriction-01.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="362px" height="390px" viewBox="-0.5 -0.5 362 390" content="&lt;mxfile host=&quot;drawio.corp.amazon.com&quot; modified=&quot;2023-06-21T21:50:45.943Z&quot; agent=&quot;Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36&quot; version=&quot;12.4.8&quot; etag=&quot;F4ingfSgKKT4Th09x7O-&quot; type=&quot;device&quot;&gt;&lt;diagram id=&quot;t9SExY0bB9EJK9t4IMnA&quot;&gt;7ZpNk5s4EIZ/jauyh6RAAmyOM55McsnWVs1hd48KCKOKjBwhj/H++hVGwgj5A3uEy0mNL0YtkES/TzeN7AmcL6svHK3ybyzFdAK8tJrApwkAPpj68qu2bJUlnnmNZcFJqmx7wwv5DyujPm1NUlwaJwrGqCAr05iwosCJMGyIc7YxT8sYNWddoQW2DC8Jorb1b5KKXFl9z9t3fMVkkaupZ6HqWCJ9sjKUOUrZpmOCnydwzhkTzdGymmNae0/7pbnu+UhvuzCOCzHkAtBc8IroWt2bWpfY6pvFRfpQ+0y2EorKkiQT+JiLJZUGXx6WgrMfeM4o47sLIIRxnGVtj/aQFA8+ZqwQz2hJaC39nK05wVxO9yfeqE4ltu+rdmdcb/eRdrmiZ0L1/M2CcdqTTCC+wFr60PaL33pbcorZEgu+lads9npq0fKOktrGMUWCvJpTIoXVoh2uneEvRuTEwKv0MGocFQFT6JlDlNI1CVZXdfXrDQRDcyAQ9wZq3GANJA86t7037fA4jAq8CJWCFfgMJ1kWxxCOyMkRMu6GgiAyxYPB/VMQvFPgmIIodETBWZzcURC+U+CYgqnfE8+7koKzOLmjIBqheBgdhEHFw++Hhe95Z0Zyx8X0jdkhRWWO02OEtEqORQhboYSIegSZ5+4fEWe1ZNhjLQxHI2R2DSEGFqdyyDshFwo7mBBgDhTMRiMkfifkloScE3YwIb3qI+gnI3eEaKgvLj/ulhLJAt/+I1uebvyrlrZrPFXdrqdt27p0NyS4N/rOQTO49gU3q319/41FztBts3DkN6DGt8oE7o2MqSlofO278dkiySEZwCLDt9GglKzKGolNTgR+kYmg7tlwtDIxQeWq2cHOSFUnrcdMxvoheXuyZ7uPxkNN7Ju4gD0Wr5gLXBmrHQCB3niY9ZyrU3MHkuAAJH0xuzwYApzytvNtydG3r4ek6LsLxJ7EcfQLBKK9Vwl/70CM+u/44IaBaO8JHohEV97OMqM0O9TT96+lC46SxNLl7SJAaIoApjcUwd6SU2lFyoAXS6yCqquJvFNxKiWqlNkVQJkQJYtCNnlzE4+120iC6IOyL0ma0mNic7Yu0l0ZbiXWr5i+4nokU0V4QMUDpTR0FUy9lAei0NKx1bYrJHAhpL2Hpgq1MYWkOLszHTkT8rHF6lXIl1Q3wkIvNB9BM2gJC0cTdsjW19VZ8ng27BUzJzLqEAlPJtSehP0s4UDB9vdNHZrQTrE+OKCg70RCe2+quTdZw615Ud8JZzn5LqVLRwjSRDpJVp2jhymIb5puYe/dHXi2pu1vFq6jUo/RkRRXxHhqRrTW7Ts35Ix+rut/6uzc9LHc+e1BngC9VbXziu6XR4v6+wOilG1w+scvzMW16XsaugElCMz0HQY2KO3mYBeUKPykQ/cCVmRz/3es5i1k/682+Pl/&lt;/diagram&gt;&lt;/mxfile&gt;"><defs/><g><path d="M 105 268 L 36.97 68.44" fill="none" stroke="#3399ff" stroke-width="5" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 35.03 62.76 L 41.4 69.04 L 36.97 68.44 L 33.83 71.62 Z" fill="#3399ff" stroke="#3399ff" stroke-width="5" stroke-miterlimit="10" pointer-events="all"/><path d="M 85 73 L 30 48" fill="none" stroke="#ff9933" stroke-width="5" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 180 73 L 85 73" fill="none" stroke="#ff9933" stroke-width="5" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 210 53 L 180 73" fill="none" stroke="#ff9933" stroke-width="5" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 210 53 L 343.41 53" fill="none" stroke="#ff9933" stroke-width="5" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 349.41 53 L 341.41 57 L 343.41 53 L 341.41 49 Z" fill="#ff9933" stroke="#ff9933" stroke-width="5" stroke-miterlimit="10" pointer-events="all"/><path d="M 105 268 L 110 178" fill="none" stroke="#000000" stroke-opacity="0.25" stroke-width="5" stroke-miterlimit="10" stroke-dasharray="15 15" pointer-events="stroke"/><path d="M 110 178 L 115 143" fill="none" stroke="#000000" stroke-opacity="0.25" stroke-width="5" stroke-miterlimit="10" stroke-dasharray="15 15" pointer-events="stroke"/><path d="M 115 143 L 130 118" fill="none" stroke="#000000" stroke-opacity="0.25" stroke-width="5" stroke-miterlimit="10" stroke-dasharray="15 15" pointer-events="stroke"/><path d="M 130 118 L 151.06 89.4" fill="none" stroke="#000000" stroke-opacity="0.25" stroke-width="5" stroke-miterlimit="10" stroke-dasharray="15 15" pointer-events="stroke"/><path d="M 154.61 84.57 L 153.09 93.39 L 151.06 89.4 L 146.65 88.64 Z" fill-opacity="0.25" fill="#000000" stroke="#000000" stroke-opacity="0.25" stroke-width="5" stroke-miterlimit="10" pointer-events="all"/><path d="M 105 268 L 105 268" fill="none" stroke="#3399ff" stroke-width="2.5" stroke-miterlimit="10" pointer-events="stroke"/><ellipse cx="105" cy="268" rx="10" ry="10" fill="#000000" stroke="#000000" pointer-events="all"/><g transform="translate(101.5,262.5)scale(0.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="11" height="22" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; vertical-align: top; width: 12px; white-space: nowrap; overflow-wrap: normal; font-weight: bold; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">1</div></div></foreignObject><text x="6" y="21" fill="#ffffff" text-anchor="middle" font-size="20px" font-family="Helvetica" font-weight="bold">1</text></switch></g><path d="M 145 383 L 108.29 277.44" fill="none" stroke="#3399ff" stroke-width="5" stroke-miterlimit="10" pointer-events="stroke"/><ellipse cx="165" cy="73" rx="10" ry="10" fill="#000000" stroke="#000000" pointer-events="all"/><g transform="translate(161.5,67.5)scale(0.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="11" height="22" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; vertical-align: top; width: 12px; white-space: nowrap; overflow-wrap: normal; font-weight: bold; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">3</div></div></foreignObject><text x="6" y="21" fill="#ffffff" text-anchor="middle" font-size="20px" font-family="Helvetica" font-weight="bold">3</text></switch></g><ellipse cx="30" cy="48" rx="10" ry="10" fill="#ff0000" stroke="#ff0000" pointer-events="all"/><g transform="translate(26.5,42.5)scale(0.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="11" height="22" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(255, 230, 204); line-height: 1.2; vertical-align: top; width: 12px; white-space: nowrap; overflow-wrap: normal; font-weight: bold; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">2</div></div></foreignObject><text x="6" y="21" fill="#ffe6cc" text-anchor="middle" font-size="20px" font-family="Helvetica" font-weight="bold">2</text></switch></g><rect x="195" y="35.5" width="135" height="10" fill="none" stroke="none" pointer-events="all"/><g transform="translate(228.5,31.5)scale(0.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="200" height="34" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 30px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 201px; white-space: nowrap; overflow-wrap: normal; text-align: right;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">target segment</div></div></foreignObject><text x="100" y="32" fill="#000000" text-anchor="middle" font-size="30px" font-family="Helvetica">target segment</text></switch></g><rect x="7.5" y="294.5" width="185" height="10" fill="none" stroke="none" transform="rotate(252,100,299.5)" pointer-events="all"/><g transform="translate(127.5,377.5)scale(0.5)rotate(252,0,17)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="213" height="34" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 30px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 214px; white-space: nowrap; overflow-wrap: normal; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">source segment</div></div></foreignObject><text x="107" y="32" fill="#000000" text-anchor="middle" font-size="30px" font-family="Helvetica">source segment</text></switch></g><ellipse cx="30" cy="48" rx="30" ry="30" fill-opacity="0.3" fill="#ff0000" stroke="#ff0000" stroke-opacity="0.3" pointer-events="all"/><rect x="15" y="3" width="150" height="10" fill="none" stroke="none" pointer-events="all"/><g transform="translate(27.5,-0.5)scale(0.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="250" height="33" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 29px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 251px; white-space: nowrap; overflow-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">right turn prohibited</div></div></foreignObject><text x="125" y="31" fill="#000000" text-anchor="middle" font-size="29px" font-family="Helvetica">right turn prohibited</text></switch></g><rect x="77.5" y="173" width="105" height="32.59" fill="none" stroke="none" transform="rotate(275,130,189.3)" pointer-events="all"/><g transform="translate(87.5,171.5)scale(0.5)rotate(275,85,35)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="170" height="70" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 30px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 171px; white-space: nowrap; overflow-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">exit segment<br style="font-size: 30px" />(allowed)</div></div></foreignObject><text x="85" y="50" fill="#000000" text-anchor="middle" font-size="30px" font-family="Helvetica">[Not supported by viewer]</text></switch></g></g></svg>
\ No newline at end of file
diff --git a/docusaurus/static/img/transportation/turn-restriction-02-dark.png b/docusaurus/static/img/transportation/turn-restriction-02-dark.png
new file mode 100644
index 00000000..95061bb5
Binary files /dev/null and b/docusaurus/static/img/transportation/turn-restriction-02-dark.png differ
diff --git a/docusaurus/static/img/transportation/turn-restriction-02-light.png b/docusaurus/static/img/transportation/turn-restriction-02-light.png
new file mode 100644
index 00000000..4937f81f
Binary files /dev/null and b/docusaurus/static/img/transportation/turn-restriction-02-light.png differ
diff --git a/docusaurus/static/img/transportation/turn-restriction-02.svg b/docusaurus/static/img/transportation/turn-restriction-02.svg
deleted file mode 100644
index 500c67e5..00000000
--- a/docusaurus/static/img/transportation/turn-restriction-02.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="666px" height="698px" viewBox="-0.5 -0.5 666 698" content="&lt;mxfile host=&quot;drawio.corp.amazon.com&quot; modified=&quot;2023-08-18T17:25:43.686Z&quot; agent=&quot;Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/115.0.0.0 Safari/537.36&quot; version=&quot;12.4.8&quot; etag=&quot;kvW70qnaU_g4c7WR-tqA&quot; type=&quot;device&quot;&gt;&lt;diagram id=&quot;7je4Ift8ljKfyWqwBKti&quot;&gt;7VnLcpswFP0aL+tBCIxZxm7SbNrpTKbTtQLCaCqQR8ivfH0lI/GSHewEmrQpiwSOxJW459wHeAKX2f4LR+v0K4sxnbhOvJ/AzxNXHtCV/xRy0Ig/n5fIipO4xEANPJAnrEFHoxsS46I1UTBGBVm3wYjlOY5EC0Ocs117WsJoe9U1WmELeIgQtdGfJBapRoHj1AP3mKxSvfTc1wMZMpM1UKQoZrsGBG8ncMkZE+VZtl9iqrxn/FLed3dmtNoYx7m45AbNxBbRjX42vS9xMA+L8/hG+UxeRRQVBYkmcJGKjEoAyNNCcPYLLxll/HgDhDAMk6QaMR6S5MFFwnJxhzJCFfVLtuEEc7ncN7zTg5psAPR1w65zPCQud3RHqFm/3DCOLcpqH4DKs1KTmGVY8IOcsqu5MwSlDdYMxjFFgmzb5pGW0KoyV63wnRG5sOtovYOZpw1puYeOO/VDpzo6FgvplQhrI03q+uy6Xseu3zYsEF9hYRmWJw2v1NBRKadVA0dQTZKEIYT/VWPYhe517F4sm67hHjkOpxrPUk25ZyUcvMqwXqCpIoH34jnd5CzHinLJawdClKxyeUlxoixsMRdEJvAbDWckjtUii11KBH5Yo0ituJP1SmKcbfIYq11b4rvHdIuVpbbwoPOM8Ji0TsTBTONMSGEwtQs3cCopqh3i/bViNDd4YZvUwPMlqSXUEKzcla1Yo4dT4mzR/Qy3vsXtlqBRiY2kWZkFbGofmRAse2tq1WXKOHmSd6J20nkd0zBoMw3ddvg60GYdnGDdG4D1mcV6mS0+bkSHQwV0FakmoOfuyYAORgro4IUlPkZFenQ06Kn3lTPHqvc1STI7XVj+tXx1pL23lqDb8MFgpJaga9jklOF7gnm/zOQr0lqdJhTvtd4W13WXOoGcEVqrB9XaaaafJt4JfMN76EznfgA8V/+dlVvUKpUJGrjNYS1Hs5OZP20OBn9HewrCqd8SjQeCcdTod2U+lhhDS4w/PokNz5XjOUvJoyws8Z9sZQauafIBL65pg7Qqblsh7qy3VYHOSPXMtEAfrKC9n4QRhCMVL+BfZ3i4fAGApakToqKUrItzQdwQFCrW5bfKhOyV4M4WIatoqcPoSC8MOpHvnFJsZXGQYHc6NPi9we6N9FoCLviq2UPGBQ3E7BqKxkuy7vXvg1WBbTq++nj9Ks/bXwbBh42IWberfsOIsL+9/bsR4XcrTX9EgJNtxws8Ly/rH2/KklL/BgZvfwM=&lt;/diagram&gt;&lt;/mxfile&gt;"><defs/><g><path d="M 502 671.59 L 502 34.77" fill="none" stroke="#3399ff" stroke-width="10" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 502 22.77 L 510 38.77 L 502 34.77 L 494 38.77 Z" fill="#3399ff" stroke="#3399ff" stroke-width="10" stroke-miterlimit="10" pointer-events="all"/><path d="M 182 11.59 L 182 648.41" fill="none" stroke="#ff9933" stroke-width="10" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 182 660.41 L 174 644.41 L 182 648.41 L 190 644.41 Z" fill="#ff9933" stroke="#ff9933" stroke-width="10" stroke-miterlimit="10" pointer-events="all"/><rect x="352" y="514.59" width="230" height="20" fill="none" stroke="none" transform="rotate(270,467,524.59)" pointer-events="all"/><g transform="translate(466.5,620.5)rotate(270,0,17)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="213" height="34" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 30px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 214px; white-space: nowrap; overflow-wrap: normal; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">source segment</div></div></foreignObject><text x="107" y="32" fill="#000000" text-anchor="middle" font-size="30px" font-family="Helvetica">source segment</text></switch></g><rect x="232" y="91.59" width="210" height="40" fill="none" stroke="none" pointer-events="all"/><g transform="translate(255.5,94.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="162" height="34" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 30px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 163px; white-space: nowrap; overflow-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">via segment</div></div></foreignObject><text x="81" y="32" fill="#000000" text-anchor="middle" font-size="30px" font-family="Helvetica">via segment</text></switch></g><rect x="92" y="551.59" width="270" height="20" fill="none" stroke="none" transform="rotate(90,227,561.59)" pointer-events="all"/><g transform="translate(226.5,411.5)rotate(90,0,17)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="200" height="34" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 30px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 201px; white-space: nowrap; overflow-wrap: normal; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">target segment</div></div></foreignObject><text x="100" y="32" fill="#000000" text-anchor="middle" font-size="30px" font-family="Helvetica">target segment</text></switch></g><path d="M 502 141.59 L 502 141.59" fill="none" stroke="#000000" stroke-opacity="0.25" stroke-width="10" stroke-miterlimit="10" stroke-dasharray="30 30" pointer-events="stroke"/><path d="M 502 141.59 L 502 141.59 L 502 141.59 L 502 141.59 Z" fill-opacity="0.25" fill="#000000" stroke="#000000" stroke-opacity="0.25" stroke-width="10" stroke-miterlimit="10" pointer-events="all"/><path d="M 131.59 191.75 L 231.44 191.43 L 231.67 260.05 L 269.52 259.93 L 181.98 336.59 L 93.95 260.5 L 131.81 260.37 Z" fill-opacity="0.3" fill="#ff0000" stroke="none" pointer-events="all"/><rect x="187" y="31.59" width="300" height="20" fill="none" stroke="none" pointer-events="all"/><g transform="translate(228.5,24.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="216" height="33" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 29px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 217px; white-space: nowrap; overflow-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">U-turn prohibited</div></div></foreignObject><text x="108" y="31" fill="#000000" text-anchor="middle" font-size="29px" font-family="Helvetica">U-turn prohibited</text></switch></g><path d="M 652 141.59 L 35.18 141.59" fill="none" stroke="#000000" stroke-opacity="0.25" stroke-width="10" stroke-miterlimit="10" stroke-dasharray="30 30" pointer-events="stroke"/><path d="M 23.18 141.59 L 39.18 133.59 L 35.18 141.59 L 39.18 149.59 Z" fill-opacity="0.25" fill="#000000" stroke="#000000" stroke-opacity="0.25" stroke-width="10" stroke-miterlimit="10" pointer-events="all"/><ellipse cx="182" cy="141.59" rx="20" ry="20" fill="#ff0000" stroke="#ff0000" pointer-events="all"/><g transform="translate(175.5,129.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="11" height="22" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; vertical-align: top; width: 12px; white-space: nowrap; overflow-wrap: normal; font-weight: bold; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">2</div></div></foreignObject><text x="6" y="21" fill="#ffffff" text-anchor="middle" font-size="20px" font-family="Helvetica" font-weight="bold">2</text></switch></g><rect x="132" y="91.59" width="320" height="100" fill-opacity="0.3" fill="#ff0000" stroke="none" pointer-events="all"/><ellipse cx="502" cy="141.59" rx="20" ry="20" fill="#ff0000" stroke="#ff0000" pointer-events="all"/><g transform="translate(495.5,129.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="11" height="22" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; vertical-align: top; width: 12px; white-space: nowrap; overflow-wrap: normal; font-weight: bold; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">1</div></div></foreignObject><text x="6" y="21" fill="#ffffff" text-anchor="middle" font-size="20px" font-family="Helvetica" font-weight="bold">1</text></switch></g><rect x="452" y="91.59" width="100" height="240" fill-opacity="0.3" fill="#ff0000" stroke="none" pointer-events="all"/></g></svg>
\ No newline at end of file