diff --git a/dist/dark-legacy.css.map b/dist/dark-legacy.css.map
index ad079d2..38adc95 100644
--- a/dist/dark-legacy.css.map
+++ b/dist/dark-legacy.css.map
@@ -1 +1 @@
-{"version":3,"sources":["dark-legacy.css"],"names":[],"mappings":";;AAOA,uGAAuG;AACvG,sIAC6B;AAT7B;;;;;EAKE","file":"dark-legacy.css","sourcesContent":["/**\r\n * Dark-themed version for legacy browsers:\r\n * Loads the compiled, standalone version of the dark theme,\r\n * but overrides it with the compiled, standalone version of the light theme\r\n * if a system-wide theme preference is set on the user's device.\r\n */\r\n\r\n@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/dark-legacy.standalone.min.css');\r\n@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/light-legacy.standalone.min.css')\r\n(prefers-color-scheme: light);\r\n"]}
\ No newline at end of file
+{"version":3,"sources":["dark-legacy.css"],"names":[],"mappings":";;AAOA,uGAAuG;AACvG,sIAC6B;AAT7B;;;;;EAKE","file":"dark-legacy.css","sourcesContent":["/**\n * Dark-themed version for legacy browsers:\n * Loads the compiled, standalone version of the dark theme,\n * but overrides it with the compiled, standalone version of the light theme\n * if a system-wide theme preference is set on the user's device.\n */\n\n@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/dark-legacy.standalone.min.css');\n@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/light-legacy.standalone.min.css')\n(prefers-color-scheme: light);\n"]}
\ No newline at end of file
diff --git a/dist/dark-legacy.min.css.map b/dist/dark-legacy.min.css.map
index cd93b2d..d505260 100644
--- a/dist/dark-legacy.min.css.map
+++ b/dist/dark-legacy.min.css.map
@@ -1 +1 @@
-{"version":3,"sources":["dark-legacy.css"],"names":[],"mappings":"AAOA,uGAAuG,CACvG,sIAHE","file":"dark-legacy.min.css","sourcesContent":["/**\r\n * Dark-themed version for legacy browsers:\r\n * Loads the compiled, standalone version of the dark theme,\r\n * but overrides it with the compiled, standalone version of the light theme\r\n * if a system-wide theme preference is set on the user's device.\r\n */\r\n\r\n@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/dark-legacy.standalone.min.css');\r\n@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/light-legacy.standalone.min.css')\r\n(prefers-color-scheme: light);\r\n"]}
\ No newline at end of file
+{"version":3,"sources":["dark-legacy.css"],"names":[],"mappings":"AAOA,uGAAuG,CACvG,sIAHE","file":"dark-legacy.min.css","sourcesContent":["/**\n * Dark-themed version for legacy browsers:\n * Loads the compiled, standalone version of the dark theme,\n * but overrides it with the compiled, standalone version of the light theme\n * if a system-wide theme preference is set on the user's device.\n */\n\n@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/dark-legacy.standalone.min.css');\n@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/light-legacy.standalone.min.css')\n(prefers-color-scheme: light);\n"]}
\ No newline at end of file
diff --git a/dist/dark-legacy.standalone.css.map b/dist/dark-legacy.standalone.css.map
index 263963c..153a071 100644
--- a/dist/dark-legacy.standalone.css.map
+++ b/dist/dark-legacy.standalone.css.map
@@ -1 +1 @@
-{"version":3,"sources":["dark-legacy.standalone.css","../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"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","file":"dark-legacy.standalone.css","sourcesContent":["/**\r\n * Standalone dark-themed version for legacy browsers.\r\n * Includes dark variables and core, compiled at build time so the final output\r\n * will only include regular CSS, no variables.\r\n */\r\n\r\n@import '../variables-dark.css';\r\n@import '../parts/_core.css';\r\n","body {\r\n  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\r\n  line-height: 1.4;\r\n\r\n  max-width: 800px;\r\n  margin: 20px auto;\r\n  padding: 0 10px;\r\n\r\n  color: var(--text-main);\r\n  background: var(--background-body);\r\n\r\n  text-rendering: optimizeLegibility;\r\n}\r\n\r\nbutton, input, textarea {\r\n  transition: background-color var(--animation-duration) linear,\r\n              border-color var(--animation-duration) linear,\r\n              color var(--animation-duration) linear,\r\n              box-shadow var(--animation-duration) linear,\r\n              transform var(--animation-duration) ease;\r\n}\r\n","h1 {\r\n  font-size: 2.2em;\r\n  margin-top: 0;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6 {\r\n  margin-bottom: 12px;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6,\r\nstrong {\r\n  color: var(--text-bright);\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6,\r\nb,\r\nstrong,\r\nth {\r\n  font-weight: 600;\r\n}\r\n\r\nq:before {\r\n   content: none;\r\n}\r\n\r\nq:after {\r\n   content: none;\r\n}\r\n\r\nblockquote , q{\r\n  border-left: 4px solid var(--focus);\r\n  margin: 1.5em 0em;\r\n  padding: 0.5em 1em;\r\n  font-style: italic;\r\n}\r\n\r\nblockquote > footer {\r\n  margin-top: 10px;\r\n  font-style: normal;\r\n}\r\n\r\nblockquote cite {\r\n  font-style: normal;\r\n}\r\n\r\naddress {\r\n  font-style: normal;\r\n}\r\n\r\na[href^='mailto']::before {\r\n  content: '📧 ';\r\n}\r\n\r\na[href^='tel']::before {\r\n  content: '📞 ';\r\n}\r\n\r\na[href^='sms']::before {\r\n  content: '💬 ';\r\n}\r\n\r\nmark {\r\n  background-color: var(--highlight);\r\n  border-radius: 2px;\r\n  padding: 0px 2px 0px 2px;\r\n  color: #000000;\r\n}","button,\r\ninput[type='submit'],\r\ninput[type='button'],\r\ninput[type='checkbox'] {\r\n  cursor: pointer;\r\n}\r\n\r\ninput:not([type='checkbox']):not([type='radio']),\r\nselect {\r\n  display: block;\r\n}\r\n\r\ninput,\r\nselect,\r\nbutton,\r\ntextarea {\r\n  color: var(--form-text);\r\n  background-color: var(--background);\r\n\r\n  font-family: inherit;\r\n  font-size: inherit;\r\n\r\n  margin-right: 6px;\r\n  margin-bottom: 6px;\r\n  padding: 10px;\r\n\r\n  border: none;\r\n  border-radius: 6px;\r\n  outline: none;\r\n}\r\n\r\ninput:not([type='checkbox']):not([type='radio']),\r\nselect,\r\nbutton,\r\ntextarea {\r\n  -webkit-appearance: none;\r\n}\r\n\r\ntextarea {\r\n  margin-right: 0;\r\n  width: 100%;\r\n  box-sizing: border-box;\r\n  resize: vertical;\r\n}\r\n\r\nbutton,\r\ninput[type='submit'],\r\ninput[type='button'] {\r\n  padding-right: 30px;\r\n  padding-left: 30px;\r\n}\r\n\r\nbutton:hover,\r\ninput[type='submit']:hover,\r\ninput[type='button']:hover {\r\n  background: var(--button-hover);\r\n}\r\n\r\ninput:focus,\r\nselect:focus,\r\nbutton:focus,\r\ntextarea:focus {\r\n  box-shadow: 0 0 0 2px var(--focus);\r\n}\r\n\r\ninput[type='checkbox']:active,\r\ninput[type='radio']:active,\r\ninput[type='submit']:active,\r\ninput[type='button']:active,\r\nbutton:active {\r\n  transform: translateY(2px);\r\n}\r\n\r\ninput:disabled,\r\nselect:disabled,\r\nbutton:disabled,\r\ntextarea:disabled {\r\n  cursor: not-allowed;\r\n  opacity: 0.5;\r\n}\r\n\r\n::placeholder {\r\n  color: var(--form-placeholder);\r\n}\r\n","a {\r\n  text-decoration: none;\r\n  color: var(--links);\r\n}\r\n\r\na:hover {\r\n  text-decoration: underline;\r\n}","code, samp, time {\r\n  background:  var(--background);\r\n  color: var(--code);\r\n  padding: 2.5px 5px;\r\n  border-radius: 6px;\r\n  font-size: 1em;\r\n}\r\n\r\npre > code {\r\n  padding: 10px;\r\n  display: block;\r\n  overflow-x: auto;\r\n}\r\n\r\nvar {\r\n  color: var(--variable);\r\n  font-style: normal;\r\n  font-family: monospace;\r\n}\r\n\r\nkbd {\r\n  background: var(--background);\r\n  border: 1px solid var(--border);\r\n  border-radius: 2px;\r\n  color: var(--text-main);\r\n  padding: 2px 4px 2px 4px;\r\n}","img {\r\n  max-width: 100%;\r\n  height: auto;\r\n}\r\n\r\nhr {\r\n  border: none;\r\n  border-top: 1px solid var(--border);\r\n}\r\n\r\ntable {\r\n  border-collapse: collapse;\r\n  margin-bottom: 10px;\r\n  width: 100%;\r\n}\r\n\r\ntd,\r\nth {\r\n  padding: 6px;\r\n  text-align: left;\r\n}\r\n\r\nth {\r\n  border-bottom: 1px solid var(--border);\r\n}\r\n\r\ntbody tr:nth-child(even) {\r\n  background-color: var(--background-alt);\r\n}\r\n\r\n::-webkit-scrollbar {\r\n  height: 10px;\r\n  width: 10px;\r\n}\r\n\r\n::-webkit-scrollbar-track {\r\n  background: var(--background);\r\n  border-radius: 6px;\r\n}\r\n\r\n::-webkit-scrollbar-thumb {\r\n  background: var(--scrollbar-thumb);\r\n  border-radius: 6px;\r\n}\r\n\r\n::-webkit-scrollbar-thumb:hover {\r\n  background: var(--scrollbar-thumb-hover);\r\n}\r\n\r\n::selection {\r\n  background-color: var(--selection);\r\n}\r\n"]}
\ No newline at end of file
+{"version":3,"sources":["dark-legacy.standalone.css","../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"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","file":"dark-legacy.standalone.css","sourcesContent":["/**\n * Standalone dark-themed version for legacy browsers.\n * Includes dark variables and core, compiled at build time so the final output\n * will only include regular CSS, no variables.\n */\n\n@import '../variables-dark.css';\n@import '../parts/_core.css';\n","body {\n  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\n  line-height: 1.4;\n\n  max-width: 800px;\n  margin: 20px auto;\n  padding: 0 10px;\n\n  color: var(--text-main);\n  background: var(--background-body);\n\n  text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n  transition: background-color var(--animation-duration) linear,\n              border-color var(--animation-duration) linear,\n              color var(--animation-duration) linear,\n              box-shadow var(--animation-duration) linear,\n              transform var(--animation-duration) ease;\n}\n","h1 {\n  font-size: 2.2em;\n  margin-top: 0;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin-bottom: 12px;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nstrong {\n  color: var(--text-bright);\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nb,\nstrong,\nth {\n  font-weight: 600;\n}\n\nq:before {\n   content: none;\n}\n\nq:after {\n   content: none;\n}\n\nblockquote , q{\n  border-left: 4px solid var(--focus);\n  margin: 1.5em 0em;\n  padding: 0.5em 1em;\n  font-style: italic;\n}\n\nblockquote > footer {\n  margin-top: 10px;\n  font-style: normal;\n}\n\nblockquote cite {\n  font-style: normal;\n}\n\naddress {\n  font-style: normal;\n}\n\na[href^='mailto']::before {\n  content: '📧 ';\n}\n\na[href^='tel']::before {\n  content: '📞 ';\n}\n\na[href^='sms']::before {\n  content: '💬 ';\n}\n\nmark {\n  background-color: var(--highlight);\n  border-radius: 2px;\n  padding: 0px 2px 0px 2px;\n  color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'] {\n  cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n  display: block;\n}\n\ninput,\nselect,\nbutton,\ntextarea {\n  color: var(--form-text);\n  background-color: var(--background);\n\n  font-family: inherit;\n  font-size: inherit;\n\n  margin-right: 6px;\n  margin-bottom: 6px;\n  padding: 10px;\n\n  border: none;\n  border-radius: 6px;\n  outline: none;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect,\nbutton,\ntextarea {\n  -webkit-appearance: none;\n}\n\ntextarea {\n  margin-right: 0;\n  width: 100%;\n  box-sizing: border-box;\n  resize: vertical;\n}\n\nbutton,\ninput[type='submit'],\ninput[type='button'] {\n  padding-right: 30px;\n  padding-left: 30px;\n}\n\nbutton:hover,\ninput[type='submit']:hover,\ninput[type='button']:hover {\n  background: var(--button-hover);\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n  box-shadow: 0 0 0 2px var(--focus);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\nbutton:active {\n  transform: translateY(2px);\n}\n\ninput:disabled,\nselect:disabled,\nbutton:disabled,\ntextarea:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n\n::placeholder {\n  color: var(--form-placeholder);\n}\n","a {\n  text-decoration: none;\n  color: var(--links);\n}\n\na:hover {\n  text-decoration: underline;\n}","code, samp, time {\n  background:  var(--background);\n  color: var(--code);\n  padding: 2.5px 5px;\n  border-radius: 6px;\n  font-size: 1em;\n}\n\npre > code {\n  padding: 10px;\n  display: block;\n  overflow-x: auto;\n}\n\nvar {\n  color: var(--variable);\n  font-style: normal;\n  font-family: monospace;\n}\n\nkbd {\n  background: var(--background);\n  border: 1px solid var(--border);\n  border-radius: 2px;\n  color: var(--text-main);\n  padding: 2px 4px 2px 4px;\n}","img {\n  max-width: 100%;\n  height: auto;\n}\n\nhr {\n  border: none;\n  border-top: 1px solid var(--border);\n}\n\ntable {\n  border-collapse: collapse;\n  margin-bottom: 10px;\n  width: 100%;\n}\n\ntd,\nth {\n  padding: 6px;\n  text-align: left;\n}\n\nth {\n  border-bottom: 1px solid var(--border);\n}\n\ntbody tr:nth-child(even) {\n  background-color: var(--background-alt);\n}\n\n::-webkit-scrollbar {\n  height: 10px;\n  width: 10px;\n}\n\n::-webkit-scrollbar-track {\n  background: var(--background);\n  border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n  background: var(--scrollbar-thumb);\n  border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n  background: var(--scrollbar-thumb-hover);\n}\n\n::selection {\n  background-color: var(--selection);\n}\n"]}
\ No newline at end of file
diff --git a/dist/dark-legacy.standalone.min.css.map b/dist/dark-legacy.standalone.min.css.map
index 1583a38..501001a 100644
--- a/dist/dark-legacy.standalone.min.css.map
+++ b/dist/dark-legacy.standalone.min.css.map
@@ -1 +1 @@
-{"version":3,"sources":["../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"AAAA,KACE,6IAAyK,CACzK,eAAgB,CAEhB,eAAgB,CAChB,gBAAiB,CACjB,cAAe,CAEf,aAAuB,CACvB,kBAAkC,CAElC,iCACF,CAEA,sBACE,wHAKF,CCpBA,GACE,eAAgB,CAChB,YACF,CAEA,kBAME,kBACF,CAEA,yBAOE,UACF,CAEA,8BASE,eACF,CAMA,iBACG,YACH,CAEA,aACE,yCAAmC,CACnC,cAAiB,CACjB,gBAAkB,CAClB,iBACF,CAEA,kBACE,eAAgB,CAChB,iBACF,CAMA,wBACE,iBACF,CAEA,uBACE,aACF,CAEA,oBACE,aACF,CAEA,oBACE,aACF,CAEA,KACE,wBAAkC,CAClC,iBAAkB,CAClB,aAAwB,CACxB,UACF,CCjFA,kEAIE,cACF,CAEA,oDAEE,aACF,CAEA,6BAIE,UAAuB,CACvB,wBAAmC,CAEnC,mBAAoB,CACpB,iBAAkB,CAElB,gBAAiB,CACjB,iBAAkB,CAClB,YAAa,CAEb,WAAY,CACZ,iBAAkB,CAClB,YACF,CAEA,oEAIE,uBACF,CAEA,SACE,cAAe,CACf,UAAW,CACX,qBAAsB,CACtB,eACF,CAEA,6CAGE,kBAAmB,CACnB,iBACF,CAEA,+DAGE,kBACF,CAEA,qDAIE,wCACF,CAEA,uHAKE,yBACF,CAEA,iEAIE,kBAAmB,CACnB,UACF,CAEA,4BACE,aACF,CAFA,uBACE,aACF,CAFA,wBACE,aACF,CAFA,cACE,aACF,CCnFA,EACE,oBAAqB,CACrB,aACF,CAEA,QACE,yBACF,CCPA,eACE,kBAA8B,CAC9B,aAAkB,CAClB,iBAAkB,CAClB,iBAAkB,CAClB,aACF,CAEA,SACE,YAAa,CACb,aAAc,CACd,eACF,CAEA,IACE,aAAsB,CACtB,iBAAkB,CAClB,qBACF,CAEA,IACE,kBAA6B,CAC7B,wBAA+B,CAC/B,iBAAkB,CAClB,aAAuB,CACvB,eACF,CC1BA,IACE,cAAe,CACf,WACF,CAEA,GAEE,WAAmC,CAAnC,4BACF,CAEA,MACE,wBAAyB,CACzB,kBAAmB,CACnB,UACF,CAEA,MAEE,WAAY,CACZ,eACF,CAEA,GACE,+BACF,CAEA,uBACE,wBACF,CAEA,oBACE,WAAY,CACZ,UACF,CAEA,0BACE,kBAA6B,CAC7B,iBACF,CAEA,0BACE,kBAAkC,CAClC,iBACF,CAEA,gCACE,kBACF,CAEA,iBACE,wBACF,CAFA,YACE,wBACF","file":"dark-legacy.standalone.min.css","sourcesContent":["body {\r\n  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\r\n  line-height: 1.4;\r\n\r\n  max-width: 800px;\r\n  margin: 20px auto;\r\n  padding: 0 10px;\r\n\r\n  color: var(--text-main);\r\n  background: var(--background-body);\r\n\r\n  text-rendering: optimizeLegibility;\r\n}\r\n\r\nbutton, input, textarea {\r\n  transition: background-color var(--animation-duration) linear,\r\n              border-color var(--animation-duration) linear,\r\n              color var(--animation-duration) linear,\r\n              box-shadow var(--animation-duration) linear,\r\n              transform var(--animation-duration) ease;\r\n}\r\n","h1 {\r\n  font-size: 2.2em;\r\n  margin-top: 0;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6 {\r\n  margin-bottom: 12px;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6,\r\nstrong {\r\n  color: var(--text-bright);\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6,\r\nb,\r\nstrong,\r\nth {\r\n  font-weight: 600;\r\n}\r\n\r\nq:before {\r\n   content: none;\r\n}\r\n\r\nq:after {\r\n   content: none;\r\n}\r\n\r\nblockquote , q{\r\n  border-left: 4px solid var(--focus);\r\n  margin: 1.5em 0em;\r\n  padding: 0.5em 1em;\r\n  font-style: italic;\r\n}\r\n\r\nblockquote > footer {\r\n  margin-top: 10px;\r\n  font-style: normal;\r\n}\r\n\r\nblockquote cite {\r\n  font-style: normal;\r\n}\r\n\r\naddress {\r\n  font-style: normal;\r\n}\r\n\r\na[href^='mailto']::before {\r\n  content: '📧 ';\r\n}\r\n\r\na[href^='tel']::before {\r\n  content: '📞 ';\r\n}\r\n\r\na[href^='sms']::before {\r\n  content: '💬 ';\r\n}\r\n\r\nmark {\r\n  background-color: var(--highlight);\r\n  border-radius: 2px;\r\n  padding: 0px 2px 0px 2px;\r\n  color: #000000;\r\n}","button,\r\ninput[type='submit'],\r\ninput[type='button'],\r\ninput[type='checkbox'] {\r\n  cursor: pointer;\r\n}\r\n\r\ninput:not([type='checkbox']):not([type='radio']),\r\nselect {\r\n  display: block;\r\n}\r\n\r\ninput,\r\nselect,\r\nbutton,\r\ntextarea {\r\n  color: var(--form-text);\r\n  background-color: var(--background);\r\n\r\n  font-family: inherit;\r\n  font-size: inherit;\r\n\r\n  margin-right: 6px;\r\n  margin-bottom: 6px;\r\n  padding: 10px;\r\n\r\n  border: none;\r\n  border-radius: 6px;\r\n  outline: none;\r\n}\r\n\r\ninput:not([type='checkbox']):not([type='radio']),\r\nselect,\r\nbutton,\r\ntextarea {\r\n  -webkit-appearance: none;\r\n}\r\n\r\ntextarea {\r\n  margin-right: 0;\r\n  width: 100%;\r\n  box-sizing: border-box;\r\n  resize: vertical;\r\n}\r\n\r\nbutton,\r\ninput[type='submit'],\r\ninput[type='button'] {\r\n  padding-right: 30px;\r\n  padding-left: 30px;\r\n}\r\n\r\nbutton:hover,\r\ninput[type='submit']:hover,\r\ninput[type='button']:hover {\r\n  background: var(--button-hover);\r\n}\r\n\r\ninput:focus,\r\nselect:focus,\r\nbutton:focus,\r\ntextarea:focus {\r\n  box-shadow: 0 0 0 2px var(--focus);\r\n}\r\n\r\ninput[type='checkbox']:active,\r\ninput[type='radio']:active,\r\ninput[type='submit']:active,\r\ninput[type='button']:active,\r\nbutton:active {\r\n  transform: translateY(2px);\r\n}\r\n\r\ninput:disabled,\r\nselect:disabled,\r\nbutton:disabled,\r\ntextarea:disabled {\r\n  cursor: not-allowed;\r\n  opacity: 0.5;\r\n}\r\n\r\n::placeholder {\r\n  color: var(--form-placeholder);\r\n}\r\n","a {\r\n  text-decoration: none;\r\n  color: var(--links);\r\n}\r\n\r\na:hover {\r\n  text-decoration: underline;\r\n}","code, samp, time {\r\n  background:  var(--background);\r\n  color: var(--code);\r\n  padding: 2.5px 5px;\r\n  border-radius: 6px;\r\n  font-size: 1em;\r\n}\r\n\r\npre > code {\r\n  padding: 10px;\r\n  display: block;\r\n  overflow-x: auto;\r\n}\r\n\r\nvar {\r\n  color: var(--variable);\r\n  font-style: normal;\r\n  font-family: monospace;\r\n}\r\n\r\nkbd {\r\n  background: var(--background);\r\n  border: 1px solid var(--border);\r\n  border-radius: 2px;\r\n  color: var(--text-main);\r\n  padding: 2px 4px 2px 4px;\r\n}","img {\r\n  max-width: 100%;\r\n  height: auto;\r\n}\r\n\r\nhr {\r\n  border: none;\r\n  border-top: 1px solid var(--border);\r\n}\r\n\r\ntable {\r\n  border-collapse: collapse;\r\n  margin-bottom: 10px;\r\n  width: 100%;\r\n}\r\n\r\ntd,\r\nth {\r\n  padding: 6px;\r\n  text-align: left;\r\n}\r\n\r\nth {\r\n  border-bottom: 1px solid var(--border);\r\n}\r\n\r\ntbody tr:nth-child(even) {\r\n  background-color: var(--background-alt);\r\n}\r\n\r\n::-webkit-scrollbar {\r\n  height: 10px;\r\n  width: 10px;\r\n}\r\n\r\n::-webkit-scrollbar-track {\r\n  background: var(--background);\r\n  border-radius: 6px;\r\n}\r\n\r\n::-webkit-scrollbar-thumb {\r\n  background: var(--scrollbar-thumb);\r\n  border-radius: 6px;\r\n}\r\n\r\n::-webkit-scrollbar-thumb:hover {\r\n  background: var(--scrollbar-thumb-hover);\r\n}\r\n\r\n::selection {\r\n  background-color: var(--selection);\r\n}\r\n"]}
\ No newline at end of file
+{"version":3,"sources":["../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"AAAA,KACE,6IAAyK,CACzK,eAAgB,CAEhB,eAAgB,CAChB,gBAAiB,CACjB,cAAe,CAEf,aAAuB,CACvB,kBAAkC,CAElC,iCACF,CAEA,sBACE,wHAKF,CCpBA,GACE,eAAgB,CAChB,YACF,CAEA,kBAME,kBACF,CAEA,yBAOE,UACF,CAEA,8BASE,eACF,CAMA,iBACG,YACH,CAEA,aACE,yCAAmC,CACnC,cAAiB,CACjB,gBAAkB,CAClB,iBACF,CAEA,kBACE,eAAgB,CAChB,iBACF,CAMA,wBACE,iBACF,CAEA,uBACE,aACF,CAEA,oBACE,aACF,CAEA,oBACE,aACF,CAEA,KACE,wBAAkC,CAClC,iBAAkB,CAClB,aAAwB,CACxB,UACF,CCjFA,kEAIE,cACF,CAEA,oDAEE,aACF,CAEA,6BAIE,UAAuB,CACvB,wBAAmC,CAEnC,mBAAoB,CACpB,iBAAkB,CAElB,gBAAiB,CACjB,iBAAkB,CAClB,YAAa,CAEb,WAAY,CACZ,iBAAkB,CAClB,YACF,CAEA,oEAIE,uBACF,CAEA,SACE,cAAe,CACf,UAAW,CACX,qBAAsB,CACtB,eACF,CAEA,6CAGE,kBAAmB,CACnB,iBACF,CAEA,+DAGE,kBACF,CAEA,qDAIE,wCACF,CAEA,uHAKE,yBACF,CAEA,iEAIE,kBAAmB,CACnB,UACF,CAEA,4BACE,aACF,CAFA,uBACE,aACF,CAFA,wBACE,aACF,CAFA,cACE,aACF,CCnFA,EACE,oBAAqB,CACrB,aACF,CAEA,QACE,yBACF,CCPA,eACE,kBAA8B,CAC9B,aAAkB,CAClB,iBAAkB,CAClB,iBAAkB,CAClB,aACF,CAEA,SACE,YAAa,CACb,aAAc,CACd,eACF,CAEA,IACE,aAAsB,CACtB,iBAAkB,CAClB,qBACF,CAEA,IACE,kBAA6B,CAC7B,wBAA+B,CAC/B,iBAAkB,CAClB,aAAuB,CACvB,eACF,CC1BA,IACE,cAAe,CACf,WACF,CAEA,GAEE,WAAmC,CAAnC,4BACF,CAEA,MACE,wBAAyB,CACzB,kBAAmB,CACnB,UACF,CAEA,MAEE,WAAY,CACZ,eACF,CAEA,GACE,+BACF,CAEA,uBACE,wBACF,CAEA,oBACE,WAAY,CACZ,UACF,CAEA,0BACE,kBAA6B,CAC7B,iBACF,CAEA,0BACE,kBAAkC,CAClC,iBACF,CAEA,gCACE,kBACF,CAEA,iBACE,wBACF,CAFA,YACE,wBACF","file":"dark-legacy.standalone.min.css","sourcesContent":["body {\n  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\n  line-height: 1.4;\n\n  max-width: 800px;\n  margin: 20px auto;\n  padding: 0 10px;\n\n  color: var(--text-main);\n  background: var(--background-body);\n\n  text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n  transition: background-color var(--animation-duration) linear,\n              border-color var(--animation-duration) linear,\n              color var(--animation-duration) linear,\n              box-shadow var(--animation-duration) linear,\n              transform var(--animation-duration) ease;\n}\n","h1 {\n  font-size: 2.2em;\n  margin-top: 0;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin-bottom: 12px;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nstrong {\n  color: var(--text-bright);\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nb,\nstrong,\nth {\n  font-weight: 600;\n}\n\nq:before {\n   content: none;\n}\n\nq:after {\n   content: none;\n}\n\nblockquote , q{\n  border-left: 4px solid var(--focus);\n  margin: 1.5em 0em;\n  padding: 0.5em 1em;\n  font-style: italic;\n}\n\nblockquote > footer {\n  margin-top: 10px;\n  font-style: normal;\n}\n\nblockquote cite {\n  font-style: normal;\n}\n\naddress {\n  font-style: normal;\n}\n\na[href^='mailto']::before {\n  content: '📧 ';\n}\n\na[href^='tel']::before {\n  content: '📞 ';\n}\n\na[href^='sms']::before {\n  content: '💬 ';\n}\n\nmark {\n  background-color: var(--highlight);\n  border-radius: 2px;\n  padding: 0px 2px 0px 2px;\n  color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'] {\n  cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n  display: block;\n}\n\ninput,\nselect,\nbutton,\ntextarea {\n  color: var(--form-text);\n  background-color: var(--background);\n\n  font-family: inherit;\n  font-size: inherit;\n\n  margin-right: 6px;\n  margin-bottom: 6px;\n  padding: 10px;\n\n  border: none;\n  border-radius: 6px;\n  outline: none;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect,\nbutton,\ntextarea {\n  -webkit-appearance: none;\n}\n\ntextarea {\n  margin-right: 0;\n  width: 100%;\n  box-sizing: border-box;\n  resize: vertical;\n}\n\nbutton,\ninput[type='submit'],\ninput[type='button'] {\n  padding-right: 30px;\n  padding-left: 30px;\n}\n\nbutton:hover,\ninput[type='submit']:hover,\ninput[type='button']:hover {\n  background: var(--button-hover);\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n  box-shadow: 0 0 0 2px var(--focus);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\nbutton:active {\n  transform: translateY(2px);\n}\n\ninput:disabled,\nselect:disabled,\nbutton:disabled,\ntextarea:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n\n::placeholder {\n  color: var(--form-placeholder);\n}\n","a {\n  text-decoration: none;\n  color: var(--links);\n}\n\na:hover {\n  text-decoration: underline;\n}","code, samp, time {\n  background:  var(--background);\n  color: var(--code);\n  padding: 2.5px 5px;\n  border-radius: 6px;\n  font-size: 1em;\n}\n\npre > code {\n  padding: 10px;\n  display: block;\n  overflow-x: auto;\n}\n\nvar {\n  color: var(--variable);\n  font-style: normal;\n  font-family: monospace;\n}\n\nkbd {\n  background: var(--background);\n  border: 1px solid var(--border);\n  border-radius: 2px;\n  color: var(--text-main);\n  padding: 2px 4px 2px 4px;\n}","img {\n  max-width: 100%;\n  height: auto;\n}\n\nhr {\n  border: none;\n  border-top: 1px solid var(--border);\n}\n\ntable {\n  border-collapse: collapse;\n  margin-bottom: 10px;\n  width: 100%;\n}\n\ntd,\nth {\n  padding: 6px;\n  text-align: left;\n}\n\nth {\n  border-bottom: 1px solid var(--border);\n}\n\ntbody tr:nth-child(even) {\n  background-color: var(--background-alt);\n}\n\n::-webkit-scrollbar {\n  height: 10px;\n  width: 10px;\n}\n\n::-webkit-scrollbar-track {\n  background: var(--background);\n  border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n  background: var(--scrollbar-thumb);\n  border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n  background: var(--scrollbar-thumb-hover);\n}\n\n::selection {\n  background-color: var(--selection);\n}\n"]}
\ No newline at end of file
diff --git a/dist/dark.css.map b/dist/dark.css.map
index d732014..4327003 100644
--- a/dist/dark.css.map
+++ b/dist/dark.css.map
@@ -1 +1 @@
-{"version":3,"sources":["dark.css","../variables-dark.css","../variables-light.css","../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"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","file":"dark.css","sourcesContent":["/**\r\n * Dark-themed version:\r\n * uses dark theme by default but switches to light theme\r\n * if a system-wide theme preference is set on the user's device.\r\n *\r\n * Variables will remain uncompiled so the theme can update dynamically\r\n * at runtime in the browser.\r\n */\r\n\r\n@import '../variables-dark.css';\r\n@import '../variables-light.css' (prefers-color-scheme: light);\r\n\r\n@import '../parts/_core.css';\r\n",":root {\r\n  --background-body: #202b38;\r\n  --background: #161f27;\r\n  --background-alt: #1a242f;\r\n\r\n  --selection: #161f27;\r\n\r\n  --text-main: #dbdbdb;\r\n  --text-bright: #ffffff;\r\n\r\n  --links: #41adff;\r\n  --focus: #0096bfab;\r\n  --border: #dbdbdb;\r\n  --code: #ffbe85;\r\n\r\n  --animation-duration: 0.1s;\r\n  --button-hover: #324759;\r\n\r\n  --scrollbar-thumb: var(--button-hover);\r\n  --scrollbar-thumb-hover: color-mod(var(--scrollbar-thumb) lightness(+8%));\r\n\r\n  --form-placeholder: #a9a9a9;\r\n  --form-text: #ffffff;\r\n\r\n  --variable: #d941e2;\r\n  --highlight: #efdb43;\r\n}\r\n",":root {\r\n  --background-body: #ffffff;\r\n  --background: #efefef;\r\n  --background-alt: #f7f7f7;\r\n\r\n  --selection: #9e9e9e;\r\n\r\n  --text-main: #363636;\r\n  --text-bright: #000000;\r\n\r\n  --links: #0076d1;\r\n  --focus: #0096bfab;\r\n  --border: #dbdbdb;\r\n  --code: #000000;\r\n\r\n  --animation-duration: 0.1s;\r\n  --button-hover: #dddddd;\r\n\r\n  --scrollbar-thumb: color-mod(var(--button-hover) lightness(-3%));\r\n  --scrollbar-thumb-hover: color-mod(var(--button-hover) lightness(-10%));\r\n\r\n  --form-placeholder: #949494;\r\n  --form-text: #000000;\r\n\r\n  --variable: #39a33c;\r\n  --highlight: #ffff00;\r\n}\r\n","body {\r\n  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\r\n  line-height: 1.4;\r\n\r\n  max-width: 800px;\r\n  margin: 20px auto;\r\n  padding: 0 10px;\r\n\r\n  color: var(--text-main);\r\n  background: var(--background-body);\r\n\r\n  text-rendering: optimizeLegibility;\r\n}\r\n\r\nbutton, input, textarea {\r\n  transition: background-color var(--animation-duration) linear,\r\n              border-color var(--animation-duration) linear,\r\n              color var(--animation-duration) linear,\r\n              box-shadow var(--animation-duration) linear,\r\n              transform var(--animation-duration) ease;\r\n}\r\n","h1 {\r\n  font-size: 2.2em;\r\n  margin-top: 0;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6 {\r\n  margin-bottom: 12px;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6,\r\nstrong {\r\n  color: var(--text-bright);\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6,\r\nb,\r\nstrong,\r\nth {\r\n  font-weight: 600;\r\n}\r\n\r\nq:before {\r\n   content: none;\r\n}\r\n\r\nq:after {\r\n   content: none;\r\n}\r\n\r\nblockquote , q{\r\n  border-left: 4px solid var(--focus);\r\n  margin: 1.5em 0em;\r\n  padding: 0.5em 1em;\r\n  font-style: italic;\r\n}\r\n\r\nblockquote > footer {\r\n  margin-top: 10px;\r\n  font-style: normal;\r\n}\r\n\r\nblockquote cite {\r\n  font-style: normal;\r\n}\r\n\r\naddress {\r\n  font-style: normal;\r\n}\r\n\r\na[href^='mailto']::before {\r\n  content: '📧 ';\r\n}\r\n\r\na[href^='tel']::before {\r\n  content: '📞 ';\r\n}\r\n\r\na[href^='sms']::before {\r\n  content: '💬 ';\r\n}\r\n\r\nmark {\r\n  background-color: var(--highlight);\r\n  border-radius: 2px;\r\n  padding: 0px 2px 0px 2px;\r\n  color: #000000;\r\n}","button,\r\ninput[type='submit'],\r\ninput[type='button'],\r\ninput[type='checkbox'] {\r\n  cursor: pointer;\r\n}\r\n\r\ninput:not([type='checkbox']):not([type='radio']),\r\nselect {\r\n  display: block;\r\n}\r\n\r\ninput,\r\nselect,\r\nbutton,\r\ntextarea {\r\n  color: var(--form-text);\r\n  background-color: var(--background);\r\n\r\n  font-family: inherit;\r\n  font-size: inherit;\r\n\r\n  margin-right: 6px;\r\n  margin-bottom: 6px;\r\n  padding: 10px;\r\n\r\n  border: none;\r\n  border-radius: 6px;\r\n  outline: none;\r\n}\r\n\r\ninput:not([type='checkbox']):not([type='radio']),\r\nselect,\r\nbutton,\r\ntextarea {\r\n  -webkit-appearance: none;\r\n}\r\n\r\ntextarea {\r\n  margin-right: 0;\r\n  width: 100%;\r\n  box-sizing: border-box;\r\n  resize: vertical;\r\n}\r\n\r\nbutton,\r\ninput[type='submit'],\r\ninput[type='button'] {\r\n  padding-right: 30px;\r\n  padding-left: 30px;\r\n}\r\n\r\nbutton:hover,\r\ninput[type='submit']:hover,\r\ninput[type='button']:hover {\r\n  background: var(--button-hover);\r\n}\r\n\r\ninput:focus,\r\nselect:focus,\r\nbutton:focus,\r\ntextarea:focus {\r\n  box-shadow: 0 0 0 2px var(--focus);\r\n}\r\n\r\ninput[type='checkbox']:active,\r\ninput[type='radio']:active,\r\ninput[type='submit']:active,\r\ninput[type='button']:active,\r\nbutton:active {\r\n  transform: translateY(2px);\r\n}\r\n\r\ninput:disabled,\r\nselect:disabled,\r\nbutton:disabled,\r\ntextarea:disabled {\r\n  cursor: not-allowed;\r\n  opacity: 0.5;\r\n}\r\n\r\n::placeholder {\r\n  color: var(--form-placeholder);\r\n}\r\n","a {\r\n  text-decoration: none;\r\n  color: var(--links);\r\n}\r\n\r\na:hover {\r\n  text-decoration: underline;\r\n}","code, samp, time {\r\n  background:  var(--background);\r\n  color: var(--code);\r\n  padding: 2.5px 5px;\r\n  border-radius: 6px;\r\n  font-size: 1em;\r\n}\r\n\r\npre > code {\r\n  padding: 10px;\r\n  display: block;\r\n  overflow-x: auto;\r\n}\r\n\r\nvar {\r\n  color: var(--variable);\r\n  font-style: normal;\r\n  font-family: monospace;\r\n}\r\n\r\nkbd {\r\n  background: var(--background);\r\n  border: 1px solid var(--border);\r\n  border-radius: 2px;\r\n  color: var(--text-main);\r\n  padding: 2px 4px 2px 4px;\r\n}","img {\r\n  max-width: 100%;\r\n  height: auto;\r\n}\r\n\r\nhr {\r\n  border: none;\r\n  border-top: 1px solid var(--border);\r\n}\r\n\r\ntable {\r\n  border-collapse: collapse;\r\n  margin-bottom: 10px;\r\n  width: 100%;\r\n}\r\n\r\ntd,\r\nth {\r\n  padding: 6px;\r\n  text-align: left;\r\n}\r\n\r\nth {\r\n  border-bottom: 1px solid var(--border);\r\n}\r\n\r\ntbody tr:nth-child(even) {\r\n  background-color: var(--background-alt);\r\n}\r\n\r\n::-webkit-scrollbar {\r\n  height: 10px;\r\n  width: 10px;\r\n}\r\n\r\n::-webkit-scrollbar-track {\r\n  background: var(--background);\r\n  border-radius: 6px;\r\n}\r\n\r\n::-webkit-scrollbar-thumb {\r\n  background: var(--scrollbar-thumb);\r\n  border-radius: 6px;\r\n}\r\n\r\n::-webkit-scrollbar-thumb:hover {\r\n  background: var(--scrollbar-thumb-hover);\r\n}\r\n\r\n::selection {\r\n  background-color: var(--selection);\r\n}\r\n"]}
\ No newline at end of file
+{"version":3,"sources":["dark.css","../variables-dark.css","../variables-light.css","../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"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","file":"dark.css","sourcesContent":["/**\n * Dark-themed version:\n * uses dark theme by default but switches to light theme\n * if a system-wide theme preference is set on the user's device.\n *\n * Variables will remain uncompiled so the theme can update dynamically\n * at runtime in the browser.\n */\n\n@import '../variables-dark.css';\n@import '../variables-light.css' (prefers-color-scheme: light);\n\n@import '../parts/_core.css';\n",":root {\n  --background-body: #202b38;\n  --background: #161f27;\n  --background-alt: #1a242f;\n\n  --selection: #161f27;\n\n  --text-main: #dbdbdb;\n  --text-bright: #ffffff;\n\n  --links: #41adff;\n  --focus: #0096bfab;\n  --border: #dbdbdb;\n  --code: #ffbe85;\n\n  --animation-duration: 0.1s;\n  --button-hover: #324759;\n\n  --scrollbar-thumb: var(--button-hover);\n  --scrollbar-thumb-hover: color-mod(var(--scrollbar-thumb) lightness(+8%));\n\n  --form-placeholder: #a9a9a9;\n  --form-text: #ffffff;\n\n  --variable: #d941e2;\n  --highlight: #efdb43;\n}\n",":root {\n  --background-body: #ffffff;\n  --background: #efefef;\n  --background-alt: #f7f7f7;\n\n  --selection: #9e9e9e;\n\n  --text-main: #363636;\n  --text-bright: #000000;\n\n  --links: #0076d1;\n  --focus: #0096bfab;\n  --border: #dbdbdb;\n  --code: #000000;\n\n  --animation-duration: 0.1s;\n  --button-hover: #dddddd;\n\n  --scrollbar-thumb: color-mod(var(--button-hover) lightness(-3%));\n  --scrollbar-thumb-hover: color-mod(var(--button-hover) lightness(-10%));\n\n  --form-placeholder: #949494;\n  --form-text: #000000;\n\n  --variable: #39a33c;\n  --highlight: #ffff00;\n}\n","body {\n  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\n  line-height: 1.4;\n\n  max-width: 800px;\n  margin: 20px auto;\n  padding: 0 10px;\n\n  color: var(--text-main);\n  background: var(--background-body);\n\n  text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n  transition: background-color var(--animation-duration) linear,\n              border-color var(--animation-duration) linear,\n              color var(--animation-duration) linear,\n              box-shadow var(--animation-duration) linear,\n              transform var(--animation-duration) ease;\n}\n","h1 {\n  font-size: 2.2em;\n  margin-top: 0;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin-bottom: 12px;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nstrong {\n  color: var(--text-bright);\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nb,\nstrong,\nth {\n  font-weight: 600;\n}\n\nq:before {\n   content: none;\n}\n\nq:after {\n   content: none;\n}\n\nblockquote , q{\n  border-left: 4px solid var(--focus);\n  margin: 1.5em 0em;\n  padding: 0.5em 1em;\n  font-style: italic;\n}\n\nblockquote > footer {\n  margin-top: 10px;\n  font-style: normal;\n}\n\nblockquote cite {\n  font-style: normal;\n}\n\naddress {\n  font-style: normal;\n}\n\na[href^='mailto']::before {\n  content: '📧 ';\n}\n\na[href^='tel']::before {\n  content: '📞 ';\n}\n\na[href^='sms']::before {\n  content: '💬 ';\n}\n\nmark {\n  background-color: var(--highlight);\n  border-radius: 2px;\n  padding: 0px 2px 0px 2px;\n  color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'] {\n  cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n  display: block;\n}\n\ninput,\nselect,\nbutton,\ntextarea {\n  color: var(--form-text);\n  background-color: var(--background);\n\n  font-family: inherit;\n  font-size: inherit;\n\n  margin-right: 6px;\n  margin-bottom: 6px;\n  padding: 10px;\n\n  border: none;\n  border-radius: 6px;\n  outline: none;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect,\nbutton,\ntextarea {\n  -webkit-appearance: none;\n}\n\ntextarea {\n  margin-right: 0;\n  width: 100%;\n  box-sizing: border-box;\n  resize: vertical;\n}\n\nbutton,\ninput[type='submit'],\ninput[type='button'] {\n  padding-right: 30px;\n  padding-left: 30px;\n}\n\nbutton:hover,\ninput[type='submit']:hover,\ninput[type='button']:hover {\n  background: var(--button-hover);\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n  box-shadow: 0 0 0 2px var(--focus);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\nbutton:active {\n  transform: translateY(2px);\n}\n\ninput:disabled,\nselect:disabled,\nbutton:disabled,\ntextarea:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n\n::placeholder {\n  color: var(--form-placeholder);\n}\n","a {\n  text-decoration: none;\n  color: var(--links);\n}\n\na:hover {\n  text-decoration: underline;\n}","code, samp, time {\n  background:  var(--background);\n  color: var(--code);\n  padding: 2.5px 5px;\n  border-radius: 6px;\n  font-size: 1em;\n}\n\npre > code {\n  padding: 10px;\n  display: block;\n  overflow-x: auto;\n}\n\nvar {\n  color: var(--variable);\n  font-style: normal;\n  font-family: monospace;\n}\n\nkbd {\n  background: var(--background);\n  border: 1px solid var(--border);\n  border-radius: 2px;\n  color: var(--text-main);\n  padding: 2px 4px 2px 4px;\n}","img {\n  max-width: 100%;\n  height: auto;\n}\n\nhr {\n  border: none;\n  border-top: 1px solid var(--border);\n}\n\ntable {\n  border-collapse: collapse;\n  margin-bottom: 10px;\n  width: 100%;\n}\n\ntd,\nth {\n  padding: 6px;\n  text-align: left;\n}\n\nth {\n  border-bottom: 1px solid var(--border);\n}\n\ntbody tr:nth-child(even) {\n  background-color: var(--background-alt);\n}\n\n::-webkit-scrollbar {\n  height: 10px;\n  width: 10px;\n}\n\n::-webkit-scrollbar-track {\n  background: var(--background);\n  border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n  background: var(--scrollbar-thumb);\n  border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n  background: var(--scrollbar-thumb-hover);\n}\n\n::selection {\n  background-color: var(--selection);\n}\n"]}
\ No newline at end of file
diff --git a/dist/dark.min.css.map b/dist/dark.min.css.map
index 2d7845a..7647247 100644
--- a/dist/dark.min.css.map
+++ b/dist/dark.min.css.map
@@ -1 +1 @@
-{"version":3,"sources":["../variables-dark.css","../variables-light.css","dark.css","../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"AAAA,MACE,yBAA0B,CAC1B,oBAAqB,CACrB,wBAAyB,CAEzB,mBAAoB,CAEpB,mBAAoB,CACpB,kBAAsB,CAEtB,eAAgB,CAChB,4BAAkB,CAClB,gBAAiB,CACjB,cAAe,CAEf,yBAA0B,CAC1B,sBAAuB,CAEvB,qCAAsC,CACtC,+BAAyE,CAEzE,0BAA2B,CAC3B,gBAAoB,CAEpB,kBAAmB,CACnB,mBACF,CC1BA,oCAAA,MACE,sBAA0B,CAC1B,oBAAqB,CACrB,wBAAyB,CAEzB,mBAAoB,CAEpB,mBAAoB,CACpB,kBAAsB,CAEtB,eAAgB,CAChB,4BAAkB,CAClB,gBAAiB,CACjB,WAAe,CAEf,yBAA0B,CAC1B,mBAAuB,CAEvB,yBAAgE,CAChE,+BAAuE,CAEvE,0BAA2B,CAC3B,gBAAoB,CAEpB,kBAAmB,CACnB,gBACF,CCuCA,CCjEA,KACE,6IAAyK,CACzK,eAAgB,CAEhB,eAAgB,CAChB,gBAAiB,CACjB,cAAe,CAEf,sBAAuB,CACvB,iCAAkC,CAElC,iCACF,CAEA,sBACE,sOAKF,CCpBA,GACE,eAAgB,CAChB,YACF,CAEA,kBAME,kBACF,CAEA,yBAOE,wBACF,CAEA,8BASE,eACF,CAMA,iBACG,YACH,CAEA,aACE,kCAAmC,CACnC,cAAiB,CACjB,gBAAkB,CAClB,iBACF,CAEA,kBACE,eAAgB,CAChB,iBACF,CAMA,wBACE,iBACF,CAEA,uBACE,aACF,CAEA,oBACE,aACF,CAEA,oBACE,aACF,CAEA,KACE,iCAAkC,CAClC,iBAAkB,CAClB,aAAwB,CACxB,UACF,CCjFA,kEAIE,cACF,CAEA,oDAEE,aACF,CAEA,6BAIE,sBAAuB,CACvB,kCAAmC,CAEnC,mBAAoB,CACpB,iBAAkB,CAElB,gBAAiB,CACjB,iBAAkB,CAClB,YAAa,CAEb,WAAY,CACZ,iBAAkB,CAClB,YACF,CAEA,oEAIE,uBACF,CAEA,SACE,cAAe,CACf,UAAW,CACX,qBAAsB,CACtB,eACF,CAEA,6CAGE,kBAAmB,CACnB,iBACF,CAEA,+DAGE,8BACF,CAEA,qDAIE,iCACF,CAEA,uHAKE,yBACF,CAEA,iEAIE,kBAAmB,CACnB,UACF,CAEA,4BACE,6BACF,CAFA,uBACE,6BACF,CAFA,wBACE,6BACF,CAFA,cACE,6BACF,CCnFA,EACE,oBAAqB,CACrB,kBACF,CAEA,QACE,yBACF,CCPA,eACE,4BAA8B,CAC9B,iBAAkB,CAClB,iBAAkB,CAClB,iBAAkB,CAClB,aACF,CAEA,SACE,YAAa,CACb,aAAc,CACd,eACF,CAEA,IACE,qBAAsB,CACtB,iBAAkB,CAClB,qBACF,CAEA,IACE,4BAA6B,CAC7B,8BAA+B,CAC/B,iBAAkB,CAClB,sBAAuB,CACvB,eACF,CC1BA,IACE,cAAe,CACf,WACF,CAEA,GACE,WAAY,CACZ,kCACF,CAEA,MACE,wBAAyB,CACzB,kBAAmB,CACnB,UACF,CAEA,MAEE,WAAY,CACZ,eACF,CAEA,GACE,qCACF,CAEA,uBACE,sCACF,CAEA,oBACE,WAAY,CACZ,UACF,CAEA,0BACE,4BAA6B,CAC7B,iBACF,CAEA,0BACE,iCAAkC,CAClC,iBACF,CAEA,gCACE,uCACF,CAEA,iBACE,iCACF,CAFA,YACE,iCACF","file":"dark.min.css","sourcesContent":[":root {\r\n  --background-body: #202b38;\r\n  --background: #161f27;\r\n  --background-alt: #1a242f;\r\n\r\n  --selection: #161f27;\r\n\r\n  --text-main: #dbdbdb;\r\n  --text-bright: #ffffff;\r\n\r\n  --links: #41adff;\r\n  --focus: #0096bfab;\r\n  --border: #dbdbdb;\r\n  --code: #ffbe85;\r\n\r\n  --animation-duration: 0.1s;\r\n  --button-hover: #324759;\r\n\r\n  --scrollbar-thumb: var(--button-hover);\r\n  --scrollbar-thumb-hover: color-mod(var(--scrollbar-thumb) lightness(+8%));\r\n\r\n  --form-placeholder: #a9a9a9;\r\n  --form-text: #ffffff;\r\n\r\n  --variable: #d941e2;\r\n  --highlight: #efdb43;\r\n}\r\n",":root {\r\n  --background-body: #ffffff;\r\n  --background: #efefef;\r\n  --background-alt: #f7f7f7;\r\n\r\n  --selection: #9e9e9e;\r\n\r\n  --text-main: #363636;\r\n  --text-bright: #000000;\r\n\r\n  --links: #0076d1;\r\n  --focus: #0096bfab;\r\n  --border: #dbdbdb;\r\n  --code: #000000;\r\n\r\n  --animation-duration: 0.1s;\r\n  --button-hover: #dddddd;\r\n\r\n  --scrollbar-thumb: color-mod(var(--button-hover) lightness(-3%));\r\n  --scrollbar-thumb-hover: color-mod(var(--button-hover) lightness(-10%));\r\n\r\n  --form-placeholder: #949494;\r\n  --form-text: #000000;\r\n\r\n  --variable: #39a33c;\r\n  --highlight: #ffff00;\r\n}\r\n","/**\r\n * Dark-themed version:\r\n * uses dark theme by default but switches to light theme\r\n * if a system-wide theme preference is set on the user's device.\r\n *\r\n * Variables will remain uncompiled so the theme can update dynamically\r\n * at runtime in the browser.\r\n */\r\n\r\n@import '../variables-dark.css';\r\n@import '../variables-light.css' (prefers-color-scheme: light);\r\n\r\n@import '../parts/_core.css';\r\n","body {\r\n  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\r\n  line-height: 1.4;\r\n\r\n  max-width: 800px;\r\n  margin: 20px auto;\r\n  padding: 0 10px;\r\n\r\n  color: var(--text-main);\r\n  background: var(--background-body);\r\n\r\n  text-rendering: optimizeLegibility;\r\n}\r\n\r\nbutton, input, textarea {\r\n  transition: background-color var(--animation-duration) linear,\r\n              border-color var(--animation-duration) linear,\r\n              color var(--animation-duration) linear,\r\n              box-shadow var(--animation-duration) linear,\r\n              transform var(--animation-duration) ease;\r\n}\r\n","h1 {\r\n  font-size: 2.2em;\r\n  margin-top: 0;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6 {\r\n  margin-bottom: 12px;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6,\r\nstrong {\r\n  color: var(--text-bright);\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6,\r\nb,\r\nstrong,\r\nth {\r\n  font-weight: 600;\r\n}\r\n\r\nq:before {\r\n   content: none;\r\n}\r\n\r\nq:after {\r\n   content: none;\r\n}\r\n\r\nblockquote , q{\r\n  border-left: 4px solid var(--focus);\r\n  margin: 1.5em 0em;\r\n  padding: 0.5em 1em;\r\n  font-style: italic;\r\n}\r\n\r\nblockquote > footer {\r\n  margin-top: 10px;\r\n  font-style: normal;\r\n}\r\n\r\nblockquote cite {\r\n  font-style: normal;\r\n}\r\n\r\naddress {\r\n  font-style: normal;\r\n}\r\n\r\na[href^='mailto']::before {\r\n  content: '📧 ';\r\n}\r\n\r\na[href^='tel']::before {\r\n  content: '📞 ';\r\n}\r\n\r\na[href^='sms']::before {\r\n  content: '💬 ';\r\n}\r\n\r\nmark {\r\n  background-color: var(--highlight);\r\n  border-radius: 2px;\r\n  padding: 0px 2px 0px 2px;\r\n  color: #000000;\r\n}","button,\r\ninput[type='submit'],\r\ninput[type='button'],\r\ninput[type='checkbox'] {\r\n  cursor: pointer;\r\n}\r\n\r\ninput:not([type='checkbox']):not([type='radio']),\r\nselect {\r\n  display: block;\r\n}\r\n\r\ninput,\r\nselect,\r\nbutton,\r\ntextarea {\r\n  color: var(--form-text);\r\n  background-color: var(--background);\r\n\r\n  font-family: inherit;\r\n  font-size: inherit;\r\n\r\n  margin-right: 6px;\r\n  margin-bottom: 6px;\r\n  padding: 10px;\r\n\r\n  border: none;\r\n  border-radius: 6px;\r\n  outline: none;\r\n}\r\n\r\ninput:not([type='checkbox']):not([type='radio']),\r\nselect,\r\nbutton,\r\ntextarea {\r\n  -webkit-appearance: none;\r\n}\r\n\r\ntextarea {\r\n  margin-right: 0;\r\n  width: 100%;\r\n  box-sizing: border-box;\r\n  resize: vertical;\r\n}\r\n\r\nbutton,\r\ninput[type='submit'],\r\ninput[type='button'] {\r\n  padding-right: 30px;\r\n  padding-left: 30px;\r\n}\r\n\r\nbutton:hover,\r\ninput[type='submit']:hover,\r\ninput[type='button']:hover {\r\n  background: var(--button-hover);\r\n}\r\n\r\ninput:focus,\r\nselect:focus,\r\nbutton:focus,\r\ntextarea:focus {\r\n  box-shadow: 0 0 0 2px var(--focus);\r\n}\r\n\r\ninput[type='checkbox']:active,\r\ninput[type='radio']:active,\r\ninput[type='submit']:active,\r\ninput[type='button']:active,\r\nbutton:active {\r\n  transform: translateY(2px);\r\n}\r\n\r\ninput:disabled,\r\nselect:disabled,\r\nbutton:disabled,\r\ntextarea:disabled {\r\n  cursor: not-allowed;\r\n  opacity: 0.5;\r\n}\r\n\r\n::placeholder {\r\n  color: var(--form-placeholder);\r\n}\r\n","a {\r\n  text-decoration: none;\r\n  color: var(--links);\r\n}\r\n\r\na:hover {\r\n  text-decoration: underline;\r\n}","code, samp, time {\r\n  background:  var(--background);\r\n  color: var(--code);\r\n  padding: 2.5px 5px;\r\n  border-radius: 6px;\r\n  font-size: 1em;\r\n}\r\n\r\npre > code {\r\n  padding: 10px;\r\n  display: block;\r\n  overflow-x: auto;\r\n}\r\n\r\nvar {\r\n  color: var(--variable);\r\n  font-style: normal;\r\n  font-family: monospace;\r\n}\r\n\r\nkbd {\r\n  background: var(--background);\r\n  border: 1px solid var(--border);\r\n  border-radius: 2px;\r\n  color: var(--text-main);\r\n  padding: 2px 4px 2px 4px;\r\n}","img {\r\n  max-width: 100%;\r\n  height: auto;\r\n}\r\n\r\nhr {\r\n  border: none;\r\n  border-top: 1px solid var(--border);\r\n}\r\n\r\ntable {\r\n  border-collapse: collapse;\r\n  margin-bottom: 10px;\r\n  width: 100%;\r\n}\r\n\r\ntd,\r\nth {\r\n  padding: 6px;\r\n  text-align: left;\r\n}\r\n\r\nth {\r\n  border-bottom: 1px solid var(--border);\r\n}\r\n\r\ntbody tr:nth-child(even) {\r\n  background-color: var(--background-alt);\r\n}\r\n\r\n::-webkit-scrollbar {\r\n  height: 10px;\r\n  width: 10px;\r\n}\r\n\r\n::-webkit-scrollbar-track {\r\n  background: var(--background);\r\n  border-radius: 6px;\r\n}\r\n\r\n::-webkit-scrollbar-thumb {\r\n  background: var(--scrollbar-thumb);\r\n  border-radius: 6px;\r\n}\r\n\r\n::-webkit-scrollbar-thumb:hover {\r\n  background: var(--scrollbar-thumb-hover);\r\n}\r\n\r\n::selection {\r\n  background-color: var(--selection);\r\n}\r\n"]}
\ No newline at end of file
+{"version":3,"sources":["../variables-dark.css","../variables-light.css","dark.css","../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"AAAA,MACE,yBAA0B,CAC1B,oBAAqB,CACrB,wBAAyB,CAEzB,mBAAoB,CAEpB,mBAAoB,CACpB,kBAAsB,CAEtB,eAAgB,CAChB,4BAAkB,CAClB,gBAAiB,CACjB,cAAe,CAEf,yBAA0B,CAC1B,sBAAuB,CAEvB,qCAAsC,CACtC,+BAAyE,CAEzE,0BAA2B,CAC3B,gBAAoB,CAEpB,kBAAmB,CACnB,mBACF,CC1BA,oCAAA,MACE,sBAA0B,CAC1B,oBAAqB,CACrB,wBAAyB,CAEzB,mBAAoB,CAEpB,mBAAoB,CACpB,kBAAsB,CAEtB,eAAgB,CAChB,4BAAkB,CAClB,gBAAiB,CACjB,WAAe,CAEf,yBAA0B,CAC1B,mBAAuB,CAEvB,yBAAgE,CAChE,+BAAuE,CAEvE,0BAA2B,CAC3B,gBAAoB,CAEpB,kBAAmB,CACnB,gBACF,CCuCA,CCjEA,KACE,6IAAyK,CACzK,eAAgB,CAEhB,eAAgB,CAChB,gBAAiB,CACjB,cAAe,CAEf,sBAAuB,CACvB,iCAAkC,CAElC,iCACF,CAEA,sBACE,sOAKF,CCpBA,GACE,eAAgB,CAChB,YACF,CAEA,kBAME,kBACF,CAEA,yBAOE,wBACF,CAEA,8BASE,eACF,CAMA,iBACG,YACH,CAEA,aACE,kCAAmC,CACnC,cAAiB,CACjB,gBAAkB,CAClB,iBACF,CAEA,kBACE,eAAgB,CAChB,iBACF,CAMA,wBACE,iBACF,CAEA,uBACE,aACF,CAEA,oBACE,aACF,CAEA,oBACE,aACF,CAEA,KACE,iCAAkC,CAClC,iBAAkB,CAClB,aAAwB,CACxB,UACF,CCjFA,kEAIE,cACF,CAEA,oDAEE,aACF,CAEA,6BAIE,sBAAuB,CACvB,kCAAmC,CAEnC,mBAAoB,CACpB,iBAAkB,CAElB,gBAAiB,CACjB,iBAAkB,CAClB,YAAa,CAEb,WAAY,CACZ,iBAAkB,CAClB,YACF,CAEA,oEAIE,uBACF,CAEA,SACE,cAAe,CACf,UAAW,CACX,qBAAsB,CACtB,eACF,CAEA,6CAGE,kBAAmB,CACnB,iBACF,CAEA,+DAGE,8BACF,CAEA,qDAIE,iCACF,CAEA,uHAKE,yBACF,CAEA,iEAIE,kBAAmB,CACnB,UACF,CAEA,4BACE,6BACF,CAFA,uBACE,6BACF,CAFA,wBACE,6BACF,CAFA,cACE,6BACF,CCnFA,EACE,oBAAqB,CACrB,kBACF,CAEA,QACE,yBACF,CCPA,eACE,4BAA8B,CAC9B,iBAAkB,CAClB,iBAAkB,CAClB,iBAAkB,CAClB,aACF,CAEA,SACE,YAAa,CACb,aAAc,CACd,eACF,CAEA,IACE,qBAAsB,CACtB,iBAAkB,CAClB,qBACF,CAEA,IACE,4BAA6B,CAC7B,8BAA+B,CAC/B,iBAAkB,CAClB,sBAAuB,CACvB,eACF,CC1BA,IACE,cAAe,CACf,WACF,CAEA,GACE,WAAY,CACZ,kCACF,CAEA,MACE,wBAAyB,CACzB,kBAAmB,CACnB,UACF,CAEA,MAEE,WAAY,CACZ,eACF,CAEA,GACE,qCACF,CAEA,uBACE,sCACF,CAEA,oBACE,WAAY,CACZ,UACF,CAEA,0BACE,4BAA6B,CAC7B,iBACF,CAEA,0BACE,iCAAkC,CAClC,iBACF,CAEA,gCACE,uCACF,CAEA,iBACE,iCACF,CAFA,YACE,iCACF","file":"dark.min.css","sourcesContent":[":root {\n  --background-body: #202b38;\n  --background: #161f27;\n  --background-alt: #1a242f;\n\n  --selection: #161f27;\n\n  --text-main: #dbdbdb;\n  --text-bright: #ffffff;\n\n  --links: #41adff;\n  --focus: #0096bfab;\n  --border: #dbdbdb;\n  --code: #ffbe85;\n\n  --animation-duration: 0.1s;\n  --button-hover: #324759;\n\n  --scrollbar-thumb: var(--button-hover);\n  --scrollbar-thumb-hover: color-mod(var(--scrollbar-thumb) lightness(+8%));\n\n  --form-placeholder: #a9a9a9;\n  --form-text: #ffffff;\n\n  --variable: #d941e2;\n  --highlight: #efdb43;\n}\n",":root {\n  --background-body: #ffffff;\n  --background: #efefef;\n  --background-alt: #f7f7f7;\n\n  --selection: #9e9e9e;\n\n  --text-main: #363636;\n  --text-bright: #000000;\n\n  --links: #0076d1;\n  --focus: #0096bfab;\n  --border: #dbdbdb;\n  --code: #000000;\n\n  --animation-duration: 0.1s;\n  --button-hover: #dddddd;\n\n  --scrollbar-thumb: color-mod(var(--button-hover) lightness(-3%));\n  --scrollbar-thumb-hover: color-mod(var(--button-hover) lightness(-10%));\n\n  --form-placeholder: #949494;\n  --form-text: #000000;\n\n  --variable: #39a33c;\n  --highlight: #ffff00;\n}\n","/**\n * Dark-themed version:\n * uses dark theme by default but switches to light theme\n * if a system-wide theme preference is set on the user's device.\n *\n * Variables will remain uncompiled so the theme can update dynamically\n * at runtime in the browser.\n */\n\n@import '../variables-dark.css';\n@import '../variables-light.css' (prefers-color-scheme: light);\n\n@import '../parts/_core.css';\n","body {\n  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\n  line-height: 1.4;\n\n  max-width: 800px;\n  margin: 20px auto;\n  padding: 0 10px;\n\n  color: var(--text-main);\n  background: var(--background-body);\n\n  text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n  transition: background-color var(--animation-duration) linear,\n              border-color var(--animation-duration) linear,\n              color var(--animation-duration) linear,\n              box-shadow var(--animation-duration) linear,\n              transform var(--animation-duration) ease;\n}\n","h1 {\n  font-size: 2.2em;\n  margin-top: 0;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin-bottom: 12px;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nstrong {\n  color: var(--text-bright);\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nb,\nstrong,\nth {\n  font-weight: 600;\n}\n\nq:before {\n   content: none;\n}\n\nq:after {\n   content: none;\n}\n\nblockquote , q{\n  border-left: 4px solid var(--focus);\n  margin: 1.5em 0em;\n  padding: 0.5em 1em;\n  font-style: italic;\n}\n\nblockquote > footer {\n  margin-top: 10px;\n  font-style: normal;\n}\n\nblockquote cite {\n  font-style: normal;\n}\n\naddress {\n  font-style: normal;\n}\n\na[href^='mailto']::before {\n  content: '📧 ';\n}\n\na[href^='tel']::before {\n  content: '📞 ';\n}\n\na[href^='sms']::before {\n  content: '💬 ';\n}\n\nmark {\n  background-color: var(--highlight);\n  border-radius: 2px;\n  padding: 0px 2px 0px 2px;\n  color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'] {\n  cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n  display: block;\n}\n\ninput,\nselect,\nbutton,\ntextarea {\n  color: var(--form-text);\n  background-color: var(--background);\n\n  font-family: inherit;\n  font-size: inherit;\n\n  margin-right: 6px;\n  margin-bottom: 6px;\n  padding: 10px;\n\n  border: none;\n  border-radius: 6px;\n  outline: none;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect,\nbutton,\ntextarea {\n  -webkit-appearance: none;\n}\n\ntextarea {\n  margin-right: 0;\n  width: 100%;\n  box-sizing: border-box;\n  resize: vertical;\n}\n\nbutton,\ninput[type='submit'],\ninput[type='button'] {\n  padding-right: 30px;\n  padding-left: 30px;\n}\n\nbutton:hover,\ninput[type='submit']:hover,\ninput[type='button']:hover {\n  background: var(--button-hover);\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n  box-shadow: 0 0 0 2px var(--focus);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\nbutton:active {\n  transform: translateY(2px);\n}\n\ninput:disabled,\nselect:disabled,\nbutton:disabled,\ntextarea:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n\n::placeholder {\n  color: var(--form-placeholder);\n}\n","a {\n  text-decoration: none;\n  color: var(--links);\n}\n\na:hover {\n  text-decoration: underline;\n}","code, samp, time {\n  background:  var(--background);\n  color: var(--code);\n  padding: 2.5px 5px;\n  border-radius: 6px;\n  font-size: 1em;\n}\n\npre > code {\n  padding: 10px;\n  display: block;\n  overflow-x: auto;\n}\n\nvar {\n  color: var(--variable);\n  font-style: normal;\n  font-family: monospace;\n}\n\nkbd {\n  background: var(--background);\n  border: 1px solid var(--border);\n  border-radius: 2px;\n  color: var(--text-main);\n  padding: 2px 4px 2px 4px;\n}","img {\n  max-width: 100%;\n  height: auto;\n}\n\nhr {\n  border: none;\n  border-top: 1px solid var(--border);\n}\n\ntable {\n  border-collapse: collapse;\n  margin-bottom: 10px;\n  width: 100%;\n}\n\ntd,\nth {\n  padding: 6px;\n  text-align: left;\n}\n\nth {\n  border-bottom: 1px solid var(--border);\n}\n\ntbody tr:nth-child(even) {\n  background-color: var(--background-alt);\n}\n\n::-webkit-scrollbar {\n  height: 10px;\n  width: 10px;\n}\n\n::-webkit-scrollbar-track {\n  background: var(--background);\n  border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n  background: var(--scrollbar-thumb);\n  border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n  background: var(--scrollbar-thumb-hover);\n}\n\n::selection {\n  background-color: var(--selection);\n}\n"]}
\ No newline at end of file
diff --git a/dist/dark.standalone.css.map b/dist/dark.standalone.css.map
index b26a3af..f01a86b 100644
--- a/dist/dark.standalone.css.map
+++ b/dist/dark.standalone.css.map
@@ -1 +1 @@
-{"version":3,"sources":["dark.standalone.css","../variables-dark.css","../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"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","file":"dark.standalone.css","sourcesContent":["/**\r\n * Standalone dark-themed version.\r\n * Includes dark variables and core, left as CSS variables\r\n * so the theming can be adjusted at runtime.\r\n */\r\n\r\n@import '../variables-dark.css';\r\n@import '../parts/_core.css';\r\n",":root {\r\n  --background-body: #202b38;\r\n  --background: #161f27;\r\n  --background-alt: #1a242f;\r\n\r\n  --selection: #161f27;\r\n\r\n  --text-main: #dbdbdb;\r\n  --text-bright: #ffffff;\r\n\r\n  --links: #41adff;\r\n  --focus: #0096bfab;\r\n  --border: #dbdbdb;\r\n  --code: #ffbe85;\r\n\r\n  --animation-duration: 0.1s;\r\n  --button-hover: #324759;\r\n\r\n  --scrollbar-thumb: var(--button-hover);\r\n  --scrollbar-thumb-hover: color-mod(var(--scrollbar-thumb) lightness(+8%));\r\n\r\n  --form-placeholder: #a9a9a9;\r\n  --form-text: #ffffff;\r\n\r\n  --variable: #d941e2;\r\n  --highlight: #efdb43;\r\n}\r\n","body {\r\n  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\r\n  line-height: 1.4;\r\n\r\n  max-width: 800px;\r\n  margin: 20px auto;\r\n  padding: 0 10px;\r\n\r\n  color: var(--text-main);\r\n  background: var(--background-body);\r\n\r\n  text-rendering: optimizeLegibility;\r\n}\r\n\r\nbutton, input, textarea {\r\n  transition: background-color var(--animation-duration) linear,\r\n              border-color var(--animation-duration) linear,\r\n              color var(--animation-duration) linear,\r\n              box-shadow var(--animation-duration) linear,\r\n              transform var(--animation-duration) ease;\r\n}\r\n","h1 {\r\n  font-size: 2.2em;\r\n  margin-top: 0;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6 {\r\n  margin-bottom: 12px;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6,\r\nstrong {\r\n  color: var(--text-bright);\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6,\r\nb,\r\nstrong,\r\nth {\r\n  font-weight: 600;\r\n}\r\n\r\nq:before {\r\n   content: none;\r\n}\r\n\r\nq:after {\r\n   content: none;\r\n}\r\n\r\nblockquote , q{\r\n  border-left: 4px solid var(--focus);\r\n  margin: 1.5em 0em;\r\n  padding: 0.5em 1em;\r\n  font-style: italic;\r\n}\r\n\r\nblockquote > footer {\r\n  margin-top: 10px;\r\n  font-style: normal;\r\n}\r\n\r\nblockquote cite {\r\n  font-style: normal;\r\n}\r\n\r\naddress {\r\n  font-style: normal;\r\n}\r\n\r\na[href^='mailto']::before {\r\n  content: '📧 ';\r\n}\r\n\r\na[href^='tel']::before {\r\n  content: '📞 ';\r\n}\r\n\r\na[href^='sms']::before {\r\n  content: '💬 ';\r\n}\r\n\r\nmark {\r\n  background-color: var(--highlight);\r\n  border-radius: 2px;\r\n  padding: 0px 2px 0px 2px;\r\n  color: #000000;\r\n}","button,\r\ninput[type='submit'],\r\ninput[type='button'],\r\ninput[type='checkbox'] {\r\n  cursor: pointer;\r\n}\r\n\r\ninput:not([type='checkbox']):not([type='radio']),\r\nselect {\r\n  display: block;\r\n}\r\n\r\ninput,\r\nselect,\r\nbutton,\r\ntextarea {\r\n  color: var(--form-text);\r\n  background-color: var(--background);\r\n\r\n  font-family: inherit;\r\n  font-size: inherit;\r\n\r\n  margin-right: 6px;\r\n  margin-bottom: 6px;\r\n  padding: 10px;\r\n\r\n  border: none;\r\n  border-radius: 6px;\r\n  outline: none;\r\n}\r\n\r\ninput:not([type='checkbox']):not([type='radio']),\r\nselect,\r\nbutton,\r\ntextarea {\r\n  -webkit-appearance: none;\r\n}\r\n\r\ntextarea {\r\n  margin-right: 0;\r\n  width: 100%;\r\n  box-sizing: border-box;\r\n  resize: vertical;\r\n}\r\n\r\nbutton,\r\ninput[type='submit'],\r\ninput[type='button'] {\r\n  padding-right: 30px;\r\n  padding-left: 30px;\r\n}\r\n\r\nbutton:hover,\r\ninput[type='submit']:hover,\r\ninput[type='button']:hover {\r\n  background: var(--button-hover);\r\n}\r\n\r\ninput:focus,\r\nselect:focus,\r\nbutton:focus,\r\ntextarea:focus {\r\n  box-shadow: 0 0 0 2px var(--focus);\r\n}\r\n\r\ninput[type='checkbox']:active,\r\ninput[type='radio']:active,\r\ninput[type='submit']:active,\r\ninput[type='button']:active,\r\nbutton:active {\r\n  transform: translateY(2px);\r\n}\r\n\r\ninput:disabled,\r\nselect:disabled,\r\nbutton:disabled,\r\ntextarea:disabled {\r\n  cursor: not-allowed;\r\n  opacity: 0.5;\r\n}\r\n\r\n::placeholder {\r\n  color: var(--form-placeholder);\r\n}\r\n","a {\r\n  text-decoration: none;\r\n  color: var(--links);\r\n}\r\n\r\na:hover {\r\n  text-decoration: underline;\r\n}","code, samp, time {\r\n  background:  var(--background);\r\n  color: var(--code);\r\n  padding: 2.5px 5px;\r\n  border-radius: 6px;\r\n  font-size: 1em;\r\n}\r\n\r\npre > code {\r\n  padding: 10px;\r\n  display: block;\r\n  overflow-x: auto;\r\n}\r\n\r\nvar {\r\n  color: var(--variable);\r\n  font-style: normal;\r\n  font-family: monospace;\r\n}\r\n\r\nkbd {\r\n  background: var(--background);\r\n  border: 1px solid var(--border);\r\n  border-radius: 2px;\r\n  color: var(--text-main);\r\n  padding: 2px 4px 2px 4px;\r\n}","img {\r\n  max-width: 100%;\r\n  height: auto;\r\n}\r\n\r\nhr {\r\n  border: none;\r\n  border-top: 1px solid var(--border);\r\n}\r\n\r\ntable {\r\n  border-collapse: collapse;\r\n  margin-bottom: 10px;\r\n  width: 100%;\r\n}\r\n\r\ntd,\r\nth {\r\n  padding: 6px;\r\n  text-align: left;\r\n}\r\n\r\nth {\r\n  border-bottom: 1px solid var(--border);\r\n}\r\n\r\ntbody tr:nth-child(even) {\r\n  background-color: var(--background-alt);\r\n}\r\n\r\n::-webkit-scrollbar {\r\n  height: 10px;\r\n  width: 10px;\r\n}\r\n\r\n::-webkit-scrollbar-track {\r\n  background: var(--background);\r\n  border-radius: 6px;\r\n}\r\n\r\n::-webkit-scrollbar-thumb {\r\n  background: var(--scrollbar-thumb);\r\n  border-radius: 6px;\r\n}\r\n\r\n::-webkit-scrollbar-thumb:hover {\r\n  background: var(--scrollbar-thumb-hover);\r\n}\r\n\r\n::selection {\r\n  background-color: var(--selection);\r\n}\r\n"]}
\ No newline at end of file
+{"version":3,"sources":["dark.standalone.css","../variables-dark.css","../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"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","file":"dark.standalone.css","sourcesContent":["/**\n * Standalone dark-themed version.\n * Includes dark variables and core, left as CSS variables\n * so the theming can be adjusted at runtime.\n */\n\n@import '../variables-dark.css';\n@import '../parts/_core.css';\n",":root {\n  --background-body: #202b38;\n  --background: #161f27;\n  --background-alt: #1a242f;\n\n  --selection: #161f27;\n\n  --text-main: #dbdbdb;\n  --text-bright: #ffffff;\n\n  --links: #41adff;\n  --focus: #0096bfab;\n  --border: #dbdbdb;\n  --code: #ffbe85;\n\n  --animation-duration: 0.1s;\n  --button-hover: #324759;\n\n  --scrollbar-thumb: var(--button-hover);\n  --scrollbar-thumb-hover: color-mod(var(--scrollbar-thumb) lightness(+8%));\n\n  --form-placeholder: #a9a9a9;\n  --form-text: #ffffff;\n\n  --variable: #d941e2;\n  --highlight: #efdb43;\n}\n","body {\n  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\n  line-height: 1.4;\n\n  max-width: 800px;\n  margin: 20px auto;\n  padding: 0 10px;\n\n  color: var(--text-main);\n  background: var(--background-body);\n\n  text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n  transition: background-color var(--animation-duration) linear,\n              border-color var(--animation-duration) linear,\n              color var(--animation-duration) linear,\n              box-shadow var(--animation-duration) linear,\n              transform var(--animation-duration) ease;\n}\n","h1 {\n  font-size: 2.2em;\n  margin-top: 0;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin-bottom: 12px;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nstrong {\n  color: var(--text-bright);\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nb,\nstrong,\nth {\n  font-weight: 600;\n}\n\nq:before {\n   content: none;\n}\n\nq:after {\n   content: none;\n}\n\nblockquote , q{\n  border-left: 4px solid var(--focus);\n  margin: 1.5em 0em;\n  padding: 0.5em 1em;\n  font-style: italic;\n}\n\nblockquote > footer {\n  margin-top: 10px;\n  font-style: normal;\n}\n\nblockquote cite {\n  font-style: normal;\n}\n\naddress {\n  font-style: normal;\n}\n\na[href^='mailto']::before {\n  content: '📧 ';\n}\n\na[href^='tel']::before {\n  content: '📞 ';\n}\n\na[href^='sms']::before {\n  content: '💬 ';\n}\n\nmark {\n  background-color: var(--highlight);\n  border-radius: 2px;\n  padding: 0px 2px 0px 2px;\n  color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'] {\n  cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n  display: block;\n}\n\ninput,\nselect,\nbutton,\ntextarea {\n  color: var(--form-text);\n  background-color: var(--background);\n\n  font-family: inherit;\n  font-size: inherit;\n\n  margin-right: 6px;\n  margin-bottom: 6px;\n  padding: 10px;\n\n  border: none;\n  border-radius: 6px;\n  outline: none;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect,\nbutton,\ntextarea {\n  -webkit-appearance: none;\n}\n\ntextarea {\n  margin-right: 0;\n  width: 100%;\n  box-sizing: border-box;\n  resize: vertical;\n}\n\nbutton,\ninput[type='submit'],\ninput[type='button'] {\n  padding-right: 30px;\n  padding-left: 30px;\n}\n\nbutton:hover,\ninput[type='submit']:hover,\ninput[type='button']:hover {\n  background: var(--button-hover);\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n  box-shadow: 0 0 0 2px var(--focus);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\nbutton:active {\n  transform: translateY(2px);\n}\n\ninput:disabled,\nselect:disabled,\nbutton:disabled,\ntextarea:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n\n::placeholder {\n  color: var(--form-placeholder);\n}\n","a {\n  text-decoration: none;\n  color: var(--links);\n}\n\na:hover {\n  text-decoration: underline;\n}","code, samp, time {\n  background:  var(--background);\n  color: var(--code);\n  padding: 2.5px 5px;\n  border-radius: 6px;\n  font-size: 1em;\n}\n\npre > code {\n  padding: 10px;\n  display: block;\n  overflow-x: auto;\n}\n\nvar {\n  color: var(--variable);\n  font-style: normal;\n  font-family: monospace;\n}\n\nkbd {\n  background: var(--background);\n  border: 1px solid var(--border);\n  border-radius: 2px;\n  color: var(--text-main);\n  padding: 2px 4px 2px 4px;\n}","img {\n  max-width: 100%;\n  height: auto;\n}\n\nhr {\n  border: none;\n  border-top: 1px solid var(--border);\n}\n\ntable {\n  border-collapse: collapse;\n  margin-bottom: 10px;\n  width: 100%;\n}\n\ntd,\nth {\n  padding: 6px;\n  text-align: left;\n}\n\nth {\n  border-bottom: 1px solid var(--border);\n}\n\ntbody tr:nth-child(even) {\n  background-color: var(--background-alt);\n}\n\n::-webkit-scrollbar {\n  height: 10px;\n  width: 10px;\n}\n\n::-webkit-scrollbar-track {\n  background: var(--background);\n  border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n  background: var(--scrollbar-thumb);\n  border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n  background: var(--scrollbar-thumb-hover);\n}\n\n::selection {\n  background-color: var(--selection);\n}\n"]}
\ No newline at end of file
diff --git a/dist/dark.standalone.min.css.map b/dist/dark.standalone.min.css.map
index 631f0c1..118729c 100644
--- a/dist/dark.standalone.min.css.map
+++ b/dist/dark.standalone.min.css.map
@@ -1 +1 @@
-{"version":3,"sources":["../variables-dark.css","../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"AAAA,MACE,yBAA0B,CAC1B,oBAAqB,CACrB,wBAAyB,CAEzB,mBAAoB,CAEpB,mBAAoB,CACpB,kBAAsB,CAEtB,eAAgB,CAChB,4BAAkB,CAClB,gBAAiB,CACjB,cAAe,CAEf,yBAA0B,CAC1B,sBAAuB,CAEvB,qCAAsC,CACtC,+BAAyE,CAEzE,0BAA2B,CAC3B,gBAAoB,CAEpB,kBAAmB,CACnB,mBACF,CC1BA,KACE,6IAAyK,CACzK,eAAgB,CAEhB,eAAgB,CAChB,gBAAiB,CACjB,cAAe,CAEf,sBAAuB,CACvB,iCAAkC,CAElC,iCACF,CAEA,sBACE,sOAKF,CCpBA,GACE,eAAgB,CAChB,YACF,CAEA,kBAME,kBACF,CAEA,yBAOE,wBACF,CAEA,8BASE,eACF,CAMA,iBACG,YACH,CAEA,aACE,kCAAmC,CACnC,cAAiB,CACjB,gBAAkB,CAClB,iBACF,CAEA,kBACE,eAAgB,CAChB,iBACF,CAMA,wBACE,iBACF,CAEA,uBACE,aACF,CAEA,oBACE,aACF,CAEA,oBACE,aACF,CAEA,KACE,iCAAkC,CAClC,iBAAkB,CAClB,aAAwB,CACxB,UACF,CCjFA,kEAIE,cACF,CAEA,oDAEE,aACF,CAEA,6BAIE,sBAAuB,CACvB,kCAAmC,CAEnC,mBAAoB,CACpB,iBAAkB,CAElB,gBAAiB,CACjB,iBAAkB,CAClB,YAAa,CAEb,WAAY,CACZ,iBAAkB,CAClB,YACF,CAEA,oEAIE,uBACF,CAEA,SACE,cAAe,CACf,UAAW,CACX,qBAAsB,CACtB,eACF,CAEA,6CAGE,kBAAmB,CACnB,iBACF,CAEA,+DAGE,8BACF,CAEA,qDAIE,iCACF,CAEA,uHAKE,yBACF,CAEA,iEAIE,kBAAmB,CACnB,UACF,CAEA,4BACE,6BACF,CAFA,uBACE,6BACF,CAFA,wBACE,6BACF,CAFA,cACE,6BACF,CCnFA,EACE,oBAAqB,CACrB,kBACF,CAEA,QACE,yBACF,CCPA,eACE,4BAA8B,CAC9B,iBAAkB,CAClB,iBAAkB,CAClB,iBAAkB,CAClB,aACF,CAEA,SACE,YAAa,CACb,aAAc,CACd,eACF,CAEA,IACE,qBAAsB,CACtB,iBAAkB,CAClB,qBACF,CAEA,IACE,4BAA6B,CAC7B,8BAA+B,CAC/B,iBAAkB,CAClB,sBAAuB,CACvB,eACF,CC1BA,IACE,cAAe,CACf,WACF,CAEA,GACE,WAAY,CACZ,kCACF,CAEA,MACE,wBAAyB,CACzB,kBAAmB,CACnB,UACF,CAEA,MAEE,WAAY,CACZ,eACF,CAEA,GACE,qCACF,CAEA,uBACE,sCACF,CAEA,oBACE,WAAY,CACZ,UACF,CAEA,0BACE,4BAA6B,CAC7B,iBACF,CAEA,0BACE,iCAAkC,CAClC,iBACF,CAEA,gCACE,uCACF,CAEA,iBACE,iCACF,CAFA,YACE,iCACF","file":"dark.standalone.min.css","sourcesContent":[":root {\r\n  --background-body: #202b38;\r\n  --background: #161f27;\r\n  --background-alt: #1a242f;\r\n\r\n  --selection: #161f27;\r\n\r\n  --text-main: #dbdbdb;\r\n  --text-bright: #ffffff;\r\n\r\n  --links: #41adff;\r\n  --focus: #0096bfab;\r\n  --border: #dbdbdb;\r\n  --code: #ffbe85;\r\n\r\n  --animation-duration: 0.1s;\r\n  --button-hover: #324759;\r\n\r\n  --scrollbar-thumb: var(--button-hover);\r\n  --scrollbar-thumb-hover: color-mod(var(--scrollbar-thumb) lightness(+8%));\r\n\r\n  --form-placeholder: #a9a9a9;\r\n  --form-text: #ffffff;\r\n\r\n  --variable: #d941e2;\r\n  --highlight: #efdb43;\r\n}\r\n","body {\r\n  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\r\n  line-height: 1.4;\r\n\r\n  max-width: 800px;\r\n  margin: 20px auto;\r\n  padding: 0 10px;\r\n\r\n  color: var(--text-main);\r\n  background: var(--background-body);\r\n\r\n  text-rendering: optimizeLegibility;\r\n}\r\n\r\nbutton, input, textarea {\r\n  transition: background-color var(--animation-duration) linear,\r\n              border-color var(--animation-duration) linear,\r\n              color var(--animation-duration) linear,\r\n              box-shadow var(--animation-duration) linear,\r\n              transform var(--animation-duration) ease;\r\n}\r\n","h1 {\r\n  font-size: 2.2em;\r\n  margin-top: 0;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6 {\r\n  margin-bottom: 12px;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6,\r\nstrong {\r\n  color: var(--text-bright);\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6,\r\nb,\r\nstrong,\r\nth {\r\n  font-weight: 600;\r\n}\r\n\r\nq:before {\r\n   content: none;\r\n}\r\n\r\nq:after {\r\n   content: none;\r\n}\r\n\r\nblockquote , q{\r\n  border-left: 4px solid var(--focus);\r\n  margin: 1.5em 0em;\r\n  padding: 0.5em 1em;\r\n  font-style: italic;\r\n}\r\n\r\nblockquote > footer {\r\n  margin-top: 10px;\r\n  font-style: normal;\r\n}\r\n\r\nblockquote cite {\r\n  font-style: normal;\r\n}\r\n\r\naddress {\r\n  font-style: normal;\r\n}\r\n\r\na[href^='mailto']::before {\r\n  content: '📧 ';\r\n}\r\n\r\na[href^='tel']::before {\r\n  content: '📞 ';\r\n}\r\n\r\na[href^='sms']::before {\r\n  content: '💬 ';\r\n}\r\n\r\nmark {\r\n  background-color: var(--highlight);\r\n  border-radius: 2px;\r\n  padding: 0px 2px 0px 2px;\r\n  color: #000000;\r\n}","button,\r\ninput[type='submit'],\r\ninput[type='button'],\r\ninput[type='checkbox'] {\r\n  cursor: pointer;\r\n}\r\n\r\ninput:not([type='checkbox']):not([type='radio']),\r\nselect {\r\n  display: block;\r\n}\r\n\r\ninput,\r\nselect,\r\nbutton,\r\ntextarea {\r\n  color: var(--form-text);\r\n  background-color: var(--background);\r\n\r\n  font-family: inherit;\r\n  font-size: inherit;\r\n\r\n  margin-right: 6px;\r\n  margin-bottom: 6px;\r\n  padding: 10px;\r\n\r\n  border: none;\r\n  border-radius: 6px;\r\n  outline: none;\r\n}\r\n\r\ninput:not([type='checkbox']):not([type='radio']),\r\nselect,\r\nbutton,\r\ntextarea {\r\n  -webkit-appearance: none;\r\n}\r\n\r\ntextarea {\r\n  margin-right: 0;\r\n  width: 100%;\r\n  box-sizing: border-box;\r\n  resize: vertical;\r\n}\r\n\r\nbutton,\r\ninput[type='submit'],\r\ninput[type='button'] {\r\n  padding-right: 30px;\r\n  padding-left: 30px;\r\n}\r\n\r\nbutton:hover,\r\ninput[type='submit']:hover,\r\ninput[type='button']:hover {\r\n  background: var(--button-hover);\r\n}\r\n\r\ninput:focus,\r\nselect:focus,\r\nbutton:focus,\r\ntextarea:focus {\r\n  box-shadow: 0 0 0 2px var(--focus);\r\n}\r\n\r\ninput[type='checkbox']:active,\r\ninput[type='radio']:active,\r\ninput[type='submit']:active,\r\ninput[type='button']:active,\r\nbutton:active {\r\n  transform: translateY(2px);\r\n}\r\n\r\ninput:disabled,\r\nselect:disabled,\r\nbutton:disabled,\r\ntextarea:disabled {\r\n  cursor: not-allowed;\r\n  opacity: 0.5;\r\n}\r\n\r\n::placeholder {\r\n  color: var(--form-placeholder);\r\n}\r\n","a {\r\n  text-decoration: none;\r\n  color: var(--links);\r\n}\r\n\r\na:hover {\r\n  text-decoration: underline;\r\n}","code, samp, time {\r\n  background:  var(--background);\r\n  color: var(--code);\r\n  padding: 2.5px 5px;\r\n  border-radius: 6px;\r\n  font-size: 1em;\r\n}\r\n\r\npre > code {\r\n  padding: 10px;\r\n  display: block;\r\n  overflow-x: auto;\r\n}\r\n\r\nvar {\r\n  color: var(--variable);\r\n  font-style: normal;\r\n  font-family: monospace;\r\n}\r\n\r\nkbd {\r\n  background: var(--background);\r\n  border: 1px solid var(--border);\r\n  border-radius: 2px;\r\n  color: var(--text-main);\r\n  padding: 2px 4px 2px 4px;\r\n}","img {\r\n  max-width: 100%;\r\n  height: auto;\r\n}\r\n\r\nhr {\r\n  border: none;\r\n  border-top: 1px solid var(--border);\r\n}\r\n\r\ntable {\r\n  border-collapse: collapse;\r\n  margin-bottom: 10px;\r\n  width: 100%;\r\n}\r\n\r\ntd,\r\nth {\r\n  padding: 6px;\r\n  text-align: left;\r\n}\r\n\r\nth {\r\n  border-bottom: 1px solid var(--border);\r\n}\r\n\r\ntbody tr:nth-child(even) {\r\n  background-color: var(--background-alt);\r\n}\r\n\r\n::-webkit-scrollbar {\r\n  height: 10px;\r\n  width: 10px;\r\n}\r\n\r\n::-webkit-scrollbar-track {\r\n  background: var(--background);\r\n  border-radius: 6px;\r\n}\r\n\r\n::-webkit-scrollbar-thumb {\r\n  background: var(--scrollbar-thumb);\r\n  border-radius: 6px;\r\n}\r\n\r\n::-webkit-scrollbar-thumb:hover {\r\n  background: var(--scrollbar-thumb-hover);\r\n}\r\n\r\n::selection {\r\n  background-color: var(--selection);\r\n}\r\n"]}
\ No newline at end of file
+{"version":3,"sources":["../variables-dark.css","../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"AAAA,MACE,yBAA0B,CAC1B,oBAAqB,CACrB,wBAAyB,CAEzB,mBAAoB,CAEpB,mBAAoB,CACpB,kBAAsB,CAEtB,eAAgB,CAChB,4BAAkB,CAClB,gBAAiB,CACjB,cAAe,CAEf,yBAA0B,CAC1B,sBAAuB,CAEvB,qCAAsC,CACtC,+BAAyE,CAEzE,0BAA2B,CAC3B,gBAAoB,CAEpB,kBAAmB,CACnB,mBACF,CC1BA,KACE,6IAAyK,CACzK,eAAgB,CAEhB,eAAgB,CAChB,gBAAiB,CACjB,cAAe,CAEf,sBAAuB,CACvB,iCAAkC,CAElC,iCACF,CAEA,sBACE,sOAKF,CCpBA,GACE,eAAgB,CAChB,YACF,CAEA,kBAME,kBACF,CAEA,yBAOE,wBACF,CAEA,8BASE,eACF,CAMA,iBACG,YACH,CAEA,aACE,kCAAmC,CACnC,cAAiB,CACjB,gBAAkB,CAClB,iBACF,CAEA,kBACE,eAAgB,CAChB,iBACF,CAMA,wBACE,iBACF,CAEA,uBACE,aACF,CAEA,oBACE,aACF,CAEA,oBACE,aACF,CAEA,KACE,iCAAkC,CAClC,iBAAkB,CAClB,aAAwB,CACxB,UACF,CCjFA,kEAIE,cACF,CAEA,oDAEE,aACF,CAEA,6BAIE,sBAAuB,CACvB,kCAAmC,CAEnC,mBAAoB,CACpB,iBAAkB,CAElB,gBAAiB,CACjB,iBAAkB,CAClB,YAAa,CAEb,WAAY,CACZ,iBAAkB,CAClB,YACF,CAEA,oEAIE,uBACF,CAEA,SACE,cAAe,CACf,UAAW,CACX,qBAAsB,CACtB,eACF,CAEA,6CAGE,kBAAmB,CACnB,iBACF,CAEA,+DAGE,8BACF,CAEA,qDAIE,iCACF,CAEA,uHAKE,yBACF,CAEA,iEAIE,kBAAmB,CACnB,UACF,CAEA,4BACE,6BACF,CAFA,uBACE,6BACF,CAFA,wBACE,6BACF,CAFA,cACE,6BACF,CCnFA,EACE,oBAAqB,CACrB,kBACF,CAEA,QACE,yBACF,CCPA,eACE,4BAA8B,CAC9B,iBAAkB,CAClB,iBAAkB,CAClB,iBAAkB,CAClB,aACF,CAEA,SACE,YAAa,CACb,aAAc,CACd,eACF,CAEA,IACE,qBAAsB,CACtB,iBAAkB,CAClB,qBACF,CAEA,IACE,4BAA6B,CAC7B,8BAA+B,CAC/B,iBAAkB,CAClB,sBAAuB,CACvB,eACF,CC1BA,IACE,cAAe,CACf,WACF,CAEA,GACE,WAAY,CACZ,kCACF,CAEA,MACE,wBAAyB,CACzB,kBAAmB,CACnB,UACF,CAEA,MAEE,WAAY,CACZ,eACF,CAEA,GACE,qCACF,CAEA,uBACE,sCACF,CAEA,oBACE,WAAY,CACZ,UACF,CAEA,0BACE,4BAA6B,CAC7B,iBACF,CAEA,0BACE,iCAAkC,CAClC,iBACF,CAEA,gCACE,uCACF,CAEA,iBACE,iCACF,CAFA,YACE,iCACF","file":"dark.standalone.min.css","sourcesContent":[":root {\n  --background-body: #202b38;\n  --background: #161f27;\n  --background-alt: #1a242f;\n\n  --selection: #161f27;\n\n  --text-main: #dbdbdb;\n  --text-bright: #ffffff;\n\n  --links: #41adff;\n  --focus: #0096bfab;\n  --border: #dbdbdb;\n  --code: #ffbe85;\n\n  --animation-duration: 0.1s;\n  --button-hover: #324759;\n\n  --scrollbar-thumb: var(--button-hover);\n  --scrollbar-thumb-hover: color-mod(var(--scrollbar-thumb) lightness(+8%));\n\n  --form-placeholder: #a9a9a9;\n  --form-text: #ffffff;\n\n  --variable: #d941e2;\n  --highlight: #efdb43;\n}\n","body {\n  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\n  line-height: 1.4;\n\n  max-width: 800px;\n  margin: 20px auto;\n  padding: 0 10px;\n\n  color: var(--text-main);\n  background: var(--background-body);\n\n  text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n  transition: background-color var(--animation-duration) linear,\n              border-color var(--animation-duration) linear,\n              color var(--animation-duration) linear,\n              box-shadow var(--animation-duration) linear,\n              transform var(--animation-duration) ease;\n}\n","h1 {\n  font-size: 2.2em;\n  margin-top: 0;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin-bottom: 12px;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nstrong {\n  color: var(--text-bright);\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nb,\nstrong,\nth {\n  font-weight: 600;\n}\n\nq:before {\n   content: none;\n}\n\nq:after {\n   content: none;\n}\n\nblockquote , q{\n  border-left: 4px solid var(--focus);\n  margin: 1.5em 0em;\n  padding: 0.5em 1em;\n  font-style: italic;\n}\n\nblockquote > footer {\n  margin-top: 10px;\n  font-style: normal;\n}\n\nblockquote cite {\n  font-style: normal;\n}\n\naddress {\n  font-style: normal;\n}\n\na[href^='mailto']::before {\n  content: '📧 ';\n}\n\na[href^='tel']::before {\n  content: '📞 ';\n}\n\na[href^='sms']::before {\n  content: '💬 ';\n}\n\nmark {\n  background-color: var(--highlight);\n  border-radius: 2px;\n  padding: 0px 2px 0px 2px;\n  color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'] {\n  cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n  display: block;\n}\n\ninput,\nselect,\nbutton,\ntextarea {\n  color: var(--form-text);\n  background-color: var(--background);\n\n  font-family: inherit;\n  font-size: inherit;\n\n  margin-right: 6px;\n  margin-bottom: 6px;\n  padding: 10px;\n\n  border: none;\n  border-radius: 6px;\n  outline: none;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect,\nbutton,\ntextarea {\n  -webkit-appearance: none;\n}\n\ntextarea {\n  margin-right: 0;\n  width: 100%;\n  box-sizing: border-box;\n  resize: vertical;\n}\n\nbutton,\ninput[type='submit'],\ninput[type='button'] {\n  padding-right: 30px;\n  padding-left: 30px;\n}\n\nbutton:hover,\ninput[type='submit']:hover,\ninput[type='button']:hover {\n  background: var(--button-hover);\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n  box-shadow: 0 0 0 2px var(--focus);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\nbutton:active {\n  transform: translateY(2px);\n}\n\ninput:disabled,\nselect:disabled,\nbutton:disabled,\ntextarea:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n\n::placeholder {\n  color: var(--form-placeholder);\n}\n","a {\n  text-decoration: none;\n  color: var(--links);\n}\n\na:hover {\n  text-decoration: underline;\n}","code, samp, time {\n  background:  var(--background);\n  color: var(--code);\n  padding: 2.5px 5px;\n  border-radius: 6px;\n  font-size: 1em;\n}\n\npre > code {\n  padding: 10px;\n  display: block;\n  overflow-x: auto;\n}\n\nvar {\n  color: var(--variable);\n  font-style: normal;\n  font-family: monospace;\n}\n\nkbd {\n  background: var(--background);\n  border: 1px solid var(--border);\n  border-radius: 2px;\n  color: var(--text-main);\n  padding: 2px 4px 2px 4px;\n}","img {\n  max-width: 100%;\n  height: auto;\n}\n\nhr {\n  border: none;\n  border-top: 1px solid var(--border);\n}\n\ntable {\n  border-collapse: collapse;\n  margin-bottom: 10px;\n  width: 100%;\n}\n\ntd,\nth {\n  padding: 6px;\n  text-align: left;\n}\n\nth {\n  border-bottom: 1px solid var(--border);\n}\n\ntbody tr:nth-child(even) {\n  background-color: var(--background-alt);\n}\n\n::-webkit-scrollbar {\n  height: 10px;\n  width: 10px;\n}\n\n::-webkit-scrollbar-track {\n  background: var(--background);\n  border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n  background: var(--scrollbar-thumb);\n  border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n  background: var(--scrollbar-thumb-hover);\n}\n\n::selection {\n  background-color: var(--selection);\n}\n"]}
\ No newline at end of file
diff --git a/dist/docs/icons/android-chrome-192x192.png b/dist/docs/icons/android-chrome-192x192.png
new file mode 100755
index 0000000..5167499
Binary files /dev/null and b/dist/docs/icons/android-chrome-192x192.png differ
diff --git a/dist/docs/icons/android-chrome-512x512.png b/dist/docs/icons/android-chrome-512x512.png
new file mode 100755
index 0000000..d231e0b
Binary files /dev/null and b/dist/docs/icons/android-chrome-512x512.png differ
diff --git a/dist/docs/icons/apple-touch-icon.png b/dist/docs/icons/apple-touch-icon.png
new file mode 100755
index 0000000..4aacc52
Binary files /dev/null and b/dist/docs/icons/apple-touch-icon.png differ
diff --git a/dist/docs/icons/browserconfig.xml b/dist/docs/icons/browserconfig.xml
new file mode 100755
index 0000000..d649dd8
--- /dev/null
+++ b/dist/docs/icons/browserconfig.xml
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square70x70logo src="./mstile-70x70.png"/>
+            <square150x150logo src="./mstile-150x150.png"/>
+            <square310x310logo src="./mstile-310x310.png"/>
+            <wide310x150logo src="./mstile-310x150.png"/>
+            <TileColor>#00aba9</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>
diff --git a/dist/docs/icons/favicon-16x16.png b/dist/docs/icons/favicon-16x16.png
new file mode 100755
index 0000000..2ab553a
Binary files /dev/null and b/dist/docs/icons/favicon-16x16.png differ
diff --git a/dist/docs/icons/favicon-32x32.png b/dist/docs/icons/favicon-32x32.png
new file mode 100755
index 0000000..547ba5a
Binary files /dev/null and b/dist/docs/icons/favicon-32x32.png differ
diff --git a/dist/docs/icons/favicon.ico b/dist/docs/icons/favicon.ico
new file mode 100755
index 0000000..4810c23
Binary files /dev/null and b/dist/docs/icons/favicon.ico differ
diff --git a/dist/docs/icons/light-favicon-16x16.png b/dist/docs/icons/light-favicon-16x16.png
new file mode 100755
index 0000000..c77529f
Binary files /dev/null and b/dist/docs/icons/light-favicon-16x16.png differ
diff --git a/dist/docs/icons/light-favicon-32x32.png b/dist/docs/icons/light-favicon-32x32.png
new file mode 100755
index 0000000..5d0fed3
Binary files /dev/null and b/dist/docs/icons/light-favicon-32x32.png differ
diff --git a/dist/docs/icons/light-favicon.ico b/dist/docs/icons/light-favicon.ico
new file mode 100755
index 0000000..3f6ca95
Binary files /dev/null and b/dist/docs/icons/light-favicon.ico differ
diff --git a/dist/docs/icons/mstile-150x150.png b/dist/docs/icons/mstile-150x150.png
new file mode 100755
index 0000000..b37065c
Binary files /dev/null and b/dist/docs/icons/mstile-150x150.png differ
diff --git a/dist/docs/icons/mstile-310x150.png b/dist/docs/icons/mstile-310x150.png
new file mode 100755
index 0000000..379ebd7
Binary files /dev/null and b/dist/docs/icons/mstile-310x150.png differ
diff --git a/dist/docs/icons/mstile-310x310.png b/dist/docs/icons/mstile-310x310.png
new file mode 100755
index 0000000..e1230b3
Binary files /dev/null and b/dist/docs/icons/mstile-310x310.png differ
diff --git a/dist/docs/icons/mstile-70x70.png b/dist/docs/icons/mstile-70x70.png
new file mode 100755
index 0000000..6282b8b
Binary files /dev/null and b/dist/docs/icons/mstile-70x70.png differ
diff --git a/dist/docs/icons/safari-pinned-tab.svg b/dist/docs/icons/safari-pinned-tab.svg
new file mode 100755
index 0000000..2f1cf28
--- /dev/null
+++ b/dist/docs/icons/safari-pinned-tab.svg
@@ -0,0 +1,22 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="512.000000pt" height="512.000000pt" viewBox="0 0 512.000000 512.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.11, written by Peter Selinger 2001-2013
+</metadata>
+<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M2378 5115 c-2 -1 -30 -5 -63 -9 -33 -3 -71 -8 -85 -10 -14 -3 -61
+-10 -105 -16 -239 -35 -599 -163 -835 -297 -479 -273 -886 -735 -1095 -1243
+-52 -128 -115 -324 -129 -400 -2 -14 -7 -36 -10 -50 -44 -190 -65 -557 -44
+-780 39 -410 195 -841 429 -1185 303 -446 735 -784 1239 -968 111 -41 310 -97
+395 -111 226 -38 248 -40 480 -41 275 0 380 12 635 76 233 59 453 147 643 258
+43 25 85 51 95 56 46 27 151 103 239 174 523 418 866 1043 940 1716 13 116 9
+511 -6 600 -49 295 -96 465 -194 693 -194 456 -557 879 -982 1146 -152 96
+-423 226 -520 250 -5 2 -18 6 -27 9 -37 14 -54 20 -83 27 -16 5 -73 20 -125
+33 -174 47 -356 69 -582 72 -113 2 -208 2 -210 0z"/>
+</g>
+</svg>
diff --git a/dist/docs/icons/site.webmanifest b/dist/docs/icons/site.webmanifest
new file mode 100755
index 0000000..9cad822
--- /dev/null
+++ b/dist/docs/icons/site.webmanifest
@@ -0,0 +1,19 @@
+{
+  "name": "Water.css",
+  "short_name": "Water.css",
+  "icons": [
+    {
+      "src": "./android-chrome-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "./android-chrome-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    }
+  ],
+  "theme_color": "#ffffff",
+  "background_color": "#ffffff",
+  "display": "standalone"
+}
diff --git a/dist/docs/index.html b/dist/docs/index.html
index 3218a07..23cd081 100644
--- a/dist/docs/index.html
+++ b/dist/docs/index.html
@@ -1,2 +1,2 @@
-<!DOCTYPE html><html lang="en"><head><title>Water.css</title><meta name="viewport" content="width=device-width, initial-scale=1.0"><link rel="stylesheet" id="js-startup-stylesheet" href="../dark.min.css"><link rel="stylesheet" id="js-stylesheet"><link rel="stylesheet" href="style.css"><script async src="https://www.googletagmanager.com/gtag/js?id=UA-116663597-6"></script><script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","UA-116663597-6");</script></head><body> <h1>Water.css</h1> <p> Water.css is a drop-in collection of CSS styles to make simple websites like this just a little bit nicer. <br> Now you can write your simple static site with nice semantic html, and Water.css will manage the styling for you. </p> <div class="row"> <div> <a href="#installation"><b>Get it already!</b></a> <br> <a href="https://github.com/kognise/water.css"><b>GitHub</b></a> </div> <a href="https://www.producthunt.com/posts/water-css?utm_source=badge-featured&utm_medium=badge&utm_souce=badge-water-css" target="_blank"> <img id="js-producthunt" src="https://api.producthunt.com/widgets/embed-image/v1/top-post-badge.svg?post_id=150490&theme=dark&period=daily" alt="Water.css - Make your tiny website just a little nicer | Product Hunt Embed" style="width:250px;height:54px" width="250px" height="54px"> </a> </div> <h2>Installation</h2> <div id="installation" class="version-select" v-cloak=""> <header class="row version-select__snippet"> <h3>Paste this into the <code>&lt;head&gt;</code> of your HTML:</h3> <button type="button" class="version-select__snippet__btn" @click="copyToClipboard"> <transition> <span v-if="copyStatus === 'success'" class="emoji">✔</span> <span v-else-if="copyStatus === 'failed'" class="emoji">❌</span> </transition> Copy to clipboard </button> </header> <transition mode="out-in"> <pre :key="selectedVersion.fileSnippet"><code>{{selectedVersion.fileSnippet}}</code></pre> </transition> <h3>Options</h3> <form action="./" method="post" @submit.prevent="" class="version-select__options"> <label> <input type="radio" value="dark" checked name="theme" v-model="versionOptions.theme"> Dark theme&nbsp;<span class="emoji">🌙</span> <span v-if="!versionOptions.isStandalone" class="tooltip emoji translucent" title="Selected theme may be overwritten by theme settings on user's device"> / ☀</span> </label> <label> <input type="radio" value="light" name="theme" v-model="versionOptions.theme"> Light theme&nbsp;<span class="emoji">☀</span> <span v-if="!versionOptions.isStandalone" class="tooltip emoji translucent" title="Selected theme may be overwritten by theme settings on user's device"> / 🌙</span> </label> <details class="version-select__options__additional"> <summary><span>Additional options</span></summary> <label> <input type="checkbox" checked v-model="versionOptions.isStandalone"> Enforce theme? (ignore <code>prefers-color-scheme</code>) </label> <br> <label> <input type="checkbox" v-model="versionOptions.isLegacy"> Support Internet Explorer and other legacy browsers? </label> </details> </form> <table class="version-select__info"> <caption> <h3>Version info</h3> </caption> <tbody> <tr> <th>File</th> <td>{{ selectedVersion.fileName }}</td> </tr> <tr> <th>Size (min+gzip)</th> <td>{{ selectedVersion.fileSize }}KB</td> </tr> <tr> <th>Theme</th> <td> <template v-if="versionOptions.isStandalone"> <span v-if="versionOptions.theme === 'dark'" class="emoji">🌙</span> <span v-else="" class="emoji">☀</span> {{ versionOptions.theme | capitalize }} </template> <template v-else=""> <span v-if="versionOptions.theme === 'dark'" class="emoji" title="Selected theme may be overwritten by theme settings on user's device"> 🌙<span class="translucent"> / ☀</span> </span> <span v-else="" class="emoji" title="Selected theme may be overwritten by theme settings on user's device"> ☀ <span class="translucent"> / 🌙</span> </span> Defaults to {{ versionOptions.theme }}, but respects user-defined theme settings. (detected via <code>prefers-color-scheme</code>) <template v-if="preferedColorScheme"> <br>Your device is currently set to {{ preferedColorScheme }} mode. </template> </template> </td> </tr> <tr> <th>Browser support</th> <td> <template v-if="versionOptions.isLegacy"> All browsers (including Internet Explorer) </template> <template v-else=""> All current browsers (<a href="https://caniuse.com/#feat=css-variables">support for CSS Custom Properties</a>) </template> </td> </tr> </tbody> </table>
-</div> <h2 id="goals">Goals</h2> <ul> <li>Responsive</li> <li>Good code quality</li> <li>Good browser support</li> <li>Small size (&lt; 2kb)</li> <li>Beautiful</li> <li>No classes</li> </ul> <h2 id="responsive">Is it responsive?</h2> <p> <strong>Heck yeah!</strong> It doesn't include any fancy styles so it's easily mobile responsive. Just add the famous <a href="https://www.w3schools.com/css/css_rwd_viewport.asp">responsive viewport tag</a> and you'll be good to go! </p> <p>In fact, try resizing this page. Everything flows super nicely as you'll see.</p> <h2 id="demo">Element demos</h2> <p>This is supposed to be a demo page so we need more elements!</p> <h3 id="form-elements">Form elements</h3> <form> <label for="email">Email</label> <input type="email" name="email" id="email" placeholder="john.doe@gmail.com"> <label for="id">User id (read only)</label> <input readonly name="id" id="id" value="04D6H89Z"> <label for="disabled">Random disabled input</label> <input disabled name="disabled" id="disabled" placeholder="Because why not?"> <label for="about">About me</label> <textarea name="about" id="about" placeholder="I am a textarea..."></textarea> <label>Choose a Doe:</label> <div> <input type="radio" id="john" name="drone" value="john" checked> <label for="john">John Doe</label> </div> <div> <input type="radio" id="jane" name="drone" value="jane" checked> <label for="jane">Jane Doe</label> </div> <div> <input type="radio" id="johnny" name="drone" value="johnny" checked> <label for="johnny">Johnny Doe</label> </div> <br> <input type="checkbox" name="remember" id="remember" checked> <label for="remember">Remember me</label> <input type="submit"> </form> <h3 id="code">Code</h3> <p> Below is some code, you can copy it with <kbd>Ctrl-C</kbd>. Did you know, <code>alert(1)</code> can show an alert in JavaScript! </p> <pre><code>// This logs a message to the console and check out the scrollbar.<br>console.log('Hello, world!')</code></pre> <h3 id="other">Other</h3> <p>Here's a horizontal rule and image because I don't know where else to put them.</p> <img src="https://placekitten.com/408/287" alt="Example kitten"> <hr> <p>And here's a nicely marked up table!</p> <table> <thead> <tr> <th>Name</th> <th>Quantity</th> <th>Price</th> </tr> </thead> <tbody> <tr> <td>Godzilla</td> <td>2</td> <td>$299.99</td> </tr> <tr> <td>Mozilla</td> <td>10</td> <td>$100,000.00</td> </tr> <tr> <td>Quesadilla</td> <td>1</td> <td>$2.22</td> </tr> </tbody> </table> <h3 id="typography">Typography</h3> <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque dictum hendrerit velit, quis ullamcorper sem congue ac. Quisque id magna rhoncus, sodales massa vel, vestibulum elit. Duis ornare accumsan egestas. Proin maximus lacus interdum leo molestie convallis. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Ut iaculis risus eu felis feugiat, eu mollis neque elementum. Donec interdum, nisl id dignissim iaculis, felis dui aliquet dui, non fermentum velit lectus ac quam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. <strong>This is strong,</strong> this is normal, <b>this is just bold,</b> <em>and this is emphasized!</em> And heck, <a href="/">here</a>'s a link. </p> <blockquote cite="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/blockquote"> "The HTML blockquote Element (or HTML Block Quotation Element) indicates that the enclosed text is an extended quotation. Usually, this is rendered visually by indentation (see <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/blockquote#Usage_notes">Notes</a> for how to change it). A URL for the source of the quotation may be given using the <code>cite</code> attribute, while a text representation of the source can be given using the <code>&lt;cite&gt;</code> cite element." <footer> <cite>MDN, "The Block Quotation element"</cite> </footer> </blockquote> <ul> <li>Unordered list item 1</li> <li>Unordered list item 2</li> <li>Unordered list item 3</li> </ul> <ol> <li>Ordered list item 1</li> <li>Ordered list item 2</li> <li>Ordered list item 3</li> </ol> <p>Addresses are also styled to be <strong>awesome</strong>!</p> <address> <a href="mailto:john.doe@example.com">john.doe@example.com</a><br> <a href="tel:778-330-2389">778-330-2389</a><br> <a href="sms:666-666-6666">666-666-6666</a><br> </address> <br> <h1>Heading 1</h1> <h2>Heading 2</h2> <h3>Heading 3</h3> <h4>Heading 4</h4> <h5>Heading 5</h5> <h6>Heading 6</h6> <footer> <a href="#">Back to top <span class="emoji">⬆</span></a> </footer> <script src="https://unpkg.com/clipboard-polyfill@2.8.0/build/clipboard-polyfill.promise.js" defer></script> <script src="https://unpkg.com/@ungap/url-search-params@0.1.2/min.js" defer></script> <script src="https://unpkg.com/vue@2.6.10/dist/vue.min.js" defer></script> <script src="script.js" defer></script> </body></html>
\ No newline at end of file
+<!DOCTYPE html><html lang="en"><head><title>Water.css</title><meta name="viewport" content="width=device-width, initial-scale=1.0"><link rel="apple-touch-icon" sizes="180x180" href="./icons/apple-touch-icon.png"><link rel="icon" type="image/png" sizes="32x32" href="./icons/favicon-32x32.png"><link rel="icon" type="image/png" sizes="16x16" href="./icons/favicon-16x16.png"><link rel="manifest" href="./icons/site.webmanifest"><link rel="mask-icon" href="./icons/safari-pinned-tab.svg" color="#5bbad5"><link rel="shortcut icon" href="./icons/favicon.ico"><meta name="apple-mobile-web-app-title" content="Water.css"><meta name="application-name" content="Water.css"><meta name="msapplication-TileColor" content="#00aba9"><meta name="msapplication-config" content="./icons/browserconfig.xml"><meta name="theme-color" content="#ffffff"><link rel="stylesheet" id="js-startup-stylesheet" href="../dark.min.css"><link rel="stylesheet" id="js-stylesheet"><link rel="stylesheet" href="style.css"><script async src="https://www.googletagmanager.com/gtag/js?id=UA-116663597-6"></script><script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","UA-116663597-6");</script></head><body> <h1>Water.css</h1> <p> Water.css is a drop-in collection of CSS styles to make simple websites like this just a little bit nicer. <br> Now you can write your simple static site with nice semantic html, and Water.css will manage the styling for you. </p> <div class="row"> <div> <a href="#installation"><b>Get it already!</b></a> <br> <a href="https://github.com/kognise/water.css"><b>GitHub</b></a> </div> <a href="https://www.producthunt.com/posts/water-css?utm_source=badge-featured&utm_medium=badge&utm_souce=badge-water-css" target="_blank"> <img id="js-producthunt" src="https://api.producthunt.com/widgets/embed-image/v1/top-post-badge.svg?post_id=150490&theme=dark&period=daily" alt="Water.css - Make your tiny website just a little nicer | Product Hunt Embed" style="width:250px;height:54px" width="250px" height="54px"> </a> </div> <h2>Installation</h2> <div id="installation" class="version-select" v-cloak=""> <header class="row version-select__snippet"> <h3>Paste this into the <code>&lt;head&gt;</code> of your HTML:</h3> <button type="button" class="version-select__snippet__btn" @click="copyToClipboard"> <transition> <span v-if="copyStatus === 'success'" class="emoji">✔</span> <span v-else-if="copyStatus === 'failed'" class="emoji">❌</span> </transition> Copy to clipboard </button> </header> <transition mode="out-in"> <pre :key="selectedVersion.fileSnippet"><code>{{selectedVersion.fileSnippet}}</code></pre> </transition> <h3>Options</h3> <form action="./" method="post" @submit.prevent="" class="version-select__options"> <label> <input type="radio" value="dark" checked name="theme" v-model="versionOptions.theme"> Dark theme&nbsp;<span class="emoji">🌙</span> <span v-if="!versionOptions.isStandalone" class="tooltip emoji translucent" title="Selected theme may be overwritten by theme settings on user's device"> / ☀</span> </label> <label> <input type="radio" value="light" name="theme" v-model="versionOptions.theme"> Light theme&nbsp;<span class="emoji">☀</span> <span v-if="!versionOptions.isStandalone" class="tooltip emoji translucent" title="Selected theme may be overwritten by theme settings on user's device"> / 🌙</span> </label> <details class="version-select__options__additional"> <summary><span>Additional options</span></summary> <label> <input type="checkbox" checked v-model="versionOptions.isStandalone"> Enforce theme? (ignore <code>prefers-color-scheme</code>) </label> <br> <label> <input type="checkbox" v-model="versionOptions.isLegacy"> Support Internet Explorer and other legacy browsers? </label> </details> </form> <table class="version-select__info"> <caption> <h3>Version info</h3> </caption> <tbody> <tr> <th>File</th> <td>{{ selectedVersion.fileName }}</td> </tr> <tr> <th>Size (min+gzip)</th> <td>{{ selectedVersion.fileSize }}KB</td> </tr> <tr> <th>Theme</th> <td> <template v-if="versionOptions.isStandalone"> <span v-if="versionOptions.theme === 'dark'" class="emoji">🌙</span> <span v-else="" class="emoji">☀</span> {{ versionOptions.theme | capitalize }} </template> <template v-else=""> <span v-if="versionOptions.theme === 'dark'" class="emoji" title="Selected theme may be overwritten by theme settings on user's device"> 🌙<span class="translucent"> / ☀</span> </span> <span v-else="" class="emoji" title="Selected theme may be overwritten by theme settings on user's device"> ☀ <span class="translucent"> / 🌙</span> </span> Defaults to {{ versionOptions.theme }}, but respects user-defined theme settings. (detected via <code>prefers-color-scheme</code>) <template v-if="preferedColorScheme"> <br>Your device is currently set to {{ preferedColorScheme }} mode. </template> </template> </td> </tr> <tr> <th>Browser support</th> <td> <template v-if="versionOptions.isLegacy"> All browsers (including Internet Explorer) </template> <template v-else=""> All current browsers (<a href="https://caniuse.com/#feat=css-variables">support for CSS Custom Properties</a>) </template> </td> </tr> </tbody> </table>
+</div> <h2 id="goals">Goals</h2> <ul> <li>Responsive</li> <li>Good code quality</li> <li>Good browser support</li> <li>Small size (&lt; 2kb)</li> <li>Beautiful</li> <li>No classes</li> </ul> <h2 id="responsive">Is it responsive?</h2> <p> <strong>Heck yeah!</strong> It doesn't include any fancy styles so it's easily mobile responsive. Just add the famous <a href="https://www.w3schools.com/css/css_rwd_viewport.asp">responsive viewport tag</a> and you'll be good to go! </p> <p>In fact, try resizing this page. Everything flows super nicely as you'll see.</p> <h2 id="demo">Element demos</h2> <p>This is supposed to be a demo page so we need more elements!</p> <h3 id="form-elements">Form elements</h3> <form> <label for="email">Email</label> <input type="email" name="email" id="email" placeholder="john.doe@gmail.com"> <label for="id">User id (read only)</label> <input readonly name="id" id="id" value="04D6H89Z"> <label for="disabled">Random disabled input</label> <input disabled name="disabled" id="disabled" placeholder="Because why not?"> <label for="about">About me</label> <textarea name="about" id="about" placeholder="I am a textarea..."></textarea> <label>Choose a Doe:</label> <div> <input type="radio" id="john" name="drone" value="john" checked> <label for="john">John Doe</label> </div> <div> <input type="radio" id="jane" name="drone" value="jane" checked> <label for="jane">Jane Doe</label> </div> <div> <input type="radio" id="johnny" name="drone" value="johnny" checked> <label for="johnny">Johnny Doe</label> </div> <br> <input type="checkbox" name="remember" id="remember" checked> <label for="remember">Remember me</label> <input type="submit"> </form> <h3 id="code">Code</h3> <p> Below is some code, you can copy it with <kbd>Ctrl-C</kbd>. Did you know, <code>alert(1)</code> can show an alert in JavaScript! </p> <pre><code>// This logs a message to the console and check out the scrollbar.<br>console.log('Hello, world!')</code></pre> <h3 id="other">Other</h3> <p>Here's a horizontal rule and image because I don't know where else to put them.</p> <img src="https://placekitten.com/408/287" alt="Example kitten"> <hr> <p>And here's a nicely marked up table!</p> <table> <thead> <tr> <th>Name</th> <th>Quantity</th> <th>Price</th> </tr> </thead> <tbody> <tr> <td>Godzilla</td> <td>2</td> <td>$299.99</td> </tr> <tr> <td>Mozilla</td> <td>10</td> <td>$100,000.00</td> </tr> <tr> <td>Quesadilla</td> <td>1</td> <td>$2.22</td> </tr> </tbody> </table> <h3 id="typography">Typography</h3> <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque dictum hendrerit velit, quis ullamcorper sem congue ac. Quisque id magna rhoncus, sodales massa vel, vestibulum elit. Duis ornare accumsan egestas. Proin maximus lacus interdum leo molestie convallis. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Ut iaculis risus eu felis feugiat, eu mollis neque elementum. Donec interdum, nisl id dignissim iaculis, felis dui aliquet dui, non fermentum velit lectus ac quam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. <strong>This is strong,</strong> this is normal, <b>this is just bold,</b> <em>and this is emphasized!</em> And heck, <a href="/">here</a>'s a link. </p> <blockquote cite="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/blockquote"> "The HTML blockquote Element (or HTML Block Quotation Element) indicates that the enclosed text is an extended quotation. Usually, this is rendered visually by indentation (see <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/blockquote#Usage_notes">Notes</a> for how to change it). A URL for the source of the quotation may be given using the <code>cite</code> attribute, while a text representation of the source can be given using the <code>&lt;cite&gt;</code> cite element." <footer> <cite>MDN, "The Block Quotation element"</cite> </footer> </blockquote> <ul> <li>Unordered list item 1</li> <li>Unordered list item 2</li> <li>Unordered list item 3</li> </ul> <ol> <li>Ordered list item 1</li> <li>Ordered list item 2</li> <li>Ordered list item 3</li> </ol> <p>Addresses are also styled to be <strong>awesome</strong>!</p> <address> <a href="mailto:john.doe@example.com">john.doe@example.com</a><br> <a href="tel:778-330-2389">778-330-2389</a><br> <a href="sms:666-666-6666">666-666-6666</a><br> </address> <br> <h1>Heading 1</h1> <h2>Heading 2</h2> <h3>Heading 3</h3> <h4>Heading 4</h4> <h5>Heading 5</h5> <h6>Heading 6</h6> <footer> <a href="#">Back to top <span class="emoji">⬆</span></a> </footer> <script src="https://unpkg.com/clipboard-polyfill@2.8.0/build/clipboard-polyfill.promise.js" defer></script> <script src="https://unpkg.com/@ungap/url-search-params@0.1.2/min.js" defer></script> <script src="https://unpkg.com/vue@2.6.10/dist/vue.min.js" defer></script> <script src="https://unpkg.com/favicon-mode-switcher@^1.0.0" defer></script> <script src="script.js" defer></script> </body></html>
\ No newline at end of file
diff --git a/dist/docs/script.js b/dist/docs/script.js
index 59021b9..26d4528 100644
--- a/dist/docs/script.js
+++ b/dist/docs/script.js
@@ -1,2 +1,2 @@
-"use strict";var e=window,t=new URLSearchParams(e.location.search),n="undefined"!=typeof CSS&&CSS.supports("color","var(--clr)"),s="https://cdn.jsdelivr.net/gh/kognise/water.css/dist/",r={"dark.min.css":1.4,"dark.standalone.min.css":1.31,"dark-legacy.min.css":2.487,"dark-legacy.standalone.min.css":1.16,"light.min.css":1.4,"light.standalone.min.css":1.3,"light-legacy.min.css":.178+1.16+1.15,"light-legacy.standalone.min.css":1.15},a=function(e){var t=e.theme,n=e.isLegacy?"-legacy":"",s=e.isStandalone?".standalone":"";return"".concat(t).concat(n).concat(s,".min.css")},i=function(e){var t=e.theme,n=e.isLegacy,r=e.isStandalone,i=a({theme:t,isLegacy:n,isStandalone:r}),o='<link rel="stylesheet" href="'.concat(s).concat(i,'">');return!n||r?o:(function(e){var t=e.theme,n=e.isLegacy,r=e.isStandalone,i="dark"===t?"light":"dark",o=a({theme:i,isLegacy:n,isStandalone:r});return'\n\x3c!-- Preload the required stylesheets (optional) --\x3e\n<link rel="preload" as="style" href="'.concat(s).concat(a({theme:t,isLegacy:n,isStandalone:r}),'">\n<link rel="preload" as="style" href="').concat(s).concat(o,'" media="(prefers-color-scheme: ').concat(i,')">')}({theme:t,isLegacy:n,isStandalone:!0})+"\n\n"+o).trim()},o={_productHunt:document.querySelector("#js-producthunt"),_stylesheet:document.querySelector("#js-stylesheet"),_removeStartupStylesheet:function(){var e=document.head.querySelector("#js-startup-stylesheet");e&&document.head.removeChild(e)},_updateProductHunt:function(e){this._productHunt.src=this._productHunt.src.replace(/dark|light/,e)},_updateStylesheet:function(e){this._stylesheet.href="../"+e},init:function(e,t){this._stylesheet.addEventListener("load",this._removeStartupStylesheet),this.update(e,t)},update:function(e,t){var n=e.isStandalone?e.theme:t||e.theme;this._updateStylesheet(a(e)),this._updateProductHunt(n)}},c=function(t,n){var s=e.matchMedia("(prefers-color-scheme: ".concat(t,")"));s.addListener(function(e){return n(e.matches)}),n(s.matches)},l=t.get("theme"),d={theme:/dark|light/.test(l)?l:"dark",isLegacy:t.has("legacy")||!n,isStandalone:t.has("standalone")};new e.Vue({el:"#installation",filters:{capitalize:function(e){return e.charAt(0).toUpperCase()+e.slice(1)}},data:{versionOptions:d,preferedColorScheme:null,copyStatus:null},computed:{selectedVersion:function(){return{fileName:a(this.versionOptions),fileSize:(e=this.versionOptions,r[a(e)]||0).toFixed(2),fileSnippet:i(this.versionOptions)};var e}},created:function(){var e=this;c("dark",function(t){return t&&(e.preferedColorScheme="dark")}),c("light",function(t){return t&&(e.preferedColorScheme="light")}),o.init(this.versionOptions,this.preferedColorScheme)},methods:{copyToClipboard:function(){var t=this;Promise.resolve().then(function(){return e.clipboard.writeText(t.selectedVersion.fileSnippet)}).then(function(){return t.copyStatus="success"}).catch(function(){return t.copyStatus="failed"}),setTimeout(function(){return t.copyStatus=null},1e3)}},watch:{preferedColorScheme:function(e){o.update(this.versionOptions,e)},versionOptions:{deep:!0,handler:function(e){o.update(e,this.preferedColorScheme)}}}});
+"use strict";var e=window,t=new URLSearchParams(e.location.search),n="undefined"!=typeof CSS&&CSS.supports("color","var(--clr)"),i="https://cdn.jsdelivr.net/gh/kognise/water.css/dist/",s={"dark.min.css":1.4,"dark.standalone.min.css":1.31,"dark-legacy.min.css":2.487,"dark-legacy.standalone.min.css":1.16,"light.min.css":1.4,"light.standalone.min.css":1.3,"light-legacy.min.css":.178+1.16+1.15,"light-legacy.standalone.min.css":1.15},r=function(e){var t=e.theme,n=e.isLegacy?"-legacy":"",i=e.isStandalone?".standalone":"";return"".concat(t).concat(n).concat(i,".min.css")},a=function(e){var t=e.theme,n=e.isLegacy,s=e.isStandalone,a=r({theme:t,isLegacy:n,isStandalone:s}),o='<link rel="stylesheet" href="'.concat(i).concat(a,'">');return!n||s?o:(function(e){var t=e.theme,n=e.isLegacy,s=e.isStandalone,a="dark"===t?"light":"dark",o=r({theme:a,isLegacy:n,isStandalone:s});return'\n\x3c!-- Preload the required stylesheets (optional) --\x3e\n<link rel="preload" as="style" href="'.concat(i).concat(r({theme:t,isLegacy:n,isStandalone:s}),'">\n<link rel="preload" as="style" href="').concat(i).concat(o,'" media="(prefers-color-scheme: ').concat(a,')">')}({theme:t,isLegacy:n,isStandalone:!0})+"\n\n"+o).trim()},o={_productHunt:document.querySelector("#js-producthunt"),_stylesheet:document.querySelector("#js-stylesheet"),_removeStartupStylesheet:function(){var e=document.head.querySelector("#js-startup-stylesheet");e&&document.head.removeChild(e)},_updateProductHunt:function(e){this._productHunt.src=this._productHunt.src.replace(/dark|light/,e)},_updateStylesheet:function(e){this._stylesheet.href="../"+e},init:function(e,t){this._stylesheet.addEventListener("load",this._removeStartupStylesheet),this.update(e,t)},update:function(e,t){var n=e.isStandalone?e.theme:t||e.theme;this._updateStylesheet(r(e)),this._updateProductHunt(n)}},c=function(t,n){var i=e.matchMedia("(prefers-color-scheme: ".concat(t,")"));i.addListener(function(e){return n(e.matches)}),n(i.matches)},l=t.get("theme"),h={theme:/dark|light/.test(l)?l:"dark",isLegacy:t.has("legacy")||!n,isStandalone:t.has("standalone")};new e.Vue({el:"#installation",filters:{capitalize:function(e){return e.charAt(0).toUpperCase()+e.slice(1)}},data:{versionOptions:h,preferedColorScheme:null,copyStatus:null},computed:{selectedVersion:function(){return{fileName:r(this.versionOptions),fileSize:(e=this.versionOptions,s[r(e)]||0).toFixed(2),fileSnippet:a(this.versionOptions)};var e}},created:function(){var e=this;c("dark",function(t){return t&&(e.preferedColorScheme="dark")}),c("light",function(t){return t&&(e.preferedColorScheme="light")}),o.init(this.versionOptions,this.preferedColorScheme)},methods:{copyToClipboard:function(){var t=this;Promise.resolve().then(function(){return e.clipboard.writeText(t.selectedVersion.fileSnippet)}).then(function(){return t.copyStatus="success"}).catch(function(){return t.copyStatus="failed"}),setTimeout(function(){return t.copyStatus=null},1e3)}},watch:{preferedColorScheme:function(e){o.update(this.versionOptions,e)},versionOptions:{deep:!0,handler:function(e){o.update(e,this.preferedColorScheme)}}}}),(0,e.faviconModeSwitcher.default)([{element:'link[rel="shortcut icon"]',href:{dark:"/icons/light-favicon.ico"}},{element:'link[rel="icon"][sizes="16x16"]',href:{dark:"/icons/light-favicon-16x16.png"}},{element:'link[rel="icon"][sizes="32x32"]',href:{dark:"/icons/light-favicon-32x32.png"}}]);
 //# sourceMappingURL=script.js.map
diff --git a/dist/docs/script.js.map b/dist/docs/script.js.map
index e501a07..2eb7c5f 100644
--- a/dist/docs/script.js.map
+++ b/dist/docs/script.js.map
@@ -1 +1 @@
-{"version":3,"sources":["script.js"],"names":["w","window","queryParams","URLSearchParams","location","search","supportsCssVars","CSS","supports","CDN_BASE","FILE_SIZES","dark.min.css","dark.standalone.min.css","dark-legacy.min.css","dark-legacy.standalone.min.css","light.min.css","light.standalone.min.css","light-legacy.min.css","light-legacy.standalone.min.css","getFileName","_ref","theme","legacySuffix","isLegacy","standaloneExt","isStandalone","concat","getFileSnippet","_ref3","fileName","stylesheetSnippet","_ref2","alternativeTheme","alternativeFile","getFilePreloadSnippet","trim","externalElements","_productHunt","document","querySelector","_stylesheet","_removeStartupStylesheet","startupStylesheet","head","removeChild","_updateProductHunt","this","src","replace","_updateStylesheet","href","init","options","preferedTheme","addEventListener","update","displayedTheme","createColorSchemeListener","scheme","queryHandler","mediaQuery","matchMedia","addListener","query","matches","themeFromParams","get","initialVersionOptions","test","has","Vue","el","filters","capitalize","str","charAt","toUpperCase","slice","data","versionOptions","preferedColorScheme","copyStatus","computed","selectedVersion","fileSize","toFixed","fileSnippet","created","_this","match","methods","copyToClipboard","_this2","Promise","resolve","then","clipboard","writeText","setTimeout","watch","nextScheme","deep","handler","nextOptions"],"mappings":"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","file":"script.js","sourcesContent":["// @ts-check\n/** @typedef {'dark' | 'light'} Theme */\n/** @typedef {keyof typeof FILE_SIZES} FileName */\n/** @typedef {'success' | 'failed'} CopyStatus */\n/** @typedef {{ Vue: typeof import('vue').default, clipboard: Clipboard }} Libraries */\n/** @typedef {{ theme: Theme, isLegacy: boolean, isStandalone: boolean }} VersionOptions */\n\n/** @typedef {Object} VueData State used by the version picker\n * @prop {VersionOptions} versionOptions\n * @prop {?CopyStatus} copyStatus\n * @prop {?Theme} preferedColorScheme\n */\n\n/** Reference to global window, but with properties for loaded libraries. */\nconst w = /** @type {Window & Libraries} */ (window)\nconst queryParams = new URLSearchParams(w.location.search)\nconst supportsCssVars = typeof CSS !== 'undefined' && CSS.supports('color', 'var(--clr)')\n\n/** The base URI from where the docs page loads the CSS files. */\nconst DEV_BASE = '../'\n/** The base URI from where instructions show to load the CSS files. */\nconst CDN_BASE = 'https://cdn.jsdelivr.net/gh/kognise/water.css/dist/'\n\n/** An object mapping the (minified + gzipped) fileSize in KB to a fileName. */\nconst FILE_SIZES = {\n  'dark.min.css': 1.4,\n  'dark.standalone.min.css': 1.31,\n  'dark-legacy.min.css': 0.177 + 1.16 + 1.15,\n  'dark-legacy.standalone.min.css': 1.16,\n  'light.min.css': 1.4,\n  'light.standalone.min.css': 1.3,\n  'light-legacy.min.css': 0.178 + 1.16 + 1.15,\n  'light-legacy.standalone.min.css': 1.15,\n}\n\n/** Takes in version options and returns the respective CSS file name. */\nconst getFileName = (/** @type {VersionOptions} */ { theme, isLegacy, isStandalone }) => {\n  const legacySuffix = isLegacy ? '-legacy' : ''\n  const standaloneExt = isStandalone ? '.standalone' : ''\n  return /** @type {FileName} */ (`${theme}${legacySuffix}${standaloneExt}.min.css`)\n}\n\n/** Takes in version options and returns the corresponding file size in KB. */\nconst getFileSize = (/** @type {VersionOptions} */ options) => FILE_SIZES[getFileName(options)] || 0\n\n/** Takes in version options and returns an HTML snippet that preloads the main stylesheet and\n *  conditionally preloads the alternative stylesheet (if the alternative theme is active). */\nconst getFilePreloadSnippet = (/** @type {VersionOptions} */ { theme, isLegacy, isStandalone }) => {\n  const alternativeTheme = theme === 'dark' ? 'light' : 'dark'\n  const alternativeFile = getFileName({ theme: alternativeTheme, isLegacy, isStandalone })\n\n  return `\n<!-- Preload the required stylesheets (optional) -->\n<link rel=\"preload\" as=\"style\" href=\"${CDN_BASE}${getFileName({ theme, isLegacy, isStandalone })}\">\n<link rel=\"preload\" as=\"style\" href=\"${CDN_BASE}${alternativeFile}\" media=\"(prefers-color-scheme: ${alternativeTheme})\">`\n}\n\n/** Takes in version options and returns the code snippet instructing users how to load the file. */\nconst getFileSnippet = (/** @type {VersionOptions} */ { theme, isLegacy, isStandalone }) => {\n  const fileName = getFileName({ theme, isLegacy, isStandalone })\n  const stylesheetSnippet = `<link rel=\"stylesheet\" href=\"${CDN_BASE}${fileName}\">`\n\n  if (!isLegacy || isStandalone) return stylesheetSnippet\n\n  const preloadSnippet = getFilePreloadSnippet({ theme, isLegacy, isStandalone: true })\n  return (preloadSnippet + '\\n\\n' + stylesheetSnippet).trim()\n}\n\n/** Handles elements external to the version picker that still need to be kept\n *  up to date with the current version, e.g. switching images from dark to light. */\nconst externalElements = {\n  _productHunt: /** @type {HTMLImageElement} */ (document.querySelector('#js-producthunt')),\n  _stylesheet: /** @type {HTMLLinkElement} */ (document.querySelector('#js-stylesheet')),\n  _removeStartupStylesheet() {\n    const startupStylesheet = document.head.querySelector('#js-startup-stylesheet')\n    if (startupStylesheet) document.head.removeChild(startupStylesheet)\n  },\n  _updateProductHunt(/** @type {Theme} */ theme) {\n    this._productHunt.src = this._productHunt.src.replace(/dark|light/, theme)\n  },\n  _updateStylesheet(/** @type {FileName} */ fileName) {\n    this._stylesheet.href = DEV_BASE + fileName\n  },\n\n  /** Sets up listener to remove startup version of water.css when right one loads, then updates */\n  init(/** @type {VersionOptions} */ options, /** @type {?Theme} */ preferedTheme) {\n    this._stylesheet.addEventListener('load', this._removeStartupStylesheet)\n    this.update(options, preferedTheme)\n  },\n  /** Takes current version + the user's prefered scheme and updates all external elements. */\n  update(/** @type {VersionOptions} */ options, /** @type {?Theme} */ preferedTheme) {\n    const displayedTheme = options.isStandalone ? options.theme : preferedTheme || options.theme\n\n    this._updateStylesheet(getFileName(options))\n    this._updateProductHunt(displayedTheme)\n  },\n}\n\n/**\n * Sets up a media query for the given color scheme and runs the callback on change.\n * @param {Theme} scheme\n * @param {(matches: boolean) => any} queryHandler\n */\nconst createColorSchemeListener = (scheme, queryHandler) => {\n  const mediaQuery = w.matchMedia(`(prefers-color-scheme: ${scheme})`)\n  mediaQuery.addListener(query => queryHandler(query.matches))\n  queryHandler(mediaQuery.matches)\n}\n\nconst themeFromParams = queryParams.get('theme')\nconst initialVersionOptions = {\n  theme: /** @type {Theme} */ (/dark|light/.test(themeFromParams) ? themeFromParams : 'dark'),\n  isLegacy: queryParams.has('legacy') || !supportsCssVars,\n  isStandalone: queryParams.has('standalone'),\n}\n\nnew w.Vue({\n  el: '#installation',\n  filters: {\n    capitalize: (/** @type {string} */ str) => str.charAt(0).toUpperCase() + str.slice(1),\n  },\n  /** @type {VueData} */\n  data: {\n    versionOptions: initialVersionOptions,\n    preferedColorScheme: null,\n    copyStatus: null,\n  },\n  computed: {\n    /** @returns {{ fileName: string, fileSize: string, fileSnippet: string }} */\n    selectedVersion() {\n      return {\n        fileName: getFileName(this.versionOptions),\n        fileSize: getFileSize(this.versionOptions).toFixed(2),\n        fileSnippet: getFileSnippet(this.versionOptions),\n      }\n    },\n  },\n  created() {\n    createColorSchemeListener('dark', match => match && (this.preferedColorScheme = 'dark'))\n    createColorSchemeListener('light', match => match && (this.preferedColorScheme = 'light'))\n\n    externalElements.init(this.versionOptions, this.preferedColorScheme)\n  },\n  methods: {\n    copyToClipboard() {\n      Promise.resolve()\n        .then(() => w.clipboard.writeText(this.selectedVersion.fileSnippet))\n        .then(() => (this.copyStatus = 'success'))\n        .catch(() => (this.copyStatus = 'failed'))\n      setTimeout(() => (this.copyStatus = null), 1000)\n    },\n  },\n  watch: {\n    preferedColorScheme(/** @type {Theme} */ nextScheme) {\n      externalElements.update(this.versionOptions, nextScheme)\n    },\n    versionOptions: {\n      deep: true,\n      handler(/** @type {VersionOptions} */ nextOptions) {\n        externalElements.update(nextOptions, this.preferedColorScheme)\n      },\n    },\n  },\n})\n"]}
\ No newline at end of file
+{"version":3,"sources":["script.js"],"names":["w","window","queryParams","URLSearchParams","location","search","supportsCssVars","CSS","supports","CDN_BASE","FILE_SIZES","dark.min.css","dark.standalone.min.css","dark-legacy.min.css","dark-legacy.standalone.min.css","light.min.css","light.standalone.min.css","light-legacy.min.css","light-legacy.standalone.min.css","getFileName","_ref","theme","legacySuffix","isLegacy","standaloneExt","isStandalone","concat","getFileSnippet","_ref3","fileName","stylesheetSnippet","_ref2","alternativeTheme","alternativeFile","getFilePreloadSnippet","trim","externalElements","_productHunt","document","querySelector","_stylesheet","_removeStartupStylesheet","startupStylesheet","head","removeChild","_updateProductHunt","this","src","replace","_updateStylesheet","href","init","options","preferedTheme","addEventListener","update","displayedTheme","createColorSchemeListener","scheme","queryHandler","mediaQuery","matchMedia","addListener","query","matches","themeFromParams","get","initialVersionOptions","test","has","Vue","el","filters","capitalize","str","charAt","toUpperCase","slice","data","versionOptions","preferedColorScheme","copyStatus","computed","selectedVersion","fileSize","toFixed","fileSnippet","created","_this","match","methods","copyToClipboard","_this2","Promise","resolve","then","clipboard","writeText","setTimeout","watch","nextScheme","deep","handler","nextOptions","iconModeSwitcher","faviconModeSwitcher","element","dark"],"mappings":"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","file":"script.js","sourcesContent":["// @ts-check\n/** @typedef {'dark' | 'light'} Theme */\n/** @typedef {keyof typeof FILE_SIZES} FileName */\n/** @typedef {'success' | 'failed'} CopyStatus */\n/** @typedef {{ theme: Theme, isLegacy: boolean, isStandalone: boolean }} VersionOptions */\n/**\n * @typedef {Object} Libraries External packages exposed on `window` (loaded through `<script>`)\n * @prop {typeof import('vue').default} Vue\n * @prop {Clipboard} clipboard\n * @prop {import('favicon-mode-switcher')} faviconModeSwitcher\n */\n\n/**\n * @typedef {Object} VueData State used by the version picker\n * @prop {VersionOptions} versionOptions\n * @prop {?CopyStatus} copyStatus\n * @prop {?Theme} preferedColorScheme\n */\n\n/** Reference to global window, but with properties for loaded libraries. */\nconst w = /** @type {Window & Libraries} */ (window)\nconst queryParams = new URLSearchParams(w.location.search)\nconst supportsCssVars = typeof CSS !== 'undefined' && CSS.supports('color', 'var(--clr)')\n\n/** The base URI from where the docs page loads the CSS files. */\nconst DEV_BASE = '../'\n/** The base URI from where instructions show to load the CSS files. */\nconst CDN_BASE = 'https://cdn.jsdelivr.net/gh/kognise/water.css/dist/'\n\n/** An object mapping the (minified + gzipped) fileSize in KB to a fileName. */\nconst FILE_SIZES = {\n  'dark.min.css': 1.4,\n  'dark.standalone.min.css': 1.31,\n  'dark-legacy.min.css': 0.177 + 1.16 + 1.15,\n  'dark-legacy.standalone.min.css': 1.16,\n  'light.min.css': 1.4,\n  'light.standalone.min.css': 1.3,\n  'light-legacy.min.css': 0.178 + 1.16 + 1.15,\n  'light-legacy.standalone.min.css': 1.15,\n}\n\n/** Takes in version options and returns the respective CSS file name. */\nconst getFileName = (/** @type {VersionOptions} */ { theme, isLegacy, isStandalone }) => {\n  const legacySuffix = isLegacy ? '-legacy' : ''\n  const standaloneExt = isStandalone ? '.standalone' : ''\n  return /** @type {FileName} */ (`${theme}${legacySuffix}${standaloneExt}.min.css`)\n}\n\n/** Takes in version options and returns the corresponding file size in KB. */\nconst getFileSize = (/** @type {VersionOptions} */ options) => FILE_SIZES[getFileName(options)] || 0\n\n/** Takes in version options and returns an HTML snippet that preloads the main stylesheet and\n *  conditionally preloads the alternative stylesheet (if the alternative theme is active). */\nconst getFilePreloadSnippet = (/** @type {VersionOptions} */ { theme, isLegacy, isStandalone }) => {\n  const alternativeTheme = theme === 'dark' ? 'light' : 'dark'\n  const alternativeFile = getFileName({ theme: alternativeTheme, isLegacy, isStandalone })\n\n  return `\n<!-- Preload the required stylesheets (optional) -->\n<link rel=\"preload\" as=\"style\" href=\"${CDN_BASE}${getFileName({ theme, isLegacy, isStandalone })}\">\n<link rel=\"preload\" as=\"style\" href=\"${CDN_BASE}${alternativeFile}\" media=\"(prefers-color-scheme: ${alternativeTheme})\">`\n}\n\n/** Takes in version options and returns the code snippet instructing users how to load the file. */\nconst getFileSnippet = (/** @type {VersionOptions} */ { theme, isLegacy, isStandalone }) => {\n  const fileName = getFileName({ theme, isLegacy, isStandalone })\n  const stylesheetSnippet = `<link rel=\"stylesheet\" href=\"${CDN_BASE}${fileName}\">`\n\n  if (!isLegacy || isStandalone) return stylesheetSnippet\n\n  const preloadSnippet = getFilePreloadSnippet({ theme, isLegacy, isStandalone: true })\n  return (preloadSnippet + '\\n\\n' + stylesheetSnippet).trim()\n}\n\n/** Handles elements external to the version picker that still need to be kept\n *  up to date with the current version, e.g. switching images from dark to light. */\nconst externalElements = {\n  _productHunt: /** @type {HTMLImageElement} */ (document.querySelector('#js-producthunt')),\n  _stylesheet: /** @type {HTMLLinkElement} */ (document.querySelector('#js-stylesheet')),\n  _removeStartupStylesheet() {\n    const startupStylesheet = document.head.querySelector('#js-startup-stylesheet')\n    if (startupStylesheet) document.head.removeChild(startupStylesheet)\n  },\n  _updateProductHunt(/** @type {Theme} */ theme) {\n    this._productHunt.src = this._productHunt.src.replace(/dark|light/, theme)\n  },\n  _updateStylesheet(/** @type {FileName} */ fileName) {\n    this._stylesheet.href = DEV_BASE + fileName\n  },\n\n  /** Sets up listener to remove startup version of water.css when right one loads, then updates */\n  init(/** @type {VersionOptions} */ options, /** @type {?Theme} */ preferedTheme) {\n    this._stylesheet.addEventListener('load', this._removeStartupStylesheet)\n    this.update(options, preferedTheme)\n  },\n  /** Takes current version + the user's prefered scheme and updates all external elements. */\n  update(/** @type {VersionOptions} */ options, /** @type {?Theme} */ preferedTheme) {\n    const displayedTheme = options.isStandalone ? options.theme : preferedTheme || options.theme\n\n    this._updateStylesheet(getFileName(options))\n    this._updateProductHunt(displayedTheme)\n  },\n}\n\n/**\n * Sets up a media query for the given color scheme and runs the callback on change.\n * @param {Theme} scheme\n * @param {(matches: boolean) => any} queryHandler\n */\nconst createColorSchemeListener = (scheme, queryHandler) => {\n  const mediaQuery = w.matchMedia(`(prefers-color-scheme: ${scheme})`)\n  mediaQuery.addListener(query => queryHandler(query.matches))\n  queryHandler(mediaQuery.matches)\n}\n\nconst themeFromParams = queryParams.get('theme')\nconst initialVersionOptions = {\n  theme: /** @type {Theme} */ (/dark|light/.test(themeFromParams) ? themeFromParams : 'dark'),\n  isLegacy: queryParams.has('legacy') || !supportsCssVars,\n  isStandalone: queryParams.has('standalone'),\n}\n\nnew w.Vue({\n  el: '#installation',\n  filters: {\n    capitalize: (/** @type {string} */ str) => str.charAt(0).toUpperCase() + str.slice(1),\n  },\n  /** @type {VueData} */\n  data: {\n    versionOptions: initialVersionOptions,\n    preferedColorScheme: null,\n    copyStatus: null,\n  },\n  computed: {\n    /** @returns {{ fileName: string, fileSize: string, fileSnippet: string }} */\n    selectedVersion() {\n      return {\n        fileName: getFileName(this.versionOptions),\n        fileSize: getFileSize(this.versionOptions).toFixed(2),\n        fileSnippet: getFileSnippet(this.versionOptions),\n      }\n    },\n  },\n  created() {\n    createColorSchemeListener('dark', match => match && (this.preferedColorScheme = 'dark'))\n    createColorSchemeListener('light', match => match && (this.preferedColorScheme = 'light'))\n\n    externalElements.init(this.versionOptions, this.preferedColorScheme)\n  },\n  methods: {\n    copyToClipboard() {\n      Promise.resolve()\n        .then(() => w.clipboard.writeText(this.selectedVersion.fileSnippet))\n        .then(() => (this.copyStatus = 'success'))\n        .catch(() => (this.copyStatus = 'failed'))\n      setTimeout(() => (this.copyStatus = null), 1000)\n    },\n  },\n  watch: {\n    preferedColorScheme(/** @type {Theme} */ nextScheme) {\n      externalElements.update(this.versionOptions, nextScheme)\n    },\n    versionOptions: {\n      deep: true,\n      handler(/** @type {VersionOptions} */ nextOptions) {\n        externalElements.update(nextOptions, this.preferedColorScheme)\n      },\n    },\n  },\n})\n\nconst iconModeSwitcher = w.faviconModeSwitcher.default\niconModeSwitcher([\n  {\n    element: 'link[rel=\"shortcut icon\"]',\n    href: { dark: '/icons/light-favicon.ico' },\n  },\n  {\n    element: 'link[rel=\"icon\"][sizes=\"16x16\"]',\n    href: { dark: '/icons/light-favicon-16x16.png' },\n  },\n  {\n    element: 'link[rel=\"icon\"][sizes=\"32x32\"]',\n    href: { dark: '/icons/light-favicon-32x32.png' },\n  },\n])\n"]}
\ No newline at end of file
diff --git a/dist/light-legacy.css.map b/dist/light-legacy.css.map
index b74a704..9933d89 100644
--- a/dist/light-legacy.css.map
+++ b/dist/light-legacy.css.map
@@ -1 +1 @@
-{"version":3,"sources":["light-legacy.css"],"names":[],"mappings":";;AAOA,wGAAwG;AACxG,oIAC4B;AAT5B;;;;;EAKE","file":"light-legacy.css","sourcesContent":["/**\r\n * Light-themed version for legacy browsers:\r\n * Loads the compiled, standalone version of the light theme at runtime,\r\n * but overrides it with the compiled, standalone version of the dark theme\r\n * if a system-wide theme preference is set on the user's device.\r\n */\r\n\r\n@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/light-legacy.standalone.min.css');\r\n@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/dark-legacy.standalone.min.css')\r\n(prefers-color-scheme: dark);\r\n"]}
\ No newline at end of file
+{"version":3,"sources":["light-legacy.css"],"names":[],"mappings":";;AAOA,wGAAwG;AACxG,oIAC4B;AAT5B;;;;;EAKE","file":"light-legacy.css","sourcesContent":["/**\n * Light-themed version for legacy browsers:\n * Loads the compiled, standalone version of the light theme at runtime,\n * but overrides it with the compiled, standalone version of the dark theme\n * if a system-wide theme preference is set on the user's device.\n */\n\n@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/light-legacy.standalone.min.css');\n@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/dark-legacy.standalone.min.css')\n(prefers-color-scheme: dark);\n"]}
\ No newline at end of file
diff --git a/dist/light-legacy.min.css.map b/dist/light-legacy.min.css.map
index e1d123b..c571405 100644
--- a/dist/light-legacy.min.css.map
+++ b/dist/light-legacy.min.css.map
@@ -1 +1 @@
-{"version":3,"sources":["light-legacy.css"],"names":[],"mappings":"AAOA,wGAAwG,CACxG,oIAHE","file":"light-legacy.min.css","sourcesContent":["/**\r\n * Light-themed version for legacy browsers:\r\n * Loads the compiled, standalone version of the light theme at runtime,\r\n * but overrides it with the compiled, standalone version of the dark theme\r\n * if a system-wide theme preference is set on the user's device.\r\n */\r\n\r\n@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/light-legacy.standalone.min.css');\r\n@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/dark-legacy.standalone.min.css')\r\n(prefers-color-scheme: dark);\r\n"]}
\ No newline at end of file
+{"version":3,"sources":["light-legacy.css"],"names":[],"mappings":"AAOA,wGAAwG,CACxG,oIAHE","file":"light-legacy.min.css","sourcesContent":["/**\n * Light-themed version for legacy browsers:\n * Loads the compiled, standalone version of the light theme at runtime,\n * but overrides it with the compiled, standalone version of the dark theme\n * if a system-wide theme preference is set on the user's device.\n */\n\n@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/light-legacy.standalone.min.css');\n@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/dark-legacy.standalone.min.css')\n(prefers-color-scheme: dark);\n"]}
\ No newline at end of file
diff --git a/dist/light-legacy.standalone.css.map b/dist/light-legacy.standalone.css.map
index 61aa5b9..1e5a36c 100644
--- a/dist/light-legacy.standalone.css.map
+++ b/dist/light-legacy.standalone.css.map
@@ -1 +1 @@
-{"version":3,"sources":["light-legacy.standalone.css","../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"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","file":"light-legacy.standalone.css","sourcesContent":["/**\r\n * Standalone light-themed version for legacy browsers.\r\n * Includes light variables and core, compiled at build time so the final output\r\n * will only include regular CSS, no variables.\r\n */\r\n\r\n@import '../variables-light.css';\r\n@import '../parts/_core.css';\r\n","body {\r\n  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\r\n  line-height: 1.4;\r\n\r\n  max-width: 800px;\r\n  margin: 20px auto;\r\n  padding: 0 10px;\r\n\r\n  color: var(--text-main);\r\n  background: var(--background-body);\r\n\r\n  text-rendering: optimizeLegibility;\r\n}\r\n\r\nbutton, input, textarea {\r\n  transition: background-color var(--animation-duration) linear,\r\n              border-color var(--animation-duration) linear,\r\n              color var(--animation-duration) linear,\r\n              box-shadow var(--animation-duration) linear,\r\n              transform var(--animation-duration) ease;\r\n}\r\n","h1 {\r\n  font-size: 2.2em;\r\n  margin-top: 0;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6 {\r\n  margin-bottom: 12px;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6,\r\nstrong {\r\n  color: var(--text-bright);\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6,\r\nb,\r\nstrong,\r\nth {\r\n  font-weight: 600;\r\n}\r\n\r\nq:before {\r\n   content: none;\r\n}\r\n\r\nq:after {\r\n   content: none;\r\n}\r\n\r\nblockquote , q{\r\n  border-left: 4px solid var(--focus);\r\n  margin: 1.5em 0em;\r\n  padding: 0.5em 1em;\r\n  font-style: italic;\r\n}\r\n\r\nblockquote > footer {\r\n  margin-top: 10px;\r\n  font-style: normal;\r\n}\r\n\r\nblockquote cite {\r\n  font-style: normal;\r\n}\r\n\r\naddress {\r\n  font-style: normal;\r\n}\r\n\r\na[href^='mailto']::before {\r\n  content: '📧 ';\r\n}\r\n\r\na[href^='tel']::before {\r\n  content: '📞 ';\r\n}\r\n\r\na[href^='sms']::before {\r\n  content: '💬 ';\r\n}\r\n\r\nmark {\r\n  background-color: var(--highlight);\r\n  border-radius: 2px;\r\n  padding: 0px 2px 0px 2px;\r\n  color: #000000;\r\n}","button,\r\ninput[type='submit'],\r\ninput[type='button'],\r\ninput[type='checkbox'] {\r\n  cursor: pointer;\r\n}\r\n\r\ninput:not([type='checkbox']):not([type='radio']),\r\nselect {\r\n  display: block;\r\n}\r\n\r\ninput,\r\nselect,\r\nbutton,\r\ntextarea {\r\n  color: var(--form-text);\r\n  background-color: var(--background);\r\n\r\n  font-family: inherit;\r\n  font-size: inherit;\r\n\r\n  margin-right: 6px;\r\n  margin-bottom: 6px;\r\n  padding: 10px;\r\n\r\n  border: none;\r\n  border-radius: 6px;\r\n  outline: none;\r\n}\r\n\r\ninput:not([type='checkbox']):not([type='radio']),\r\nselect,\r\nbutton,\r\ntextarea {\r\n  -webkit-appearance: none;\r\n}\r\n\r\ntextarea {\r\n  margin-right: 0;\r\n  width: 100%;\r\n  box-sizing: border-box;\r\n  resize: vertical;\r\n}\r\n\r\nbutton,\r\ninput[type='submit'],\r\ninput[type='button'] {\r\n  padding-right: 30px;\r\n  padding-left: 30px;\r\n}\r\n\r\nbutton:hover,\r\ninput[type='submit']:hover,\r\ninput[type='button']:hover {\r\n  background: var(--button-hover);\r\n}\r\n\r\ninput:focus,\r\nselect:focus,\r\nbutton:focus,\r\ntextarea:focus {\r\n  box-shadow: 0 0 0 2px var(--focus);\r\n}\r\n\r\ninput[type='checkbox']:active,\r\ninput[type='radio']:active,\r\ninput[type='submit']:active,\r\ninput[type='button']:active,\r\nbutton:active {\r\n  transform: translateY(2px);\r\n}\r\n\r\ninput:disabled,\r\nselect:disabled,\r\nbutton:disabled,\r\ntextarea:disabled {\r\n  cursor: not-allowed;\r\n  opacity: 0.5;\r\n}\r\n\r\n::placeholder {\r\n  color: var(--form-placeholder);\r\n}\r\n","a {\r\n  text-decoration: none;\r\n  color: var(--links);\r\n}\r\n\r\na:hover {\r\n  text-decoration: underline;\r\n}","code, samp, time {\r\n  background:  var(--background);\r\n  color: var(--code);\r\n  padding: 2.5px 5px;\r\n  border-radius: 6px;\r\n  font-size: 1em;\r\n}\r\n\r\npre > code {\r\n  padding: 10px;\r\n  display: block;\r\n  overflow-x: auto;\r\n}\r\n\r\nvar {\r\n  color: var(--variable);\r\n  font-style: normal;\r\n  font-family: monospace;\r\n}\r\n\r\nkbd {\r\n  background: var(--background);\r\n  border: 1px solid var(--border);\r\n  border-radius: 2px;\r\n  color: var(--text-main);\r\n  padding: 2px 4px 2px 4px;\r\n}","img {\r\n  max-width: 100%;\r\n  height: auto;\r\n}\r\n\r\nhr {\r\n  border: none;\r\n  border-top: 1px solid var(--border);\r\n}\r\n\r\ntable {\r\n  border-collapse: collapse;\r\n  margin-bottom: 10px;\r\n  width: 100%;\r\n}\r\n\r\ntd,\r\nth {\r\n  padding: 6px;\r\n  text-align: left;\r\n}\r\n\r\nth {\r\n  border-bottom: 1px solid var(--border);\r\n}\r\n\r\ntbody tr:nth-child(even) {\r\n  background-color: var(--background-alt);\r\n}\r\n\r\n::-webkit-scrollbar {\r\n  height: 10px;\r\n  width: 10px;\r\n}\r\n\r\n::-webkit-scrollbar-track {\r\n  background: var(--background);\r\n  border-radius: 6px;\r\n}\r\n\r\n::-webkit-scrollbar-thumb {\r\n  background: var(--scrollbar-thumb);\r\n  border-radius: 6px;\r\n}\r\n\r\n::-webkit-scrollbar-thumb:hover {\r\n  background: var(--scrollbar-thumb-hover);\r\n}\r\n\r\n::selection {\r\n  background-color: var(--selection);\r\n}\r\n"]}
\ No newline at end of file
+{"version":3,"sources":["light-legacy.standalone.css","../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"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","file":"light-legacy.standalone.css","sourcesContent":["/**\n * Standalone light-themed version for legacy browsers.\n * Includes light variables and core, compiled at build time so the final output\n * will only include regular CSS, no variables.\n */\n\n@import '../variables-light.css';\n@import '../parts/_core.css';\n","body {\n  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\n  line-height: 1.4;\n\n  max-width: 800px;\n  margin: 20px auto;\n  padding: 0 10px;\n\n  color: var(--text-main);\n  background: var(--background-body);\n\n  text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n  transition: background-color var(--animation-duration) linear,\n              border-color var(--animation-duration) linear,\n              color var(--animation-duration) linear,\n              box-shadow var(--animation-duration) linear,\n              transform var(--animation-duration) ease;\n}\n","h1 {\n  font-size: 2.2em;\n  margin-top: 0;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin-bottom: 12px;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nstrong {\n  color: var(--text-bright);\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nb,\nstrong,\nth {\n  font-weight: 600;\n}\n\nq:before {\n   content: none;\n}\n\nq:after {\n   content: none;\n}\n\nblockquote , q{\n  border-left: 4px solid var(--focus);\n  margin: 1.5em 0em;\n  padding: 0.5em 1em;\n  font-style: italic;\n}\n\nblockquote > footer {\n  margin-top: 10px;\n  font-style: normal;\n}\n\nblockquote cite {\n  font-style: normal;\n}\n\naddress {\n  font-style: normal;\n}\n\na[href^='mailto']::before {\n  content: '📧 ';\n}\n\na[href^='tel']::before {\n  content: '📞 ';\n}\n\na[href^='sms']::before {\n  content: '💬 ';\n}\n\nmark {\n  background-color: var(--highlight);\n  border-radius: 2px;\n  padding: 0px 2px 0px 2px;\n  color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'] {\n  cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n  display: block;\n}\n\ninput,\nselect,\nbutton,\ntextarea {\n  color: var(--form-text);\n  background-color: var(--background);\n\n  font-family: inherit;\n  font-size: inherit;\n\n  margin-right: 6px;\n  margin-bottom: 6px;\n  padding: 10px;\n\n  border: none;\n  border-radius: 6px;\n  outline: none;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect,\nbutton,\ntextarea {\n  -webkit-appearance: none;\n}\n\ntextarea {\n  margin-right: 0;\n  width: 100%;\n  box-sizing: border-box;\n  resize: vertical;\n}\n\nbutton,\ninput[type='submit'],\ninput[type='button'] {\n  padding-right: 30px;\n  padding-left: 30px;\n}\n\nbutton:hover,\ninput[type='submit']:hover,\ninput[type='button']:hover {\n  background: var(--button-hover);\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n  box-shadow: 0 0 0 2px var(--focus);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\nbutton:active {\n  transform: translateY(2px);\n}\n\ninput:disabled,\nselect:disabled,\nbutton:disabled,\ntextarea:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n\n::placeholder {\n  color: var(--form-placeholder);\n}\n","a {\n  text-decoration: none;\n  color: var(--links);\n}\n\na:hover {\n  text-decoration: underline;\n}","code, samp, time {\n  background:  var(--background);\n  color: var(--code);\n  padding: 2.5px 5px;\n  border-radius: 6px;\n  font-size: 1em;\n}\n\npre > code {\n  padding: 10px;\n  display: block;\n  overflow-x: auto;\n}\n\nvar {\n  color: var(--variable);\n  font-style: normal;\n  font-family: monospace;\n}\n\nkbd {\n  background: var(--background);\n  border: 1px solid var(--border);\n  border-radius: 2px;\n  color: var(--text-main);\n  padding: 2px 4px 2px 4px;\n}","img {\n  max-width: 100%;\n  height: auto;\n}\n\nhr {\n  border: none;\n  border-top: 1px solid var(--border);\n}\n\ntable {\n  border-collapse: collapse;\n  margin-bottom: 10px;\n  width: 100%;\n}\n\ntd,\nth {\n  padding: 6px;\n  text-align: left;\n}\n\nth {\n  border-bottom: 1px solid var(--border);\n}\n\ntbody tr:nth-child(even) {\n  background-color: var(--background-alt);\n}\n\n::-webkit-scrollbar {\n  height: 10px;\n  width: 10px;\n}\n\n::-webkit-scrollbar-track {\n  background: var(--background);\n  border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n  background: var(--scrollbar-thumb);\n  border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n  background: var(--scrollbar-thumb-hover);\n}\n\n::selection {\n  background-color: var(--selection);\n}\n"]}
\ No newline at end of file
diff --git a/dist/light-legacy.standalone.min.css.map b/dist/light-legacy.standalone.min.css.map
index 52207be..b13d025 100644
--- a/dist/light-legacy.standalone.min.css.map
+++ b/dist/light-legacy.standalone.min.css.map
@@ -1 +1 @@
-{"version":3,"sources":["../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"AAAA,KACE,6IAAyK,CACzK,eAAgB,CAEhB,eAAgB,CAChB,gBAAiB,CACjB,cAAe,CAEf,aAAuB,CACvB,eAAkC,CAElC,iCACF,CAEA,sBACE,wHAKF,CCpBA,GACE,eAAgB,CAChB,YACF,CAEA,kBAME,kBACF,CAEA,yBAOE,UACF,CAEA,8BASE,eACF,CAMA,iBACG,YACH,CAEA,aACE,yCAAmC,CACnC,cAAiB,CACjB,gBAAkB,CAClB,iBACF,CAEA,kBACE,eAAgB,CAChB,iBACF,CAMA,wBACE,iBACF,CAEA,uBACE,aACF,CAEA,oBACE,aACF,CAEA,oBACE,aACF,CAEA,KACE,qBAAkC,CAClC,iBAAkB,CAClB,aAAwB,CACxB,UACF,CCjFA,kEAIE,cACF,CAEA,oDAEE,aACF,CAEA,6BAIE,UAAuB,CACvB,wBAAmC,CAEnC,mBAAoB,CACpB,iBAAkB,CAElB,gBAAiB,CACjB,iBAAkB,CAClB,YAAa,CAEb,WAAY,CACZ,iBAAkB,CAClB,YACF,CAEA,oEAIE,uBACF,CAEA,SACE,cAAe,CACf,UAAW,CACX,qBAAsB,CACtB,eACF,CAEA,6CAGE,kBAAmB,CACnB,iBACF,CAEA,+DAGE,eACF,CAEA,qDAIE,wCACF,CAEA,uHAKE,yBACF,CAEA,iEAIE,kBAAmB,CACnB,UACF,CAEA,4BACE,aACF,CAFA,uBACE,aACF,CAFA,wBACE,aACF,CAFA,cACE,aACF,CCnFA,EACE,oBAAqB,CACrB,aACF,CAEA,QACE,yBACF,CCPA,eACE,kBAA8B,CAC9B,UAAkB,CAClB,iBAAkB,CAClB,iBAAkB,CAClB,aACF,CAEA,SACE,YAAa,CACb,aAAc,CACd,eACF,CAEA,IACE,aAAsB,CACtB,iBAAkB,CAClB,qBACF,CAEA,IACE,kBAA6B,CAC7B,wBAA+B,CAC/B,iBAAkB,CAClB,aAAuB,CACvB,eACF,CC1BA,IACE,cAAe,CACf,WACF,CAEA,GAEE,WAAmC,CAAnC,4BACF,CAEA,MACE,wBAAyB,CACzB,kBAAmB,CACnB,UACF,CAEA,MAEE,WAAY,CACZ,eACF,CAEA,GACE,+BACF,CAEA,uBACE,wBACF,CAEA,oBACE,WAAY,CACZ,UACF,CAEA,0BACE,kBAA6B,CAC7B,iBACF,CAEA,0BACE,kBAAkC,CAClC,iBACF,CAEA,gCACE,kBACF,CAEA,iBACE,wBACF,CAFA,YACE,wBACF","file":"light-legacy.standalone.min.css","sourcesContent":["body {\r\n  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\r\n  line-height: 1.4;\r\n\r\n  max-width: 800px;\r\n  margin: 20px auto;\r\n  padding: 0 10px;\r\n\r\n  color: var(--text-main);\r\n  background: var(--background-body);\r\n\r\n  text-rendering: optimizeLegibility;\r\n}\r\n\r\nbutton, input, textarea {\r\n  transition: background-color var(--animation-duration) linear,\r\n              border-color var(--animation-duration) linear,\r\n              color var(--animation-duration) linear,\r\n              box-shadow var(--animation-duration) linear,\r\n              transform var(--animation-duration) ease;\r\n}\r\n","h1 {\r\n  font-size: 2.2em;\r\n  margin-top: 0;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6 {\r\n  margin-bottom: 12px;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6,\r\nstrong {\r\n  color: var(--text-bright);\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6,\r\nb,\r\nstrong,\r\nth {\r\n  font-weight: 600;\r\n}\r\n\r\nq:before {\r\n   content: none;\r\n}\r\n\r\nq:after {\r\n   content: none;\r\n}\r\n\r\nblockquote , q{\r\n  border-left: 4px solid var(--focus);\r\n  margin: 1.5em 0em;\r\n  padding: 0.5em 1em;\r\n  font-style: italic;\r\n}\r\n\r\nblockquote > footer {\r\n  margin-top: 10px;\r\n  font-style: normal;\r\n}\r\n\r\nblockquote cite {\r\n  font-style: normal;\r\n}\r\n\r\naddress {\r\n  font-style: normal;\r\n}\r\n\r\na[href^='mailto']::before {\r\n  content: '📧 ';\r\n}\r\n\r\na[href^='tel']::before {\r\n  content: '📞 ';\r\n}\r\n\r\na[href^='sms']::before {\r\n  content: '💬 ';\r\n}\r\n\r\nmark {\r\n  background-color: var(--highlight);\r\n  border-radius: 2px;\r\n  padding: 0px 2px 0px 2px;\r\n  color: #000000;\r\n}","button,\r\ninput[type='submit'],\r\ninput[type='button'],\r\ninput[type='checkbox'] {\r\n  cursor: pointer;\r\n}\r\n\r\ninput:not([type='checkbox']):not([type='radio']),\r\nselect {\r\n  display: block;\r\n}\r\n\r\ninput,\r\nselect,\r\nbutton,\r\ntextarea {\r\n  color: var(--form-text);\r\n  background-color: var(--background);\r\n\r\n  font-family: inherit;\r\n  font-size: inherit;\r\n\r\n  margin-right: 6px;\r\n  margin-bottom: 6px;\r\n  padding: 10px;\r\n\r\n  border: none;\r\n  border-radius: 6px;\r\n  outline: none;\r\n}\r\n\r\ninput:not([type='checkbox']):not([type='radio']),\r\nselect,\r\nbutton,\r\ntextarea {\r\n  -webkit-appearance: none;\r\n}\r\n\r\ntextarea {\r\n  margin-right: 0;\r\n  width: 100%;\r\n  box-sizing: border-box;\r\n  resize: vertical;\r\n}\r\n\r\nbutton,\r\ninput[type='submit'],\r\ninput[type='button'] {\r\n  padding-right: 30px;\r\n  padding-left: 30px;\r\n}\r\n\r\nbutton:hover,\r\ninput[type='submit']:hover,\r\ninput[type='button']:hover {\r\n  background: var(--button-hover);\r\n}\r\n\r\ninput:focus,\r\nselect:focus,\r\nbutton:focus,\r\ntextarea:focus {\r\n  box-shadow: 0 0 0 2px var(--focus);\r\n}\r\n\r\ninput[type='checkbox']:active,\r\ninput[type='radio']:active,\r\ninput[type='submit']:active,\r\ninput[type='button']:active,\r\nbutton:active {\r\n  transform: translateY(2px);\r\n}\r\n\r\ninput:disabled,\r\nselect:disabled,\r\nbutton:disabled,\r\ntextarea:disabled {\r\n  cursor: not-allowed;\r\n  opacity: 0.5;\r\n}\r\n\r\n::placeholder {\r\n  color: var(--form-placeholder);\r\n}\r\n","a {\r\n  text-decoration: none;\r\n  color: var(--links);\r\n}\r\n\r\na:hover {\r\n  text-decoration: underline;\r\n}","code, samp, time {\r\n  background:  var(--background);\r\n  color: var(--code);\r\n  padding: 2.5px 5px;\r\n  border-radius: 6px;\r\n  font-size: 1em;\r\n}\r\n\r\npre > code {\r\n  padding: 10px;\r\n  display: block;\r\n  overflow-x: auto;\r\n}\r\n\r\nvar {\r\n  color: var(--variable);\r\n  font-style: normal;\r\n  font-family: monospace;\r\n}\r\n\r\nkbd {\r\n  background: var(--background);\r\n  border: 1px solid var(--border);\r\n  border-radius: 2px;\r\n  color: var(--text-main);\r\n  padding: 2px 4px 2px 4px;\r\n}","img {\r\n  max-width: 100%;\r\n  height: auto;\r\n}\r\n\r\nhr {\r\n  border: none;\r\n  border-top: 1px solid var(--border);\r\n}\r\n\r\ntable {\r\n  border-collapse: collapse;\r\n  margin-bottom: 10px;\r\n  width: 100%;\r\n}\r\n\r\ntd,\r\nth {\r\n  padding: 6px;\r\n  text-align: left;\r\n}\r\n\r\nth {\r\n  border-bottom: 1px solid var(--border);\r\n}\r\n\r\ntbody tr:nth-child(even) {\r\n  background-color: var(--background-alt);\r\n}\r\n\r\n::-webkit-scrollbar {\r\n  height: 10px;\r\n  width: 10px;\r\n}\r\n\r\n::-webkit-scrollbar-track {\r\n  background: var(--background);\r\n  border-radius: 6px;\r\n}\r\n\r\n::-webkit-scrollbar-thumb {\r\n  background: var(--scrollbar-thumb);\r\n  border-radius: 6px;\r\n}\r\n\r\n::-webkit-scrollbar-thumb:hover {\r\n  background: var(--scrollbar-thumb-hover);\r\n}\r\n\r\n::selection {\r\n  background-color: var(--selection);\r\n}\r\n"]}
\ No newline at end of file
+{"version":3,"sources":["../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"AAAA,KACE,6IAAyK,CACzK,eAAgB,CAEhB,eAAgB,CAChB,gBAAiB,CACjB,cAAe,CAEf,aAAuB,CACvB,eAAkC,CAElC,iCACF,CAEA,sBACE,wHAKF,CCpBA,GACE,eAAgB,CAChB,YACF,CAEA,kBAME,kBACF,CAEA,yBAOE,UACF,CAEA,8BASE,eACF,CAMA,iBACG,YACH,CAEA,aACE,yCAAmC,CACnC,cAAiB,CACjB,gBAAkB,CAClB,iBACF,CAEA,kBACE,eAAgB,CAChB,iBACF,CAMA,wBACE,iBACF,CAEA,uBACE,aACF,CAEA,oBACE,aACF,CAEA,oBACE,aACF,CAEA,KACE,qBAAkC,CAClC,iBAAkB,CAClB,aAAwB,CACxB,UACF,CCjFA,kEAIE,cACF,CAEA,oDAEE,aACF,CAEA,6BAIE,UAAuB,CACvB,wBAAmC,CAEnC,mBAAoB,CACpB,iBAAkB,CAElB,gBAAiB,CACjB,iBAAkB,CAClB,YAAa,CAEb,WAAY,CACZ,iBAAkB,CAClB,YACF,CAEA,oEAIE,uBACF,CAEA,SACE,cAAe,CACf,UAAW,CACX,qBAAsB,CACtB,eACF,CAEA,6CAGE,kBAAmB,CACnB,iBACF,CAEA,+DAGE,eACF,CAEA,qDAIE,wCACF,CAEA,uHAKE,yBACF,CAEA,iEAIE,kBAAmB,CACnB,UACF,CAEA,4BACE,aACF,CAFA,uBACE,aACF,CAFA,wBACE,aACF,CAFA,cACE,aACF,CCnFA,EACE,oBAAqB,CACrB,aACF,CAEA,QACE,yBACF,CCPA,eACE,kBAA8B,CAC9B,UAAkB,CAClB,iBAAkB,CAClB,iBAAkB,CAClB,aACF,CAEA,SACE,YAAa,CACb,aAAc,CACd,eACF,CAEA,IACE,aAAsB,CACtB,iBAAkB,CAClB,qBACF,CAEA,IACE,kBAA6B,CAC7B,wBAA+B,CAC/B,iBAAkB,CAClB,aAAuB,CACvB,eACF,CC1BA,IACE,cAAe,CACf,WACF,CAEA,GAEE,WAAmC,CAAnC,4BACF,CAEA,MACE,wBAAyB,CACzB,kBAAmB,CACnB,UACF,CAEA,MAEE,WAAY,CACZ,eACF,CAEA,GACE,+BACF,CAEA,uBACE,wBACF,CAEA,oBACE,WAAY,CACZ,UACF,CAEA,0BACE,kBAA6B,CAC7B,iBACF,CAEA,0BACE,kBAAkC,CAClC,iBACF,CAEA,gCACE,kBACF,CAEA,iBACE,wBACF,CAFA,YACE,wBACF","file":"light-legacy.standalone.min.css","sourcesContent":["body {\n  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\n  line-height: 1.4;\n\n  max-width: 800px;\n  margin: 20px auto;\n  padding: 0 10px;\n\n  color: var(--text-main);\n  background: var(--background-body);\n\n  text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n  transition: background-color var(--animation-duration) linear,\n              border-color var(--animation-duration) linear,\n              color var(--animation-duration) linear,\n              box-shadow var(--animation-duration) linear,\n              transform var(--animation-duration) ease;\n}\n","h1 {\n  font-size: 2.2em;\n  margin-top: 0;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin-bottom: 12px;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nstrong {\n  color: var(--text-bright);\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nb,\nstrong,\nth {\n  font-weight: 600;\n}\n\nq:before {\n   content: none;\n}\n\nq:after {\n   content: none;\n}\n\nblockquote , q{\n  border-left: 4px solid var(--focus);\n  margin: 1.5em 0em;\n  padding: 0.5em 1em;\n  font-style: italic;\n}\n\nblockquote > footer {\n  margin-top: 10px;\n  font-style: normal;\n}\n\nblockquote cite {\n  font-style: normal;\n}\n\naddress {\n  font-style: normal;\n}\n\na[href^='mailto']::before {\n  content: '📧 ';\n}\n\na[href^='tel']::before {\n  content: '📞 ';\n}\n\na[href^='sms']::before {\n  content: '💬 ';\n}\n\nmark {\n  background-color: var(--highlight);\n  border-radius: 2px;\n  padding: 0px 2px 0px 2px;\n  color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'] {\n  cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n  display: block;\n}\n\ninput,\nselect,\nbutton,\ntextarea {\n  color: var(--form-text);\n  background-color: var(--background);\n\n  font-family: inherit;\n  font-size: inherit;\n\n  margin-right: 6px;\n  margin-bottom: 6px;\n  padding: 10px;\n\n  border: none;\n  border-radius: 6px;\n  outline: none;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect,\nbutton,\ntextarea {\n  -webkit-appearance: none;\n}\n\ntextarea {\n  margin-right: 0;\n  width: 100%;\n  box-sizing: border-box;\n  resize: vertical;\n}\n\nbutton,\ninput[type='submit'],\ninput[type='button'] {\n  padding-right: 30px;\n  padding-left: 30px;\n}\n\nbutton:hover,\ninput[type='submit']:hover,\ninput[type='button']:hover {\n  background: var(--button-hover);\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n  box-shadow: 0 0 0 2px var(--focus);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\nbutton:active {\n  transform: translateY(2px);\n}\n\ninput:disabled,\nselect:disabled,\nbutton:disabled,\ntextarea:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n\n::placeholder {\n  color: var(--form-placeholder);\n}\n","a {\n  text-decoration: none;\n  color: var(--links);\n}\n\na:hover {\n  text-decoration: underline;\n}","code, samp, time {\n  background:  var(--background);\n  color: var(--code);\n  padding: 2.5px 5px;\n  border-radius: 6px;\n  font-size: 1em;\n}\n\npre > code {\n  padding: 10px;\n  display: block;\n  overflow-x: auto;\n}\n\nvar {\n  color: var(--variable);\n  font-style: normal;\n  font-family: monospace;\n}\n\nkbd {\n  background: var(--background);\n  border: 1px solid var(--border);\n  border-radius: 2px;\n  color: var(--text-main);\n  padding: 2px 4px 2px 4px;\n}","img {\n  max-width: 100%;\n  height: auto;\n}\n\nhr {\n  border: none;\n  border-top: 1px solid var(--border);\n}\n\ntable {\n  border-collapse: collapse;\n  margin-bottom: 10px;\n  width: 100%;\n}\n\ntd,\nth {\n  padding: 6px;\n  text-align: left;\n}\n\nth {\n  border-bottom: 1px solid var(--border);\n}\n\ntbody tr:nth-child(even) {\n  background-color: var(--background-alt);\n}\n\n::-webkit-scrollbar {\n  height: 10px;\n  width: 10px;\n}\n\n::-webkit-scrollbar-track {\n  background: var(--background);\n  border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n  background: var(--scrollbar-thumb);\n  border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n  background: var(--scrollbar-thumb-hover);\n}\n\n::selection {\n  background-color: var(--selection);\n}\n"]}
\ No newline at end of file
diff --git a/dist/light.css.map b/dist/light.css.map
index 445e4bd..e3942e4 100644
--- a/dist/light.css.map
+++ b/dist/light.css.map
@@ -1 +1 @@
-{"version":3,"sources":["light.css","../variables-light.css","../variables-dark.css","../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"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","file":"light.css","sourcesContent":["/**\r\n * Light-themed version:\r\n * uses light theme by default but switches to dark theme\r\n * if a system-wide theme preference is set on the user's device.\r\n *\r\n * Variables will remain uncompiled so the theme can update dynamically\r\n * at runtime in the browser.\r\n */\r\n\r\n@import '../variables-light.css';\r\n@import '../variables-dark.css' (prefers-color-scheme: dark);\r\n\r\n\r\n@import '../parts/_core.css';",":root {\r\n  --background-body: #ffffff;\r\n  --background: #efefef;\r\n  --background-alt: #f7f7f7;\r\n\r\n  --selection: #9e9e9e;\r\n\r\n  --text-main: #363636;\r\n  --text-bright: #000000;\r\n\r\n  --links: #0076d1;\r\n  --focus: #0096bfab;\r\n  --border: #dbdbdb;\r\n  --code: #000000;\r\n\r\n  --animation-duration: 0.1s;\r\n  --button-hover: #dddddd;\r\n\r\n  --scrollbar-thumb: color-mod(var(--button-hover) lightness(-3%));\r\n  --scrollbar-thumb-hover: color-mod(var(--button-hover) lightness(-10%));\r\n\r\n  --form-placeholder: #949494;\r\n  --form-text: #000000;\r\n\r\n  --variable: #39a33c;\r\n  --highlight: #ffff00;\r\n}\r\n",":root {\r\n  --background-body: #202b38;\r\n  --background: #161f27;\r\n  --background-alt: #1a242f;\r\n\r\n  --selection: #161f27;\r\n\r\n  --text-main: #dbdbdb;\r\n  --text-bright: #ffffff;\r\n\r\n  --links: #41adff;\r\n  --focus: #0096bfab;\r\n  --border: #dbdbdb;\r\n  --code: #ffbe85;\r\n\r\n  --animation-duration: 0.1s;\r\n  --button-hover: #324759;\r\n\r\n  --scrollbar-thumb: var(--button-hover);\r\n  --scrollbar-thumb-hover: color-mod(var(--scrollbar-thumb) lightness(+8%));\r\n\r\n  --form-placeholder: #a9a9a9;\r\n  --form-text: #ffffff;\r\n\r\n  --variable: #d941e2;\r\n  --highlight: #efdb43;\r\n}\r\n","body {\r\n  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\r\n  line-height: 1.4;\r\n\r\n  max-width: 800px;\r\n  margin: 20px auto;\r\n  padding: 0 10px;\r\n\r\n  color: var(--text-main);\r\n  background: var(--background-body);\r\n\r\n  text-rendering: optimizeLegibility;\r\n}\r\n\r\nbutton, input, textarea {\r\n  transition: background-color var(--animation-duration) linear,\r\n              border-color var(--animation-duration) linear,\r\n              color var(--animation-duration) linear,\r\n              box-shadow var(--animation-duration) linear,\r\n              transform var(--animation-duration) ease;\r\n}\r\n","h1 {\r\n  font-size: 2.2em;\r\n  margin-top: 0;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6 {\r\n  margin-bottom: 12px;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6,\r\nstrong {\r\n  color: var(--text-bright);\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6,\r\nb,\r\nstrong,\r\nth {\r\n  font-weight: 600;\r\n}\r\n\r\nq:before {\r\n   content: none;\r\n}\r\n\r\nq:after {\r\n   content: none;\r\n}\r\n\r\nblockquote , q{\r\n  border-left: 4px solid var(--focus);\r\n  margin: 1.5em 0em;\r\n  padding: 0.5em 1em;\r\n  font-style: italic;\r\n}\r\n\r\nblockquote > footer {\r\n  margin-top: 10px;\r\n  font-style: normal;\r\n}\r\n\r\nblockquote cite {\r\n  font-style: normal;\r\n}\r\n\r\naddress {\r\n  font-style: normal;\r\n}\r\n\r\na[href^='mailto']::before {\r\n  content: '📧 ';\r\n}\r\n\r\na[href^='tel']::before {\r\n  content: '📞 ';\r\n}\r\n\r\na[href^='sms']::before {\r\n  content: '💬 ';\r\n}\r\n\r\nmark {\r\n  background-color: var(--highlight);\r\n  border-radius: 2px;\r\n  padding: 0px 2px 0px 2px;\r\n  color: #000000;\r\n}","button,\r\ninput[type='submit'],\r\ninput[type='button'],\r\ninput[type='checkbox'] {\r\n  cursor: pointer;\r\n}\r\n\r\ninput:not([type='checkbox']):not([type='radio']),\r\nselect {\r\n  display: block;\r\n}\r\n\r\ninput,\r\nselect,\r\nbutton,\r\ntextarea {\r\n  color: var(--form-text);\r\n  background-color: var(--background);\r\n\r\n  font-family: inherit;\r\n  font-size: inherit;\r\n\r\n  margin-right: 6px;\r\n  margin-bottom: 6px;\r\n  padding: 10px;\r\n\r\n  border: none;\r\n  border-radius: 6px;\r\n  outline: none;\r\n}\r\n\r\ninput:not([type='checkbox']):not([type='radio']),\r\nselect,\r\nbutton,\r\ntextarea {\r\n  -webkit-appearance: none;\r\n}\r\n\r\ntextarea {\r\n  margin-right: 0;\r\n  width: 100%;\r\n  box-sizing: border-box;\r\n  resize: vertical;\r\n}\r\n\r\nbutton,\r\ninput[type='submit'],\r\ninput[type='button'] {\r\n  padding-right: 30px;\r\n  padding-left: 30px;\r\n}\r\n\r\nbutton:hover,\r\ninput[type='submit']:hover,\r\ninput[type='button']:hover {\r\n  background: var(--button-hover);\r\n}\r\n\r\ninput:focus,\r\nselect:focus,\r\nbutton:focus,\r\ntextarea:focus {\r\n  box-shadow: 0 0 0 2px var(--focus);\r\n}\r\n\r\ninput[type='checkbox']:active,\r\ninput[type='radio']:active,\r\ninput[type='submit']:active,\r\ninput[type='button']:active,\r\nbutton:active {\r\n  transform: translateY(2px);\r\n}\r\n\r\ninput:disabled,\r\nselect:disabled,\r\nbutton:disabled,\r\ntextarea:disabled {\r\n  cursor: not-allowed;\r\n  opacity: 0.5;\r\n}\r\n\r\n::placeholder {\r\n  color: var(--form-placeholder);\r\n}\r\n","a {\r\n  text-decoration: none;\r\n  color: var(--links);\r\n}\r\n\r\na:hover {\r\n  text-decoration: underline;\r\n}","code, samp, time {\r\n  background:  var(--background);\r\n  color: var(--code);\r\n  padding: 2.5px 5px;\r\n  border-radius: 6px;\r\n  font-size: 1em;\r\n}\r\n\r\npre > code {\r\n  padding: 10px;\r\n  display: block;\r\n  overflow-x: auto;\r\n}\r\n\r\nvar {\r\n  color: var(--variable);\r\n  font-style: normal;\r\n  font-family: monospace;\r\n}\r\n\r\nkbd {\r\n  background: var(--background);\r\n  border: 1px solid var(--border);\r\n  border-radius: 2px;\r\n  color: var(--text-main);\r\n  padding: 2px 4px 2px 4px;\r\n}","img {\r\n  max-width: 100%;\r\n  height: auto;\r\n}\r\n\r\nhr {\r\n  border: none;\r\n  border-top: 1px solid var(--border);\r\n}\r\n\r\ntable {\r\n  border-collapse: collapse;\r\n  margin-bottom: 10px;\r\n  width: 100%;\r\n}\r\n\r\ntd,\r\nth {\r\n  padding: 6px;\r\n  text-align: left;\r\n}\r\n\r\nth {\r\n  border-bottom: 1px solid var(--border);\r\n}\r\n\r\ntbody tr:nth-child(even) {\r\n  background-color: var(--background-alt);\r\n}\r\n\r\n::-webkit-scrollbar {\r\n  height: 10px;\r\n  width: 10px;\r\n}\r\n\r\n::-webkit-scrollbar-track {\r\n  background: var(--background);\r\n  border-radius: 6px;\r\n}\r\n\r\n::-webkit-scrollbar-thumb {\r\n  background: var(--scrollbar-thumb);\r\n  border-radius: 6px;\r\n}\r\n\r\n::-webkit-scrollbar-thumb:hover {\r\n  background: var(--scrollbar-thumb-hover);\r\n}\r\n\r\n::selection {\r\n  background-color: var(--selection);\r\n}\r\n"]}
\ No newline at end of file
+{"version":3,"sources":["light.css","../variables-light.css","../variables-dark.css","../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"AAAA;;;;;;;EAOE;;ACPF;EACE,0BAA0B;EAC1B,qBAAqB;EACrB,yBAAyB;;EAEzB,oBAAoB;;EAEpB,oBAAoB;EACpB,sBAAsB;;EAEtB,gBAAgB;EAChB,kBAAkB;EAClB,iBAAiB;EACjB,eAAe;;EAEf,0BAA0B;EAC1B,uBAAuB;;EAEvB,qCAAgE;EAChE,2CAAuE;;EAEvE,2BAA2B;EAC3B,oBAAoB;;EAEpB,mBAAmB;EACnB,oBAAoB;AACtB;;AC1BA;AAAA;EACE,0BAA0B;EAC1B,qBAAqB;EACrB,yBAAyB;;EAEzB,oBAAoB;;EAEpB,oBAAoB;EACpB,sBAAsB;;EAEtB,gBAAgB;EAChB,kBAAkB;EAClB,iBAAiB;EACjB,eAAe;;EAEf,0BAA0B;EAC1B,uBAAuB;;EAEvB,sCAAsC;EACtC,wCAAyE;;EAEzE,2BAA2B;EAC3B,oBAAoB;;EAEpB,mBAAmB;EACnB,oBAAoB;AACtB;AFuCA;;AGjEA;EACE,yKAAyK;EACzK,gBAAgB;;EAEhB,gBAAgB;EAChB,iBAAiB;EACjB,eAAe;;EAEf,uBAAuB;EACvB,kCAAkC;;EAElC,kCAAkC;AACpC;;AAEA;EACE;;;;sDAIoD;AACtD;;ACpBA;EACE,gBAAgB;EAChB,aAAa;AACf;;AAEA;;;;;;EAME,mBAAmB;AACrB;;AAEA;;;;;;;EAOE,yBAAyB;AAC3B;;AAEA;;;;;;;;;EASE,gBAAgB;AAClB;;AAEA;GACG,aAAa;AAChB;;AAEA;GACG,aAAa;AAChB;;AAEA;EACE,mCAAmC;EACnC,iBAAiB;EACjB,kBAAkB;EAClB,kBAAkB;AACpB;;AAEA;EACE,gBAAgB;EAChB,kBAAkB;AACpB;;AAEA;EACE,kBAAkB;AACpB;;AAEA;EACE,kBAAkB;AACpB;;AAEA;EACE,cAAc;AAChB;;AAEA;EACE,cAAc;AAChB;;AAEA;EACE,cAAc;AAChB;;AAEA;EACE,kCAAkC;EAClC,kBAAkB;EAClB,wBAAwB;EACxB,cAAc;AAChB;;ACjFA;;;;EAIE,eAAe;AACjB;;AAEA;;EAEE,cAAc;AAChB;;AAEA;;;;EAIE,uBAAuB;EACvB,mCAAmC;;EAEnC,oBAAoB;EACpB,kBAAkB;;EAElB,iBAAiB;EACjB,kBAAkB;EAClB,aAAa;;EAEb,YAAY;EACZ,kBAAkB;EAClB,aAAa;AACf;;AAEA;;;;EAIE,wBAAwB;AAC1B;;AAEA;EACE,eAAe;EACf,WAAW;EACX,sBAAsB;EACtB,gBAAgB;AAClB;;AAEA;;;EAGE,mBAAmB;EACnB,kBAAkB;AACpB;;AAEA;;;EAGE,+BAA+B;AACjC;;AAEA;;;;EAIE,kCAAkC;AACpC;;AAEA;;;;;EAKE,0BAA0B;AAC5B;;AAEA;;;;EAIE,mBAAmB;EACnB,YAAY;AACd;;AAEA;EACE,8BAA8B;AAChC;;AAFA;EACE,8BAA8B;AAChC;;AAFA;EACE,8BAA8B;AAChC;;AAFA;EACE,8BAA8B;AAChC;;ACnFA;EACE,qBAAqB;EACrB,mBAAmB;AACrB;;AAEA;EACE,0BAA0B;AAC5B;;ACPA;EACE,8BAA8B;EAC9B,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,cAAc;AAChB;;AAEA;EACE,aAAa;EACb,cAAc;EACd,gBAAgB;AAClB;;AAEA;EACE,sBAAsB;EACtB,kBAAkB;EAClB,sBAAsB;AACxB;;AAEA;EACE,6BAA6B;EAC7B,+BAA+B;EAC/B,kBAAkB;EAClB,uBAAuB;EACvB,wBAAwB;AAC1B;;AC1BA;EACE,eAAe;EACf,YAAY;AACd;;AAEA;EACE,YAAY;EACZ,mCAAmC;AACrC;;AAEA;EACE,yBAAyB;EACzB,mBAAmB;EACnB,WAAW;AACb;;AAEA;;EAEE,YAAY;EACZ,gBAAgB;AAClB;;AAEA;EACE,sCAAsC;AACxC;;AAEA;EACE,uCAAuC;AACzC;;AAEA;EACE,YAAY;EACZ,WAAW;AACb;;AAEA;EACE,6BAA6B;EAC7B,kBAAkB;AACpB;;AAEA;EACE,kCAAkC;EAClC,kBAAkB;AACpB;;AAEA;EACE,wCAAwC;AAC1C;;AAEA;EACE,kCAAkC;AACpC;;AAFA;EACE,kCAAkC;AACpC","file":"light.css","sourcesContent":["/**\n * Light-themed version:\n * uses light theme by default but switches to dark theme\n * if a system-wide theme preference is set on the user's device.\n *\n * Variables will remain uncompiled so the theme can update dynamically\n * at runtime in the browser.\n */\n\n@import '../variables-light.css';\n@import '../variables-dark.css' (prefers-color-scheme: dark);\n\n\n@import '../parts/_core.css';",":root {\n  --background-body: #ffffff;\n  --background: #efefef;\n  --background-alt: #f7f7f7;\n\n  --selection: #9e9e9e;\n\n  --text-main: #363636;\n  --text-bright: #000000;\n\n  --links: #0076d1;\n  --focus: #0096bfab;\n  --border: #dbdbdb;\n  --code: #000000;\n\n  --animation-duration: 0.1s;\n  --button-hover: #dddddd;\n\n  --scrollbar-thumb: color-mod(var(--button-hover) lightness(-3%));\n  --scrollbar-thumb-hover: color-mod(var(--button-hover) lightness(-10%));\n\n  --form-placeholder: #949494;\n  --form-text: #000000;\n\n  --variable: #39a33c;\n  --highlight: #ffff00;\n}\n",":root {\n  --background-body: #202b38;\n  --background: #161f27;\n  --background-alt: #1a242f;\n\n  --selection: #161f27;\n\n  --text-main: #dbdbdb;\n  --text-bright: #ffffff;\n\n  --links: #41adff;\n  --focus: #0096bfab;\n  --border: #dbdbdb;\n  --code: #ffbe85;\n\n  --animation-duration: 0.1s;\n  --button-hover: #324759;\n\n  --scrollbar-thumb: var(--button-hover);\n  --scrollbar-thumb-hover: color-mod(var(--scrollbar-thumb) lightness(+8%));\n\n  --form-placeholder: #a9a9a9;\n  --form-text: #ffffff;\n\n  --variable: #d941e2;\n  --highlight: #efdb43;\n}\n","body {\n  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\n  line-height: 1.4;\n\n  max-width: 800px;\n  margin: 20px auto;\n  padding: 0 10px;\n\n  color: var(--text-main);\n  background: var(--background-body);\n\n  text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n  transition: background-color var(--animation-duration) linear,\n              border-color var(--animation-duration) linear,\n              color var(--animation-duration) linear,\n              box-shadow var(--animation-duration) linear,\n              transform var(--animation-duration) ease;\n}\n","h1 {\n  font-size: 2.2em;\n  margin-top: 0;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin-bottom: 12px;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nstrong {\n  color: var(--text-bright);\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nb,\nstrong,\nth {\n  font-weight: 600;\n}\n\nq:before {\n   content: none;\n}\n\nq:after {\n   content: none;\n}\n\nblockquote , q{\n  border-left: 4px solid var(--focus);\n  margin: 1.5em 0em;\n  padding: 0.5em 1em;\n  font-style: italic;\n}\n\nblockquote > footer {\n  margin-top: 10px;\n  font-style: normal;\n}\n\nblockquote cite {\n  font-style: normal;\n}\n\naddress {\n  font-style: normal;\n}\n\na[href^='mailto']::before {\n  content: '📧 ';\n}\n\na[href^='tel']::before {\n  content: '📞 ';\n}\n\na[href^='sms']::before {\n  content: '💬 ';\n}\n\nmark {\n  background-color: var(--highlight);\n  border-radius: 2px;\n  padding: 0px 2px 0px 2px;\n  color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'] {\n  cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n  display: block;\n}\n\ninput,\nselect,\nbutton,\ntextarea {\n  color: var(--form-text);\n  background-color: var(--background);\n\n  font-family: inherit;\n  font-size: inherit;\n\n  margin-right: 6px;\n  margin-bottom: 6px;\n  padding: 10px;\n\n  border: none;\n  border-radius: 6px;\n  outline: none;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect,\nbutton,\ntextarea {\n  -webkit-appearance: none;\n}\n\ntextarea {\n  margin-right: 0;\n  width: 100%;\n  box-sizing: border-box;\n  resize: vertical;\n}\n\nbutton,\ninput[type='submit'],\ninput[type='button'] {\n  padding-right: 30px;\n  padding-left: 30px;\n}\n\nbutton:hover,\ninput[type='submit']:hover,\ninput[type='button']:hover {\n  background: var(--button-hover);\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n  box-shadow: 0 0 0 2px var(--focus);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\nbutton:active {\n  transform: translateY(2px);\n}\n\ninput:disabled,\nselect:disabled,\nbutton:disabled,\ntextarea:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n\n::placeholder {\n  color: var(--form-placeholder);\n}\n","a {\n  text-decoration: none;\n  color: var(--links);\n}\n\na:hover {\n  text-decoration: underline;\n}","code, samp, time {\n  background:  var(--background);\n  color: var(--code);\n  padding: 2.5px 5px;\n  border-radius: 6px;\n  font-size: 1em;\n}\n\npre > code {\n  padding: 10px;\n  display: block;\n  overflow-x: auto;\n}\n\nvar {\n  color: var(--variable);\n  font-style: normal;\n  font-family: monospace;\n}\n\nkbd {\n  background: var(--background);\n  border: 1px solid var(--border);\n  border-radius: 2px;\n  color: var(--text-main);\n  padding: 2px 4px 2px 4px;\n}","img {\n  max-width: 100%;\n  height: auto;\n}\n\nhr {\n  border: none;\n  border-top: 1px solid var(--border);\n}\n\ntable {\n  border-collapse: collapse;\n  margin-bottom: 10px;\n  width: 100%;\n}\n\ntd,\nth {\n  padding: 6px;\n  text-align: left;\n}\n\nth {\n  border-bottom: 1px solid var(--border);\n}\n\ntbody tr:nth-child(even) {\n  background-color: var(--background-alt);\n}\n\n::-webkit-scrollbar {\n  height: 10px;\n  width: 10px;\n}\n\n::-webkit-scrollbar-track {\n  background: var(--background);\n  border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n  background: var(--scrollbar-thumb);\n  border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n  background: var(--scrollbar-thumb-hover);\n}\n\n::selection {\n  background-color: var(--selection);\n}\n"]}
\ No newline at end of file
diff --git a/dist/light.min.css.map b/dist/light.min.css.map
index 461139b..7778a4a 100644
--- a/dist/light.min.css.map
+++ b/dist/light.min.css.map
@@ -1 +1 @@
-{"version":3,"sources":["../variables-light.css","../variables-dark.css","light.css","../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"AAAA,MACE,sBAA0B,CAC1B,oBAAqB,CACrB,wBAAyB,CAEzB,mBAAoB,CAEpB,mBAAoB,CACpB,kBAAsB,CAEtB,eAAgB,CAChB,4BAAkB,CAClB,gBAAiB,CACjB,WAAe,CAEf,yBAA0B,CAC1B,mBAAuB,CAEvB,yBAAgE,CAChE,+BAAuE,CAEvE,0BAA2B,CAC3B,gBAAoB,CAEpB,kBAAmB,CACnB,gBACF,CC1BA,mCAAA,MACE,yBAA0B,CAC1B,oBAAqB,CACrB,wBAAyB,CAEzB,mBAAoB,CAEpB,mBAAoB,CACpB,kBAAsB,CAEtB,eAAgB,CAChB,4BAAkB,CAClB,gBAAiB,CACjB,cAAe,CAEf,yBAA0B,CAC1B,sBAAuB,CAEvB,qCAAsC,CACtC,+BAAyE,CAEzE,0BAA2B,CAC3B,gBAAoB,CAEpB,kBAAmB,CACnB,mBACF,CCuCA,CCjEA,KACE,6IAAyK,CACzK,eAAgB,CAEhB,eAAgB,CAChB,gBAAiB,CACjB,cAAe,CAEf,sBAAuB,CACvB,iCAAkC,CAElC,iCACF,CAEA,sBACE,sOAKF,CCpBA,GACE,eAAgB,CAChB,YACF,CAEA,kBAME,kBACF,CAEA,yBAOE,wBACF,CAEA,8BASE,eACF,CAMA,iBACG,YACH,CAEA,aACE,kCAAmC,CACnC,cAAiB,CACjB,gBAAkB,CAClB,iBACF,CAEA,kBACE,eAAgB,CAChB,iBACF,CAMA,wBACE,iBACF,CAEA,uBACE,aACF,CAEA,oBACE,aACF,CAEA,oBACE,aACF,CAEA,KACE,iCAAkC,CAClC,iBAAkB,CAClB,aAAwB,CACxB,UACF,CCjFA,kEAIE,cACF,CAEA,oDAEE,aACF,CAEA,6BAIE,sBAAuB,CACvB,kCAAmC,CAEnC,mBAAoB,CACpB,iBAAkB,CAElB,gBAAiB,CACjB,iBAAkB,CAClB,YAAa,CAEb,WAAY,CACZ,iBAAkB,CAClB,YACF,CAEA,oEAIE,uBACF,CAEA,SACE,cAAe,CACf,UAAW,CACX,qBAAsB,CACtB,eACF,CAEA,6CAGE,kBAAmB,CACnB,iBACF,CAEA,+DAGE,8BACF,CAEA,qDAIE,iCACF,CAEA,uHAKE,yBACF,CAEA,iEAIE,kBAAmB,CACnB,UACF,CAEA,4BACE,6BACF,CAFA,uBACE,6BACF,CAFA,wBACE,6BACF,CAFA,cACE,6BACF,CCnFA,EACE,oBAAqB,CACrB,kBACF,CAEA,QACE,yBACF,CCPA,eACE,4BAA8B,CAC9B,iBAAkB,CAClB,iBAAkB,CAClB,iBAAkB,CAClB,aACF,CAEA,SACE,YAAa,CACb,aAAc,CACd,eACF,CAEA,IACE,qBAAsB,CACtB,iBAAkB,CAClB,qBACF,CAEA,IACE,4BAA6B,CAC7B,8BAA+B,CAC/B,iBAAkB,CAClB,sBAAuB,CACvB,eACF,CC1BA,IACE,cAAe,CACf,WACF,CAEA,GACE,WAAY,CACZ,kCACF,CAEA,MACE,wBAAyB,CACzB,kBAAmB,CACnB,UACF,CAEA,MAEE,WAAY,CACZ,eACF,CAEA,GACE,qCACF,CAEA,uBACE,sCACF,CAEA,oBACE,WAAY,CACZ,UACF,CAEA,0BACE,4BAA6B,CAC7B,iBACF,CAEA,0BACE,iCAAkC,CAClC,iBACF,CAEA,gCACE,uCACF,CAEA,iBACE,iCACF,CAFA,YACE,iCACF","file":"light.min.css","sourcesContent":[":root {\r\n  --background-body: #ffffff;\r\n  --background: #efefef;\r\n  --background-alt: #f7f7f7;\r\n\r\n  --selection: #9e9e9e;\r\n\r\n  --text-main: #363636;\r\n  --text-bright: #000000;\r\n\r\n  --links: #0076d1;\r\n  --focus: #0096bfab;\r\n  --border: #dbdbdb;\r\n  --code: #000000;\r\n\r\n  --animation-duration: 0.1s;\r\n  --button-hover: #dddddd;\r\n\r\n  --scrollbar-thumb: color-mod(var(--button-hover) lightness(-3%));\r\n  --scrollbar-thumb-hover: color-mod(var(--button-hover) lightness(-10%));\r\n\r\n  --form-placeholder: #949494;\r\n  --form-text: #000000;\r\n\r\n  --variable: #39a33c;\r\n  --highlight: #ffff00;\r\n}\r\n",":root {\r\n  --background-body: #202b38;\r\n  --background: #161f27;\r\n  --background-alt: #1a242f;\r\n\r\n  --selection: #161f27;\r\n\r\n  --text-main: #dbdbdb;\r\n  --text-bright: #ffffff;\r\n\r\n  --links: #41adff;\r\n  --focus: #0096bfab;\r\n  --border: #dbdbdb;\r\n  --code: #ffbe85;\r\n\r\n  --animation-duration: 0.1s;\r\n  --button-hover: #324759;\r\n\r\n  --scrollbar-thumb: var(--button-hover);\r\n  --scrollbar-thumb-hover: color-mod(var(--scrollbar-thumb) lightness(+8%));\r\n\r\n  --form-placeholder: #a9a9a9;\r\n  --form-text: #ffffff;\r\n\r\n  --variable: #d941e2;\r\n  --highlight: #efdb43;\r\n}\r\n","/**\r\n * Light-themed version:\r\n * uses light theme by default but switches to dark theme\r\n * if a system-wide theme preference is set on the user's device.\r\n *\r\n * Variables will remain uncompiled so the theme can update dynamically\r\n * at runtime in the browser.\r\n */\r\n\r\n@import '../variables-light.css';\r\n@import '../variables-dark.css' (prefers-color-scheme: dark);\r\n\r\n\r\n@import '../parts/_core.css';","body {\r\n  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\r\n  line-height: 1.4;\r\n\r\n  max-width: 800px;\r\n  margin: 20px auto;\r\n  padding: 0 10px;\r\n\r\n  color: var(--text-main);\r\n  background: var(--background-body);\r\n\r\n  text-rendering: optimizeLegibility;\r\n}\r\n\r\nbutton, input, textarea {\r\n  transition: background-color var(--animation-duration) linear,\r\n              border-color var(--animation-duration) linear,\r\n              color var(--animation-duration) linear,\r\n              box-shadow var(--animation-duration) linear,\r\n              transform var(--animation-duration) ease;\r\n}\r\n","h1 {\r\n  font-size: 2.2em;\r\n  margin-top: 0;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6 {\r\n  margin-bottom: 12px;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6,\r\nstrong {\r\n  color: var(--text-bright);\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6,\r\nb,\r\nstrong,\r\nth {\r\n  font-weight: 600;\r\n}\r\n\r\nq:before {\r\n   content: none;\r\n}\r\n\r\nq:after {\r\n   content: none;\r\n}\r\n\r\nblockquote , q{\r\n  border-left: 4px solid var(--focus);\r\n  margin: 1.5em 0em;\r\n  padding: 0.5em 1em;\r\n  font-style: italic;\r\n}\r\n\r\nblockquote > footer {\r\n  margin-top: 10px;\r\n  font-style: normal;\r\n}\r\n\r\nblockquote cite {\r\n  font-style: normal;\r\n}\r\n\r\naddress {\r\n  font-style: normal;\r\n}\r\n\r\na[href^='mailto']::before {\r\n  content: '📧 ';\r\n}\r\n\r\na[href^='tel']::before {\r\n  content: '📞 ';\r\n}\r\n\r\na[href^='sms']::before {\r\n  content: '💬 ';\r\n}\r\n\r\nmark {\r\n  background-color: var(--highlight);\r\n  border-radius: 2px;\r\n  padding: 0px 2px 0px 2px;\r\n  color: #000000;\r\n}","button,\r\ninput[type='submit'],\r\ninput[type='button'],\r\ninput[type='checkbox'] {\r\n  cursor: pointer;\r\n}\r\n\r\ninput:not([type='checkbox']):not([type='radio']),\r\nselect {\r\n  display: block;\r\n}\r\n\r\ninput,\r\nselect,\r\nbutton,\r\ntextarea {\r\n  color: var(--form-text);\r\n  background-color: var(--background);\r\n\r\n  font-family: inherit;\r\n  font-size: inherit;\r\n\r\n  margin-right: 6px;\r\n  margin-bottom: 6px;\r\n  padding: 10px;\r\n\r\n  border: none;\r\n  border-radius: 6px;\r\n  outline: none;\r\n}\r\n\r\ninput:not([type='checkbox']):not([type='radio']),\r\nselect,\r\nbutton,\r\ntextarea {\r\n  -webkit-appearance: none;\r\n}\r\n\r\ntextarea {\r\n  margin-right: 0;\r\n  width: 100%;\r\n  box-sizing: border-box;\r\n  resize: vertical;\r\n}\r\n\r\nbutton,\r\ninput[type='submit'],\r\ninput[type='button'] {\r\n  padding-right: 30px;\r\n  padding-left: 30px;\r\n}\r\n\r\nbutton:hover,\r\ninput[type='submit']:hover,\r\ninput[type='button']:hover {\r\n  background: var(--button-hover);\r\n}\r\n\r\ninput:focus,\r\nselect:focus,\r\nbutton:focus,\r\ntextarea:focus {\r\n  box-shadow: 0 0 0 2px var(--focus);\r\n}\r\n\r\ninput[type='checkbox']:active,\r\ninput[type='radio']:active,\r\ninput[type='submit']:active,\r\ninput[type='button']:active,\r\nbutton:active {\r\n  transform: translateY(2px);\r\n}\r\n\r\ninput:disabled,\r\nselect:disabled,\r\nbutton:disabled,\r\ntextarea:disabled {\r\n  cursor: not-allowed;\r\n  opacity: 0.5;\r\n}\r\n\r\n::placeholder {\r\n  color: var(--form-placeholder);\r\n}\r\n","a {\r\n  text-decoration: none;\r\n  color: var(--links);\r\n}\r\n\r\na:hover {\r\n  text-decoration: underline;\r\n}","code, samp, time {\r\n  background:  var(--background);\r\n  color: var(--code);\r\n  padding: 2.5px 5px;\r\n  border-radius: 6px;\r\n  font-size: 1em;\r\n}\r\n\r\npre > code {\r\n  padding: 10px;\r\n  display: block;\r\n  overflow-x: auto;\r\n}\r\n\r\nvar {\r\n  color: var(--variable);\r\n  font-style: normal;\r\n  font-family: monospace;\r\n}\r\n\r\nkbd {\r\n  background: var(--background);\r\n  border: 1px solid var(--border);\r\n  border-radius: 2px;\r\n  color: var(--text-main);\r\n  padding: 2px 4px 2px 4px;\r\n}","img {\r\n  max-width: 100%;\r\n  height: auto;\r\n}\r\n\r\nhr {\r\n  border: none;\r\n  border-top: 1px solid var(--border);\r\n}\r\n\r\ntable {\r\n  border-collapse: collapse;\r\n  margin-bottom: 10px;\r\n  width: 100%;\r\n}\r\n\r\ntd,\r\nth {\r\n  padding: 6px;\r\n  text-align: left;\r\n}\r\n\r\nth {\r\n  border-bottom: 1px solid var(--border);\r\n}\r\n\r\ntbody tr:nth-child(even) {\r\n  background-color: var(--background-alt);\r\n}\r\n\r\n::-webkit-scrollbar {\r\n  height: 10px;\r\n  width: 10px;\r\n}\r\n\r\n::-webkit-scrollbar-track {\r\n  background: var(--background);\r\n  border-radius: 6px;\r\n}\r\n\r\n::-webkit-scrollbar-thumb {\r\n  background: var(--scrollbar-thumb);\r\n  border-radius: 6px;\r\n}\r\n\r\n::-webkit-scrollbar-thumb:hover {\r\n  background: var(--scrollbar-thumb-hover);\r\n}\r\n\r\n::selection {\r\n  background-color: var(--selection);\r\n}\r\n"]}
\ No newline at end of file
+{"version":3,"sources":["../variables-light.css","../variables-dark.css","light.css","../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"AAAA,MACE,sBAA0B,CAC1B,oBAAqB,CACrB,wBAAyB,CAEzB,mBAAoB,CAEpB,mBAAoB,CACpB,kBAAsB,CAEtB,eAAgB,CAChB,4BAAkB,CAClB,gBAAiB,CACjB,WAAe,CAEf,yBAA0B,CAC1B,mBAAuB,CAEvB,yBAAgE,CAChE,+BAAuE,CAEvE,0BAA2B,CAC3B,gBAAoB,CAEpB,kBAAmB,CACnB,gBACF,CC1BA,mCAAA,MACE,yBAA0B,CAC1B,oBAAqB,CACrB,wBAAyB,CAEzB,mBAAoB,CAEpB,mBAAoB,CACpB,kBAAsB,CAEtB,eAAgB,CAChB,4BAAkB,CAClB,gBAAiB,CACjB,cAAe,CAEf,yBAA0B,CAC1B,sBAAuB,CAEvB,qCAAsC,CACtC,+BAAyE,CAEzE,0BAA2B,CAC3B,gBAAoB,CAEpB,kBAAmB,CACnB,mBACF,CCuCA,CCjEA,KACE,6IAAyK,CACzK,eAAgB,CAEhB,eAAgB,CAChB,gBAAiB,CACjB,cAAe,CAEf,sBAAuB,CACvB,iCAAkC,CAElC,iCACF,CAEA,sBACE,sOAKF,CCpBA,GACE,eAAgB,CAChB,YACF,CAEA,kBAME,kBACF,CAEA,yBAOE,wBACF,CAEA,8BASE,eACF,CAMA,iBACG,YACH,CAEA,aACE,kCAAmC,CACnC,cAAiB,CACjB,gBAAkB,CAClB,iBACF,CAEA,kBACE,eAAgB,CAChB,iBACF,CAMA,wBACE,iBACF,CAEA,uBACE,aACF,CAEA,oBACE,aACF,CAEA,oBACE,aACF,CAEA,KACE,iCAAkC,CAClC,iBAAkB,CAClB,aAAwB,CACxB,UACF,CCjFA,kEAIE,cACF,CAEA,oDAEE,aACF,CAEA,6BAIE,sBAAuB,CACvB,kCAAmC,CAEnC,mBAAoB,CACpB,iBAAkB,CAElB,gBAAiB,CACjB,iBAAkB,CAClB,YAAa,CAEb,WAAY,CACZ,iBAAkB,CAClB,YACF,CAEA,oEAIE,uBACF,CAEA,SACE,cAAe,CACf,UAAW,CACX,qBAAsB,CACtB,eACF,CAEA,6CAGE,kBAAmB,CACnB,iBACF,CAEA,+DAGE,8BACF,CAEA,qDAIE,iCACF,CAEA,uHAKE,yBACF,CAEA,iEAIE,kBAAmB,CACnB,UACF,CAEA,4BACE,6BACF,CAFA,uBACE,6BACF,CAFA,wBACE,6BACF,CAFA,cACE,6BACF,CCnFA,EACE,oBAAqB,CACrB,kBACF,CAEA,QACE,yBACF,CCPA,eACE,4BAA8B,CAC9B,iBAAkB,CAClB,iBAAkB,CAClB,iBAAkB,CAClB,aACF,CAEA,SACE,YAAa,CACb,aAAc,CACd,eACF,CAEA,IACE,qBAAsB,CACtB,iBAAkB,CAClB,qBACF,CAEA,IACE,4BAA6B,CAC7B,8BAA+B,CAC/B,iBAAkB,CAClB,sBAAuB,CACvB,eACF,CC1BA,IACE,cAAe,CACf,WACF,CAEA,GACE,WAAY,CACZ,kCACF,CAEA,MACE,wBAAyB,CACzB,kBAAmB,CACnB,UACF,CAEA,MAEE,WAAY,CACZ,eACF,CAEA,GACE,qCACF,CAEA,uBACE,sCACF,CAEA,oBACE,WAAY,CACZ,UACF,CAEA,0BACE,4BAA6B,CAC7B,iBACF,CAEA,0BACE,iCAAkC,CAClC,iBACF,CAEA,gCACE,uCACF,CAEA,iBACE,iCACF,CAFA,YACE,iCACF","file":"light.min.css","sourcesContent":[":root {\n  --background-body: #ffffff;\n  --background: #efefef;\n  --background-alt: #f7f7f7;\n\n  --selection: #9e9e9e;\n\n  --text-main: #363636;\n  --text-bright: #000000;\n\n  --links: #0076d1;\n  --focus: #0096bfab;\n  --border: #dbdbdb;\n  --code: #000000;\n\n  --animation-duration: 0.1s;\n  --button-hover: #dddddd;\n\n  --scrollbar-thumb: color-mod(var(--button-hover) lightness(-3%));\n  --scrollbar-thumb-hover: color-mod(var(--button-hover) lightness(-10%));\n\n  --form-placeholder: #949494;\n  --form-text: #000000;\n\n  --variable: #39a33c;\n  --highlight: #ffff00;\n}\n",":root {\n  --background-body: #202b38;\n  --background: #161f27;\n  --background-alt: #1a242f;\n\n  --selection: #161f27;\n\n  --text-main: #dbdbdb;\n  --text-bright: #ffffff;\n\n  --links: #41adff;\n  --focus: #0096bfab;\n  --border: #dbdbdb;\n  --code: #ffbe85;\n\n  --animation-duration: 0.1s;\n  --button-hover: #324759;\n\n  --scrollbar-thumb: var(--button-hover);\n  --scrollbar-thumb-hover: color-mod(var(--scrollbar-thumb) lightness(+8%));\n\n  --form-placeholder: #a9a9a9;\n  --form-text: #ffffff;\n\n  --variable: #d941e2;\n  --highlight: #efdb43;\n}\n","/**\n * Light-themed version:\n * uses light theme by default but switches to dark theme\n * if a system-wide theme preference is set on the user's device.\n *\n * Variables will remain uncompiled so the theme can update dynamically\n * at runtime in the browser.\n */\n\n@import '../variables-light.css';\n@import '../variables-dark.css' (prefers-color-scheme: dark);\n\n\n@import '../parts/_core.css';","body {\n  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\n  line-height: 1.4;\n\n  max-width: 800px;\n  margin: 20px auto;\n  padding: 0 10px;\n\n  color: var(--text-main);\n  background: var(--background-body);\n\n  text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n  transition: background-color var(--animation-duration) linear,\n              border-color var(--animation-duration) linear,\n              color var(--animation-duration) linear,\n              box-shadow var(--animation-duration) linear,\n              transform var(--animation-duration) ease;\n}\n","h1 {\n  font-size: 2.2em;\n  margin-top: 0;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin-bottom: 12px;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nstrong {\n  color: var(--text-bright);\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nb,\nstrong,\nth {\n  font-weight: 600;\n}\n\nq:before {\n   content: none;\n}\n\nq:after {\n   content: none;\n}\n\nblockquote , q{\n  border-left: 4px solid var(--focus);\n  margin: 1.5em 0em;\n  padding: 0.5em 1em;\n  font-style: italic;\n}\n\nblockquote > footer {\n  margin-top: 10px;\n  font-style: normal;\n}\n\nblockquote cite {\n  font-style: normal;\n}\n\naddress {\n  font-style: normal;\n}\n\na[href^='mailto']::before {\n  content: '📧 ';\n}\n\na[href^='tel']::before {\n  content: '📞 ';\n}\n\na[href^='sms']::before {\n  content: '💬 ';\n}\n\nmark {\n  background-color: var(--highlight);\n  border-radius: 2px;\n  padding: 0px 2px 0px 2px;\n  color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'] {\n  cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n  display: block;\n}\n\ninput,\nselect,\nbutton,\ntextarea {\n  color: var(--form-text);\n  background-color: var(--background);\n\n  font-family: inherit;\n  font-size: inherit;\n\n  margin-right: 6px;\n  margin-bottom: 6px;\n  padding: 10px;\n\n  border: none;\n  border-radius: 6px;\n  outline: none;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect,\nbutton,\ntextarea {\n  -webkit-appearance: none;\n}\n\ntextarea {\n  margin-right: 0;\n  width: 100%;\n  box-sizing: border-box;\n  resize: vertical;\n}\n\nbutton,\ninput[type='submit'],\ninput[type='button'] {\n  padding-right: 30px;\n  padding-left: 30px;\n}\n\nbutton:hover,\ninput[type='submit']:hover,\ninput[type='button']:hover {\n  background: var(--button-hover);\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n  box-shadow: 0 0 0 2px var(--focus);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\nbutton:active {\n  transform: translateY(2px);\n}\n\ninput:disabled,\nselect:disabled,\nbutton:disabled,\ntextarea:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n\n::placeholder {\n  color: var(--form-placeholder);\n}\n","a {\n  text-decoration: none;\n  color: var(--links);\n}\n\na:hover {\n  text-decoration: underline;\n}","code, samp, time {\n  background:  var(--background);\n  color: var(--code);\n  padding: 2.5px 5px;\n  border-radius: 6px;\n  font-size: 1em;\n}\n\npre > code {\n  padding: 10px;\n  display: block;\n  overflow-x: auto;\n}\n\nvar {\n  color: var(--variable);\n  font-style: normal;\n  font-family: monospace;\n}\n\nkbd {\n  background: var(--background);\n  border: 1px solid var(--border);\n  border-radius: 2px;\n  color: var(--text-main);\n  padding: 2px 4px 2px 4px;\n}","img {\n  max-width: 100%;\n  height: auto;\n}\n\nhr {\n  border: none;\n  border-top: 1px solid var(--border);\n}\n\ntable {\n  border-collapse: collapse;\n  margin-bottom: 10px;\n  width: 100%;\n}\n\ntd,\nth {\n  padding: 6px;\n  text-align: left;\n}\n\nth {\n  border-bottom: 1px solid var(--border);\n}\n\ntbody tr:nth-child(even) {\n  background-color: var(--background-alt);\n}\n\n::-webkit-scrollbar {\n  height: 10px;\n  width: 10px;\n}\n\n::-webkit-scrollbar-track {\n  background: var(--background);\n  border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n  background: var(--scrollbar-thumb);\n  border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n  background: var(--scrollbar-thumb-hover);\n}\n\n::selection {\n  background-color: var(--selection);\n}\n"]}
\ No newline at end of file
diff --git a/dist/light.standalone.css.map b/dist/light.standalone.css.map
index 8bbe9ff..d8ff92b 100644
--- a/dist/light.standalone.css.map
+++ b/dist/light.standalone.css.map
@@ -1 +1 @@
-{"version":3,"sources":["light.standalone.css","../variables-light.css","../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"AAAA;;;;EAIE;;ACJF;EACE,0BAA0B;EAC1B,qBAAqB;EACrB,yBAAyB;;EAEzB,oBAAoB;;EAEpB,oBAAoB;EACpB,sBAAsB;;EAEtB,gBAAgB;EAChB,kBAAkB;EAClB,iBAAiB;EACjB,eAAe;;EAEf,0BAA0B;EAC1B,uBAAuB;;EAEvB,qCAAgE;EAChE,2CAAuE;;EAEvE,2BAA2B;EAC3B,oBAAoB;;EAEpB,mBAAmB;EACnB,oBAAoB;AACtB;;AC1BA;EACE,yKAAyK;EACzK,gBAAgB;;EAEhB,gBAAgB;EAChB,iBAAiB;EACjB,eAAe;;EAEf,uBAAuB;EACvB,kCAAkC;;EAElC,kCAAkC;AACpC;;AAEA;EACE;;;;sDAIoD;AACtD;;ACpBA;EACE,gBAAgB;EAChB,aAAa;AACf;;AAEA;;;;;;EAME,mBAAmB;AACrB;;AAEA;;;;;;;EAOE,yBAAyB;AAC3B;;AAEA;;;;;;;;;EASE,gBAAgB;AAClB;;AAEA;GACG,aAAa;AAChB;;AAEA;GACG,aAAa;AAChB;;AAEA;EACE,mCAAmC;EACnC,iBAAiB;EACjB,kBAAkB;EAClB,kBAAkB;AACpB;;AAEA;EACE,gBAAgB;EAChB,kBAAkB;AACpB;;AAEA;EACE,kBAAkB;AACpB;;AAEA;EACE,kBAAkB;AACpB;;AAEA;EACE,cAAc;AAChB;;AAEA;EACE,cAAc;AAChB;;AAEA;EACE,cAAc;AAChB;;AAEA;EACE,kCAAkC;EAClC,kBAAkB;EAClB,wBAAwB;EACxB,cAAc;AAChB;;ACjFA;;;;EAIE,eAAe;AACjB;;AAEA;;EAEE,cAAc;AAChB;;AAEA;;;;EAIE,uBAAuB;EACvB,mCAAmC;;EAEnC,oBAAoB;EACpB,kBAAkB;;EAElB,iBAAiB;EACjB,kBAAkB;EAClB,aAAa;;EAEb,YAAY;EACZ,kBAAkB;EAClB,aAAa;AACf;;AAEA;;;;EAIE,wBAAwB;AAC1B;;AAEA;EACE,eAAe;EACf,WAAW;EACX,sBAAsB;EACtB,gBAAgB;AAClB;;AAEA;;;EAGE,mBAAmB;EACnB,kBAAkB;AACpB;;AAEA;;;EAGE,+BAA+B;AACjC;;AAEA;;;;EAIE,kCAAkC;AACpC;;AAEA;;;;;EAKE,0BAA0B;AAC5B;;AAEA;;;;EAIE,mBAAmB;EACnB,YAAY;AACd;;AAEA;EACE,8BAA8B;AAChC;;AAFA;EACE,8BAA8B;AAChC;;AAFA;EACE,8BAA8B;AAChC;;AAFA;EACE,8BAA8B;AAChC;;ACnFA;EACE,qBAAqB;EACrB,mBAAmB;AACrB;;AAEA;EACE,0BAA0B;AAC5B;;ACPA;EACE,8BAA8B;EAC9B,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,cAAc;AAChB;;AAEA;EACE,aAAa;EACb,cAAc;EACd,gBAAgB;AAClB;;AAEA;EACE,sBAAsB;EACtB,kBAAkB;EAClB,sBAAsB;AACxB;;AAEA;EACE,6BAA6B;EAC7B,+BAA+B;EAC/B,kBAAkB;EAClB,uBAAuB;EACvB,wBAAwB;AAC1B;;AC1BA;EACE,eAAe;EACf,YAAY;AACd;;AAEA;EACE,YAAY;EACZ,mCAAmC;AACrC;;AAEA;EACE,yBAAyB;EACzB,mBAAmB;EACnB,WAAW;AACb;;AAEA;;EAEE,YAAY;EACZ,gBAAgB;AAClB;;AAEA;EACE,sCAAsC;AACxC;;AAEA;EACE,uCAAuC;AACzC;;AAEA;EACE,YAAY;EACZ,WAAW;AACb;;AAEA;EACE,6BAA6B;EAC7B,kBAAkB;AACpB;;AAEA;EACE,kCAAkC;EAClC,kBAAkB;AACpB;;AAEA;EACE,wCAAwC;AAC1C;;AAEA;EACE,kCAAkC;AACpC;;AAFA;EACE,kCAAkC;AACpC","file":"light.standalone.css","sourcesContent":["/**\r\n * Standalone light-themed version.\r\n * Includes light variables and core, left as CSS variables\r\n * so the theming can be adjusted at runtime.\r\n */\r\n\r\n@import '../variables-light.css';\r\n@import '../parts/_core.css';\r\n",":root {\r\n  --background-body: #ffffff;\r\n  --background: #efefef;\r\n  --background-alt: #f7f7f7;\r\n\r\n  --selection: #9e9e9e;\r\n\r\n  --text-main: #363636;\r\n  --text-bright: #000000;\r\n\r\n  --links: #0076d1;\r\n  --focus: #0096bfab;\r\n  --border: #dbdbdb;\r\n  --code: #000000;\r\n\r\n  --animation-duration: 0.1s;\r\n  --button-hover: #dddddd;\r\n\r\n  --scrollbar-thumb: color-mod(var(--button-hover) lightness(-3%));\r\n  --scrollbar-thumb-hover: color-mod(var(--button-hover) lightness(-10%));\r\n\r\n  --form-placeholder: #949494;\r\n  --form-text: #000000;\r\n\r\n  --variable: #39a33c;\r\n  --highlight: #ffff00;\r\n}\r\n","body {\r\n  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\r\n  line-height: 1.4;\r\n\r\n  max-width: 800px;\r\n  margin: 20px auto;\r\n  padding: 0 10px;\r\n\r\n  color: var(--text-main);\r\n  background: var(--background-body);\r\n\r\n  text-rendering: optimizeLegibility;\r\n}\r\n\r\nbutton, input, textarea {\r\n  transition: background-color var(--animation-duration) linear,\r\n              border-color var(--animation-duration) linear,\r\n              color var(--animation-duration) linear,\r\n              box-shadow var(--animation-duration) linear,\r\n              transform var(--animation-duration) ease;\r\n}\r\n","h1 {\r\n  font-size: 2.2em;\r\n  margin-top: 0;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6 {\r\n  margin-bottom: 12px;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6,\r\nstrong {\r\n  color: var(--text-bright);\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6,\r\nb,\r\nstrong,\r\nth {\r\n  font-weight: 600;\r\n}\r\n\r\nq:before {\r\n   content: none;\r\n}\r\n\r\nq:after {\r\n   content: none;\r\n}\r\n\r\nblockquote , q{\r\n  border-left: 4px solid var(--focus);\r\n  margin: 1.5em 0em;\r\n  padding: 0.5em 1em;\r\n  font-style: italic;\r\n}\r\n\r\nblockquote > footer {\r\n  margin-top: 10px;\r\n  font-style: normal;\r\n}\r\n\r\nblockquote cite {\r\n  font-style: normal;\r\n}\r\n\r\naddress {\r\n  font-style: normal;\r\n}\r\n\r\na[href^='mailto']::before {\r\n  content: '📧 ';\r\n}\r\n\r\na[href^='tel']::before {\r\n  content: '📞 ';\r\n}\r\n\r\na[href^='sms']::before {\r\n  content: '💬 ';\r\n}\r\n\r\nmark {\r\n  background-color: var(--highlight);\r\n  border-radius: 2px;\r\n  padding: 0px 2px 0px 2px;\r\n  color: #000000;\r\n}","button,\r\ninput[type='submit'],\r\ninput[type='button'],\r\ninput[type='checkbox'] {\r\n  cursor: pointer;\r\n}\r\n\r\ninput:not([type='checkbox']):not([type='radio']),\r\nselect {\r\n  display: block;\r\n}\r\n\r\ninput,\r\nselect,\r\nbutton,\r\ntextarea {\r\n  color: var(--form-text);\r\n  background-color: var(--background);\r\n\r\n  font-family: inherit;\r\n  font-size: inherit;\r\n\r\n  margin-right: 6px;\r\n  margin-bottom: 6px;\r\n  padding: 10px;\r\n\r\n  border: none;\r\n  border-radius: 6px;\r\n  outline: none;\r\n}\r\n\r\ninput:not([type='checkbox']):not([type='radio']),\r\nselect,\r\nbutton,\r\ntextarea {\r\n  -webkit-appearance: none;\r\n}\r\n\r\ntextarea {\r\n  margin-right: 0;\r\n  width: 100%;\r\n  box-sizing: border-box;\r\n  resize: vertical;\r\n}\r\n\r\nbutton,\r\ninput[type='submit'],\r\ninput[type='button'] {\r\n  padding-right: 30px;\r\n  padding-left: 30px;\r\n}\r\n\r\nbutton:hover,\r\ninput[type='submit']:hover,\r\ninput[type='button']:hover {\r\n  background: var(--button-hover);\r\n}\r\n\r\ninput:focus,\r\nselect:focus,\r\nbutton:focus,\r\ntextarea:focus {\r\n  box-shadow: 0 0 0 2px var(--focus);\r\n}\r\n\r\ninput[type='checkbox']:active,\r\ninput[type='radio']:active,\r\ninput[type='submit']:active,\r\ninput[type='button']:active,\r\nbutton:active {\r\n  transform: translateY(2px);\r\n}\r\n\r\ninput:disabled,\r\nselect:disabled,\r\nbutton:disabled,\r\ntextarea:disabled {\r\n  cursor: not-allowed;\r\n  opacity: 0.5;\r\n}\r\n\r\n::placeholder {\r\n  color: var(--form-placeholder);\r\n}\r\n","a {\r\n  text-decoration: none;\r\n  color: var(--links);\r\n}\r\n\r\na:hover {\r\n  text-decoration: underline;\r\n}","code, samp, time {\r\n  background:  var(--background);\r\n  color: var(--code);\r\n  padding: 2.5px 5px;\r\n  border-radius: 6px;\r\n  font-size: 1em;\r\n}\r\n\r\npre > code {\r\n  padding: 10px;\r\n  display: block;\r\n  overflow-x: auto;\r\n}\r\n\r\nvar {\r\n  color: var(--variable);\r\n  font-style: normal;\r\n  font-family: monospace;\r\n}\r\n\r\nkbd {\r\n  background: var(--background);\r\n  border: 1px solid var(--border);\r\n  border-radius: 2px;\r\n  color: var(--text-main);\r\n  padding: 2px 4px 2px 4px;\r\n}","img {\r\n  max-width: 100%;\r\n  height: auto;\r\n}\r\n\r\nhr {\r\n  border: none;\r\n  border-top: 1px solid var(--border);\r\n}\r\n\r\ntable {\r\n  border-collapse: collapse;\r\n  margin-bottom: 10px;\r\n  width: 100%;\r\n}\r\n\r\ntd,\r\nth {\r\n  padding: 6px;\r\n  text-align: left;\r\n}\r\n\r\nth {\r\n  border-bottom: 1px solid var(--border);\r\n}\r\n\r\ntbody tr:nth-child(even) {\r\n  background-color: var(--background-alt);\r\n}\r\n\r\n::-webkit-scrollbar {\r\n  height: 10px;\r\n  width: 10px;\r\n}\r\n\r\n::-webkit-scrollbar-track {\r\n  background: var(--background);\r\n  border-radius: 6px;\r\n}\r\n\r\n::-webkit-scrollbar-thumb {\r\n  background: var(--scrollbar-thumb);\r\n  border-radius: 6px;\r\n}\r\n\r\n::-webkit-scrollbar-thumb:hover {\r\n  background: var(--scrollbar-thumb-hover);\r\n}\r\n\r\n::selection {\r\n  background-color: var(--selection);\r\n}\r\n"]}
\ No newline at end of file
+{"version":3,"sources":["light.standalone.css","../variables-light.css","../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"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","file":"light.standalone.css","sourcesContent":["/**\n * Standalone light-themed version.\n * Includes light variables and core, left as CSS variables\n * so the theming can be adjusted at runtime.\n */\n\n@import '../variables-light.css';\n@import '../parts/_core.css';\n",":root {\n  --background-body: #ffffff;\n  --background: #efefef;\n  --background-alt: #f7f7f7;\n\n  --selection: #9e9e9e;\n\n  --text-main: #363636;\n  --text-bright: #000000;\n\n  --links: #0076d1;\n  --focus: #0096bfab;\n  --border: #dbdbdb;\n  --code: #000000;\n\n  --animation-duration: 0.1s;\n  --button-hover: #dddddd;\n\n  --scrollbar-thumb: color-mod(var(--button-hover) lightness(-3%));\n  --scrollbar-thumb-hover: color-mod(var(--button-hover) lightness(-10%));\n\n  --form-placeholder: #949494;\n  --form-text: #000000;\n\n  --variable: #39a33c;\n  --highlight: #ffff00;\n}\n","body {\n  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\n  line-height: 1.4;\n\n  max-width: 800px;\n  margin: 20px auto;\n  padding: 0 10px;\n\n  color: var(--text-main);\n  background: var(--background-body);\n\n  text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n  transition: background-color var(--animation-duration) linear,\n              border-color var(--animation-duration) linear,\n              color var(--animation-duration) linear,\n              box-shadow var(--animation-duration) linear,\n              transform var(--animation-duration) ease;\n}\n","h1 {\n  font-size: 2.2em;\n  margin-top: 0;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin-bottom: 12px;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nstrong {\n  color: var(--text-bright);\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nb,\nstrong,\nth {\n  font-weight: 600;\n}\n\nq:before {\n   content: none;\n}\n\nq:after {\n   content: none;\n}\n\nblockquote , q{\n  border-left: 4px solid var(--focus);\n  margin: 1.5em 0em;\n  padding: 0.5em 1em;\n  font-style: italic;\n}\n\nblockquote > footer {\n  margin-top: 10px;\n  font-style: normal;\n}\n\nblockquote cite {\n  font-style: normal;\n}\n\naddress {\n  font-style: normal;\n}\n\na[href^='mailto']::before {\n  content: '📧 ';\n}\n\na[href^='tel']::before {\n  content: '📞 ';\n}\n\na[href^='sms']::before {\n  content: '💬 ';\n}\n\nmark {\n  background-color: var(--highlight);\n  border-radius: 2px;\n  padding: 0px 2px 0px 2px;\n  color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'] {\n  cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n  display: block;\n}\n\ninput,\nselect,\nbutton,\ntextarea {\n  color: var(--form-text);\n  background-color: var(--background);\n\n  font-family: inherit;\n  font-size: inherit;\n\n  margin-right: 6px;\n  margin-bottom: 6px;\n  padding: 10px;\n\n  border: none;\n  border-radius: 6px;\n  outline: none;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect,\nbutton,\ntextarea {\n  -webkit-appearance: none;\n}\n\ntextarea {\n  margin-right: 0;\n  width: 100%;\n  box-sizing: border-box;\n  resize: vertical;\n}\n\nbutton,\ninput[type='submit'],\ninput[type='button'] {\n  padding-right: 30px;\n  padding-left: 30px;\n}\n\nbutton:hover,\ninput[type='submit']:hover,\ninput[type='button']:hover {\n  background: var(--button-hover);\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n  box-shadow: 0 0 0 2px var(--focus);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\nbutton:active {\n  transform: translateY(2px);\n}\n\ninput:disabled,\nselect:disabled,\nbutton:disabled,\ntextarea:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n\n::placeholder {\n  color: var(--form-placeholder);\n}\n","a {\n  text-decoration: none;\n  color: var(--links);\n}\n\na:hover {\n  text-decoration: underline;\n}","code, samp, time {\n  background:  var(--background);\n  color: var(--code);\n  padding: 2.5px 5px;\n  border-radius: 6px;\n  font-size: 1em;\n}\n\npre > code {\n  padding: 10px;\n  display: block;\n  overflow-x: auto;\n}\n\nvar {\n  color: var(--variable);\n  font-style: normal;\n  font-family: monospace;\n}\n\nkbd {\n  background: var(--background);\n  border: 1px solid var(--border);\n  border-radius: 2px;\n  color: var(--text-main);\n  padding: 2px 4px 2px 4px;\n}","img {\n  max-width: 100%;\n  height: auto;\n}\n\nhr {\n  border: none;\n  border-top: 1px solid var(--border);\n}\n\ntable {\n  border-collapse: collapse;\n  margin-bottom: 10px;\n  width: 100%;\n}\n\ntd,\nth {\n  padding: 6px;\n  text-align: left;\n}\n\nth {\n  border-bottom: 1px solid var(--border);\n}\n\ntbody tr:nth-child(even) {\n  background-color: var(--background-alt);\n}\n\n::-webkit-scrollbar {\n  height: 10px;\n  width: 10px;\n}\n\n::-webkit-scrollbar-track {\n  background: var(--background);\n  border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n  background: var(--scrollbar-thumb);\n  border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n  background: var(--scrollbar-thumb-hover);\n}\n\n::selection {\n  background-color: var(--selection);\n}\n"]}
\ No newline at end of file
diff --git a/dist/light.standalone.min.css.map b/dist/light.standalone.min.css.map
index ee6b4f8..3c1f1c0 100644
--- a/dist/light.standalone.min.css.map
+++ b/dist/light.standalone.min.css.map
@@ -1 +1 @@
-{"version":3,"sources":["../variables-light.css","../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"AAAA,MACE,sBAA0B,CAC1B,oBAAqB,CACrB,wBAAyB,CAEzB,mBAAoB,CAEpB,mBAAoB,CACpB,kBAAsB,CAEtB,eAAgB,CAChB,4BAAkB,CAClB,gBAAiB,CACjB,WAAe,CAEf,yBAA0B,CAC1B,mBAAuB,CAEvB,yBAAgE,CAChE,+BAAuE,CAEvE,0BAA2B,CAC3B,gBAAoB,CAEpB,kBAAmB,CACnB,gBACF,CC1BA,KACE,6IAAyK,CACzK,eAAgB,CAEhB,eAAgB,CAChB,gBAAiB,CACjB,cAAe,CAEf,sBAAuB,CACvB,iCAAkC,CAElC,iCACF,CAEA,sBACE,sOAKF,CCpBA,GACE,eAAgB,CAChB,YACF,CAEA,kBAME,kBACF,CAEA,yBAOE,wBACF,CAEA,8BASE,eACF,CAMA,iBACG,YACH,CAEA,aACE,kCAAmC,CACnC,cAAiB,CACjB,gBAAkB,CAClB,iBACF,CAEA,kBACE,eAAgB,CAChB,iBACF,CAMA,wBACE,iBACF,CAEA,uBACE,aACF,CAEA,oBACE,aACF,CAEA,oBACE,aACF,CAEA,KACE,iCAAkC,CAClC,iBAAkB,CAClB,aAAwB,CACxB,UACF,CCjFA,kEAIE,cACF,CAEA,oDAEE,aACF,CAEA,6BAIE,sBAAuB,CACvB,kCAAmC,CAEnC,mBAAoB,CACpB,iBAAkB,CAElB,gBAAiB,CACjB,iBAAkB,CAClB,YAAa,CAEb,WAAY,CACZ,iBAAkB,CAClB,YACF,CAEA,oEAIE,uBACF,CAEA,SACE,cAAe,CACf,UAAW,CACX,qBAAsB,CACtB,eACF,CAEA,6CAGE,kBAAmB,CACnB,iBACF,CAEA,+DAGE,8BACF,CAEA,qDAIE,iCACF,CAEA,uHAKE,yBACF,CAEA,iEAIE,kBAAmB,CACnB,UACF,CAEA,4BACE,6BACF,CAFA,uBACE,6BACF,CAFA,wBACE,6BACF,CAFA,cACE,6BACF,CCnFA,EACE,oBAAqB,CACrB,kBACF,CAEA,QACE,yBACF,CCPA,eACE,4BAA8B,CAC9B,iBAAkB,CAClB,iBAAkB,CAClB,iBAAkB,CAClB,aACF,CAEA,SACE,YAAa,CACb,aAAc,CACd,eACF,CAEA,IACE,qBAAsB,CACtB,iBAAkB,CAClB,qBACF,CAEA,IACE,4BAA6B,CAC7B,8BAA+B,CAC/B,iBAAkB,CAClB,sBAAuB,CACvB,eACF,CC1BA,IACE,cAAe,CACf,WACF,CAEA,GACE,WAAY,CACZ,kCACF,CAEA,MACE,wBAAyB,CACzB,kBAAmB,CACnB,UACF,CAEA,MAEE,WAAY,CACZ,eACF,CAEA,GACE,qCACF,CAEA,uBACE,sCACF,CAEA,oBACE,WAAY,CACZ,UACF,CAEA,0BACE,4BAA6B,CAC7B,iBACF,CAEA,0BACE,iCAAkC,CAClC,iBACF,CAEA,gCACE,uCACF,CAEA,iBACE,iCACF,CAFA,YACE,iCACF","file":"light.standalone.min.css","sourcesContent":[":root {\r\n  --background-body: #ffffff;\r\n  --background: #efefef;\r\n  --background-alt: #f7f7f7;\r\n\r\n  --selection: #9e9e9e;\r\n\r\n  --text-main: #363636;\r\n  --text-bright: #000000;\r\n\r\n  --links: #0076d1;\r\n  --focus: #0096bfab;\r\n  --border: #dbdbdb;\r\n  --code: #000000;\r\n\r\n  --animation-duration: 0.1s;\r\n  --button-hover: #dddddd;\r\n\r\n  --scrollbar-thumb: color-mod(var(--button-hover) lightness(-3%));\r\n  --scrollbar-thumb-hover: color-mod(var(--button-hover) lightness(-10%));\r\n\r\n  --form-placeholder: #949494;\r\n  --form-text: #000000;\r\n\r\n  --variable: #39a33c;\r\n  --highlight: #ffff00;\r\n}\r\n","body {\r\n  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\r\n  line-height: 1.4;\r\n\r\n  max-width: 800px;\r\n  margin: 20px auto;\r\n  padding: 0 10px;\r\n\r\n  color: var(--text-main);\r\n  background: var(--background-body);\r\n\r\n  text-rendering: optimizeLegibility;\r\n}\r\n\r\nbutton, input, textarea {\r\n  transition: background-color var(--animation-duration) linear,\r\n              border-color var(--animation-duration) linear,\r\n              color var(--animation-duration) linear,\r\n              box-shadow var(--animation-duration) linear,\r\n              transform var(--animation-duration) ease;\r\n}\r\n","h1 {\r\n  font-size: 2.2em;\r\n  margin-top: 0;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6 {\r\n  margin-bottom: 12px;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6,\r\nstrong {\r\n  color: var(--text-bright);\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6,\r\nb,\r\nstrong,\r\nth {\r\n  font-weight: 600;\r\n}\r\n\r\nq:before {\r\n   content: none;\r\n}\r\n\r\nq:after {\r\n   content: none;\r\n}\r\n\r\nblockquote , q{\r\n  border-left: 4px solid var(--focus);\r\n  margin: 1.5em 0em;\r\n  padding: 0.5em 1em;\r\n  font-style: italic;\r\n}\r\n\r\nblockquote > footer {\r\n  margin-top: 10px;\r\n  font-style: normal;\r\n}\r\n\r\nblockquote cite {\r\n  font-style: normal;\r\n}\r\n\r\naddress {\r\n  font-style: normal;\r\n}\r\n\r\na[href^='mailto']::before {\r\n  content: '📧 ';\r\n}\r\n\r\na[href^='tel']::before {\r\n  content: '📞 ';\r\n}\r\n\r\na[href^='sms']::before {\r\n  content: '💬 ';\r\n}\r\n\r\nmark {\r\n  background-color: var(--highlight);\r\n  border-radius: 2px;\r\n  padding: 0px 2px 0px 2px;\r\n  color: #000000;\r\n}","button,\r\ninput[type='submit'],\r\ninput[type='button'],\r\ninput[type='checkbox'] {\r\n  cursor: pointer;\r\n}\r\n\r\ninput:not([type='checkbox']):not([type='radio']),\r\nselect {\r\n  display: block;\r\n}\r\n\r\ninput,\r\nselect,\r\nbutton,\r\ntextarea {\r\n  color: var(--form-text);\r\n  background-color: var(--background);\r\n\r\n  font-family: inherit;\r\n  font-size: inherit;\r\n\r\n  margin-right: 6px;\r\n  margin-bottom: 6px;\r\n  padding: 10px;\r\n\r\n  border: none;\r\n  border-radius: 6px;\r\n  outline: none;\r\n}\r\n\r\ninput:not([type='checkbox']):not([type='radio']),\r\nselect,\r\nbutton,\r\ntextarea {\r\n  -webkit-appearance: none;\r\n}\r\n\r\ntextarea {\r\n  margin-right: 0;\r\n  width: 100%;\r\n  box-sizing: border-box;\r\n  resize: vertical;\r\n}\r\n\r\nbutton,\r\ninput[type='submit'],\r\ninput[type='button'] {\r\n  padding-right: 30px;\r\n  padding-left: 30px;\r\n}\r\n\r\nbutton:hover,\r\ninput[type='submit']:hover,\r\ninput[type='button']:hover {\r\n  background: var(--button-hover);\r\n}\r\n\r\ninput:focus,\r\nselect:focus,\r\nbutton:focus,\r\ntextarea:focus {\r\n  box-shadow: 0 0 0 2px var(--focus);\r\n}\r\n\r\ninput[type='checkbox']:active,\r\ninput[type='radio']:active,\r\ninput[type='submit']:active,\r\ninput[type='button']:active,\r\nbutton:active {\r\n  transform: translateY(2px);\r\n}\r\n\r\ninput:disabled,\r\nselect:disabled,\r\nbutton:disabled,\r\ntextarea:disabled {\r\n  cursor: not-allowed;\r\n  opacity: 0.5;\r\n}\r\n\r\n::placeholder {\r\n  color: var(--form-placeholder);\r\n}\r\n","a {\r\n  text-decoration: none;\r\n  color: var(--links);\r\n}\r\n\r\na:hover {\r\n  text-decoration: underline;\r\n}","code, samp, time {\r\n  background:  var(--background);\r\n  color: var(--code);\r\n  padding: 2.5px 5px;\r\n  border-radius: 6px;\r\n  font-size: 1em;\r\n}\r\n\r\npre > code {\r\n  padding: 10px;\r\n  display: block;\r\n  overflow-x: auto;\r\n}\r\n\r\nvar {\r\n  color: var(--variable);\r\n  font-style: normal;\r\n  font-family: monospace;\r\n}\r\n\r\nkbd {\r\n  background: var(--background);\r\n  border: 1px solid var(--border);\r\n  border-radius: 2px;\r\n  color: var(--text-main);\r\n  padding: 2px 4px 2px 4px;\r\n}","img {\r\n  max-width: 100%;\r\n  height: auto;\r\n}\r\n\r\nhr {\r\n  border: none;\r\n  border-top: 1px solid var(--border);\r\n}\r\n\r\ntable {\r\n  border-collapse: collapse;\r\n  margin-bottom: 10px;\r\n  width: 100%;\r\n}\r\n\r\ntd,\r\nth {\r\n  padding: 6px;\r\n  text-align: left;\r\n}\r\n\r\nth {\r\n  border-bottom: 1px solid var(--border);\r\n}\r\n\r\ntbody tr:nth-child(even) {\r\n  background-color: var(--background-alt);\r\n}\r\n\r\n::-webkit-scrollbar {\r\n  height: 10px;\r\n  width: 10px;\r\n}\r\n\r\n::-webkit-scrollbar-track {\r\n  background: var(--background);\r\n  border-radius: 6px;\r\n}\r\n\r\n::-webkit-scrollbar-thumb {\r\n  background: var(--scrollbar-thumb);\r\n  border-radius: 6px;\r\n}\r\n\r\n::-webkit-scrollbar-thumb:hover {\r\n  background: var(--scrollbar-thumb-hover);\r\n}\r\n\r\n::selection {\r\n  background-color: var(--selection);\r\n}\r\n"]}
\ No newline at end of file
+{"version":3,"sources":["../variables-light.css","../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"AAAA,MACE,sBAA0B,CAC1B,oBAAqB,CACrB,wBAAyB,CAEzB,mBAAoB,CAEpB,mBAAoB,CACpB,kBAAsB,CAEtB,eAAgB,CAChB,4BAAkB,CAClB,gBAAiB,CACjB,WAAe,CAEf,yBAA0B,CAC1B,mBAAuB,CAEvB,yBAAgE,CAChE,+BAAuE,CAEvE,0BAA2B,CAC3B,gBAAoB,CAEpB,kBAAmB,CACnB,gBACF,CC1BA,KACE,6IAAyK,CACzK,eAAgB,CAEhB,eAAgB,CAChB,gBAAiB,CACjB,cAAe,CAEf,sBAAuB,CACvB,iCAAkC,CAElC,iCACF,CAEA,sBACE,sOAKF,CCpBA,GACE,eAAgB,CAChB,YACF,CAEA,kBAME,kBACF,CAEA,yBAOE,wBACF,CAEA,8BASE,eACF,CAMA,iBACG,YACH,CAEA,aACE,kCAAmC,CACnC,cAAiB,CACjB,gBAAkB,CAClB,iBACF,CAEA,kBACE,eAAgB,CAChB,iBACF,CAMA,wBACE,iBACF,CAEA,uBACE,aACF,CAEA,oBACE,aACF,CAEA,oBACE,aACF,CAEA,KACE,iCAAkC,CAClC,iBAAkB,CAClB,aAAwB,CACxB,UACF,CCjFA,kEAIE,cACF,CAEA,oDAEE,aACF,CAEA,6BAIE,sBAAuB,CACvB,kCAAmC,CAEnC,mBAAoB,CACpB,iBAAkB,CAElB,gBAAiB,CACjB,iBAAkB,CAClB,YAAa,CAEb,WAAY,CACZ,iBAAkB,CAClB,YACF,CAEA,oEAIE,uBACF,CAEA,SACE,cAAe,CACf,UAAW,CACX,qBAAsB,CACtB,eACF,CAEA,6CAGE,kBAAmB,CACnB,iBACF,CAEA,+DAGE,8BACF,CAEA,qDAIE,iCACF,CAEA,uHAKE,yBACF,CAEA,iEAIE,kBAAmB,CACnB,UACF,CAEA,4BACE,6BACF,CAFA,uBACE,6BACF,CAFA,wBACE,6BACF,CAFA,cACE,6BACF,CCnFA,EACE,oBAAqB,CACrB,kBACF,CAEA,QACE,yBACF,CCPA,eACE,4BAA8B,CAC9B,iBAAkB,CAClB,iBAAkB,CAClB,iBAAkB,CAClB,aACF,CAEA,SACE,YAAa,CACb,aAAc,CACd,eACF,CAEA,IACE,qBAAsB,CACtB,iBAAkB,CAClB,qBACF,CAEA,IACE,4BAA6B,CAC7B,8BAA+B,CAC/B,iBAAkB,CAClB,sBAAuB,CACvB,eACF,CC1BA,IACE,cAAe,CACf,WACF,CAEA,GACE,WAAY,CACZ,kCACF,CAEA,MACE,wBAAyB,CACzB,kBAAmB,CACnB,UACF,CAEA,MAEE,WAAY,CACZ,eACF,CAEA,GACE,qCACF,CAEA,uBACE,sCACF,CAEA,oBACE,WAAY,CACZ,UACF,CAEA,0BACE,4BAA6B,CAC7B,iBACF,CAEA,0BACE,iCAAkC,CAClC,iBACF,CAEA,gCACE,uCACF,CAEA,iBACE,iCACF,CAFA,YACE,iCACF","file":"light.standalone.min.css","sourcesContent":[":root {\n  --background-body: #ffffff;\n  --background: #efefef;\n  --background-alt: #f7f7f7;\n\n  --selection: #9e9e9e;\n\n  --text-main: #363636;\n  --text-bright: #000000;\n\n  --links: #0076d1;\n  --focus: #0096bfab;\n  --border: #dbdbdb;\n  --code: #000000;\n\n  --animation-duration: 0.1s;\n  --button-hover: #dddddd;\n\n  --scrollbar-thumb: color-mod(var(--button-hover) lightness(-3%));\n  --scrollbar-thumb-hover: color-mod(var(--button-hover) lightness(-10%));\n\n  --form-placeholder: #949494;\n  --form-text: #000000;\n\n  --variable: #39a33c;\n  --highlight: #ffff00;\n}\n","body {\n  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\n  line-height: 1.4;\n\n  max-width: 800px;\n  margin: 20px auto;\n  padding: 0 10px;\n\n  color: var(--text-main);\n  background: var(--background-body);\n\n  text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n  transition: background-color var(--animation-duration) linear,\n              border-color var(--animation-duration) linear,\n              color var(--animation-duration) linear,\n              box-shadow var(--animation-duration) linear,\n              transform var(--animation-duration) ease;\n}\n","h1 {\n  font-size: 2.2em;\n  margin-top: 0;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin-bottom: 12px;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nstrong {\n  color: var(--text-bright);\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nb,\nstrong,\nth {\n  font-weight: 600;\n}\n\nq:before {\n   content: none;\n}\n\nq:after {\n   content: none;\n}\n\nblockquote , q{\n  border-left: 4px solid var(--focus);\n  margin: 1.5em 0em;\n  padding: 0.5em 1em;\n  font-style: italic;\n}\n\nblockquote > footer {\n  margin-top: 10px;\n  font-style: normal;\n}\n\nblockquote cite {\n  font-style: normal;\n}\n\naddress {\n  font-style: normal;\n}\n\na[href^='mailto']::before {\n  content: '📧 ';\n}\n\na[href^='tel']::before {\n  content: '📞 ';\n}\n\na[href^='sms']::before {\n  content: '💬 ';\n}\n\nmark {\n  background-color: var(--highlight);\n  border-radius: 2px;\n  padding: 0px 2px 0px 2px;\n  color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'] {\n  cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n  display: block;\n}\n\ninput,\nselect,\nbutton,\ntextarea {\n  color: var(--form-text);\n  background-color: var(--background);\n\n  font-family: inherit;\n  font-size: inherit;\n\n  margin-right: 6px;\n  margin-bottom: 6px;\n  padding: 10px;\n\n  border: none;\n  border-radius: 6px;\n  outline: none;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect,\nbutton,\ntextarea {\n  -webkit-appearance: none;\n}\n\ntextarea {\n  margin-right: 0;\n  width: 100%;\n  box-sizing: border-box;\n  resize: vertical;\n}\n\nbutton,\ninput[type='submit'],\ninput[type='button'] {\n  padding-right: 30px;\n  padding-left: 30px;\n}\n\nbutton:hover,\ninput[type='submit']:hover,\ninput[type='button']:hover {\n  background: var(--button-hover);\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n  box-shadow: 0 0 0 2px var(--focus);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\nbutton:active {\n  transform: translateY(2px);\n}\n\ninput:disabled,\nselect:disabled,\nbutton:disabled,\ntextarea:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n\n::placeholder {\n  color: var(--form-placeholder);\n}\n","a {\n  text-decoration: none;\n  color: var(--links);\n}\n\na:hover {\n  text-decoration: underline;\n}","code, samp, time {\n  background:  var(--background);\n  color: var(--code);\n  padding: 2.5px 5px;\n  border-radius: 6px;\n  font-size: 1em;\n}\n\npre > code {\n  padding: 10px;\n  display: block;\n  overflow-x: auto;\n}\n\nvar {\n  color: var(--variable);\n  font-style: normal;\n  font-family: monospace;\n}\n\nkbd {\n  background: var(--background);\n  border: 1px solid var(--border);\n  border-radius: 2px;\n  color: var(--text-main);\n  padding: 2px 4px 2px 4px;\n}","img {\n  max-width: 100%;\n  height: auto;\n}\n\nhr {\n  border: none;\n  border-top: 1px solid var(--border);\n}\n\ntable {\n  border-collapse: collapse;\n  margin-bottom: 10px;\n  width: 100%;\n}\n\ntd,\nth {\n  padding: 6px;\n  text-align: left;\n}\n\nth {\n  border-bottom: 1px solid var(--border);\n}\n\ntbody tr:nth-child(even) {\n  background-color: var(--background-alt);\n}\n\n::-webkit-scrollbar {\n  height: 10px;\n  width: 10px;\n}\n\n::-webkit-scrollbar-track {\n  background: var(--background);\n  border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n  background: var(--scrollbar-thumb);\n  border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n  background: var(--scrollbar-thumb-hover);\n}\n\n::selection {\n  background-color: var(--selection);\n}\n"]}
\ No newline at end of file