/*fern-site-stylesheet*/@font-face {
    font-family: 'HarmonyOS';
    src: url('/_fern-files/paradex.docs.buildwithfern.com/ea50fe74049551e16d03398da187856e627916edba16571b78c01dee5346744c/assets/HarmonyOS_Sans_Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'HarmonyOS';
    src: url('/_fern-files/paradex.docs.buildwithfern.com/9ff05e0ac998cb1ed1c00067dc8d8af53074f21d4e21eb739ebfeb93b438fe34/assets/HarmonyOS_Sans_Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'HarmonyOS';
    src: url('/_fern-files/paradex.docs.buildwithfern.com/4922f47ce3f522ac9b70ada844a5c58797ecbd8a735c3989299427250725a28f/assets/HarmonyOS_Sans_Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

:root {
  --header-height: 72px;
  --header-height-real: 72px;
  --mobile-header-height-real: 64px;
  --content-width: 640px;
  --sidebar-width: 288px;
  --page-width: 1408px;
  --logo-height: 15px;
  --font-body: 'HarmonyOS', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  --font-heading: 'HarmonyOS', 'HarmonyOS', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  --font-code: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
}

@media not all and (min-width: 48rem) {
  :root { --header-height: var(--mobile-header-height-real); }
}

:root {
  --typography-body-font-family: var(--font-body);
  --typography-heading-font-family: var(--font-heading);
  --typography-code-font-family: var(--font-code);
}


:root {
  --accent-1: #030c0d;
  --accent-2: #0e1a1b;
  --accent-3: #062c2f;
  --accent-4: #003a3f;
  --accent-5: #00474d;
  --accent-6: #00565d;
  --accent-7: #0b6971;
  --accent-8: #07818b;
  --accent-9: #1bc1cf;
  --accent-10: #15b5c2;
  --accent-11: #37d0de;
  --accent-12: #b1edf3;

  --accent-a1: #008aca04;
  --accent-a2: #50edfb12;
  --accent-a3: #00e9fc27;
  --accent-a4: #00e5fc38;
  --accent-a5: #00e9ff46;
  --accent-a6: #00e9fd57;
  --accent-a7: #0eeafd6c;
  --accent-a8: #06ebfe87;
  --accent-a9: #1fedfece;
  --accent-a10: #19eeffc0;
  --accent-a11: #3eefffdd;
  --accent-a12: #baf9fff3;

  --accent-contrast: #fff;
  --accent-surface: #132a2c80;
  --accent-indicator: #1bc1cf;
  --accent-track: #1bc1cf;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root {
      --accent-1: oklch(14.4% 0.0156 204.3);
      --accent-2: oklch(20.7% 0.0176 204.3);
      --accent-3: oklch(26.9% 0.0414 204.3);
      --accent-4: oklch(31.4% 0.0593 204.3);
      --accent-5: oklch(36.1% 0.0661 204.3);
      --accent-6: oklch(41.3% 0.0705 204.3);
      --accent-7: oklch(47.6% 0.0784 204.3);
      --accent-8: oklch(55.1% 0.0929 204.3);
      --accent-9: oklch(74.1% 0.1228 204.3);
      --accent-10: oklch(70.5% 0.1175 204.3);
      --accent-11: oklch(78.6% 0.1228 204.3);
      --accent-12: oklch(90.8% 0.0609 204.3);

      --accent-a1: color(display-p3 0 0.6431 0.9451 / 0.013);
      --accent-a2: color(display-p3 0.4863 0.9373 0.9922 / 0.07);
      --accent-a3: color(display-p3 0.2784 0.9176 1 / 0.147);
      --accent-a4: color(display-p3 0.2588 0.9059 1 / 0.213);
      --accent-a5: color(display-p3 0.2941 0.9137 1 / 0.27);
      --accent-a6: color(display-p3 0.3412 0.9176 1 / 0.335);
      --accent-a7: color(display-p3 0.3843 0.9137 1 / 0.417);
      --accent-a8: color(display-p3 0.4 0.9255 1 / 0.519);
      --accent-a9: color(display-p3 0.4431 0.9333 1 / 0.792);
      --accent-a10: color(display-p3 0.4314 0.9255 1 / 0.743);
      --accent-a11: color(display-p3 0.4824 0.9373 1 / 0.854);
      --accent-a12: color(display-p3 0.7882 0.9686 1 / 0.947);

      --accent-contrast: #fff;
      --accent-surface: color(display-p3 0.0863 0.1647 0.1725 / 0.5);
      --accent-indicator: oklch(74.1% 0.1228 204.3);
      --accent-track: oklch(74.1% 0.1228 204.3);
    }
  }
}


:root {
  --grayscale-1: #111111;
  --grayscale-2: #191919;
  --grayscale-3: #222222;
  --grayscale-4: #2a2a2a;
  --grayscale-5: #313131;
  --grayscale-6: #3a3a3a;
  --grayscale-7: #484848;
  --grayscale-8: #606060;
  --grayscale-9: #6e6e6e;
  --grayscale-10: #7b7b7b;
  --grayscale-11: #b4b4b4;
  --grayscale-12: #eeeeee;

  --grayscale-a1: #00000000;
  --grayscale-a2: #ffffff09;
  --grayscale-a3: #ffffff12;
  --grayscale-a4: #ffffff1b;
  --grayscale-a5: #ffffff22;
  --grayscale-a6: #ffffff2c;
  --grayscale-a7: #ffffff3b;
  --grayscale-a8: #ffffff55;
  --grayscale-a9: #ffffff64;
  --grayscale-a10: #ffffff72;
  --grayscale-a11: #ffffffaf;
  --grayscale-a12: #ffffffed;

  --grayscale-contrast: #fff;
  --grayscale-surface: rgba(0, 0, 0, 0.05);
  --grayscale-indicator: #6e6e6e;
  --grayscale-track: #6e6e6e;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root {
      --grayscale-1: color(display-p3 0.067 0.067 0.067);
      --grayscale-2: color(display-p3 0.098 0.098 0.098);
      --grayscale-3: color(display-p3 0.135 0.135 0.135);
      --grayscale-4: color(display-p3 0.163 0.163 0.163);
      --grayscale-5: color(display-p3 0.192 0.192 0.192);
      --grayscale-6: color(display-p3 0.228 0.228 0.228);
      --grayscale-7: color(display-p3 0.283 0.283 0.283);
      --grayscale-8: color(display-p3 0.375 0.375 0.375);
      --grayscale-9: color(display-p3 0.431 0.431 0.431);
      --grayscale-10: color(display-p3 0.484 0.484 0.484);
      --grayscale-11: color(display-p3 0.706 0.706 0.706);
      --grayscale-12: color(display-p3 0.933 0.933 0.933);

      --grayscale-a1: #00000000;
      --grayscale-a2: #ffffff09;
      --grayscale-a3: #ffffff12;
      --grayscale-a4: #ffffff1b;
      --grayscale-a5: #ffffff22;
      --grayscale-a6: #ffffff2c;
      --grayscale-a7: #ffffff3b;
      --grayscale-a8: #ffffff55;
      --grayscale-a9: #ffffff64;
      --grayscale-a10: #ffffff72;
      --grayscale-a11: #ffffffaf;
      --grayscale-a12: #ffffffed;

      --grayscale-contrast: #fff;
      --grayscale-surface: color(display-p3 0 0 0 / 5%);
      --grayscale-indicator: color(display-p3 0.431 0.431 0.431);
      --grayscale-track: color(display-p3 0.431 0.431 0.431);
    }
  }
}

:root {
  color-scheme: dark;
  --accent: rgba(27, 193, 207, 1);
  --background: rgba(9, 10, 10, 1);
  --border: initial;
  --sidebar-background: initial;
  --header-background: color-mix(in srgb, var(--background), transparent 30%);
  --card-background: rgba(22, 25, 28, 1);
  --theme-color: #090a0a;
}

.dark { color-scheme: dark; --background: rgba(9, 10, 10, 1); }

:root {
  --paradex-accent: #1BC1CF;
  --paradex-accent-bright: #07D1E2;
  --paradex-dark: #070808;
  --paradex-bg: #090A0A;
  --paradex-card-bg: #16191C;
  --paradex-sidebar-active: #1E2124;
  --accent-contrast: var(--paradex-dark);
}

.fern-sidebar-link-container[data-state=active] .fern-sidebar-link {
  background-color: var(--paradex-sidebar-active);
}

.fern-sidebar-link-container[data-state=active] {
  color: #ffffff;
}

.fern-scroll-area-thumb {
  background-color: var(--paradex-sidebar-active);
}

.fern-button:not(.disabled).filled.primary {
  font-weight: 500;
}

/* Launch Exchange button styling to match paradex.trade */
a.fern-button.filled.primary.rounded {
  background-color: var(--paradex-accent-bright);
  color: var(--paradex-dark);
  height: 40px;
  padding: 0 16px;
}

a.fern-button.filled.primary.rounded .fern-button-text {
  color: var(--paradex-dark);
}

:is(.light) .fern-background {
  background-image: radial-gradient(49.63% 57.02% at 58.99% -7.2%, rgba(81, 24, 108, 0.1) 39.4%, rgba(0, 0, 0, 0) 100%) !important;
  z-index: -1 !important;
}

.hide-svg .fern-mdx-link svg {
  display: none;
}

a[id*="playground-button"] {
  display: none;
}

a.white-cards:hover {
  border-color: var(--paradex-accent) !important;
}
a.white-cards:focus-visible {
  border-color: var(--paradex-accent) !important; outline: none;
}

.white-cards .text-body {
  color: #ffffff !important;
}

.cyan-cards .text-body {
  color: var(--paradex-accent) !important;
}

a.cyan-cards:hover {
  border-color: var(--paradex-accent) !important;
}
a.cyan-cards:focus-visible {
  border-color: var(--paradex-accent) !important; outline: none;
}

.card-icon-w64 .card-icon {
  width: 64px !important;
}

.fern-callout[data-intent="tip"],
[class*="callout"][data-intent="tip"],
[class*="Callout"][data-intent="tip"],
.fern-tip {
  border-color: var(--paradex-accent) !important;
  background-color: rgba(27, 193, 207, 0.1) !important;
  color: var(--paradex-accent) !important;
}

.fern-callout[data-intent="tip"] *,
[class*="callout"][data-intent="tip"] *,
[class*="Callout"][data-intent="tip"] *,
.fern-tip * {
  color: var(--paradex-accent) !important;
}

.fern-docs-badge.green,
.fern-docs-badge[data-intent="success"] {
  color: var(--paradex-accent) !important;
}

.fern-docs-badge.subtle.green,
.fern-docs-badge.subtle[data-intent="success"] {
  background-color: rgba(27, 193, 207, 0.12) !important;
  border-color: var(--paradex-accent) !important;
  color: var(--paradex-accent) !important;
}

.fern-docs-badge.outlined.green,
.fern-docs-badge.outlined[data-intent="success"] {
  background-color: transparent !important;
  border-color: var(--paradex-accent) !important;
  color: var(--paradex-accent) !important;
}

/* Mobile logo: swap full wordmark for P DOCS icon on small screens */
@media (max-width: 768px) {

  img[alt="Logo"] {
    display: none !important;
  }

  a:has(> img[alt="Logo"])::before {
    content: "";
    display: block;
    width: 67px;
    height: 15px;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTAwOXB4IiBoZWlnaHQ9IjIyNnB4IiB2aWV3Qm94PSIwIDAgMTAwOSAyMjYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+R3JvdXA8L3RpdGxlPgogICAgPGcgaWQ9Ik5ldy1Mb2dvcyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ikdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjU3MzksIC0wLjAzNjUpIj4KICAgICAgICAgICAgPHBhdGggZD0iTTE4NC4zNTMxMDMsMzIuOTc2Njg0MSBDMTgxLjY1MTM1NCwyOS4wOTUyOTkxIDE3OC41MDU2NTYsMjUuNDkyOTY4IDE3NC45NjY3NDcsMjIuMjMzMTEyIEMxNjIuNDA5MzI1LDEwLjY3Nzc0NjkgMTQ1LjEwNzk4OCwzLjU0OTE5MDEzIDEyNS45NDIwNjQsMy41NDkxOTAxMyBMMCwzLjU0OTE5MDEzIEwxNS4zNjA2NDQ1LDMwLjI4NzYyIEMxOC43NjAwMjc0LDM2LjE5ODQ4NzQgMjUuMDUxNDIyNywzOS44Mzg4NzEzIDMxLjg2Mjg3MjgsMzkuODM4ODcxMyBMNjguNzIzMzQ1OSwzOS44Mzg4NzEzIEwxMjUuOTU0NzQ4LDM5Ljc3NTQ1IEMxMzQuMjUwMjU3LDM5Ljc3NTQ1IDE0MS43MzM5NzMsNDIuODU3NzI2MyAxNDcuMTM3NDcsNDcuODY4MDEwOCBDMTUyLjU2NjMzNSw1Mi44NDAyNDI2IDE1NS45Mjc2NjUsNTkuNzQwNDgyNiAxNTUuOTI3NjY1LDY3LjMzODM1NzEgQzE1NS45Mjc2NjUsODIuNTcyMTU4OSAxNDIuNTIwMzk4LDk0LjkyNjYzMjcgMTI1Ljk1NDc0OCw5NC45MjY2MzI3IEwxMDcuODE2MjUsOTQuODYzMjExNCBMMjMuNjMwNzg1MSw5NC44NjMyMTE0IEwzOC45OTE0Mjk2LDEyMS42MDE2NDEgQzQyLjM5MDgxMjUsMTI3LjUxMjUwOSA0OC42ODIyMDc3LDEzMS4xNTI4OTMgNTUuNDkzNjU3OSwxMzEuMTUyODkzIEw2Mi45NTIwMDU1LDEzMS4xNTI4OTMgQzY2LjE0ODQ0MDIsMTMxLjE1Mjg5MyA2OC43MzYwMzAyLDEzMy43NDA0ODMgNjguNzM2MDMwMiwxMzYuOTM2OTE3IEw2OC43MzYwMzAyLDIyNS41MzY1MDYgTDk4LjI3NzY4MjYsMjAyLjczMDE5OCBDMTAyLjk0NTQ5MiwxOTkuMTI3ODY3IDEwNS42NzI2MDksMTkzLjU1OTQ3NSAxMDUuNjcyNjA5LDE4Ny42NzM5NzYgTDEwNS42NzI2MDksMTM2Ljk0OTYwMiBDMTA1LjY3MjYwOSwxMzMuNzUzMTY3IDEwOC4yNjAxOTksMTMxLjE2NTU3NyAxMTEuNDU2NjM0LDEzMS4xNjU1NzcgTDEyNS45NTQ3NDgsMTMxLjE2NTU3NyBDMTUzLjUwNDk3MSwxMzEuMTY1NTc3IDE3Ny4yODc5NjcsMTE2LjM3NTcyNCAxODguNDYyODA0LDk0LjkzOTMxNyBDMTkyLjgyNjE5MSw4Ni41OTMwNzA4IDE5NS4yNzQyNTQsNzcuMjMyMDgzNSAxOTUuMjc0MjU0LDY3LjM1MTA0MTMgQzE5NS4yNzQyNTQsNTQuNjkyMTQ1MiAxOTEuMjY2MDI3LDQyLjkyMTE0NzYgMTg0LjM2NTc4NywzMy4wMDIwNTI3IEwxODQuMzUzMTAzLDMyLjk3NjY4NDEgWiIgaWQ9IlBhdGgiIGZpbGw9IiNGRkZGRkYiPjwvcGF0aD4KICAgICAgICAgICAgPGcgaWQ9IkRPQ1MiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI0OS44Njg5LCAtNTcpIiBmaWxsPSIjMUJDMUNGIiBmaWxsLXJ1bGU9Im5vbnplcm8iPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTc3LjIyMjg4MTgsMjU3IEwzNS4xNDQxNzAzLDI1NyBMMzUuNDE0Nzg2NSwyMzAuMTM5MjI0IEw3Ny4yMjI4ODE4LDIzMC4xMzkyMjQgQzg5LjQzODY2ODEsMjMwLjEzOTIyNCA5OS42NjU3MDY5LDIyNy40NzQ5OTMgMTA3LjkwMzk5OCwyMjIuMTQ2NTMxIEMxMTYuMTQyMjksMjE2LjgxODA2OSAxMjIuMzYzOTk3LDIwOS4xOTA0MjYgMTI2LjU2OTExOSwxOTkuMjYzNjAyIEMxMzAuNzc0MjQyLDE4OS4zMzY3NzggMTMyLjg3NjgwMywxNzcuNTE2MzQ1IDEzMi44NzY4MDMsMTYzLjgwMjMwMyBMMTMyLjg3NjgwMywxNTMuMDUzNzY0IEMxMzIuODc2ODAzLDE0Mi40NDA1MzQgMTMxLjY4MTIyOSwxMzMuMDM0NTA1IDEyOS4yOTAwODEsMTI0LjgzNTY3OCBDMTI2Ljg5ODkzMywxMTYuNjM2ODUyIDEyMy4zODU4NTUsMTA5LjcyNTIxNCAxMTguNzUwODQ3LDEwNC4xMDA3NjYgQzExNC4xMTU4MzksOTguNDc2MzE3NSAxMDguNDI5NzI3LDk0LjIxNzk4NzcgMTAxLjY5MjUxLDkxLjMyNTc3NjYgQzk0Ljk1NTI5Myw4OC40MzM1NjU1IDg3LjIyOTM0MDIsODYuOTg3NDU5OSA3OC41MTQ2NTE1LDg2Ljk4NzQ1OTkgTDM0LjMzMjMyMTYsODYuOTg3NDU5OSBMMzQuMzMyMzIxNiw1OS45OTEzNzU2IEw3OC41MTQ2NTE1LDU5Ljk5MTM3NTYgQzkxLjU4MDM0Miw1OS45OTEzNzU2IDEwMy41MjYyMTcsNjIuMTgzNDM3NiAxMTQuMzUyMjc2LDY2LjU2NzU2MTcgQzEyNS4xNzgzMzUsNzAuOTUxNjg1NyAxMzQuNTMwNDUyLDc3LjI0NjY4NDcgMTQyLjQwODYyNiw4NS40NTI1NTg0IEMxNTAuMjg2ODAxLDkzLjY1ODQzMjIgMTU2LjM1ODc1MywxMDMuNDgzNDIzIDE2MC42MjQ0ODIsMTE0LjkyNzUzIEMxNjQuODkwMjEyLDEyNi4zNzE2MzcgMTY3LjAyMzA3NiwxMzkuMTcwNTg3IDE2Ny4wMjMwNzYsMTUzLjMyNDM4MSBMMTY3LjAyMzA3NiwxNjMuODAyMzAzIEMxNjcuMDIzMDc2LDE3Ny45MjIyNjkgMTY0Ljg5MDIxMiwxOTAuNzEyNzYzIDE2MC42MjQ0ODIsMjAyLjE3Mzc4NCBDMTU2LjM1ODc1MywyMTMuNjM0ODA0IDE1MC4yNjY3MTYsMjIzLjQ0NTcgMTQyLjM0ODM3MiwyMzEuNjA2NDcxIEMxMzQuNDMwMDI4LDIzOS43NjcyNDIgMTI0Ljk3NDMxNiwyNDYuMDM5NjkgMTEzLjk4MTIzNiwyNTAuNDIzODE0IEMxMDIuOTg4MTU2LDI1NC44MDc5MzggOTAuNzM1MzcwOSwyNTcgNzcuMjIyODgxOCwyNTcgWiBNNTMuOTUxOTk5MSw1OS45OTEzNzU2IEw1My45NTE5OTkxLDI1NyBMMTkuOTgzMzE4MSwyNTcgTDE5Ljk4MzMxODEsNTkuOTkxMzc1NiBMNTMuOTUxOTk5MSw1OS45OTEzNzU2IFoiIGlkPSJTaGFwZSI+PC9wYXRoPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTM3My45MjYzMzUsMTUzLjExNzE5IEwzNzMuOTI2MzM1LDE2My45MjQ5MjYgQzM3My45MjYzMzUsMTc4LjgxNzI3NiAzNzEuOTg1ODYxLDE5Mi4xNjgzODIgMzY4LjEwNDkxNCwyMDMuOTc4MjQ0IEMzNjQuMjIzOTY3LDIxNS43ODgxMDYgMzU4LjY3ODA5NiwyMjUuODM4NjEgMzUxLjQ2NzMwMSwyMzQuMTI5NzU2IEMzNDQuMjU2NTA2LDI0Mi40MjA5MDIgMzM1LjY2MTk3MywyNDguNzU2NDIzIDMyNS42ODM3MDQsMjUzLjEzNjMxOSBDMzE1LjcwNTQzNSwyNTcuNTE2MjE1IDMwNC42MDEzNiwyNTkuNzA2MTYyIDI5Mi4zNzE0NzksMjU5LjcwNjE2MiBDMjgwLjMzNzUxMywyNTkuNzA2MTYyIDI2OS4zMjI5MzksMjU3LjUxNjIxNSAyNTkuMzI3NzU2LDI1My4xMzYzMTkgQzI0OS4zMzI1NzMsMjQ4Ljc1NjQyMyAyNDAuNjc4NDkxLDI0Mi40MjA5MDIgMjMzLjM2NTUxLDIzNC4xMjk3NTYgQzIyNi4wNTI1MjksMjI1LjgzODYxIDIyMC4zOTg0ODIsMjE1Ljc4ODEwNiAyMTYuNDAzMzY5LDIwMy45NzgyNDQgQzIxMi40MDgyNTUsMTkyLjE2ODM4MiAyMTAuNDEwNjk5LDE3OC44MTcyNzYgMjEwLjQxMDY5OSwxNjMuOTI0OTI2IEwyMTAuNDEwNjk5LDE1My4xMTcxOSBDMjEwLjQxMDY5OSwxMzguMjIzNDMgMjEyLjM5MzgwOCwxMjQuODc3OTYyIDIxNi4zNjAwMjgsMTEzLjA4MDc4NSBDMjIwLjMyNjI0NywxMDEuMjgzNjA5IDIyNS45MzUxOTIsOTEuMjI1MDAwMiAyMzMuMTg2ODYxLDgyLjkwNDk2MDIgQzI0MC40Mzg1MzEsNzQuNTg0OTIwMiAyNDkuMDYxOTU3LDY4LjIzNDk1MjQgMjU5LjA1NzE0LDYzLjg1NTA1NjcgQzI2OS4wNTIzMjIsNTkuNDc1MTYxIDI4MC4wNjY4OTcsNTcuMjg1MjEzMSAyOTIuMTAwODYzLDU3LjI4NTIxMzEgQzMwNC4zMzA3NDQsNTcuMjg1MjEzMSAzMTUuNDQzMjc2LDU5LjQ3NTE2MSAzMjUuNDM4NDU4LDYzLjg1NTA1NjcgQzMzNS40MzM2NDEsNjguMjM0OTUyNCAzNDQuMDUwNzI1LDc0LjU4NDkyMDIgMzUxLjI4OTcwOSw4Mi45MDQ5NjAyIEMzNTguNTI4Njk0LDkxLjIyNTAwMDIgMzY0LjExMTIxMSwxMDEuMjgzNjA5IDM2OC4wMzcyNiwxMTMuMDgwNzg1IEMzNzEuOTYzMzEsMTI0Ljg3Nzk2MiAzNzMuOTI2MzM1LDEzOC4yMjM0MyAzNzMuOTI2MzM1LDE1My4xMTcxOSBaIE0zMzkuODgxNTQzLDE2My45MjQ5MjYgTDMzOS44ODE1NDMsMTUyLjg0NjU3NCBDMzM5Ljg4MTU0MywxNDEuODQ4NTYgMzM4LjgxODgxMSwxMzIuMTI5Mjc5IDMzNi42OTMzNDUsMTIzLjY4ODczMSBDMzM0LjU2Nzg4LDExNS4yNDgxODIgMzMxLjQ1MzMyNywxMDguMTU5NjU3IDMyNy4zNDk2ODUsMTAyLjQyMzE1NyBDMzIzLjI0NjA0NCw5Ni42ODY2NTYxIDMxOC4yMjczMTEsOTIuMzQ3NjM0OCAzMTIuMjkzNDg2LDg5LjQwNjA5MjYgQzMwNi4zNTk2NjEsODYuNDY0NTUwNCAyOTkuNjI4Nzg2LDg0Ljk5Mzc3OTMgMjkyLjEwMDg2Myw4NC45OTM3NzkzIEMyODQuNjQ0ODIyLDg0Ljk5Mzc3OTMgMjc3Ljk4NjUzNCw4Ni40NjQ1NTA0IDI3Mi4xMjYwMDEsODkuNDA2MDkyNiBDMjY2LjI2NTQ2OCw5Mi4zNDc2MzQ4IDI2MS4yODU4NDgsOTYuNjg2NjU2MSAyNTcuMTg3MTM5LDEwMi40MjMxNTcgQzI1My4wODg0MzEsMTA4LjE1OTY1NyAyNDkuOTUwMjY5LDExNS4yNDgxODIgMjQ3Ljc3MjY1NCwxMjMuNjg4NzMxIEMyNDUuNTk1MDM5LDEzMi4xMjkyNzkgMjQ0LjUwNjIzMSwxNDEuODQ4NTYgMjQ0LjUwNjIzMSwxNTIuODQ2NTc0IEwyNDQuNTA2MjMxLDE2My45MjQ5MjYgQzI0NC41MDYyMzEsMTc0Ljk0NjkgMjQ1LjU5NTAzOSwxODQuNjkyMjU2IDI0Ny43NzI2NTQsMTkzLjE2MDk5NCBDMjQ5Ljk1MDI2OSwyMDEuNjI5NzMyIDI1My4xMjU0MjksMjA4Ljc2MzAwNyAyNTcuMjk4MTM0LDIxNC41NjA4MTkgQzI2MS40NzA4MzksMjIwLjM1ODYzMSAyNjYuNDk1NTYzLDIyNC43MzY3NjUgMjcyLjM3MjMwNCwyMjcuNjk1MjIxIEMyNzguMjQ5MDQ2LDIzMC42NTM2NzcgMjg0LjkxNTQzOCwyMzIuMTMyOTA0IDI5Mi4zNzE0NzksMjMyLjEzMjkwNCBDMjk5Ljk1NTc4MSwyMzIuMTMyOTA0IDMwNi42OTI2NDYsMjMwLjY1MzY3NyAzMTIuNTgyMDczLDIyNy42OTUyMjEgQzMxOC40NzE0OTksMjI0LjczNjc2NSAzMjMuNDQ1MTMsMjIwLjM1ODYzMSAzMjcuNTAyOTY0LDIxNC41NjA4MTkgQzMzMS41NjA3OTgsMjA4Ljc2MzAwNyAzMzQuNjM4MzUzLDIwMS42Mjk3MzIgMzM2LjczNTYyOSwxOTMuMTYwOTk0IEMzMzguODMyOTA1LDE4NC42OTIyNTYgMzM5Ljg4MTU0MywxNzQuOTQ2OSAzMzkuODgxNTQzLDE2My45MjQ5MjYgWiIgaWQ9IlNoYXBlIj48L3BhdGg+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNTM5Ljg2MTQyNiwxOTIuODYxODM2IEw1NzMuNjk0Nzk5LDE5Mi44NjE4MzYgQzU3Mi42MDY2OTYsMjA1Ljc3Mzg5NiA1NjguOTkzODk5LDIxNy4yNjIwNDkgNTYyLjg1NjQwNywyMjcuMzI2Mjk1IEM1NTYuNzE4OTE1LDIzNy4zOTA1NDEgNTQ4LjExNjI3OSwyNDUuMzAzMjQ3IDUzNy4wNDg0OTcsMjUxLjA2NDQxMyBDNTI1Ljk4MDcxNiwyNTYuODI1NTc5IDUxMi40NzA2OTMsMjU5LjcwNjE2MiA0OTYuNTE4NDI5LDI1OS43MDYxNjIgQzQ4NC4zNzU5MzUsMjU5LjcwNjE2MiA0NzMuNDI1ODQzLDI1Ny41MjQ2NzEgNDYzLjY2ODE1NCwyNTMuMTYxNjg5IEM0NTMuOTEwNDY2LDI0OC43OTg3MDcgNDQ1LjU3NDIxNywyNDIuNTY3NDg2IDQzOC42NTk0MDgsMjM0LjQ2ODAyNyBDNDMxLjc0NDU5OSwyMjYuMzY4NTY3IDQyNi40NDM5NzQsMjE2LjU5NjA3OSA0MjIuNzU3NTMzLDIwNS4xNTA1NjIgQzQxOS4wNzEwOTEsMTkzLjcwNTA0NiA0MTcuMjI3ODcsMTgwLjg5OTA0OCA0MTcuMjI3ODcsMTY2LjczMjU3IEw0MTcuMjI3ODcsMTUwLjM5NDExNCBDNDE3LjIyNzg3LDEzNi4yMjc2MzYgNDE5LjEwNDIxMywxMjMuNDEzMTgxIDQyMi44NTY5LDExMS45NTA3NTEgQzQyNi42MDk1ODYsMTAwLjQ4ODMyMSA0MzIuMDAyODgzLDkwLjY4NTE3NzIgNDM5LjAzNjc5MSw4Mi41NDEzMTk2IEM0NDYuMDcwNjk5LDc0LjM5NzQ2MjEgNDU0LjU0MTU1MSw2OC4xNDM2ODk5IDQ2NC40NDkzNDcsNjMuNzgwMDAzIEM0NzQuMzU3MTQ0LDU5LjQxNjMxNiA0ODUuNDQ5MjM4LDU3LjIzNDQ3MjYgNDk3LjcyNTYzMSw1Ny4yMzQ0NzI2IEM1MTMuNDM4Mjg3LDU3LjIzNDQ3MjYgNTI2LjcxNzg2Myw2MC4xMzA1NTk3IDUzNy41NjQzNTksNjUuOTIyNzMzOSBDNTQ4LjQxMDg1Niw3MS43MTQ5MDgxIDU1Ni44MzkwNzIsNzkuNjk4NzkyIDU2Mi44NDkwMDcsODkuODc0Mzg1NSBDNTY4Ljg1ODk0MywxMDAuMDQ5OTc5IDU3Mi41MDczMjksMTExLjc0ODE0MSA1NzMuNzk0MTY2LDEyNC45Njg4NzIgTDUzOS45NjA3OTMsMTI0Ljk2ODg3MiBDNTM5LjA5NTM4NSwxMTYuNDMxNzc2IDUzNy4xNDc4NjQsMTA5LjE0NjI3OSA1MzQuMTE4MjMxLDEwMy4xMTIzODIgQzUzMS4wODg1OTcsOTcuMDc4NDg1OSA1MjYuNjQ4NDQ3LDkyLjQ1NjE2MzIgNTIwLjc5Nzc4LDg5LjI0NTQxNDIgQzUxNC45NDcxMTMsODYuMDM0NjY1MiA1MDcuMjU2Mzk3LDg0LjQyOTI5MDggNDk3LjcyNTYzMSw4NC40MjkyOTA4IEM0OTAuMDM3MDI5LDg0LjQyOTI5MDggNDgzLjMwMDE2NSw4NS44ODI3OTYgNDc3LjUxNTAzOCw4OC43ODk4MDY0IEM0NzEuNzI5OTExLDkxLjY5NjgxNjggNDY2Ljg5NDc2LDk1Ljk1MjMyNzcgNDYzLjAwOTU4NCwxMDEuNTU2MzM5IEM0NTkuMTI0NDA5LDEwNy4xNjAzNSA0NTYuMjExNDA4LDExNC4wMzk5MjMgNDU0LjI3MDU4MywxMjIuMTk1MDU2IEM0NTIuMzI5NzU3LDEzMC4zNTAxODkgNDUxLjM1OTM0NCwxMzkuNjU5NjcgNDUxLjM1OTM0NCwxNTAuMTIzNDk4IEw0NTEuMzU5MzQ0LDE2Ni43MzI1NyBDNDUxLjM1OTM0NCwxNzYuNjgzMzU0IDQ1Mi4yMzM1NjEsMTg1LjY5OTMxNSA0NTMuOTgxOTk2LDE5My43ODA0NTIgQzQ1NS43MzA0MywyMDEuODYxNTg4IDQ1OC40MzA2MDMsMjA4Ljc4OTc4NyA0NjIuMDgyNTEyLDIxNC41NjUwNDggQzQ2NS43MzQ0MjIsMjIwLjM0MDMwOCA0NzAuNDA2NDI4LDIyNC43ODk2MiA0NzYuMDk4NTMxLDIyNy45MTI5ODIgQzQ4MS43OTA2MzQsMjMxLjAzNjM0NSA0ODguNTk3MjY2LDIzMi41OTgwMjYgNDk2LjUxODQyOSwyMzIuNTk4MDI2IEM1MDYuMTg4NzMyLDIzMi41OTgwMjYgNTE0LjAxODI4LDIzMS4wNjI0MiA1MjAuMDA3MDczLDIyNy45OTEyMDcgQzUyNS45OTU4NjcsMjI0LjkxOTk5NSA1MzAuNTU3MjMxLDIyMC40MzE1NzEgNTMzLjY5MTE2NCwyMTQuNTI1OTM1IEM1MzYuODI1MDk4LDIwOC42MjAyOTkgNTM4Ljg4MTg1MiwyMDEuMzk4OTMzIDUzOS44NjE0MjYsMTkyLjg2MTgzNiBaIiBpZD0iUGF0aCI+PC9wYXRoPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTcyMy45MTUyNjksMjA2LjI2MTU2OSBDNzIzLjkxNTI2OSwyMDIuMjI0ODc2IDcyMy4zMDc0MzksMTk4LjYyMzcwNyA3MjIuMDkxNzgxLDE5NS40NTgwNjEgQzcyMC44NzYxMjIsMTkyLjI5MjQxNSA3MTguNzIyMTE1LDE4OS4zOTg3OTQgNzE1LjYyOTc2MSwxODYuNzc3MTk5IEM3MTIuNTM3NDA2LDE4NC4xNTU2MDQgNzA4LjIyODY4OCwxODEuNjExNTMgNzAyLjcwMzYwNywxNzkuMTQ0OTc2IEM2OTcuMTc4NTI1LDE3Ni42Nzg0MjEgNjkwLjExODU0MiwxNzQuMTQyMDk5IDY4MS41MjM2NTcsMTcxLjUzNjAwOCBDNjcyLjE3ODk0LDE2OC42NDk0MzUgNjYzLjU0OTUyNCwxNjUuNDA4MDMgNjU1LjYzNTQwOCwxNjEuODExNzk0IEM2NDcuNzIxMjkzLDE1OC4yMTU1NTggNjQwLjgzNTAyNSwxNTQuMDU5MDYxIDYzNC45NzY2MDcsMTQ5LjM0MjMwNSBDNjI5LjExODE4OCwxNDQuNjI1NTQ4IDYyNC41NjgxLDEzOS4xNjYwMDcgNjIxLjMyNjM0MywxMzIuOTYzNjggQzYxOC4wODQ1ODYsMTI2Ljc2MTM1MyA2MTYuNDYzNzA3LDExOS42MTE1MTYgNjE2LjQ2MzcwNywxMTEuNTE0MTcxIEM2MTYuNDYzNzA3LDEwMy41NDc5MDUgNjE4LjE1ODIzLDk2LjI1OTIzNzUgNjIxLjU0NzI3Niw4OS42NDgxNjczIEM2MjQuOTM2MzIxLDgzLjAzNzA5NyA2MjkuNzUxMDM1LDc3LjMxODU2NzEgNjM1Ljk5MTQxOCw3Mi40OTI1Nzc0IEM2NDIuMjMxOCw2Ny42NjY1ODc4IDY0OS42Mzg1MSw2My45MjU1Mjk3IDY1OC4yMTE1NDgsNjEuMjY5NDAzIEM2NjYuNzg0NTg2LDU4LjYxMzI3NjQgNjc2LjI3MjAxMSw1Ny4yODUyMTMxIDY4Ni42NzM4MjMsNTcuMjg1MjEzMSBDNzAxLjMzMzYxMiw1Ny4yODUyMTMxIDcxMy45NjA2MDgsNTkuOTg4MjA0MyA3MjQuNTU0ODExLDY1LjM5NDE4NjYgQzczNS4xNDkwMTQsNzAuODAwMTY4OCA3NDMuMzA5NDMzLDc4LjA1MjU0MzIgNzQ5LjAzNjA2Nyw4Ny4xNTEzMDk2IEM3NTQuNzYyNzAyLDk2LjI1MDA3NiA3NTcuNjI2MDE5LDEwNi4zMzg2MzUgNzU3LjYyNjAxOSwxMTcuNDE2OTg4IEw3MjMuODQzMzg2LDExNy40MTY5ODggQzcyMy44NDMzODYsMTEwLjkxNTE1MSA3MjIuNDcxOTgyLDEwNS4xNTY0NTEgNzE5LjcyOTE3NCwxMDAuMTQwODg5IEM3MTYuOTg2MzY2LDk1LjEyNTMyNzMgNzEyLjg0MzI1OSw5MS4xNzg0ODggNzA3LjI5OTg1NCw4OC4zMDAzNzE1IEM3MDEuNzU2NDUsODUuNDIyMjU1IDY5NC43NDc5MTIsODMuOTgzMTk2OCA2ODYuMjc0MjQxLDgzLjk4MzE5NjggQzY3OC4yMDkzMTMsODMuOTgzMTk2OCA2NzEuNTE5NjY2LDg1LjE5ODg1NTcgNjY2LjIwNTI5OCw4Ny42MzAxNzM1IEM2NjAuODkwOTMxLDkwLjA2MTQ5MTMgNjU2LjkyNTQxNiw5My4zNDQ4Mjc0IDY1NC4zMDg3NTQsOTcuNDgwMTgxOSBDNjUxLjY5MjA5MywxMDEuNjE1NTM2IDY1MC4zODM3NjIsMTA2LjI4NTc4MSA2NTAuMzgzNzYyLDExMS40OTA5MTUgQzY1MC4zODM3NjIsMTE1LjIxMDQ3OSA2NTEuMjQ2NzAzLDExOC41NzkwODcgNjUyLjk3MjU4NywxMjEuNTk2NzQgQzY1NC42OTg0NywxMjQuNjE0MzkzIDY1Ny4zMTY4OTQsMTI3LjQxNzQ1NiA2NjAuODI3ODU3LDEzMC4wMDU5MjkgQzY2NC4zMzg4MjEsMTMyLjU5NDQwMSA2NjguNzU1MDExLDEzNS4wMDcwNDQgNjc0LjA3NjQyNSwxMzcuMjQzODU2IEM2NzkuMzk3ODQsMTM5LjQ4MDY2OCA2ODUuNjU0MDc5LDE0MS42NDM0ODQgNjkyLjg0NTE0MiwxNDMuNzMyMzAzIEM3MDMuNzY1NjM1LDE0Ni45NTU3MzcgNzEzLjI5MzIyOSwxNTAuNTQ4NDUgNzIxLjQyNzkyNSwxNTQuNTEwNDQxIEM3MjkuNTYyNjIxLDE1OC40NzI0MzIgNzM2LjMzNDcyMiwxNjIuOTMyNjY3IDc0MS43NDQyMjgsMTY3Ljg5MTE0NSBDNzQ3LjE1MzczNCwxNzIuODQ5NjI0IDc1MS4yMTAxNTksMTc4LjQ2NDU1OSA3NTMuOTEzNTAyLDE4NC43MzU5NDkgQzc1Ni42MTY4NDYsMTkxLjAwNzM0IDc1Ny45Njg1MTcsMTk4LjA5MjM0MSA3NTcuOTY4NTE3LDIwNS45OTA5NTMgQzc1Ny45Njg1MTcsMjE0LjMxODA0IDc1Ni4zMTE2OTgsMjIxLjc5NTIyMyA3NTIuOTk4MDU4LDIyOC40MjI1MDIgQzc0OS42ODQ0MTksMjM1LjA0OTc4MSA3NDQuOTM5NDczLDI0MC42ODg2NzYgNzM4Ljc2MzIyMSwyNDUuMzM5MTg4IEM3MzIuNTg2OTY5LDI0OS45ODk3IDcyNS4xOTA4MywyNTMuNTQ2ODI0IDcxNi41NzQ4MDMsMjU2LjAxMDU1OSBDNzA3Ljk1ODc3NywyNTguNDc0Mjk1IDY5OC4zNDc2NzIsMjU5LjcwNjE2MiA2ODcuNzQxNDg4LDI1OS43MDYxNjIgQzY3OC4yNjU2OTIsMjU5LjcwNjE2MiA2NjguOTQ4MTA3LDI1OC40MzQ4MyA2NTkuNzg4NzMzLDI1NS44OTIxNjUgQzY1MC42MjkzNiwyNTMuMzQ5NSA2NDIuMzIzMDYyLDI0OS40OTQ2MjggNjM0Ljg2OTg0LDI0NC4zMjc1NDkgQzYyNy40MTY2MTgsMjM5LjE2MDQ3IDYyMS40NjQ4MjIsMjMyLjY3Mzc4NCA2MTcuMDE0NDU0LDIyNC44Njc0OTMgQzYxMi41NjQwODUsMjE3LjA2MTIwMSA2MTAuMzM4OTAxLDIwNy45MDk5MzIgNjEwLjMzODkwMSwxOTcuNDEzNjg2IEw2NDQuMjcxNjQsMTk3LjQxMzY4NiBDNjQ0LjI3MTY0LDIwMy44MTU0NTIgNjQ1LjM4MDg4NSwyMDkuMjcxODIyIDY0Ny41OTkzNzQsMjEzLjc4Mjc5OCBDNjQ5LjgxNzg2NCwyMTguMjkzNzczIDY1Mi45MTQ3OTksMjIxLjk4NjkwOSA2NTYuODkwMTgsMjI0Ljg2MjIwNyBDNjYwLjg2NTU2LDIyNy43Mzc1MDUgNjY1LjQ4ODk0LDIyOS44MzY1NDIgNjcwLjc2MDMxOSwyMzEuMTU5MzIgQzY3Ni4wMzE2OTgsMjMyLjQ4MjA5OCA2ODEuNjkyMDg4LDIzMy4xNDM0ODcgNjg3Ljc0MTQ4OCwyMzMuMTQzNDg3IEM2OTUuNzI2MDc3LDIzMy4xNDM0ODcgNzAyLjM5NDkzNSwyMzIuMDIxNTU3IDcwNy43NDgwNjMsMjI5Ljc3NzY5NyBDNzEzLjEwMTE5LDIyNy41MzM4MzggNzE3LjEzNDAwNiwyMjQuMzg5Njg2IDcxOS44NDY1MTEsMjIwLjM0NTI0MSBDNzIyLjU1OTAxNiwyMTYuMzAwNzk3IDcyMy45MTUyNjksMjExLjYwNjI0IDcyMy45MTUyNjksMjA2LjI2MTU2OSBaIiBpZD0iUGF0aCI+PC9wYXRoPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    flex-shrink: 0;
  }

}

/* Center content when sidebar is hidden (e.g. Home product) */
.fern-layout-reference {
  justify-content: center;
}

/* Constrain and center article on wide layouts (no sidebar, e.g. Home product).
   On pages with sidebar, .fern-layout-reference is ~992px so article is already narrower than 896px. */
.fern-layout-reference > article {
  max-width: 896px;
  margin: 0 auto;
}

/* Mobile responsiveness for layout: reference pages */
@media (max-width: 768px) {

  .fern-layout-reference {
    padding-left: var(--page-padding, 1rem) !important;
    padding-right: var(--page-padding, 1rem) !important;
    overflow-x: hidden;
  }

  .fern-layout-reference > article {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0;
  }

  .fern-layout-reference-content {
    display: flex !important;
    flex-direction: column !important;
    gap: 1.5rem !important;
  }

  .fern-layout-reference-content > * {
    min-width: 0;
    max-width: 100%;
  }

  .fern-layout-reference table {
    overflow-x: auto;
    max-width: 100%;
  }

  .fern-layout-reference pre {
    max-width: 100%;
    overflow-x: auto;
  }

  .fern-layout-reference img {
    max-width: 100%;
    height: auto;
  }

}

/* Hide "Copy page", "Was this page helpful", and "Edit this page" on Home page.
   The home page MDX includes a hidden #home-page-marker div. We use :has() to detect it. */
body:has(#home-page-marker) .fern-page-actions,
body:has(#home-page-marker) .fern-layout-footer-toolbar {
  display: none !important;
}

/* Product Switcher Styling */
@media (min-width: 1024px) {

  div[data-testid="product-dropdown-content"] {
    border-radius: 1.5rem !important;
  }

  .product-dropdown-trigger svg {
    transform: translateY(2px);
  }

  .fern-product-selector {
    transform: translate(-2px, 2px);
  }

  /* product-item-title stays at default 16px */

  div:has(> .fern-product-selector-radio-group) {
    margin-top: 0.5rem;
  }

  div:has(> .fern-product-selector-radio-group):before {
    content: "Explore Paradex";
    font-weight: 500;
    margin: 0.5rem 1rem 0 1rem;
  }

  .fern-product-selector-radio-group {

    display: grid !important;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
    padding: 1.25rem;
    height: 248px;

    > a {

      max-width: 320px;
      margin: -0.75rem;
      position: relative;

      .fern-selection-item {
        border-radius: 1rem;
      }
    
}

    /* Home - column 1, row 1 */
    > a[href*="/home"] {
      grid-column: 1;
      grid-row: 1;
    }

    /* Getting Started - column 2, row 1 */
    > a[href*="/docs"] {
      grid-column: 2;
      grid-row: 1;
    }

    /* Trading - column 1, row 2 */
    > a[href*="trading"] {
      grid-column: 1;
      grid-row: 2;
    }

    /* Risk & Liquidations - column 2, row 2 */
    > a[href*="risk"] {
      grid-column: 2;
      grid-row: 2;
    }

    /* Paradex Chain - column 1, row 3 */
    > a[href*="chain"] {
      grid-column: 1;
      grid-row: 3;
    }

    /* Ecosystem - column 2, row 3 */
    > a[href*="ecosystem"] {
      grid-column: 2;
      grid-row: 3;
    }

    /* REST API - Reference section header + column 3, row 1 */
    > a[href*="/api"]:before {
      content: "Reference";
      font-weight: 500;
      position: absolute;
      top: -2rem;
      left: 0.5rem;
    }

    > a[href*="/api"] {

      grid-column: 3;
      grid-row: 1;
      align-self: start;

      .fern-selection-item-icon {

        width: 24px;
        height: 24px;

        svg, img {
          width: 14px !important;
          height: 14px !important;
        }
      
}

      .fern-selection-item-subtitle {
        display: none;
      }
    
}

    /* WebSocket API - column 3, row 2 */
    > a[href*="/ws"] {

      grid-column: 3;
      grid-row: 2;
      align-self: start;
      transform: translateY(-32px);

      .fern-selection-item-icon {

        width: 24px;
        height: 24px;

        svg, img {
          width: 14px !important;
          height: 14px !important;
        }
      
}

      .fern-selection-item-subtitle {
        display: none;
      }
    
}

    /* Release Notes - column 3, row 3 */
    > a[href*="releases"] {

      grid-column: 3;
      grid-row: 3;
      align-self: start;
      transform: translateY(-64px);

      .fern-selection-item-icon {

        width: 24px;
        height: 24px;

        svg, img {
          width: 14px !important;
          height: 14px !important;
        }
      
}

      .fern-selection-item-subtitle {
        display: none;
      }
    
}
  
}

}

@media (max-width: 1023px) {

  .fern-product-selector-radio-group {
    display: flex !important;
    flex-direction: column;
    gap: 0.25rem;
  }

}

/* ═══════════════════════════════════════════════════════
   Landing Page — seamless custom layout
   Only titles (h1, h2, h3) use bold. All other text is
   normal weight inheriting Fern defaults.
   ═══════════════════════════════════════════════════════ */

.lp-container h1,
.lp-container h2,
.lp-container h3,
.lp-container .lp-heading-h1,
.lp-container .lp-heading-h2 {
  font-weight: bold;
}

/* Span-based headings: replicate native heading styles so Fern does not add hover link buttons */
.lp-heading-h1 {
  display: block;
  font-size: 2.25rem;
  line-height: 1.2;
}

/* Hero heading: match paradex.trade 72px sizing */
.lp-hero-heading .lp-heading-h1 {
  font-size: 4.5rem;
  font-weight: 700;
  line-height: 4.5rem;
}

@media (max-width: 768px) {

  .lp-hero-heading .lp-heading-h1 {
    font-size: 3rem;
    line-height: 3rem;
  }

}

.lp-heading-h2 {
  display: block;
  font-size: 1.5rem;
  line-height: 1.3;
}

.lp-container p,
.lp-container li,
.lp-container a,
.lp-container span {
  font-weight: normal;
}

.lp-container {
  min-height: 100vh;
  position: relative;
}

.lp-main {
  max-width: 64rem;
  margin: 0 auto;
  padding: 3rem 1.5rem;
  position: relative;
}

/* ── Shared helpers ── */
.lp-btn {
  text-decoration: none !important;
  width: fit-content !important;
}

.lp-btn svg {
  display: none !important;
}

.lp-container a::after {
  display: none !important;
}

.lp-container a > svg {
  display: none !important;
}

/* Hide heading anchor link icons on hover */
.lp-container .fern-anchor,
.lp-container h1 a,
.lp-container h2 a,
.lp-container h3 a,
.lp-container .lp-heading-h1 a,
.lp-container .lp-heading-h2 a {
  pointer-events: none;
}

/* Re-enable pointer events on all clickable landing page elements */
.lp-container .lp-value-card,
.lp-container .lp-explore-card,
.lp-container .lp-release-card,
.lp-container .lp-pill,
.lp-container .lp-audience-links a,
.lp-container .lp-profile-links a,
.lp-container .lp-profile-card,
.lp-container .lp-hero-actions a,
.lp-container .lp-release-cta a {
  pointer-events: auto;
}

.lp-container h1 a svg,
.lp-container h2 a svg,
.lp-container h3 a svg,
.lp-container .lp-heading-h1 a svg,
.lp-container .lp-heading-h2 a svg,
.lp-container .fern-anchor svg,
.lp-container .fern-mdx-link svg {
  display: none !important;
}


.lp-value-desc {
  color: var(--grayscale-10);
  margin: 0;
}

/* ── 1. Hero ── */
.lp-hero {
  text-align: center;
  padding: 3rem 0 4rem;
}

.lp-hero-heading {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 60px;
}

.lp-hero-title {
  color: var(--grayscale-12);
  margin: 0;
}

/* Vertical text cycling marquee (matches paradex.trade hero) — JS-driven */
.lp-marquee {
  position: relative;
  overflow: hidden;
  height: 4.5rem;
  width: 100%;
}

.lp-marquee-track {
  position: relative;
  width: 100%;
  height: 100%;
}

.lp-marquee-item {
  color: var(--paradex-accent);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 4.5rem;
  font-size: 4.5rem;
  font-weight: 700;
  line-height: 4.5rem;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transform: translateY(100%);
  transition: opacity 0.5s ease, transform 0.5s ease;
}

@media (max-width: 768px) {

  .lp-marquee {
    height: 3rem;
  }

  .lp-marquee-item {
    height: 3rem;
    font-size: 3rem;
    line-height: 3rem;
  }

}

.lp-hero-desc {
  color: var(--grayscale-10);
  max-width: 40rem;
  margin: 0 auto 2rem;
}

.lp-hero-actions {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
  flex-wrap: wrap;
}

.lp-hero-actions .lp-btn {
  height: 40px;
  padding: 0 16px;
}

/* ── 2. Value prop grid ── */
.lp-value-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-top: 1px solid var(--grayscale-5);
  border-bottom: 1px solid var(--grayscale-5);
}

.lp-value-card {
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  text-decoration: none !important;
  transition: background-color 0.15s;
  border-left: 1px solid var(--grayscale-5);
}

.lp-value-card:first-child {
  border-left: none;
}

.lp-value-card:hover {
  background-color: var(--grayscale-a2);
}
.lp-value-card:focus-visible {
  background-color: var(--grayscale-a2); outline: none;
}


.lp-value-icon {
  color: var(--paradex-accent);
  display: flex;
  align-items: flex-start;
  margin-left: 0;
}

.lp-value-icon img {
  height: 32px;
  width: auto;
  margin: 0 !important;
}

.lp-value-icon svg,
.lp-container .lp-value-icon svg,
.lp-container .fern-mdx-link .lp-value-icon svg {
  height: 32px !important;
  width: auto !important;
  fill: var(--paradex-accent) !important;
  color: var(--paradex-accent) !important;
  display: inline-block !important;
}

.lp-value-title {
  color: var(--grayscale-12);
  margin: 0;
}

/* ── 3. Sections (profile, explore, releases) ── */
.lp-section {
  padding: 3rem 0;
  border-bottom: 1px solid var(--grayscale-5);
}

.lp-section-last {
  border-bottom: none;
}

.lp-section-header {
  margin-bottom: 2rem;
}

.lp-section-title {
  color: var(--grayscale-12);
  margin: 0;
}

/* Profile grid */
.lp-profile-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0;
}

.lp-profile-card {
  padding: 2rem;
  border: 1px solid var(--grayscale-5);
  border-radius: 0.75rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  text-decoration: none !important;
  transition: background-color 0.15s;
}

.lp-profile-card:hover {
  background-color: var(--grayscale-a2);
}
.lp-profile-card:focus-visible {
  background-color: var(--grayscale-a2); outline: none;
}

.lp-profile-card:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: none;
}

.lp-profile-card:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.lp-profile-name {
  color: var(--grayscale-12);
  margin: 0;
}

.lp-profile-label {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--paradex-accent);
  margin: 0;
}

.lp-profile-list {
  list-style: none;
  padding: 0;
  margin: 0.5rem 0 0;
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}

.lp-profile-list li {
  color: var(--grayscale-10);
  padding-left: 1.25rem;
  position: relative;
}

.lp-profile-list li::before {
  content: "✓";
  position: absolute;
  color: var(--paradex-accent);
}

.lp-profile-shared {
  color: var(--grayscale-10);
  text-align: center;
  margin: 1.5rem 0 0;
}

.lp-profile-shared .lp-shared-check {
  color: var(--paradex-accent);
  margin-right: 0.25rem;
}

.lp-profile-shared .lp-shared-item {
  margin-left: 1rem;
}

.lp-profile-shared .lp-shared-item:first-of-type {
  margin-left: 0.75rem;
}

.lp-profile-shared strong {
  color: var(--grayscale-12);
}

.lp-profile-links {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  flex-wrap: wrap;
}

/* ── 4. Audience grid (Trade / Build) ── */
.lp-audience-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  border-top: 1px solid var(--grayscale-5);
  border-bottom: 1px solid var(--grayscale-5);
}

.lp-audience-card {
  padding: 2rem 2rem 2rem 32px;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.lp-audience-card-border {
  border-left: 1px solid var(--grayscale-5);
}

.lp-audience-header {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.lp-audience-title {
  color: var(--paradex-accent);
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0;
  font-weight: bold;
}

.lp-audience-title i {
  color: var(--paradex-accent);
}

.lp-audience-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.lp-pill {
  display: inline-block;
  padding: 0.375rem 0.75rem;
  border-radius: 999px;
  border: 1px solid var(--grayscale-5);
  color: var(--grayscale-12);
  text-decoration: none !important;
  transition: border-color 0.15s, background-color 0.15s;
  font-size: 14px;
}

.lp-pill:hover {
  border-color: var(--paradex-accent);
  background-color: rgba(27, 193, 207, 0.08);
}
.lp-pill:focus-visible {
  border-color: var(--paradex-accent);
  background-color: rgba(27, 193, 207, 0.08); outline: none;
}

.lp-audience-pills .lp-pill {
  border-color: var(--paradex-accent);
  color: var(--paradex-accent);
  background-color: rgba(27, 193, 207, 0.08);
}

.lp-audience-pills .lp-pill:hover {
  background-color: rgba(27, 193, 207, 0.2);
}
.lp-audience-pills .lp-pill:focus-visible {
  background-color: rgba(27, 193, 207, 0.2); outline: none;
}

.lp-audience-links {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}

.lp-audience-links a {
  color: var(--grayscale-10);
  text-decoration: none !important;
  transition: color 0.15s;
}

.lp-audience-links a:hover {
  color: var(--paradex-accent);
}
.lp-audience-links a:focus-visible {
  color: var(--paradex-accent); outline: none;
}

/* ── 5. Explore grid ── */
.lp-explore-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0;
}

.lp-explore-card {
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  text-decoration: none !important;
  border: 1px solid var(--grayscale-5);
  margin-top: -1px;
  margin-left: -1px;
  transition: background-color 0.15s;
}

.lp-explore-card:hover {
  background-color: var(--grayscale-a2);
}
.lp-explore-card:focus-visible {
  background-color: var(--grayscale-a2); outline: none;
}

.lp-explore-card:hover .lp-explore-name {
  color: var(--paradex-accent);
}
.lp-explore-card:focus-within .lp-explore-name {
  color: var(--paradex-accent); outline: none;
}

.lp-explore-name {
  color: var(--grayscale-12);
  margin: 0;
  font-weight: bold;
}

/* ── 6. Release notes ── */
.lp-release-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}

.lp-release-card {
  padding: 1.5rem;
  border: 1px solid var(--grayscale-5);
  border-radius: 0.75rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  text-decoration: none !important;
  transition: border-color 0.15s, background-color 0.15s;
}

.lp-release-card:hover {
  border-color: var(--paradex-accent);
  background-color: rgba(27, 193, 207, 0.04);
}
.lp-release-card:focus-visible {
  border-color: var(--paradex-accent);
  background-color: rgba(27, 193, 207, 0.04); outline: none;
}

.lp-release-version {
  color: var(--grayscale-12);
  margin: 0;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.lp-release-badge {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding: 0.125rem 0.5rem;
  border-radius: 999px;
  background-color: rgba(27, 193, 207, 0.15);
  color: var(--paradex-accent);
}

.lp-release-cta {
  margin-top: 1.5rem;
  display: flex;
  justify-content: center;
}

/* ── Responsive ── */
@media (max-width: 768px) {

  .lp-hero-actions {
    flex-direction: column;
    align-items: center;
  }

  .lp-value-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .lp-value-card:nth-child(odd) {
    border-left: none;
  }

  .lp-value-card:nth-child(1),
  .lp-value-card:nth-child(2) {
    border-bottom: 1px solid var(--grayscale-5);
  }

  .lp-value-card:nth-child(3) {
    grid-column: 1 / -1;
    justify-self: center;
    border-left: none;
  }

  .lp-profile-grid {
    grid-template-columns: 1fr;
  }

  .lp-profile-card:first-child {
    border-radius: 0.75rem 0.75rem 0 0;
    border-right: 1px solid var(--grayscale-5);
    border-bottom: none;
  }

  .lp-profile-card:last-child {
    border-radius: 0 0 0.75rem 0.75rem;
  }

  .lp-audience-grid {
    grid-template-columns: 1fr;
  }

  .lp-audience-card-border {
    border-left: none;
    border-top: 1px solid var(--grayscale-5);
  }

  .lp-explore-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .lp-release-grid {
    grid-template-columns: 1fr;
  }

}

@media (max-width: 480px) {

  .lp-main {
    padding: 2rem 1rem;
  }

  .lp-explore-grid {
    grid-template-columns: 1fr;
  }

}