diff --git a/www/docusaurus.config.ts b/www/docusaurus.config.ts
index 6a903940d..95effe675 100644
--- a/www/docusaurus.config.ts
+++ b/www/docusaurus.config.ts
@@ -29,7 +29,7 @@ const config: Config = {
           },
         },
         theme: {
-          customCss: require.resolve("./src/css/custom.css"),
+          customCss: require.resolve("./src/css/custom.scss"),
         },
       },
     ],
diff --git a/www/package.json b/www/package.json
index 4405c50cb..19dca94c4 100644
--- a/www/package.json
+++ b/www/package.json
@@ -4,7 +4,7 @@
   "private": true,
   "scripts": {
     "docusaurus": "docusaurus",
-    "start": "docusaurus start",
+    "start": "docusaurus start --port 3205",
     "build": "docusaurus build",
     "swizzle": "docusaurus swizzle",
     "deploy": "docusaurus deploy",
diff --git a/www/src/css/custom copy.css b/www/src/css/custom copy.css
deleted file mode 100644
index 6bbd259c5..000000000
--- a/www/src/css/custom copy.css	
+++ /dev/null
@@ -1,837 +0,0 @@
-/* Reset */
-
-:root {
-  /* --ifm-code-font-size: 95%; */
-  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
-    Ubuntu, Cantarell, Open Sans, Helvetica Neue, sans-serif;
-  font-size: 16px;
-
-  --ifm-link-color: rgb(38, 76, 214);
-  --ifm-color-primary: rgb(38, 76, 214);
-  --ifm-button-background-color: rgb(38, 76, 214);
-  --ifm-z-index-fixed: 8;
-}
-
-[data-theme="dark"] {
-  /* --ifm-code-font-size: 95%; */
-  --ifm-link-color: rgb(131 158 255);
-  --ifm-color-primary: rgb(131 158 255);
-}
-
-/* Navbar for search */
-
-.navbar__items {
-  /* Prevent items from overlapping as window gets narrower. */
-  flex: none;
-}
-
-.navbar__items--right {
-  flex-grow: 1;
-}
-
-@media (max-width: 650px) {
-  .navbar__items--right {
-    flex: 1;
-  }
-}
-
-.searchBar {
-  /* Expand search bar. */
-  flex-grow: 1;
-  /* Expand on narrow screens too. */
-  position: relative !important;
-  right: 0 !important;
-}
-
-/* Prevent sibling elements from being squished by the expanding search bar. */
-.navbar__item {
-  flex-shrink: 0;
-}
-
-/* Typography */
-
-strong {
-  font-weight: 600;
-}
-
-h1 {
-  font-size: 30px;
-  font-weight: 400;
-  color: #2c313a;
-}
-
-[data-theme="dark"] h1 {
-  color: #fff;
-}
-
-h2 {
-  font-size: 24px;
-  font-weight: 600;
-  color: #2c313a;
-}
-
-[data-theme="dark"] h2 {
-  color: #fff;
-}
-
-h3 {
-  font-size: 18px;
-  font-weight: 600;
-  color: #69707d;
-}
-
-[data-theme="dark"] h3 {
-  color: #fff !important;
-}
-
-h4 {
-  font-size: 14px;
-  font-weight: 600;
-}
-
-[data-theme="dark"] hr {
-  background-color: #69707d !important;
-}
-
-/* API Playground typography */
-
-.details_node_modules-\@docusaurus-theme-classic-lib-theme-Details-styles-module
-  > summary
-  > strong:not(:first-child) {
-  margin-left: 8px;
-}
-
-.responseTabsTopSection_node_modules-docusaurus-theme-openapi-docs-lib-next-theme-ApiTabs-styles-module
-  > strong {
-  font-size: 18px;
-  font-weight: 600;
-  color: #69707d;
-}
-
-[data-theme="dark"]
-  .responseTabsTopSection_node_modules-docusaurus-theme-openapi-docs-lib-next-theme-ApiTabs-styles-module
-  > strong {
-  color: #fff !important;
-}
-
-.schemaName_node_modules-docusaurus-theme-openapi-docs-lib-next-theme-SchemaItem-styles-module,
-.schemaName_node_modules-docusaurus-theme-openapi-docs-lib-next-theme-ParamsItem-styles-module {
-  margin-left: 8px;
-}
-
-.required_node_modules-docusaurus-theme-openapi-docs-lib-next-theme-SchemaItem-styles-module,
-.paramsRequired_node_modules-docusaurus-theme-openapi-docs-lib-next-theme-ParamsItem-styles-module {
-  margin-left: 8px;
-}
-
-/* Code */
-
-code {
-  padding: 2px 4px;
-  background: transparent;
-  border-radius: 0;
-  border: 1px solid #cbcdde;
-}
-
-[data-theme="dark"] code {
-  border-color: #69707d;
-}
-
-.codeBlockTitle_node_modules-\@docusaurus-theme-classic-lib-theme-CodeBlock-Content-styles-module {
-  background-color: #f3f7fb;
-  font-weight: 600 !important;
-  font-size: 12px !important;
-}
-
-[data-theme="dark"]
-  .codeBlockTitle_node_modules-\@docusaurus-theme-classic-lib-theme-CodeBlock-Content-styles-module {
-  background-color: #2c313a;
-}
-
-.codeBlockContainer_node_modules-\@docusaurus-theme-classic-lib-theme-CodeBlock-Container-styles-module {
-  box-shadow: none !important;
-  border-radius: 0 !important;
-  border: 1px solid #e3e4f3;
-}
-
-[data-theme="dark"]
-  .codeBlockContainer_node_modules-\@docusaurus-theme-classic-lib-theme-CodeBlock-Container-styles-module {
-  border-color: #69707d;
-}
-
-/* API Playground code */
-
-pre {
-  background: transparent !important;
-}
-
-code[class*="language-"],
-pre[class*="language-"] {
-  text-shadow: none !important;
-}
-
-.token.operator {
-  background-color: transparent !important;
-}
-
-/* Button */
-
-.button.button--secondary.button--outline:not(.button--active):not(:hover) {
-  color: #fff;
-}
-
-/* API Playground button */
-
-.export-button {
-  opacity: 1 !important;
-  visibility: visible !important;
-  background-color: transparent !important;
-  transition: all 0.2s !important;
-  font-weight: 400;
-  font-size: 14px !important;
-  padding: 4px 8px !important;
-  height: 24px !important;
-  line-height: 0 !important;
-  border: 1px solid #cbcdde !important;
-  color: #2c313a !important;
-}
-
-.export-button:hover {
-  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px,
-    rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
-}
-
-[data-theme="dark"] .export-button {
-  border-color: #69707d !important;
-  color: #cbcdde !important;
-}
-
-/* Hero */
-
-.hero__title {
-  color: #fff;
-}
-
-[data-theme="dark"] .hero--primary {
-  --ifm-hero-background-color: #344caa;
-}
-
-[data-theme="dark"] .hero__subtitle {
-  color: #fff;
-}
-
-/* Header */
-
-/* Locally this should be applied to .announcementBar_node_modules-\@docusaurus-theme-classic-lib-theme-AnnouncementBar-styles-module
-but in production this class isn't in use and we need to target this element by role instead. */
-[role="banner"] {
-  z-index: 1;
-  background-color: #7027f6 !important;
-  color: #fff !important;
-  font-size: 16px;
-}
-
-.close {
-  color: #fff !important;
-  opacity: 1 !important;
-  transition: all 0.2s;
-}
-
-.close:hover {
-  background-color: rgba(255, 255, 255, 0.25);
-}
-
-.navbar {
-  background-color: #f3f7fb;
-  padding: 0 16px;
-  box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px,
-    rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
-  height: 46px;
-}
-
-[data-theme="dark"] .navbar {
-  background-color: #2c313a;
-  box-shadow: none;
-  border-bottom: 1px solid #69707d;
-}
-
-.navbar__logo {
-  height: 24px;
-}
-
-.navbar__link {
-  font-size: 16px;
-  transition: none;
-}
-
-/* API playground page header */
-
-.theme-doc-version-badge {
-  margin-bottom: 12px;
-}
-
-h1
-  + .themedImage--light_node_modules-\@docusaurus-theme-classic-lib-theme-ThemedImage-styles-module {
-  display: none !important;
-}
-
-/* Side nav */
-
-.theme-doc-sidebar-menu {
-  padding: 12px 8px;
-  font-size: 14px;
-}
-
-.menu__list-item:not(:first-child) {
-  margin-top: 0;
-}
-
-.theme-doc-sidebar-menu .menu__link {
-  color: #2c313a;
-  border-radius: 16px;
-}
-
-[data-theme="dark"] .theme-doc-sidebar-menu .menu__link {
-  color: #fff;
-}
-
-.theme-doc-sidebar-menu .menu__list-item-collapsible {
-  border-radius: 16px;
-}
-
-.menu__link:hover,
-.menu__list-item-collapsible:hover {
-  background: transparent;
-  color: var(--ifm-link-color);
-}
-
-.menu__link:hover {
-  text-decoration: underline;
-}
-
-.theme-doc-sidebar-item-link .menu__link {
-  transition: none;
-}
-
-.menu__list-item-collapsible--active,
-.menu__list-item-collapsible--active:hover,
-.theme-doc-sidebar-item-link .menu__link--active {
-  background-color: rgb(217, 226, 255);
-}
-
-[data-theme="dark"] .menu__list-item-collapsible--active,
-[data-theme="dark"] .menu__list-item-collapsible--active:hover,
-[data-theme="dark"] .theme-doc-sidebar-item-link .menu__link--active {
-  background-color: rgb(67, 68, 73) !important;
-}
-
-.menu__caret:before,
-.menu__link--sublist-caret:after {
-  background: var(--ifm-menu-link-sublist-icon) 50% / 1.25rem 1.25rem;
-  transition: none;
-}
-
-.menu__caret {
-  background-color: transparent;
-  transition: none;
-  border: 1px solid transparent;
-}
-
-.menu__caret:hover {
-  border-color: rgba(44, 49, 58, 0.8);
-  background-color: #fff;
-}
-
-[data-theme="dark"] .menu__caret:hover {
-  border-color: rgb(67, 68, 73);
-  background-color: #2c313a;
-}
-
-/* Sidebar Method labels for API Playground */
-.api-method > .menu__link,
-.schema > .menu__link {
-  align-items: center;
-  justify-content: start;
-}
-
-.api-method > .menu__link::before,
-.schema > .menu__link::before {
-  width: 55px;
-  height: 20px;
-  font-size: 12px;
-  line-height: 20px;
-  text-transform: uppercase;
-  font-weight: 600;
-  border-radius: 0.25rem;
-  border: 1px solid;
-  margin-right: var(--ifm-spacing-horizontal);
-  text-align: center;
-  flex-shrink: 0;
-  border-color: transparent;
-  color: white;
-}
-
-.get > .menu__link::before {
-  content: "get";
-  background-color: var(--ifm-color-primary);
-}
-
-.post > .menu__link::before {
-  content: "post";
-  background-color: var(--openapi-code-green);
-}
-
-.delete > .menu__link::before {
-  content: "del";
-  background-color: var(--openapi-code-red);
-}
-
-.put > .menu__link::before {
-  content: "put";
-  background-color: var(--openapi-code-blue);
-}
-
-.patch > .menu__link::before {
-  content: "patch";
-  background-color: var(--openapi-code-orange);
-}
-
-.head > .menu__link::before {
-  content: "head";
-  background-color: var(--ifm-color-secondary-darkest);
-}
-
-.event > .menu__link::before {
-  content: "event";
-  background-color: var(--ifm-color-secondary-darkest);
-}
-
-.schema > .menu__link::before {
-  content: "schema";
-  background-color: var(--ifm-color-secondary-darkest);
-}
-
-/* Content */
-
-.container {
-  padding-top: 12px;
-}
-
-/* Table of contents */
-
-.table-of-contents__link {
-  font-size: 14px;
-  padding-left: 8px;
-  padding-bottom: 8px;
-  transition: none;
-}
-
-.table-of-contents__link:hover {
-  text-decoration: underline;
-}
-
-.table-of-contents li {
-  margin: 0;
-}
-
-/* Breadcrumbs */
-
-.breadcrumbs__link {
-  font-size: 14px;
-}
-
-.breadcrumbs__item:first-child a {
-  margin-left: -9px;
-}
-
-.breadcrumbs__link:any-link:hover {
-  background-color: transparent;
-}
-
-.breadcrumbHomeIcon_node_modules-\@docusaurus-theme-classic-lib-theme-DocBreadcrumbs-styles-module {
-  top: 0 !important;
-  vertical-align: middle !important;
-}
-
-.breadcrumbs__item--active .breadcrumbs__link {
-  color: #2c313a;
-}
-
-[data-theme="dark"] .breadcrumbs__item--active .breadcrumbs__link {
-  color: #fff;
-}
-
-.breadcrumbs__item--active .breadcrumbs__link {
-  background-color: transparent;
-  font-weight: 600;
-}
-
-/* Page edit */
-
-.theme-edit-this-page {
-  margin-left: -14px;
-  padding: 4px 12px;
-  border: 1px dotted #69707d;
-  color: #2c313a;
-}
-
-[data-theme="dark"] .theme-edit-this-page {
-  border-color: #69707d;
-  color: #fff;
-}
-
-.theme-edit-this-page:hover {
-  color: rgb(38, 76, 214);
-  border-color: rgb(38, 76, 214);
-}
-
-[data-theme="dark"] .theme-edit-this-page:hover {
-  color: var(--ifm-link-color);
-  border-color: var(--ifm-link-color);
-}
-
-.theme-edit-this-page svg {
-  display: none;
-}
-
-/* Pagination */
-
-.pagination-nav {
-  gap: initial;
-  margin: 0 -14px;
-}
-
-.pagination-nav__label {
-  color: #2c313a;
-}
-
-[data-theme="dark"] .pagination-nav__label {
-  color: #fff;
-}
-
-.pagination-nav__link {
-  border: none;
-  border-bottom: 4px solid transparent;
-  border-radius: 0;
-  transition: none;
-  padding-left: 0;
-  padding-right: 0;
-}
-
-.pagination-nav__link:hover {
-  border-bottom-color: #cbcdde;
-}
-
-[data-theme="dark"] .pagination-nav__link:hover {
-  border-bottom-color: #69707d;
-}
-
-.pagination-nav__link:hover .pagination-nav__sublabel,
-.pagination-nav__link:hover .pagination-nav__label {
-  color: rgb(38, 76, 214);
-}
-
-[data-theme="dark"] .pagination-nav__link:hover .pagination-nav__sublabel,
-[data-theme="dark"] .pagination-nav__link:hover .pagination-nav__label {
-  color: var(--ifm-link-color);
-}
-
-/* Cards */
-
-.card {
-  border-radius: 0 !important;
-  box-shadow: none !important;
-}
-
-[data-theme="light"] .card {
-  border-color: #cbcdde;
-}
-
-/* Tabs */
-
-.tabs {
-  border-bottom: 1px solid #cbcdde;
-  overflow: initial;
-  /* Prevent tabs from being clipped when there are many of them. */
-  flex-wrap: wrap;
-}
-
-.tabs__item {
-  padding: 8px 12px;
-  font-size: 14px;
-  font-weight: 400;
-  line-height: 1;
-  border-radius: 0;
-  transition: none;
-  background-color: transparent !important;
-  border: none !important;
-  color: #2c313a !important;
-  border-radius: 0 !important;
-  opacity: 1 !important;
-}
-
-.tabs__item:hover {
-  background-color: #f3f7fb !important;
-}
-
-[aria-selected="true"].tabs__item,
-.tabs__item--active {
-  box-shadow: #7027f6 0px 1px 0px !important;
-  border-bottom: none;
-  color: #2c313a;
-}
-
-[data-theme="dark"] .tabs {
-  border-bottom-color: #393a43;
-}
-
-[data-theme="dark"] .tabs__item {
-  color: #fff !important;
-}
-
-[data-theme="dark"] .tabs__item:hover {
-  background-color: #2c313a !important;
-}
-
-[data-theme="dark"] .tabs__item--active {
-  color: #ffffff;
-}
-
-/* API playground tabs */
-
-[role="tablist"] {
-  overflow-x: initial !important;
-  overflow-y: initial !important;
-}
-
-.openapi-tabs__code-list-container {
-  overflow-x: auto !important;
-}
-
-/* .tabItem_node_modules-docusaurus-theme-openapi-docs-lib-next-theme-ApiTabs-styles-module {
-  opacity: 1 !important;
-} */
-
-/* Hide application/json tab */
-.tabs__item:only-child {
-  display: none !important;
-}
-
-/* Tables */
-
-table {
-  display: table;
-  margin-top: var(--ifm-spacing-vertical);
-  width: 100%;
-  table-layout: fixed;
-  border: 1px solid #cbcdde;
-  border-collapse: collapse;
-  border-spacing: 0;
-  margin-bottom: 18px;
-}
-
-[data-theme="dark"] table {
-  border-color: #69707d;
-}
-
-table thead {
-  background-color: #f3f7fb;
-  border-bottom: 1px solid #e3e4f3;
-}
-
-[data-theme="dark"] table thead {
-  background-color: #2c313a;
-  border-bottom-color: #393a43;
-}
-
-table thead tr {
-  border-bottom: none;
-  border-top: none;
-}
-
-table tbody tr {
-  border-top: none;
-  border-bottom: 1px solid #e3e4f3;
-}
-
-[data-theme="dark"] table tbody tr {
-  border-color: #393a43;
-}
-
-table tbody tr:last-child {
-  border-bottom: none;
-}
-
-tbody tr:hover {
-  background-color: #f3f7fb !important;
-}
-
-[data-theme="dark"] tbody tr:hover {
-  background-color: #2c313a !important;
-}
-
-table tr:nth-child(2n) {
-  background-color: transparent;
-}
-
-table th {
-  font-size: 12px;
-  font-weight: 600;
-  padding: 8px 12px;
-  text-align: left;
-  border: none;
-  color: #2c313a;
-  max-width: 100%;
-}
-
-[data-theme="dark"] table th {
-  color: #fff;
-}
-
-table td {
-  font-size: 14px;
-  vertical-align: middle;
-  border: none;
-  padding: 8px 12px;
-  color: #2c313a;
-  max-width: 100%;
-}
-
-[data-theme="dark"] table td {
-  color: #fff;
-}
-
-/* Callouts */
-
-.admonition_node_modules-\@docusaurus-theme-classic-lib-theme-Admonition-styles-module {
-  box-shadow: none;
-  border-radius: 0;
-}
-
-/* API Playground panels */
-
-.theme-api-markdown .details__demo-panel,
-.theme-api-markdown .details__demo-panel > div,
-.optionsPanel_node_modules-docusaurus-theme-openapi-docs-lib-next-theme-ApiDemoPanel-Request-styles-module {
-  border-radius: 0 !important;
-  background: transparent !important;
-}
-
-.theme-api-markdown .details__demo-panel {
-  border: 1px solid #cbcdde !important;
-}
-
-[data-theme="dark"] .theme-api-markdown .details__demo-panel {
-  border-color: #69707d !important;
-  background-color: #282a36 !important;
-}
-
-.formItem_node_modules-docusaurus-theme-openapi-docs-lib-next-theme-ApiDemoPanel-FormItem-styles-module
-  code {
-  border: none !important;
-}
-
-.details__request-summary:hover > h4 {
-  text-decoration: underline;
-}
-
-.optionsPanel_node_modules-docusaurus-theme-openapi-docs-lib-next-theme-ApiDemoPanel-Server-styles-module {
-  background: transparent !important;
-}
-
-.details__demo-panel button,
-.details__request-summary > button {
-  opacity: 1 !important;
-  visibility: visible !important;
-  background-color: transparent !important;
-  transition: all 0.2s !important;
-  font-weight: 400;
-  font-size: 14px !important;
-  padding: 4px 8px !important;
-  height: 24px !important;
-  line-height: 0 !important;
-}
-
-.details__demo-panel button {
-  border: 1px solid #cbcdde !important;
-  color: #2c313a !important;
-}
-
-[data-theme="dark"] .details__demo-panel button {
-  border-color: #69707d !important;
-  color: #cbcdde !important;
-}
-
-.details__request-summary > button {
-  border: 1px solid rgba(38, 76, 214, 0.5) !important;
-  color: rgb(38, 76, 214) !important;
-}
-
-[data-theme="dark"] .details__request-summary > button {
-  border-color: var(--ifm-color-primary) !important;
-  color: var(--ifm-color-primary) !important;
-}
-
-.details__demo-panel button:hover,
-.details__request-summary > button:hover {
-  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px,
-    rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
-}
-
-.details__demo-panel select {
-  margin-top: 12px !important;
-  appearance: none;
-  border-radius: 4px !important;
-  border: 1px solid #cbcdde !important;
-  background-color: transparent !important;
-  width: 100% !important;
-  padding: 8px 16px !important;
-  font-size: 14px !important;
-}
-
-.details__demo-panel input {
-  appearance: none;
-  border-radius: 4px !important;
-  border: 1px solid #cbcdde !important;
-  background-color: transparent !important;
-  width: 100% !important;
-  padding: 8px 16px !important;
-  font-size: 14px !important;
-}
-
-[data-theme="dark"] .details__demo-panel select,
-[data-theme="dark"] .details__demo-panel input {
-  border-color: #69707d !important;
-  color: #cbcdde !important;
-}
-
-.playgroundContainer_node_modules-docusaurus-theme-openapi-docs-lib-next-theme-ApiDemoPanel-LiveEditor-styles-module {
-  box-shadow: none !important;
-  border-radius: 0 !important;
-  border: 1px solid #cbcdde !important;
-}
-
-[data-theme="dark"]
-  .playgroundContainer_node_modules-docusaurus-theme-openapi-docs-lib-next-theme-ApiDemoPanel-LiveEditor-styles-module {
-  border-color: #69707d !important;
-}
-
-/* API Playground accordions */
-.schemaItem_node_modules-docusaurus-theme-openapi-docs-lib-next-theme-SchemaItem-styles-module:hover {
-  background-color: transparent !important;
-}
-
-.schemaItem_node_modules-docusaurus-theme-openapi-docs-lib-next-theme-SchemaItem-styles-module:has(
-    details
-  )
-  summary:hover,
-.details_node_modules-\@docusaurus-theme-common-lib-components-Details-styles-module
-  > summary:hover {
-  text-decoration: underline;
-}
-
-.alert--info code,
-.schemaItem_node_modules-docusaurus-theme-openapi-docs-lib-next-theme-SchemaItem-styles-module
-  code {
-  border: none !important;
-}
diff --git a/www/src/css/custom.css b/www/src/css/custom.css
deleted file mode 100644
index 00b7432e7..000000000
--- a/www/src/css/custom.css
+++ /dev/null
@@ -1,941 +0,0 @@
-/* Reset */
-
-:root {
-  /* --ifm-code-font-size: 95%; */
-  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
-    Ubuntu, Cantarell, Open Sans, Helvetica Neue, sans-serif;
-  font-size: 16px;
-
-  --ifm-link-color: rgb(38, 76, 214);
-  --ifm-color-primary: rgb(38, 76, 214);
-  --ifm-button-background-color: rgb(38, 76, 214);
-  --ifm-z-index-fixed: 8;
-}
-
-[data-theme="dark"] {
-  /* --ifm-code-font-size: 95%; */
-  --ifm-link-color: rgb(131 158 255);
-  --ifm-color-primary: rgb(131 158 255);
-}
-
-/* Navbar for search */
-
-.navbar__items {
-  /* Prevent items from overlapping as window gets narrower. */
-  flex: none;
-}
-
-.navbar__items--right {
-  flex-grow: 1;
-}
-
-@media (max-width: 650px) {
-  .navbar__items--right {
-    flex: 1;
-  }
-}
-
-.searchBar {
-  /* Expand search bar. */
-  flex-grow: 1;
-  /* Expand on narrow screens too. */
-  position: relative !important;
-  right: 0 !important;
-}
-
-/* Prevent sibling elements from being squished by the expanding search bar. */
-.navbar__item {
-  flex-shrink: 0;
-}
-
-/* Typography */
-
-strong {
-  font-weight: 600;
-}
-
-h1 {
-  font-size: 30px;
-  font-weight: 400;
-  color: #2c313a;
-}
-
-[data-theme="dark"] h1 {
-  color: #fff;
-}
-
-h2 {
-  font-size: 24px;
-  font-weight: 500;
-  color: #2c313a;
-}
-
-[data-theme="dark"] h2 {
-  color: #fff;
-}
-
-h3 {
-  font-size: 20px;
-  font-weight: 600;
-  color: #2c313a;
-}
-
-[data-theme="dark"] h3 {
-  color: #fff !important;
-}
-
-h4 {
-  font-size: 16px;
-  font-weight: 600;
-}
-
-[data-theme="dark"] hr {
-  background-color: #69707d !important;
-}
-
-/* API Playground typography */
-
-.details_node_modules-\@docusaurus-theme-classic-lib-theme-Details-styles-module
-  > summary
-  > strong:not(:first-child) {
-  margin-left: 8px;
-}
-
-.responseTabsTopSection_node_modules-docusaurus-theme-openapi-docs-lib-next-theme-ApiTabs-styles-module
-  > strong {
-  font-size: 18px;
-  font-weight: 600;
-  color: #69707d;
-}
-
-[data-theme="dark"]
-  .responseTabsTopSection_node_modules-docusaurus-theme-openapi-docs-lib-next-theme-ApiTabs-styles-module
-  > strong {
-  color: #fff !important;
-}
-
-.schemaName_node_modules-docusaurus-theme-openapi-docs-lib-next-theme-SchemaItem-styles-module,
-.schemaName_node_modules-docusaurus-theme-openapi-docs-lib-next-theme-ParamsItem-styles-module {
-  margin-left: 8px;
-}
-
-.required_node_modules-docusaurus-theme-openapi-docs-lib-next-theme-SchemaItem-styles-module,
-.paramsRequired_node_modules-docusaurus-theme-openapi-docs-lib-next-theme-ParamsItem-styles-module {
-  margin-left: 8px;
-}
-
-/* Code */
-
-code {
-  padding: 2px 4px;
-  background-color: #eff0f6;
-  border-radius: 0;
-  border: 1px solid #cbcdde;
-}
-
-[data-theme="dark"] code {
-  border-color: #69707d;
-  color: #494949;
-}
-
-.codeBlockTitle_node_modules-\@docusaurus-theme-classic-lib-theme-CodeBlock-Content-styles-module {
-  background-color: #f3f7fb;
-  font-weight: 600 !important;
-  font-size: 12px !important;
-}
-
-[data-theme="dark"]
-  .codeBlockTitle_node_modules-\@docusaurus-theme-classic-lib-theme-CodeBlock-Content-styles-module {
-  background-color: #2c313a;
-}
-
-.codeBlockContainer_node_modules-\@docusaurus-theme-classic-lib-theme-CodeBlock-Container-styles-module {
-  box-shadow: none !important;
-  border-radius: 0 !important;
-  border: 1px solid #e3e4f3;
-}
-
-[data-theme="dark"]
-  .codeBlockContainer_node_modules-\@docusaurus-theme-classic-lib-theme-CodeBlock-Container-styles-module {
-  border-color: #69707d;
-}
-
-/* API Playground code */
-
-pre {
-  background: transparent !important;
-}
-
-code[class*="language-"],
-pre[class*="language-"] {
-  text-shadow: none !important;
-}
-
-.token.operator {
-  background-color: transparent !important;
-}
-
-/* Button */
-
-.button.button--secondary.button--outline:not(.button--active):not(:hover) {
-  color: #fff;
-}
-
-/* API Playground button */
-
-.export-button {
-  opacity: 1 !important;
-  visibility: visible !important;
-  background-color: transparent !important;
-  transition: all 0.2s !important;
-  font-weight: 400;
-  font-size: 14px !important;
-  padding: 4px 8px !important;
-  height: 24px !important;
-  line-height: 0 !important;
-  border: 1px solid #cbcdde !important;
-  color: #2c313a !important;
-}
-
-.export-button:hover {
-  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px,
-    rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
-}
-
-[data-theme="dark"] .export-button {
-  border-color: #69707d !important;
-  color: #cbcdde !important;
-}
-
-/* Hero */
-
-.hero__title {
-  color: #fff;
-}
-
-[data-theme="dark"] .hero--primary {
-  --ifm-hero-background-color: #344caa;
-}
-
-[data-theme="dark"] .hero__subtitle {
-  color: #fff;
-}
-
-/* Header */
-
-/* Locally this should be applied to .announcementBar_node_modules-\@docusaurus-theme-classic-lib-theme-AnnouncementBar-styles-module
-but in production this class isn't in use and we need to target this element by role instead. */
-[role="banner"] {
-  z-index: 1;
-  background-color: #7027f6 !important;
-  color: #fff !important;
-  font-size: 16px;
-}
-
-.close {
-  color: #fff !important;
-  opacity: 1 !important;
-  transition: all 0.2s;
-}
-
-.close:hover {
-  background-color: rgba(255, 255, 255, 0.25);
-}
-
-.navbar {
-  background-color: #fff;
-  padding: 0 16px;
-  box-shadow: none;
-  height: 46px;
-  border-bottom: 1px solid #dadde1;
-}
-
-[data-theme="dark"] .navbar {
-  background-color: #1b1b1d;
-  box-shadow: none;
-  border-bottom: 1px solid #69707d;
-}
-
-.navbar__logo {
-  height: 24px;
-}
-
-.navbar__link {
-  font-size: 16px;
-  transition: none;
-}
-
-/* API playground page header */
-
-.theme-doc-version-badge {
-  margin-bottom: 12px;
-}
-
-h1
-  + .themedImage--light_node_modules-\@docusaurus-theme-classic-lib-theme-ThemedImage-styles-module {
-  display: none !important;
-}
-
-/* Side nav */
-
-.theme-doc-sidebar-menu {
-  padding: 12px 8px;
-  font-size: 14px;
-}
-
-.theme-doc-sidebar-item-category-level-1 {
-  margin-bottom: 18px;
-}
-
-.theme-doc-sidebar-item-category-level-1 > .menu__list {
-  padding-left: 0;
-}
-
-.theme-doc-sidebar-item-category-level-1
-  > .menu__list-item-collapsible
-  > .menu__link {
-  font-weight: 600;
-}
-
-.menu__list .menu__list {
-  margin-top: 0;
-}
-
-.menu__list-item:not(:first-child) {
-  margin-top: 0;
-}
-
-.theme-doc-sidebar-menu .menu__link {
-  color: #2c313a;
-  border-radius: 4px;
-}
-
-[data-theme="dark"] .theme-doc-sidebar-menu .menu__link {
-  color: #fff;
-}
-
-.theme-doc-sidebar-menu .menu__list-item-collapsible {
-  border-radius: 4px;
-}
-
-.menu__link:not([href]) {
-  background: transparent !important;
-}
-
-.menu__link[href]:hover {
-  background-color: #f1f4f6 !important;
-  text-decoration: underline;
-}
-
-[data-theme="dark"] .menu__link[href]:hover {
-  background-color: rgb(67, 68, 73) !important;
-}
-
-.menu__link {
-  font-weight: 400;
-  transition: none !important;
-}
-
-.theme-doc-sidebar-item-link .menu__link {
-  -webkit-font-smoothing: auto !important;
-}
-
-.menu__list-item-collapsible:hover {
-  background-color: transparent;
-}
-
-.menu__list-item-collapsible--active,
-.menu__list-item-collapsible--active:hover,
-.theme-doc-sidebar-item-link .menu__link--active {
-  background-color: #f1f4f6;
-}
-
-[data-theme="dark"] .menu__list-item-collapsible--active,
-[data-theme="dark"] .menu__list-item-collapsible--active:hover,
-[data-theme="dark"] .theme-doc-sidebar-item-link .menu__link--active {
-  background-color: rgb(67, 68, 73) !important;
-}
-
-.menu__caret:before,
-.menu__link--sublist-caret:after {
-  background: var(--ifm-menu-link-sublist-icon) 50% / 1rem 1rem;
-  transition: none;
-  width: 1rem;
-  height: 1rem;
-}
-
-.menu__caret {
-  background-color: transparent;
-  transition: none;
-  border: 1px solid transparent;
-}
-
-.menu__caret:hover {
-  border-color: rgba(44, 49, 58, 0.8);
-  background-color: #fff;
-}
-
-[data-theme="dark"] .menu__caret:hover {
-  border-color: rgb(67, 68, 73);
-  background-color: #2c313a;
-}
-
-/* Sidebar Method labels for API Playground */
-.api-method > .menu__link {
-  align-items: center;
-  justify-content: start;
-}
-
-.api-method > .menu__link::before {
-  width: 50px;
-  height: 20px;
-  font-size: 12px;
-  line-height: 20px;
-  text-transform: uppercase;
-  font-weight: 600;
-  border-radius: 0.25rem;
-  border: 1px solid;
-  margin-right: var(--ifm-spacing-horizontal);
-  text-align: center;
-  flex-shrink: 0;
-  border-color: transparent;
-  color: white;
-}
-
-.get > .menu__link::before {
-  content: "get";
-  background-color: var(--ifm-color-primary);
-}
-
-.post > .menu__link::before {
-  content: "post";
-  background-color: var(--openapi-code-green);
-}
-
-.delete > .menu__link::before {
-  content: "del";
-  background-color: var(--openapi-code-red);
-}
-
-.put > .menu__link::before {
-  content: "put";
-  background-color: var(--openapi-code-blue);
-}
-
-.patch > .menu__link::before {
-  content: "patch";
-  background-color: var(--openapi-code-orange);
-}
-
-.head > .menu__link::before {
-  content: "head";
-  background-color: var(--ifm-color-secondary-darkest);
-}
-
-.event > .menu__link::before {
-  content: "event";
-  background-color: var(--ifm-color-secondary-darkest);
-}
-
-/* Content */
-
-.container {
-  padding-top: 12px;
-}
-
-/* Table of contents */
-
-.table-of-contents__link {
-  font-size: 14px;
-  padding-left: 8px;
-  padding-bottom: 8px;
-  transition: none;
-}
-
-.table-of-contents__link:hover {
-  text-decoration: underline;
-}
-
-.table-of-contents li {
-  margin: 0;
-}
-
-/* Breadcrumbs */
-
-.breadcrumbs__link {
-  font-size: 14px;
-}
-
-.breadcrumbs__item:first-child a {
-  margin-left: -9px;
-}
-
-.breadcrumbs__link:any-link:hover {
-  background-color: transparent;
-}
-
-.breadcrumbHomeIcon_node_modules-\@docusaurus-theme-classic-lib-theme-DocBreadcrumbs-styles-module {
-  top: 0 !important;
-  vertical-align: middle !important;
-}
-
-.breadcrumbs__item--active .breadcrumbs__link {
-  color: #2c313a;
-}
-
-[data-theme="dark"] .breadcrumbs__item--active .breadcrumbs__link {
-  color: #fff;
-}
-
-.breadcrumbs__item--active .breadcrumbs__link {
-  background-color: transparent;
-  font-weight: 600;
-}
-
-/* Page edit */
-
-.theme-doc-footer-edit-meta-row {
-  margin: 0;
-}
-
-.theme-edit-this-page {
-  margin-left: -14px;
-  padding: 4px 12px;
-  border: 1px dotted #69707d;
-  color: #2c313a;
-}
-
-[data-theme="dark"] .theme-edit-this-page {
-  border-color: #69707d;
-  color: #fff;
-}
-
-.theme-edit-this-page:hover {
-  color: rgb(38, 76, 214);
-  border-color: rgb(38, 76, 214);
-}
-
-[data-theme="dark"] .theme-edit-this-page:hover {
-  color: var(--ifm-link-color);
-  border-color: var(--ifm-link-color);
-}
-
-.theme-edit-this-page svg {
-  display: none;
-}
-
-/* Pagination */
-
-.pagination-nav {
-  gap: initial;
-}
-
-.pagination-nav__label {
-  color: #2c313a;
-}
-
-[data-theme="dark"] .pagination-nav__label {
-  color: #fff;
-}
-
-.pagination-nav__link {
-  border: none;
-  border-bottom: 4px solid transparent;
-  border-radius: 0;
-  transition: none;
-  padding-left: 0;
-  padding-right: 0;
-}
-
-.pagination-nav__link:hover {
-  border-bottom-color: #cbcdde;
-}
-
-[data-theme="dark"] .pagination-nav__link:hover {
-  border-bottom-color: #69707d;
-}
-
-.pagination-nav__link:hover .pagination-nav__sublabel,
-.pagination-nav__link:hover .pagination-nav__label {
-  color: rgb(38, 76, 214);
-}
-
-[data-theme="dark"] .pagination-nav__link:hover .pagination-nav__sublabel,
-[data-theme="dark"] .pagination-nav__link:hover .pagination-nav__label {
-  color: var(--ifm-link-color);
-}
-
-/* Cards */
-
-.card {
-  border-radius: 0 !important;
-  box-shadow: none !important;
-}
-
-[data-theme="light"] .card {
-  border-color: #cbcdde;
-}
-
-/* Tabs */
-
-.tabs {
-  border-bottom: 1px solid #cbcdde;
-  overflow: initial;
-  /* Prevent tabs from being clipped when there are many of them. */
-  flex-wrap: wrap;
-}
-
-.tabs__item {
-  padding: 8px 12px;
-  font-size: 14px;
-  font-weight: 400;
-  line-height: 1;
-  transition: none;
-  background-color: transparent !important;
-  border: none !important;
-  color: #2c313a !important;
-  border-radius: 0 !important;
-  opacity: 1 !important;
-}
-
-.tabs__item:hover {
-  background-color: #f3f7fb !important;
-}
-
-[aria-selected="true"].tabs__item,
-.tabs__item--active {
-  box-shadow: #7027f6 0px 1px 0px !important;
-  border-bottom: none;
-  color: #2c313a;
-}
-
-[data-theme="dark"] .tabs {
-  border-bottom-color: #393a43;
-}
-
-[data-theme="dark"] .tabs__item {
-  color: #fff !important;
-}
-
-[data-theme="dark"] .tabs__item:hover {
-  background-color: #2c313a !important;
-}
-
-[data-theme="dark"] .tabs__item--active {
-  color: #ffffff;
-}
-
-/* API playground tabs */
-
-[role="tablist"] {
-  overflow-x: initial !important;
-  overflow-y: initial !important;
-}
-
-.openapi-tabs__code-list-container {
-  overflow-x: auto !important;
-}
-
-/* .tabItem_node_modules-docusaurus-theme-openapi-docs-lib-next-theme-ApiTabs-styles-module {
-  opacity: 1 !important;
-} */
-
-/* Hide application/json tab */
-.tabs__item:only-child {
-  display: none !important;
-}
-
-/* Tables */
-
-table {
-  display: table;
-  margin-top: var(--ifm-spacing-vertical);
-  width: 100%;
-  table-layout: fixed;
-  border: 1px solid #cbcdde;
-  border-collapse: collapse;
-  border-spacing: 0;
-  margin-bottom: 18px;
-}
-
-[data-theme="dark"] table {
-  border-color: #69707d;
-}
-
-table thead {
-  background-color: #f3f7fb;
-  border-bottom: 1px solid #e3e4f3;
-}
-
-[data-theme="dark"] table thead {
-  background-color: #2c313a;
-  border-bottom-color: #393a43;
-}
-
-table thead tr {
-  border-bottom: none;
-  border-top: none;
-}
-
-table tbody tr {
-  border-top: none;
-  border-bottom: 1px solid #e3e4f3;
-}
-
-[data-theme="dark"] table tbody tr {
-  border-color: #393a43;
-}
-
-table tbody tr:last-child {
-  border-bottom: none;
-}
-
-tbody tr:hover {
-  background-color: #f3f7fb !important;
-}
-
-[data-theme="dark"] tbody tr:hover {
-  background-color: #2c313a !important;
-}
-
-table tr:nth-child(2n) {
-  background-color: transparent;
-}
-
-table th {
-  font-size: 12px;
-  font-weight: 600;
-  padding: 8px 12px;
-  text-align: left;
-  border: none;
-  color: #2c313a;
-  max-width: 100%;
-}
-
-[data-theme="dark"] table th {
-  color: #fff;
-}
-
-table td {
-  font-size: 14px;
-  vertical-align: middle;
-  border: none;
-  padding: 8px 12px;
-  color: #2c313a;
-  max-width: 100%;
-}
-
-[data-theme="dark"] table td {
-  color: #fff;
-}
-
-/* Callouts */
-
-.admonition_node_modules-\@docusaurus-theme-classic-lib-theme-Admonition-styles-module {
-  box-shadow: none;
-  border-radius: 0;
-}
-
-/* API Playground panels */
-
-.theme-api-markdown .details__demo-panel,
-.theme-api-markdown .details__demo-panel > div,
-.optionsPanel_node_modules-docusaurus-theme-openapi-docs-lib-next-theme-ApiDemoPanel-Request-styles-module {
-  border-radius: 0 !important;
-  background: transparent !important;
-}
-
-.theme-api-markdown .details__demo-panel {
-  border: 1px solid #cbcdde !important;
-}
-
-[data-theme="dark"] .theme-api-markdown .details__demo-panel {
-  border-color: #69707d !important;
-  background-color: #282a36 !important;
-}
-
-.formItem_node_modules-docusaurus-theme-openapi-docs-lib-next-theme-ApiDemoPanel-FormItem-styles-module
-  code {
-  border: none !important;
-}
-
-.details__request-summary:hover > h4 {
-  text-decoration: underline;
-}
-
-.optionsPanel_node_modules-docusaurus-theme-openapi-docs-lib-next-theme-ApiDemoPanel-Server-styles-module {
-  background: transparent !important;
-}
-
-.details__demo-panel button,
-.details__request-summary > button {
-  opacity: 1 !important;
-  visibility: visible !important;
-  background-color: transparent !important;
-  transition: all 0.2s !important;
-  font-weight: 400;
-  font-size: 14px !important;
-  padding: 4px 8px !important;
-  height: 24px !important;
-  line-height: 0 !important;
-}
-
-.details__demo-panel button {
-  border: 1px solid #cbcdde !important;
-  color: #2c313a !important;
-}
-
-[data-theme="dark"] .details__demo-panel button {
-  border-color: #69707d !important;
-  color: #cbcdde !important;
-}
-
-.details__request-summary > button {
-  border: 1px solid rgba(38, 76, 214, 0.5) !important;
-  color: rgb(38, 76, 214) !important;
-}
-
-[data-theme="dark"] .details__request-summary > button {
-  border-color: var(--ifm-color-primary) !important;
-  color: var(--ifm-color-primary) !important;
-}
-
-.details__demo-panel button:hover,
-.details__request-summary > button:hover {
-  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px,
-    rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
-}
-
-.details__demo-panel select {
-  margin-top: 12px !important;
-  appearance: none;
-  border-radius: 4px !important;
-  border: 1px solid #cbcdde !important;
-  background-color: transparent !important;
-  width: 100% !important;
-  padding: 8px 16px !important;
-  font-size: 14px !important;
-}
-
-.details__demo-panel input {
-  appearance: none;
-  border-radius: 4px !important;
-  border: 1px solid #cbcdde !important;
-  background-color: transparent !important;
-  width: 100% !important;
-  padding: 8px 16px !important;
-  font-size: 14px !important;
-}
-
-[data-theme="dark"] .details__demo-panel select,
-[data-theme="dark"] .details__demo-panel input {
-  border-color: #69707d !important;
-  color: #cbcdde !important;
-}
-
-.playgroundContainer_node_modules-docusaurus-theme-openapi-docs-lib-next-theme-ApiDemoPanel-LiveEditor-styles-module {
-  box-shadow: none !important;
-  border-radius: 0 !important;
-  border: 1px solid #cbcdde !important;
-}
-
-[data-theme="dark"]
-  .playgroundContainer_node_modules-docusaurus-theme-openapi-docs-lib-next-theme-ApiDemoPanel-LiveEditor-styles-module {
-  border-color: #69707d !important;
-}
-
-/* API Playground accordions */
-.schemaItem_node_modules-docusaurus-theme-openapi-docs-lib-next-theme-SchemaItem-styles-module:hover {
-  background-color: transparent !important;
-}
-
-.schemaItem_node_modules-docusaurus-theme-openapi-docs-lib-next-theme-SchemaItem-styles-module:has(
-    details
-  )
-  summary:hover,
-.details_node_modules-\@docusaurus-theme-common-lib-components-Details-styles-module
-  > summary:hover {
-  text-decoration: underline;
-}
-
-.alert--info code,
-.schemaItem_node_modules-docusaurus-theme-openapi-docs-lib-next-theme-SchemaItem-styles-module
-  code {
-  border: none !important;
-}
-
-/* Target API code blocks specifically */
-.theme-api-markdown pre,
-.theme-api-markdown code {
-  background-color: #f6f8fa !important; /* Light gray */
-  color: #24292e !important; /* Dark text */
-}
-
-/* Override any leaked tokens in API pages */
-.theme-api-markdown .token.keyword {
-  color: #d73a49 !important; /* Example: red for keywords, adjust to match OpenAPI theme */
-}
-
-/* Dark mode overrides for API code blocks */
-[data-theme="dark"] .theme-api-markdown pre,
-[data-theme="dark"] .theme-api-markdown code {
-  background-color: #282c34 !important; /* Dark gray background (matches common dark themes like VS Code) */
-  color: #abb2bf !important; /* Light gray text for base content */
-}
-
-/* Dark mode token overrides in API pages (adjust for your preferred palette) */
-[data-theme="dark"] .theme-api-markdown .token.keyword {
-  color: #61afef !important; /* Bright blue for keywords */
-}
-
-[data-theme="dark"] .theme-api-markdown .token.string {
-  color: #98c379 !important; /* Green for strings */
-}
-
-[data-theme="dark"] .theme-api-markdown .token.number,
-[data-theme="dark"] .theme-api-markdown .token.boolean {
-  color: #d19a66 !important; /* Orange for numbers/booleans */
-}
-
-[data-theme="dark"] .theme-api-markdown .token.comment {
-  color: #5c6370 !important; /* Muted gray for comments */
-}
-
-[data-theme="dark"] .theme-api-markdown .token.punctuation,
-[data-theme="dark"] .theme-api-markdown .token.operator {
-  color: #abb2bf !important; /* Light gray for punctuation/operators */
-}
-
-[data-theme="dark"] .theme-api-markdown .token.function {
-  color: #61afef !important; /* Blue for functions */
-}
-
-[data-theme="dark"] .theme-api-markdown .token.property {
-  color: #e06c75 !important; /* Red for properties */
-}
-
-.mermaid-container {
-  background-color: white; /* solid background for both light & dark modes */
-  padding: 16px;
-  border-radius: 8px;
-  overflow-x: auto; /* in case diagram is wider than screen */
-  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); /* optional: subtle shadow */
-}
-
-/* Force same background in dark mode */
-[data-theme="dark"] .mermaid-container {
-  background-color: white;
-}
-
-/* Sidebar divider lines */
-.sidebar-divider {
-  border-top-style: solid;
-  border-top-width: 1px;
-  border-top-color: #cbcdde;
-  padding-top: 8px;
-  margin-top: 8px;
-}
-
-[data-theme="dark"] .sidebar-divider {
-  border-top-color: #69707d;
-}
diff --git a/www/src/css/custom.scss b/www/src/css/custom.scss
index 570b4a13b..f080f458e 100644
--- a/www/src/css/custom.scss
+++ b/www/src/css/custom.scss
@@ -66,7 +66,7 @@ h1 {
 
 h2 {
   font-size: 24px;
-  font-weight: 600;
+  font-weight: 500;
   color: #2c313a;
 }
 
@@ -75,9 +75,9 @@ h2 {
 }
 
 h3 {
-  font-size: 18px;
+  font-size: 20px;
   font-weight: 600;
-  color: #69707d;
+  color: #2c313a;
 }
 
 [data-theme="dark"] h3 {
@@ -85,7 +85,7 @@ h3 {
 }
 
 h4 {
-  font-size: 14px;
+  font-size: 16px;
   font-weight: 600;
 }
 
@@ -128,13 +128,14 @@ h4 {
 
 code {
   padding: 2px 4px;
-  background: transparent;
+  background-color: #eff0f6;
   border-radius: 0;
   border: 1px solid #cbcdde;
 }
 
 [data-theme="dark"] code {
   border-color: #69707d;
+  color: #494949;
 }
 
 .codeBlockTitle_node_modules-\@docusaurus-theme-classic-lib-theme-CodeBlock-Content-styles-module {
@@ -242,15 +243,15 @@ but in production this class isn't in use and we need to target this element by
 }
 
 .navbar {
-  background-color: #f3f7fb;
+  background-color: #fff;
   padding: 0 16px;
-  box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px,
-    rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
+  box-shadow: none;
   height: 46px;
+  border-bottom: 1px solid #dadde1;
 }
 
 [data-theme="dark"] .navbar {
-  background-color: #2c313a;
+  background-color: #1b1b1d;
   box-shadow: none;
   border-bottom: 1px solid #69707d;
 }
@@ -282,13 +283,31 @@ h1
   font-size: 14px;
 }
 
+.theme-doc-sidebar-item-category-level-1 {
+  margin-bottom: 18px;
+}
+
+.theme-doc-sidebar-item-category-level-1 > .menu__list {
+  padding-left: 0;
+}
+
+.theme-doc-sidebar-item-category-level-1
+  > .menu__list-item-collapsible
+  > .menu__link {
+  font-weight: 600;
+}
+
+.menu__list .menu__list {
+  margin-top: 0;
+}
+
 .menu__list-item:not(:first-child) {
   margin-top: 0;
 }
 
 .theme-doc-sidebar-menu .menu__link {
   color: #2c313a;
-  border-radius: 16px;
+  border-radius: 4px;
 }
 
 [data-theme="dark"] .theme-doc-sidebar-menu .menu__link {
@@ -296,27 +315,40 @@ h1
 }
 
 .theme-doc-sidebar-menu .menu__list-item-collapsible {
-  border-radius: 16px;
+  border-radius: 4px;
 }
 
-.menu__link:hover,
-.menu__list-item-collapsible:hover {
-  background: transparent;
-  color: var(--ifm-link-color);
+.menu__link:not([href]) {
+  background: transparent !important;
 }
 
-.menu__link:hover {
+.menu__link[href]:hover {
+  background-color: #f1f4f6 !important;
   text-decoration: underline;
 }
 
+[data-theme="dark"] .menu__link[href]:hover {
+  background-color: rgb(67, 68, 73) !important;
+}
+
+.menu__link {
+  font-weight: 400;
+  transition: none !important;
+  -webkit-font-smoothing: auto !important;
+}
+
 .theme-doc-sidebar-item-link .menu__link {
-  transition: none;
+  -webkit-font-smoothing: auto !important;
+}
+
+.menu__list-item-collapsible:hover {
+  background-color: transparent;
 }
 
 .menu__list-item-collapsible--active,
 .menu__list-item-collapsible--active:hover,
 .theme-doc-sidebar-item-link .menu__link--active {
-  background-color: rgb(217, 226, 255);
+  background-color: #f1f4f6;
 }
 
 [data-theme="dark"] .menu__list-item-collapsible--active,
@@ -327,8 +359,10 @@ h1
 
 .menu__caret:before,
 .menu__link--sublist-caret:after {
-  background: var(--ifm-menu-link-sublist-icon) 50% / 1.25rem 1.25rem;
+  background: var(--ifm-menu-link-sublist-icon) 50% / 1rem 1rem;
   transition: none;
+  width: 1rem;
+  height: 1rem;
 }
 
 .menu__caret {
@@ -461,6 +495,10 @@ h1
 
 /* Page edit */
 
+.theme-doc-footer-edit-meta-row {
+  margin: 0;
+}
+
 .theme-edit-this-page {
   margin-left: -14px;
   padding: 4px 12px;
@@ -491,7 +529,6 @@ h1
 
 .pagination-nav {
   gap: initial;
-  margin: 0 -14px;
 }
 
 .pagination-nav__label {
@@ -554,7 +591,6 @@ h1
   font-size: 14px;
   font-weight: 400;
   line-height: 1;
-  border-radius: 0;
   transition: none;
   background-color: transparent !important;
   border: none !important;
@@ -829,20 +865,78 @@ table td {
   border: none !important;
 }
 
-/* Hide badges on parent topic pages (category pages with DocCardList) */
-/* Target badges that appear within card descriptions on category pages */
-.theme-doc-category-generated-index-page .badge,
-.theme-doc-category-generated-index-page .badge--success,
-.theme-doc-category-generated-index-page .badge--primary,
-.theme-doc-category-generated-index-page .badge--secondary,
-.theme-doc-category-generated-index-page .badge--info,
-.theme-doc-category-generated-index-page .badge--warning,
-.theme-doc-category-generated-index-page .badge--danger {
-  display: none !important;
+/* Target API code blocks specifically */
+.theme-api-markdown pre,
+.theme-api-markdown code {
+  background-color: #f6f8fa !important; /* Light gray */
+  color: #24292e !important; /* Dark text */
 }
 
-/* Alternative approach: Hide badges in DocCardList items */
-[class*="docCardList"] .badge,
-[class*="docCard"] .badge {
-  display: none !important;
+/* Override any leaked tokens in API pages */
+.theme-api-markdown .token.keyword {
+  color: #d73a49 !important; /* Example: red for keywords, adjust to match OpenAPI theme */
+}
+
+/* Dark mode overrides for API code blocks */
+[data-theme="dark"] .theme-api-markdown pre,
+[data-theme="dark"] .theme-api-markdown code {
+  background-color: #282c34 !important; /* Dark gray background (matches common dark themes like VS Code) */
+  color: #abb2bf !important; /* Light gray text for base content */
+}
+
+/* Dark mode token overrides in API pages (adjust for your preferred palette) */
+[data-theme="dark"] .theme-api-markdown .token.keyword {
+  color: #61afef !important; /* Bright blue for keywords */
+}
+
+[data-theme="dark"] .theme-api-markdown .token.string {
+  color: #98c379 !important; /* Green for strings */
+}
+
+[data-theme="dark"] .theme-api-markdown .token.number,
+[data-theme="dark"] .theme-api-markdown .token.boolean {
+  color: #d19a66 !important; /* Orange for numbers/booleans */
+}
+
+[data-theme="dark"] .theme-api-markdown .token.comment {
+  color: #5c6370 !important; /* Muted gray for comments */
+}
+
+[data-theme="dark"] .theme-api-markdown .token.punctuation,
+[data-theme="dark"] .theme-api-markdown .token.operator {
+  color: #abb2bf !important; /* Light gray for punctuation/operators */
+}
+
+[data-theme="dark"] .theme-api-markdown .token.function {
+  color: #61afef !important; /* Blue for functions */
+}
+
+[data-theme="dark"] .theme-api-markdown .token.property {
+  color: #e06c75 !important; /* Red for properties */
+}
+
+.mermaid-container {
+  background-color: white; /* solid background for both light & dark modes */
+  padding: 16px;
+  border-radius: 8px;
+  overflow-x: auto; /* in case diagram is wider than screen */
+  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); /* optional: subtle shadow */
+}
+
+/* Force same background in dark mode */
+[data-theme="dark"] .mermaid-container {
+  background-color: white;
+}
+
+/* Sidebar divider lines */
+.sidebar-divider {
+  border-top-style: solid;
+  border-top-width: 1px;
+  border-top-color: #cbcdde;
+  padding-top: 8px;
+  margin-top: 8px;
+}
+
+[data-theme="dark"] .sidebar-divider {
+  border-top-color: #69707d;
 }