/*fern-site-stylesheet*/@font-face {
    font-family: 'Inter';
    src: url('/_fern-files/docs.mima.works/e06f6b1bc553aaea4e4668023ed0ab0a147129c3107f511bc7d03d361b0ae085/fonts/Inter-Regular.woff2') format('woff2');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0100-04FF, U+052F, U+0E3F, U+1D00-1D1B, U+1D43-1D65, U+1D9C-1FFE, U+2070-2265, U+2295-2298, U+2303-232B, U+2380-238B, U+23CE-23CF, U+2423, U+2460-2468, U+24B6-24EA, U+25A0-2606, U+263C, U+2661-266B, U+26A0, U+2713-2717, U+2756-2788, U+27EF-27FA, U+2913, U+2A38, U+2B06-2B24, U+2C7C-2C7F, U+2DFF-2E18, U+A69F, U+A7FF, U+A92E, U+E000-E163, U+E1C3-E2DC, U+EE01-EEE1, U+F6C3, U+1F12F-1F16B, U+1F850-1F852;
}
@font-face {
    font-family: 'Inter';
    src: url('/_fern-img/e06f6b1bc553aaea4e4668023ed0ab0a-v1.latin.woff2') format('woff2');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0000, U+0020-007E, U+00A0-00AC, U+00AE-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+2000-200B, U+2010-2027, U+202F-2055, U+2057, U+205F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+FEFF;
}
@font-face {
    font-family: 'JetBrains Mono';
    src: url('/_fern-files/docs.mima.works/f1a7a03672cdd494ce0d5543fac6e4360fe22403c6de297fdc2e55a815f7baff/fonts/JetBrainsMono-Regular.woff2') format('woff2');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0100-0237, U+0259-025B, U+02B9-0338, U+0374-03D7, U+0401-045F, U+0490-04F5, U+0AEA, U+1E80-1EF9, U+2070-2089, U+20AB-20BF, U+2102-2140, U+218A-23CE, U+23FB-2424, U+2500-25F6, U+266D-26A1, U+2713-2736, U+276E-2771, U+2794-279E, U+27C5-27F7, U+2916, U+294A, U+2987-2988, U+2A00-2A06, U+2B58, U+E0A0-E0B3, U+FE62, U+FF5B-FF5D, U+16910, U+1D538-1D56B;
}
@font-face {
    font-family: 'JetBrains Mono';
    src: url('/_fern-img/f1a7a03672cdd494ce0d5543fac6e436-v1.latin.woff2') format('woff2');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
    unicode-range: U+000D, U+0020-007E, U+00A0-00AC, U+00AE-00FF, U+0131, U+0152-0153, U+02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+2001, U+200B, U+2010, U+2013-2014, U+2016, U+2018-2022, U+2024, U+2026, U+2030, U+2032-2034, U+2039-203A, U+203C-203F, U+2044-2046, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'Inter Fallback';
    src: local('Arial'), local('ArialMT'), local('Liberation Sans'), local('Arimo');
    size-adjust: 107.12%;
    ascent-override: 90.44%;
    descent-override: 22.52%;
    line-gap-override: 0.00%;
}

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

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


.light, :root {
  --accent-1: #fafefc;
  --accent-2: #f3fbf8;
  --accent-3: #e0f8ef;
  --accent-4: #ccf3e4;
  --accent-5: #b8ebd8;
  --accent-6: #a3dfc9;
  --accent-7: #86ceb5;
  --accent-8: #5bba9c;
  --accent-9: #0f6e56;
  --accent-10: #005f48;
  --accent-11: #1e775f;
  --accent-12: #1d4337;

  --accent-a1: #00cc6605;
  --accent-a2: #00aa6b0c;
  --accent-a3: #00c67c1f;
  --accent-a4: #00c37833;
  --accent-a5: #00b87347;
  --accent-a6: #00a76a5c;
  --accent-a7: #00986479;
  --accent-a8: #009465a4;
  --accent-a9: #00654bf0;
  --accent-a10: #005f48;
  --accent-a11: #00654ae1;
  --accent-a12: #002b1de2;

  --accent-contrast: #fff;
  --accent-surface: #f0faf6cc;
  --accent-indicator: #0f6e56;
  --accent-track: #0f6e56;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    .light, :root {
      --accent-1: oklch(99.3% 0.005 170.1);
      --accent-2: oklch(98.2% 0.0096 170.1);
      --accent-3: oklch(96% 0.0286 170.1);
      --accent-4: oklch(93.3% 0.0449 170.1);
      --accent-5: oklch(89.9% 0.0581 170.1);
      --accent-6: oklch(85.6% 0.0687 170.1);
      --accent-7: oklch(79.8% 0.0811 170.1);
      --accent-8: oklch(72.2% 0.1019 170.1);
      --accent-9: oklch(48.1% 0.0908 170.1);
      --accent-10: oklch(42.9% 0.0908 170.1);
      --accent-11: oklch(51.2% 0.0908 170.1);
      --accent-12: oklch(35% 0.0483 170.1);

      --accent-a1: color(display-p3 0.0235 0.7569 0.2667 / 0.016);
      --accent-a2: color(display-p3 0.0196 0.6471 0.3765 / 0.044);
      --accent-a3: color(display-p3 0.0039 0.6941 0.3882 / 0.102);
      --accent-a4: color(display-p3 0.0039 0.702 0.4 / 0.169);
      --accent-a5: color(display-p3 0.0039 0.6588 0.3804 / 0.24);
      --accent-a6: color(display-p3 0.0039 0.5725 0.3333 / 0.31);
      --accent-a7: color(display-p3 0.0039 0.5176 0.3059 / 0.412);
      --accent-a8: color(display-p3 0 0.4902 0.302 / 0.546);
      --accent-a9: color(display-p3 0 0.2824 0.1804 / 0.804);
      --accent-a10: color(display-p3 0 0.251 0.1569 / 0.848);
      --accent-a11: color(display-p3 0 0.298 0.1882 / 0.769);
      --accent-a12: color(display-p3 0 0.1255 0.0784 / 0.848);

      --accent-contrast: #fff;
      --accent-surface: color(display-p3 0.9529 0.9804 0.9647 / 0.8);
      --accent-indicator: oklch(48.1% 0.0908 170.1);
      --accent-track: oklch(48.1% 0.0908 170.1);
    }
  }
}


.light, :root {
  --grayscale-1: #fbfdfc;
  --grayscale-2: #f7f9f8;
  --grayscale-3: #eef1f0;
  --grayscale-4: #e6e9e8;
  --grayscale-5: #dfe2e0;
  --grayscale-6: #d7dad9;
  --grayscale-7: #cbcfcd;
  --grayscale-8: #b8bcba;
  --grayscale-9: #868e8b;
  --grayscale-10: #7c8481;
  --grayscale-11: #5f6563;
  --grayscale-12: #1a211e;

  --grayscale-a1: #00804004;
  --grayscale-a2: #00402008;
  --grayscale-a3: #002d1e11;
  --grayscale-a4: #001f1519;
  --grayscale-a5: #00180820;
  --grayscale-a6: #00140d28;
  --grayscale-a7: #00140a34;
  --grayscale-a8: #000f0847;
  --grayscale-a9: #00110b79;
  --grayscale-a10: #00100a83;
  --grayscale-a11: #000a07a0;
  --grayscale-a12: #000805e5;

  --grayscale-contrast: #000;
  --grayscale-surface: #ffffffcc;
  --grayscale-indicator: #868e8b;
  --grayscale-track: #868e8b;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    .light, :root {
      --grayscale-1: color(display-p3 0.986 0.992 0.988);
      --grayscale-2: color(display-p3 0.97 0.977 0.974);
      --grayscale-3: color(display-p3 0.935 0.944 0.94);
      --grayscale-4: color(display-p3 0.904 0.913 0.909);
      --grayscale-5: color(display-p3 0.875 0.885 0.88);
      --grayscale-6: color(display-p3 0.844 0.854 0.849);
      --grayscale-7: color(display-p3 0.8 0.811 0.806);
      --grayscale-8: color(display-p3 0.725 0.738 0.732);
      --grayscale-9: color(display-p3 0.531 0.556 0.546);
      --grayscale-10: color(display-p3 0.492 0.515 0.506);
      --grayscale-11: color(display-p3 0.377 0.395 0.389);
      --grayscale-12: color(display-p3 0.107 0.129 0.118);

      --grayscale-a1: #00804004;
      --grayscale-a2: #00402008;
      --grayscale-a3: #002d1e11;
      --grayscale-a4: #001f1519;
      --grayscale-a5: #00180820;
      --grayscale-a6: #00140d28;
      --grayscale-a7: #00140a34;
      --grayscale-a8: #000f0847;
      --grayscale-a9: #00110b79;
      --grayscale-a10: #00100a83;
      --grayscale-a11: #000a07a0;
      --grayscale-a12: #000805e5;

      --grayscale-contrast: #000;
      --grayscale-surface: color(display-p3 1 1 1 / 80%);
      --grayscale-indicator: color(display-p3 0.531 0.556 0.546);
      --grayscale-track: color(display-p3 0.531 0.556 0.546);
    }
  }
}


.dark {
  --accent-1: #000;
  --accent-2: #0c140e;
  --accent-3: #122919;
  --accent-4: #133920;
  --accent-5: #1b4829;
  --accent-6: #245734;
  --accent-7: #2c683f;
  --accent-8: #347c4b;
  --accent-9: #4ade80;
  --accent-10: #3bd376;
  --accent-11: #41d77a;
  --accent-12: #b3f2c2;

  --accent-a1: #00000000;
  --accent-a2: #99ffb314;
  --accent-a3: #70ff9c29;
  --accent-a4: #55ff9039;
  --accent-a5: #60ff9248;
  --accent-a6: #6aff9957;
  --accent-a7: #6cff9b68;
  --accent-a8: #6bff9b7c;
  --accent-a9: #55ff93de;
  --accent-a10: #47ff8fd3;
  --accent-a11: #4dff91d7;
  --accent-a12: #bdffccf2;

  --accent-contrast: #122718;
  --accent-surface: #18281c80;
  --accent-indicator: #4ade80;
  --accent-track: #4ade80;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    .dark {
      --accent-1: oklch(0% 0.014 151.7);
      --accent-2: oklch(18.1% 0.0176 151.7);
      --accent-3: oklch(25.6% 0.0426 151.7);
      --accent-4: oklch(31% 0.063 151.7);
      --accent-5: oklch(36% 0.0725 151.7);
      --accent-6: oklch(41.1% 0.0805 151.7);
      --accent-7: oklch(46.6% 0.091 151.7);
      --accent-8: oklch(52.7% 0.1057 151.7);
      --accent-9: oklch(80% 0.1821 151.7);
      --accent-10: oklch(76.7% 0.1821 151.7);
      --accent-11: oklch(78% 0.1821 151.7);
      --accent-12: oklch(90.5% 0.0909 151.7);

      --accent-a1: color(display-p3 0 0 0 / 0);
      --accent-a2: color(display-p3 0.698 0.9961 0.698 / 0.079);
      --accent-a3: color(display-p3 0.6 1 0.651 / 0.157);
      --accent-a4: color(display-p3 0.5176 1 0.6078 / 0.22);
      --accent-a5: color(display-p3 0.549 1 0.6196 / 0.279);
      --accent-a6: color(display-p3 0.5804 1 0.6392 / 0.338);
      --accent-a7: color(display-p3 0.5843 1 0.651 / 0.404);
      --accent-a8: color(display-p3 0.5922 1 0.6588 / 0.479);
      --accent-a9: color(display-p3 0.5451 1 0.6275 / 0.859);
      --accent-a10: color(display-p3 0.5255 1 0.6118 / 0.816);
      --accent-a11: color(display-p3 0.5333 1 0.6196 / 0.832);
      --accent-a12: color(display-p3 0.8 1 0.8235 / 0.942);

      --accent-contrast: #122718;
      --accent-surface: color(display-p3 0.1098 0.1569 0.1098 / 0.5);
      --accent-indicator: oklch(80% 0.1821 151.7);
      --accent-track: oklch(80% 0.1821 151.7);
    }
  }
}


.dark {
  --grayscale-1: #111210;
  --grayscale-2: #181917;
  --grayscale-3: #212220;
  --grayscale-4: #282a27;
  --grayscale-5: #2f312e;
  --grayscale-6: #383a36;
  --grayscale-7: #454843;
  --grayscale-8: #5c625b;
  --grayscale-9: #687066;
  --grayscale-10: #767d74;
  --grayscale-11: #afb5ad;
  --grayscale-12: #eceeec;

  --grayscale-a1: #00000000;
  --grayscale-a2: #f1f2f008;
  --grayscale-a3: #f4f5f312;
  --grayscale-a4: #f3fef21a;
  --grayscale-a5: #f2fbf122;
  --grayscale-a6: #f4faed2c;
  --grayscale-a7: #f2fced3b;
  --grayscale-a8: #edfdeb57;
  --grayscale-a9: #ebfde766;
  --grayscale-a10: #f0fdec74;
  --grayscale-a11: #f6fef4b0;
  --grayscale-a12: #fdfffded;

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

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    .dark {
      --grayscale-1: color(display-p3 0.067 0.07 0.063);
      --grayscale-2: color(display-p3 0.095 0.098 0.091);
      --grayscale-3: color(display-p3 0.131 0.135 0.126);
      --grayscale-4: color(display-p3 0.158 0.163 0.153);
      --grayscale-5: color(display-p3 0.186 0.192 0.18);
      --grayscale-6: color(display-p3 0.221 0.229 0.215);
      --grayscale-7: color(display-p3 0.273 0.284 0.266);
      --grayscale-8: color(display-p3 0.365 0.382 0.359);
      --grayscale-9: color(display-p3 0.414 0.438 0.404);
      --grayscale-10: color(display-p3 0.467 0.49 0.458);
      --grayscale-11: color(display-p3 0.69 0.709 0.682);
      --grayscale-12: color(display-p3 0.927 0.933 0.926);

      --grayscale-a1: #00000000;
      --grayscale-a2: #f1f2f008;
      --grayscale-a3: #f4f5f312;
      --grayscale-a4: #f3fef21a;
      --grayscale-a5: #f2fbf122;
      --grayscale-a6: #f4faed2c;
      --grayscale-a7: #f2fced3b;
      --grayscale-a8: #edfdeb57;
      --grayscale-a9: #ebfde766;
      --grayscale-a10: #f0fdec74;
      --grayscale-a11: #f6fef4b0;
      --grayscale-a12: #fdfffded;

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

.light, :root {
  color-scheme: light;
  --accent: rgba(15, 110, 86, 1);
  --background: #fff;
  --border: initial;
  --sidebar-background: initial;
  --header-background: color-mix(in srgb, var(--background), transparent 30%);
  --card-background: initial;
  --theme-color: #0f6e56;
}

.dark {
  color-scheme: dark;
  --accent: rgba(74, 222, 128, 1);
  --background: #000;
  --border: initial;
  --sidebar-background: initial;
  --header-background: color-mix(in srgb, var(--background), transparent 30%);
  --card-background: initial;
  --theme-color: #4ade80;
}

.fern-background-image {
  background-image: linear-gradient(to bottom, color-mix(in srgb, var(--accent), var(--background) 90%) 0, var(--background) 100%);
}

.dark .fern-background-image {
  background-image: linear-gradient(to bottom, var(--background) 0, color-mix(in srgb, var(--accent), var(--background) 90%) 100%);
}

@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500;600;700&family=Instrument+Serif:ital@0;1&display=swap');

/* Typography & Layout Tokens */
:root {
  --font-body: 'IBM Plex Sans', ui-sans-serif, system-ui, sans-serif;
  --font-heading: 'Instrument Serif', Georgia, serif;
  --font-code: 'IBM Plex Mono', ui-monospace, monospace;
  --ease: cubic-bezier(0.16, 1, 0.3, 1);

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

/* Light mode brand theme: Parchment & Dark Forest Green */
.light, :root {
  --accent: #064e3b;
  --background: #FCFCF8;
  --sidebar-background: #FCFCF8;
  --header-background: #FCFCF8;
  --border: rgba(20, 19, 10, 0.06); /* Soft ink grid line */
  --card-background: #FAF9F3;
  --theme-color: #FCFCF8;
  --grayscale-1: #FAF9F3;
  --grayscale-2: #F2F0E8;
  --grayscale-3: #E5E2D8;
  --grayscale-9: #8A8672; /* Calm olive-gray */
  --grayscale-11: #6B6753; /* Muted text */
  --grayscale-12: #141309; /* Deep ink text */
  --code-bg: #F5F3EA; /* Code block luminance separation */
}

/* Dark mode brand theme: Carbon & Neon Green */
.dark {
  --accent: #4ade80;
  --background: #080907;
  --sidebar-background: #080907;
  --header-background: #080907;
  --border: rgba(249, 248, 243, 0.05); /* Carbon grid line */
  --card-background: #111113;
  --theme-color: #080907;
  --grayscale-1: #080907;
  --grayscale-2: #111113;
  --grayscale-3: #272a2d;
  --grayscale-9: #696e77;
  --grayscale-11: #b0b4ba;
  --grayscale-12: #F9F8F3;
  --code-bg: #121210; /* Code block luminance separation */
}

/* Global Reset for Brutalist Edges */
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  border-radius: 0px !important; /* Sharp corners on all elements */
}

/* Floating Noise Texture */
body {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.007'/%3E%3C/svg%3E") !important;
}

.dark body {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.015'/%3E%3C/svg%3E") !important;
}

/* Master Grid Dot Pattern on Main Content Area */
.fern-layout-content-wrapper {
  background-image: radial-gradient(var(--border) 1px, transparent 1px) !important;
  background-size: 32px 32px !important;
  position: relative !important;
}

/* Header Translucency */
.fern-header, .fern-header-tabs {
  background-color: color-mix(in srgb, var(--background) 80%, transparent) !important;
  backdrop-filter: blur(8px) !important;
  border-bottom: 1px solid var(--border) !important;
}

/* Input Fields & Buttons Styling */
#fern-search-button, 
#fern-ask-ai-button, 
.fern-header-navbar-links a, 
.fern-header-navbar-links button,
.fern-button {
  border-radius: 0px !important;
  font-family: var(--font-code) !important;
  font-size: 11px !important;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  border: 1px solid var(--border) !important;
  box-shadow: none !important;
}

.fern-button.filled {
  background-color: var(--accent) !important;
  color: var(--background) !important;
  border-color: var(--accent) !important;
}

/* Sidebar Styling: Calm, border-right gridline */
#fern-sidebar {
  border-right: 1px solid var(--border) !important;
  background-color: transparent !important;
}

/* Sidebar Section Headers */
.fern-sidebar-heading {
  font-family: var(--font-code) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  color: var(--accent) !important;
  margin-top: 2rem !important;
  margin-bottom: 0.8rem !important;
}

/* Sidebar Navigation Links - EXACT MATCH TO .lv5-nav__item */
.fern-sidebar-link {
  display: flex !important;
  flex-wrap: wrap !important; /* Allows long API paths to wrap under the HTTP method badge */
  align-items: center !important;
  gap: 4px !important;
  border-radius: 0px !important;
  font-family: var(--font-body) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  padding: 6px 16px !important; /* Compact padding to fit all items */
  color: var(--grayscale-11) !important; /* Muted text */
  background-color: transparent !important;
  border-left: 2px solid transparent !important; /* Continuous invisible line */
  transition: all 0.2s var(--ease) !important;
  
  /* Safely break long API paths without forcing horizontal scroll */
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

.fern-sidebar-link:hover {
  color: var(--grayscale-12) !important; /* Turn to ink on hover */
  background-color: transparent !important;
}
.fern-sidebar-link:focus-visible {
  color: var(--grayscale-12) !important; /* Turn to ink on hover */
  background-color: transparent !important;
}

/* Active Sidebar Link - Clean accent border, NO glow, NO background */
.fern-sidebar-link[data-state="active"] {
  color: var(--grayscale-12) !important;
  border-left-color: var(--accent) !important; /* Crisp, calm line */
  background-color: transparent !important;
}

.fern-sidebar-link[data-state="active"]::before {
  display: none !important; /* Remove hacky floating glow */
}

/* Table of Contents (Right Sidebar) restored to native */

/* Page Typography (Instrument Serif for calm, premium headers) */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading) !important;
  font-weight: 400 !important;
  letter-spacing: -0.02em !important;
  color: var(--grayscale-12) !important;
}

h1 {
  font-size: clamp(32px, 4vw, 44px) !important;
  line-height: 1.15 !important;
  margin-bottom: 0.5em !important;
}

h2 {
  font-size: clamp(24px, 3vw, 32px) !important;
  line-height: 1.2 !important;
  margin-top: 1.8em !important;
  margin-bottom: 0.6em !important;
  border-bottom: 1px solid var(--border) !important;
  padding-bottom: 8px !important;
}

h3 {
  font-size: clamp(20px, 2.5vw, 24px) !important;
  line-height: 1.25 !important;
  margin-top: 1.6em !important;
  margin-bottom: 0.6em !important;
}

/* Markdown Prose adjustments */
.prose {
  color: var(--grayscale-12) !important;
  font-size: 15px !important;
  line-height: 1.63 !important;
}

.prose p {
  margin-bottom: 1.25em !important;
}

/* Brutalist Inline Links */
.prose a {
  color: var(--grayscale-12) !important;
  text-decoration: underline !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 3px !important;
  text-decoration-color: var(--grayscale-8) !important;
  transition: all 0.2s var(--ease) !important;
}

.prose a:hover {
  text-decoration-color: var(--accent) !important;
  text-decoration-thickness: 2px !important;
}
.prose a:focus-visible {
  text-decoration-color: var(--accent) !important;
  text-decoration-thickness: 2px !important;
}

/* Code Blocks and Inline Code - Brutalist Match with GovernanceLanding.tsx */
/* Inline Code (e.g. `npm install ...`) */
p > code,
li > code,
td > code,
a > code,
strong > code,
em > code {
  background-color: transparent !important;
  border: 1px solid var(--border) !important;
  box-shadow: none !important;
  color: inherit !important;
  padding: 0.2em 0.4em !important;
  border-radius: 0px !important;
  transition: none !important;
}

p > code:hover,
li > code:hover,
td > code:hover,
a > code:hover {
  background-color: transparent !important;
  box-shadow: none !important;
}
p > code:focus-visible,
li > code:focus-visible,
td > code:focus-visible,
a > code:focus-visible {
  background-color: transparent !important;
  box-shadow: none !important;
}

/* Fix right TOC uppercase without breaking native bolding hierarchy */
#fern-toc a {
  text-transform: none !important;
  letter-spacing: normal !important;
}

.fern-code-block, 
.code-block-root {
  border: 1px solid var(--border) !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
  background-color: var(--card-background) !important;
  background-image: none !important; /* Forces off native grid lines */
  border-radius: 10px !important;
  margin-top: 1.5em !important;
  margin-bottom: 1.5em !important;
  overflow: hidden !important; /* Clip corners */
}

.fern-code-block pre,
.code-block-root pre {
  border: none !important;
  box-shadow: none !important;
  background-color: transparent !important; /* Float on the card background */
  background-image: none !important;
  padding: 20px 24px !important;
  border-radius: 0px !important;
  overflow-x: auto !important;
  margin: 0 !important;
}

.dark .fern-code-block pre, 
.dark .code-block-root pre {
  background-color: transparent !important;
  filter: contrast(1.08) brightness(1.12);
}

/* Aggressively wipe out internal line dividers, borders, and shadows */
.prose .fern-code-block code,
.prose .code-block-root code,
.prose .code-block-line,
.prose .code-block-line-group,
.prose .code-block-line-content {
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Reset internal code block layout tables that get clobbered by .prose table */
.prose .fern-code-block table,
.prose .code-block-root table,
.prose table.code-block-line-group {
  margin: 0 !important;
  border: none !important;
  box-shadow: none !important;
  background-color: transparent !important;
  border-radius: 0 !important;
  width: auto !important;
  display: table !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
}

/* Wipe out td and tr styling leaking from .prose td and .prose tr (border-bottom, padding) */
.prose .fern-code-block tr,
.prose .code-block-root tr,
.prose tr.code-block-line,
.prose .fern-code-block td,
.prose .code-block-root td,
.prose td.code-block-line-content,
.prose td.code-block-line-gutter,
.prose .fern-code-block th,
.prose .code-block-root th,
.prose th.code-block-line-header {
  border: none !important;
  border-top: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
  background-color: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Remove static bar and style scrollbars */
.fern-code-block ::-webkit-scrollbar,
.code-block-root ::-webkit-scrollbar { 
  height: 6px !important; 
  width: 6px !important; 
}
.fern-code-block ::-webkit-scrollbar-thumb,
.code-block-root ::-webkit-scrollbar-thumb { 
  background: rgba(0,0,0,0.15) !important; 
  border-radius: 0px !important;
}
.dark .fern-code-block ::-webkit-scrollbar-thumb,
.dark .code-block-root ::-webkit-scrollbar-thumb {
  background: rgba(255,255,255,0.15) !important;
}

/* Fix long-line overflow & bump typography */
.fern-code-block code,
.code-block-root code { 
  font-family: var(--font-code) !important;
  font-size: 13.5px !important;
  letter-spacing: 0.01em !important;
  white-space: pre !important; 
  overflow-x: auto !important; 
  display: block !important;
  line-height: 1.6 !important;
}

/* Hide line numbers */
.fern-code-block [data-line-number],
.code-block-root [data-line-number],
.fern-code-block .line-number,
.code-block-root .line-number,
.code-block-line-gutter {
  display: none !important;
}

/* Consistent header row - matching GovernanceLanding.tsx tabs */
.fern-code-block-header,
.code-block-root-header { 
  display: flex !important; 
  justify-content: flex-start !important; 
  align-items: center !important;
  gap: 0px !important; 
  padding: 0 8px !important; 
  border-bottom: 1px solid var(--border) !important; 
  background-color: transparent !important;
}

.fern-code-block-header [data-state="active"],
.code-block-root-header [data-state="active"] {
  font-family: var(--font-code) !important;
  font-size: 10px !important;
  color: var(--grayscale-12) !important;
  padding: 8px 12px !important;
  border-bottom: 2px solid var(--accent) !important;
  margin-bottom: -1px !important;
}

:not(pre) > code {
  background-color: var(--grayscale-2) !important;
  color: var(--grayscale-12) !important;
  padding: 3px 6px !important;
  font-size: 0.85em !important;
  border: 1px solid var(--border) !important;
  border-radius: 4px !important;
}

/* Callouts / Admonitions */
.fern-callout {
  border-radius: 0px !important;
  border: 1px solid var(--border) !important;
  border-left: 4px solid var(--grayscale-10) !important; /* Thick brutalist indent */
  background-color: transparent !important;
  box-shadow: none !important;
}

/* High-Polish Developer Friendly Tables */
.prose table {
  width: 100% !important;
  border-collapse: collapse !important;
  font-family: var(--font-body) !important; /* Sans-serif for readability */
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
  border: 1px solid var(--border) !important;
  border-radius: 6px !important; /* Soft corners */
  background-color: var(--card-background) !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.02) !important;
  overflow: hidden !important; /* Clip corners */
  display: table !important; /* Fix for border-radius on tables */
}

.prose th {
  font-family: var(--font-body) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  color: var(--grayscale-11) !important; /* Muted text */
  border-bottom: 1px solid var(--border) !important;
  padding: 12px 16px !important;
  text-align: left !important;
  background-color: var(--grayscale-2) !important; /* Subtle header background */
}

.prose td {
  font-family: var(--font-body) !important;
  font-size: 13.5px !important;
  font-weight: 400 !important;
  color: var(--grayscale-12) !important; /* Pure ink */
  border-bottom: 1px solid var(--border) !important;
  padding: 12px 16px !important;
  text-align: left !important;
  background-color: transparent !important;
  transition: background-color 0.15s var(--ease) !important;
}

.prose tr:last-child td {
  border-bottom: none !important;
}

.prose tr:hover td {
  background-color: var(--grayscale-2) !important; /* Very soft parchment hover */
}
.prose tr:focus-within td {
  background-color: var(--grayscale-2) !important; /* Very soft parchment hover */
}

/* Hide Powered By Fern logo */
#builtwithfern, 
.fern-powered-by {
  display: none !important;
}