diff --git a/docs/_data/manifest.yml b/docs/_data/manifest.yml
index b067579..b09043c 100644
--- a/docs/_data/manifest.yml
+++ b/docs/_data/manifest.yml
@@ -1,4 +1,4 @@
 {
-  "docs.css": "/styles.0002.css",
+  "docs.css": "/styles.0003.css",
   "docs.js": "/scripts.0002.js"
 }
diff --git a/docs/_layouts/default.html b/docs/_layouts/default.html
index f6560f0..9c9d363 100644
--- a/docs/_layouts/default.html
+++ b/docs/_layouts/default.html
@@ -49,7 +49,7 @@
             </svg>
         </label>
         <input type="checkbox" name="navigation" id="navigation" class="hidden peer" />
-        <div class="fixed top-[3.5rem] h-screen shadow-xl px-4 left-0 hidden peer-checked:block lg:relative lg:top-0 lg:h-auto lg:px-0 lg:block lg:flex-none lg:shadow-none  bg-slate-100 lg:bg-transparent">
+        <div class="z-60 fixed top-[3.5rem] h-screen shadow-xl px-4 left-0 hidden peer-checked:block lg:relative lg:top-0 lg:h-auto lg:px-0 lg:block lg:flex-none lg:shadow-none  bg-slate-100 lg:bg-transparent">
             <div class="absolute inset-y-0 right-0 w-full lg:w-[50vw]"></div>
             <nav class="sticky top-[4.5rem] w-64 pr-8 text-base lg:text-sm xl:w-72 xl:pr-16">
                 <ul role="list" class="-ml-0.5 h-[calc(100vh-4.5rem)] overflow-y-auto py-7 pl-0.5 space-y-4">
diff --git a/docs/input.css b/docs/input.css
index bc2a2e4..dfcdeb4 100644
--- a/docs/input.css
+++ b/docs/input.css
@@ -138,12 +138,10 @@ code {
 
 .highlight .k {
     color: #000000;
-    font-weight: bold
 }
 
 .highlight .o {
     color: #000000;
-    font-weight: bold
 }
 
 .highlight .cm {
@@ -153,7 +151,6 @@ code {
 
 .highlight .cp {
     color: #999999;
-    font-weight: bold;
     font-style: italic
 }
 
@@ -164,7 +161,6 @@ code {
 
 .highlight .cs {
     color: #999999;
-    font-weight: bold;
     font-style: italic
 }
 
@@ -200,7 +196,6 @@ code {
 }
 
 .highlight .gs {
-    font-weight: bold
 }
 
 .highlight .gu {
@@ -213,32 +208,26 @@ code {
 
 .highlight .kc {
     color: #000000;
-    font-weight: bold
 }
 
 .highlight .kd {
     color: #000000;
-    font-weight: bold
 }
 
 .highlight .kn {
     color: #000000;
-    font-weight: bold
 }
 
 .highlight .kp {
     color: #000000;
-    font-weight: bold
 }
 
 .highlight .kr {
     color: #000000;
-    font-weight: bold
 }
 
 .highlight .kt {
     color: #445588;
-    font-weight: bold
 }
 
 .highlight .m {
@@ -259,7 +248,6 @@ code {
 
 .highlight .nc {
     color: #445588;
-    font-weight: bold
 }
 
 .highlight .no {
@@ -268,7 +256,6 @@ code {
 
 .highlight .nd {
     color: #3c5d5d;
-    font-weight: bold
 }
 
 .highlight .ni {
@@ -277,17 +264,14 @@ code {
 
 .highlight .ne {
     color: #990000;
-    font-weight: bold
 }
 
 .highlight .nf {
     color: #990000;
-    font-weight: bold
 }
 
 .highlight .nl {
     color: #990000;
-    font-weight: bold
 }
 
 .highlight .nn {
@@ -304,7 +288,6 @@ code {
 
 .highlight .ow {
     color: #000000;
-    font-weight: bold
 }
 
 .highlight .w {
@@ -397,53 +380,50 @@ code {
   @apply p-5 my-3 rounded-lg text-light
 }
 
-.message-info a,.message-notice a,.message-warning a {
-    color: black
+.message-info a,
+.message-notice a,
+.message-warning a {
+  color: black
+}
+
+.message-info code,
+.message-notice code,
+.message-warning code {
+  margin-left:.3rem;
+  margin-right: .3rem;
+  padding-right: .3rem;
+  padding-left: .3rem;
+  background: rgba(255,255,255,0.8);
 }
 
 .message-info {
-    color: #196090;
-    background: #cce5f6;
+  color: #196090;
+  background: #cce5f6;
 }
 
 .message-info code {
-    background: rgba(255,255,255,0.8);
-    border-color: #5faee3;
-    color: #196090;
-    margin-left:.3rem;
-    margin-right: .3rem;
-    padding-right: .3rem;
-    padding-left: .3rem;
+  border-color: #5faee3;
+  color: #196090;
 }
 
 .message-notice {
-    color: #927608;
-    background: #fbedb8;
+  color: #927608;
+  background: #fbedb8;
 }
 
 .message-notice code {
-    background: rgba(255,255,255,0.8);
-    border-color: #f4d03f;
-    color: #927608;
-    margin-left:.3rem;
-    margin-right: .3rem;
-    padding-right: .3rem;
-    padding-left: .3rem;
+  border-color: #f4d03f;
+  color: #927608;
 }
 
 .message-warning {
-    color: #a82315;
-    background: #fbdedb;
+  color: #a82315;
+  background: #fbdedb;
 }
 
 .message-warning code {
-    background: rgba(255,255,255,0.8);
-    border-color: #ed7669;
-    color: #a82315;
-    margin-left:.3rem;
-    margin-right: .3rem;
-    padding-right: .3rem;
-    padding-left: .3rem;
+  border-color: #ed7669;
+  color: #a82315;
 }
 
 .content h1 {
diff --git a/docs/styles.0002.css b/docs/styles.0003.css
similarity index 97%
rename from docs/styles.0002.css
rename to docs/styles.0003.css
index 22f35d7..c627600 100644
--- a/docs/styles.0002.css
+++ b/docs/styles.0003.css
@@ -135,7 +135,7 @@ code,
 kbd,
 samp,
 pre {
-  font-family: "IBM Plex Mono", mono;
+  font-family: "IBM Plex Mono", mono, source-code-pro, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
   /* 1 */
   font-feature-settings: normal;
   /* 2 */
@@ -1057,7 +1057,7 @@ video {
 }
 
 .font-mono {
-  font-family: "IBM Plex Mono", mono;
+  font-family: "IBM Plex Mono", mono, source-code-pro, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
 }
 
 .font-onest {
@@ -1284,7 +1284,7 @@ pre {
 }
 
 code {
-  font-family: "IBM Plex Mono", mono;
+  font-family: "IBM Plex Mono", mono, source-code-pro, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
   font-size: 0.875rem;
   line-height: 1.25rem;
 }
@@ -1399,12 +1399,10 @@ code {
 
 .highlight .k {
   color: #000000;
-  font-weight: bold
 }
 
 .highlight .o {
   color: #000000;
-  font-weight: bold
 }
 
 .highlight .cm {
@@ -1414,7 +1412,6 @@ code {
 
 .highlight .cp {
   color: #999999;
-  font-weight: bold;
   font-style: italic
 }
 
@@ -1425,7 +1422,6 @@ code {
 
 .highlight .cs {
   color: #999999;
-  font-weight: bold;
   font-style: italic
 }
 
@@ -1461,7 +1457,6 @@ code {
 }
 
 .highlight .gs {
-  font-weight: bold
 }
 
 .highlight .gu {
@@ -1474,32 +1469,26 @@ code {
 
 .highlight .kc {
   color: #000000;
-  font-weight: bold
 }
 
 .highlight .kd {
   color: #000000;
-  font-weight: bold
 }
 
 .highlight .kn {
   color: #000000;
-  font-weight: bold
 }
 
 .highlight .kp {
   color: #000000;
-  font-weight: bold
 }
 
 .highlight .kr {
   color: #000000;
-  font-weight: bold
 }
 
 .highlight .kt {
   color: #445588;
-  font-weight: bold
 }
 
 .highlight .m {
@@ -1520,7 +1509,6 @@ code {
 
 .highlight .nc {
   color: #445588;
-  font-weight: bold
 }
 
 .highlight .no {
@@ -1529,7 +1517,6 @@ code {
 
 .highlight .nd {
   color: #3c5d5d;
-  font-weight: bold
 }
 
 .highlight .ni {
@@ -1538,17 +1525,14 @@ code {
 
 .highlight .ne {
   color: #990000;
-  font-weight: bold
 }
 
 .highlight .nf {
   color: #990000;
-  font-weight: bold
 }
 
 .highlight .nl {
   color: #990000;
-  font-weight: bold
 }
 
 .highlight .nn {
@@ -1565,7 +1549,6 @@ code {
 
 .highlight .ow {
   color: #000000;
-  font-weight: bold
 }
 
 .highlight .w {
@@ -1663,23 +1646,30 @@ code {
   color: rgb(128 128 128 / var(--tw-text-opacity));
 }
 
-.message-info a,.message-notice a,.message-warning a {
+.message-info a,
+.message-notice a,
+.message-warning a {
   color: black
 }
 
+.message-info code,
+.message-notice code,
+.message-warning code {
+  margin-left:.3rem;
+  margin-right: .3rem;
+  padding-right: .3rem;
+  padding-left: .3rem;
+  background: rgba(255,255,255,0.8);
+}
+
 .message-info {
   color: #196090;
   background: #cce5f6;
 }
 
 .message-info code {
-  background: rgba(255,255,255,0.8);
   border-color: #5faee3;
   color: #196090;
-  margin-left:.3rem;
-  margin-right: .3rem;
-  padding-right: .3rem;
-  padding-left: .3rem;
 }
 
 .message-notice {
@@ -1688,13 +1678,8 @@ code {
 }
 
 .message-notice code {
-  background: rgba(255,255,255,0.8);
   border-color: #f4d03f;
   color: #927608;
-  margin-left:.3rem;
-  margin-right: .3rem;
-  padding-right: .3rem;
-  padding-left: .3rem;
 }
 
 .message-warning {
@@ -1703,13 +1688,8 @@ code {
 }
 
 .message-warning code {
-  background: rgba(255,255,255,0.8);
   border-color: #ed7669;
   color: #a82315;
-  margin-left:.3rem;
-  margin-right: .3rem;
-  padding-right: .3rem;
-  padding-left: .3rem;
 }
 
 .content h1 {
diff --git a/docs/tailwind.config.js b/docs/tailwind.config.js
index 427c684..8e1722d 100644
--- a/docs/tailwind.config.js
+++ b/docs/tailwind.config.js
@@ -5,7 +5,7 @@ module.exports = {
     extend: {
       fontFamily: {
         'onest': ['"Onest"', 'sans-serif'],
-        'mono': ['"IBM Plex Mono"', 'mono']
+        'mono': ['"IBM Plex Mono"', 'mono', 'source-code-pro', 'ui-monospace', 'SFMono-Regular', 'Menlo', 'Monaco', 'Consolas', 'Liberation Mono', 'Courier New', 'monospace']
       },
       colors: {
         'csv': {