/*fern-site-stylesheet*/@font-face {
    font-family: 'Inter';
    src: url('/_fern-files/truvo.docs.buildwithfern.com/693b77d4f32ee9b8bfc995589b5fad5e99adf2832738661f5402f9978429a8e3/assets/fonts/InterVariable.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/693b77d4f32ee9b8bfc995589b5fad5e-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: 'Inter Headings';
    src: url('/_fern-files/truvo.docs.buildwithfern.com/693b77d4f32ee9b8bfc995589b5fad5e99adf2832738661f5402f9978429a8e3/assets/fonts/InterVariable.woff2') format('woff2');
    font-weight: 600;
    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 Headings';
    src: url('/_fern-img/693b77d4f32ee9b8bfc995589b5fad5e-v1.latin.woff2') format('woff2');
    font-weight: 600;
    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;
}

:root {
  --header-height: 64px;
  --header-height-real: 64px;
  --mobile-header-height-real: 64px;
  --content-width: 640px;
  --sidebar-width: 288px;
  --page-width: 1408px;
  --logo-height: 18px;
  --font-body: 'Inter', system-ui, sans-serif, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  --font-heading: 'Inter Headings', system-ui, sans-serif, 'Inter', system-ui, sans-serif, 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;
}

: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: #f6f8f3;
  --accent-2: #f0f5ea;
  --accent-3: #def4c4;
  --accent-4: #cdf0a1;
  --accent-5: #bce783;
  --accent-6: #aed874;
  --accent-7: #9cc461;
  --accent-8: #86ad4a;
  --accent-9: #3d5417;
  --accent-10: #2e4402;
  --accent-11: #527600;
  --accent-12: #2e4402;

  --accent-a1: #2f952c05;
  --accent-a2: #449f0b0e;
  --accent-a3: #74de0235;
  --accent-a4: #79de0159;
  --accent-a5: #77d20178;
  --accent-a6: #6bba0288;
  --accent-a7: #60a2009b;
  --accent-a8: #548c00b3;
  --accent-a9: #2a4301e8;
  --accent-a10: #2c4300fd;
  --accent-a11: #527600;
  --accent-a12: #2c4300fd;

  --accent-contrast: #fff;
  --accent-surface: #eef4e7cc;
  --accent-indicator: #3d5417;
  --accent-track: #3d5417;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    .light, :root {
      --accent-1: oklch(97.5% 0.0066 127.7);
      --accent-2: oklch(96.3% 0.0154 127.7);
      --accent-3: oklch(94% 0.0684 127.7);
      --accent-4: oklch(91.1% 0.1087 127.7);
      --accent-5: oklch(87.5% 0.1359 127.7);
      --accent-6: oklch(83% 0.1359 127.7);
      --accent-7: oklch(77% 0.1359 127.7);
      --accent-8: oklch(69.8% 0.1359 127.7);
      --accent-9: oklch(41.3% 0.0906 127.7);
      --accent-10: oklch(35.5% 0.0906 127.7);
      --accent-11: oklch(51.9% 0.1359 127.7);
      --accent-12: oklch(35.4% 0.0906 127.7);

      --accent-a1: color(display-p3 0.0588 0.5216 0.0471 / 0.017);
      --accent-a2: color(display-p3 0.2627 0.5804 0.0118 / 0.049);
      --accent-a3: color(display-p3 0.4902 0.8392 0.0039 / 0.191);
      --accent-a4: color(display-p3 0.5098 0.8471 0.0039 / 0.316);
      --accent-a5: color(display-p3 0.4863 0.7922 0.0039 / 0.422);
      --accent-a6: color(display-p3 0.4235 0.6941 0.0039 / 0.482);
      --accent-a7: color(display-p3 0.3765 0.5922 0 / 0.555);
      --accent-a8: color(display-p3 0.3255 0.5059 0 / 0.644);
      --accent-a9: color(display-p3 0.149 0.2275 0 / 0.867);
      --accent-a10: color(display-p3 0.1451 0.2157 0 / 0.936);
      --accent-a11: color(display-p3 0.2627 0.3843 0 / 0.871);
      --accent-a12: color(display-p3 0.1451 0.2157 0 / 0.936);

      --accent-contrast: #fff;
      --accent-surface: color(display-p3 0.9373 0.9569 0.9137 / 0.8);
      --accent-indicator: oklch(41.3% 0.0906 127.7);
      --accent-track: oklch(41.3% 0.0906 127.7);
    }
  }
}


.light, :root {
  --grayscale-1: #fcfdfc;
  --grayscale-2: #f8faf8;
  --grayscale-3: #eff1ef;
  --grayscale-4: #e7e9e7;
  --grayscale-5: #dfe2df;
  --grayscale-6: #d7dad7;
  --grayscale-7: #cccfcc;
  --grayscale-8: #b9bcb8;
  --grayscale-9: #898e87;
  --grayscale-10: #7f847d;
  --grayscale-11: #60655f;
  --grayscale-12: #1d211c;

  --grayscale-a1: #00550003;
  --grayscale-a2: #00490007;
  --grayscale-a3: #00200010;
  --grayscale-a4: #00160018;
  --grayscale-a5: #00180020;
  --grayscale-a6: #00140028;
  --grayscale-a7: #000f0033;
  --grayscale-a8: #040f0047;
  --grayscale-a9: #050f0078;
  --grayscale-a10: #040e0082;
  --grayscale-a11: #020a00a0;
  --grayscale-a12: #010600e3;

  --grayscale-contrast: #000;
  --grayscale-surface: #ffffffcc;
  --grayscale-indicator: #898e87;
  --grayscale-track: #898e87;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    .light, :root {
      --grayscale-1: color(display-p3 0.989 0.992 0.989);
      --grayscale-2: color(display-p3 0.974 0.98 0.973);
      --grayscale-3: color(display-p3 0.939 0.945 0.937);
      --grayscale-4: color(display-p3 0.907 0.914 0.905);
      --grayscale-5: color(display-p3 0.878 0.885 0.875);
      --grayscale-6: color(display-p3 0.846 0.855 0.843);
      --grayscale-7: color(display-p3 0.803 0.812 0.8);
      --grayscale-8: color(display-p3 0.727 0.738 0.723);
      --grayscale-9: color(display-p3 0.541 0.556 0.532);
      --grayscale-10: color(display-p3 0.5 0.515 0.491);
      --grayscale-11: color(display-p3 0.38 0.395 0.374);
      --grayscale-12: color(display-p3 0.117 0.129 0.111);

      --grayscale-a1: #00550003;
      --grayscale-a2: #00490007;
      --grayscale-a3: #00200010;
      --grayscale-a4: #00160018;
      --grayscale-a5: #00180020;
      --grayscale-a6: #00140028;
      --grayscale-a7: #000f0033;
      --grayscale-a8: #040f0047;
      --grayscale-a9: #050f0078;
      --grayscale-a10: #040e0082;
      --grayscale-a11: #020a00a0;
      --grayscale-a12: #010600e3;

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


.dark {
  --accent-1: #0c1008;
  --accent-2: #151911;
  --accent-3: #202915;
  --accent-4: #283812;
  --accent-5: #324617;
  --accent-6: #3d551c;
  --accent-7: #496520;
  --accent-8: #557622;
  --accent-9: #92c841;
  --accent-10: #87bd33;
  --accent-11: #95cc45;
  --accent-12: #cfeeab;

  --accent-a1: #008f0002;
  --accent-a2: #b1f76a0b;
  --accent-a3: #b2fc561c;
  --accent-a4: #a5fd2a2c;
  --accent-a5: #aafc393b;
  --accent-a6: #aefd404b;
  --accent-a7: #b2fd425c;
  --accent-a8: #b3fd3e6e;
  --accent-a9: #b9ff50c5;
  --accent-a10: #b5ff41b9;
  --accent-a11: #b9ff54c9;
  --accent-a12: #deffb7ed;

  --accent-contrast: #1c2510;
  --accent-surface: #1c231580;
  --accent-indicator: #92c841;
  --accent-track: #92c841;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    .dark {
      --accent-1: oklch(16.6% 0.0171 128.7);
      --accent-2: oklch(20.7% 0.0171 128.7);
      --accent-3: oklch(26.5% 0.0364 128.7);
      --accent-4: oklch(31.8% 0.0633 128.7);
      --accent-5: oklch(36.6% 0.0751 128.7);
      --accent-6: oklch(41.6% 0.0874 128.7);
      --accent-7: oklch(46.8% 0.1013 128.7);
      --accent-8: oklch(52.4% 0.118 128.7);
      --accent-9: oklch(76.9% 0.1723 128.7);
      --accent-10: oklch(73.4% 0.1723 128.7);
      --accent-11: oklch(78% 0.1723 128.7);
      --accent-12: oklch(91.1% 0.0946 128.7);

      --accent-a1: color(display-p3 0 0.8431 0 / 0.005);
      --accent-a2: color(display-p3 0.8039 0.9961 0.5216 / 0.042);
      --accent-a3: color(display-p3 0.7765 0.9961 0.4118 / 0.109);
      --accent-a4: color(display-p3 0.7216 1 0.2824 / 0.171);
      --accent-a5: color(display-p3 0.7529 1 0.349 / 0.225);
      --accent-a6: color(display-p3 0.7647 1 0.3647 / 0.288);
      --accent-a7: color(display-p3 0.7765 0.9961 0.3843 / 0.355);
      --accent-a8: color(display-p3 0.7765 1 0.3765 / 0.425);
      --accent-a9: color(display-p3 0.7882 1 0.4314 / 0.767);
      --accent-a10: color(display-p3 0.7804 1 0.3882 / 0.721);
      --accent-a11: color(display-p3 0.7961 1 0.4392 / 0.78);
      --accent-a12: color(display-p3 0.898 1 0.749 / 0.925);

      --accent-contrast: #1c2510;
      --accent-surface: color(display-p3 0.1176 0.1333 0.0863 / 0.5);
      --accent-indicator: oklch(76.9% 0.1723 128.7);
      --accent-track: oklch(76.9% 0.1723 128.7);
    }
  }
}


.dark {
  --grayscale-1: #111110;
  --grayscale-2: #191918;
  --grayscale-3: #222221;
  --grayscale-4: #2a2a28;
  --grayscale-5: #31312e;
  --grayscale-6: #3b3a37;
  --grayscale-7: #494844;
  --grayscale-8: #62605b;
  --grayscale-9: #6f6d66;
  --grayscale-10: #7c7b74;
  --grayscale-11: #b5b3ad;
  --grayscale-12: #eeeeec;

  --grayscale-a1: #00000000;
  --grayscale-a2: #f4f4f309;
  --grayscale-a3: #f6f6f513;
  --grayscale-a4: #fefef31b;
  --grayscale-a5: #fbfbeb23;
  --grayscale-a6: #fffaed2d;
  --grayscale-a7: #fffbed3c;
  --grayscale-a8: #fff9eb57;
  --grayscale-a9: #fffae965;
  --grayscale-a10: #fffdee73;
  --grayscale-a11: #fffcf4b0;
  --grayscale-a12: #fffffded;

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

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    .dark {
      --grayscale-1: color(display-p3 0.067 0.067 0.063);
      --grayscale-2: color(display-p3 0.098 0.098 0.094);
      --grayscale-3: color(display-p3 0.135 0.135 0.129);
      --grayscale-4: color(display-p3 0.164 0.163 0.156);
      --grayscale-5: color(display-p3 0.193 0.192 0.183);
      --grayscale-6: color(display-p3 0.23 0.229 0.217);
      --grayscale-7: color(display-p3 0.285 0.282 0.267);
      --grayscale-8: color(display-p3 0.384 0.378 0.357);
      --grayscale-9: color(display-p3 0.434 0.428 0.403);
      --grayscale-10: color(display-p3 0.487 0.481 0.456);
      --grayscale-11: color(display-p3 0.707 0.703 0.68);
      --grayscale-12: color(display-p3 0.933 0.933 0.926);

      --grayscale-a1: #00000000;
      --grayscale-a2: #f4f4f309;
      --grayscale-a3: #f6f6f513;
      --grayscale-a4: #fefef31b;
      --grayscale-a5: #fbfbeb23;
      --grayscale-a6: #fffaed2d;
      --grayscale-a7: #fffbed3c;
      --grayscale-a8: #fff9eb57;
      --grayscale-a9: #fffae965;
      --grayscale-a10: #fffdee73;
      --grayscale-a11: #fffcf4b0;
      --grayscale-a12: #fffffded;

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

.light, :root {
  color-scheme: light;
  --accent: rgba(61, 84, 23, 1);
  --background: rgba(250, 250, 247, 1);
  --border: rgba(220, 227, 210, 1);
  --sidebar-background: rgba(237, 243, 227, 1);
  --header-background: rgba(237, 243, 227, 1);
  --card-background: rgba(255, 255, 255, 1);
  --theme-color: #fafaf7;
}

.dark {
  color-scheme: dark;
  --accent: rgba(146, 200, 65, 1);
  --background: rgba(14, 15, 13, 1);
  --border: rgba(42, 46, 37, 1);
  --sidebar-background: rgba(18, 21, 16, 1);
  --header-background: rgba(18, 21, 16, 1);
  --card-background: rgba(23, 25, 21, 1);
  --theme-color: #0e0f0d;
}

/* Fern colors the active sidebar link with --accent-a11. In light mode the
   derived value measured 4.25:1 on the active row, under WCAG AA, so pin it
   to the brand-775 green (6.8:1). The selector outranks Fern's `.light,
   :root` rule and its display-p3 variant. */
:root:not(.dark) {
  --accent-a11: #3d5417;
}

/* The phone header. Fern lays the header out in one row that never wraps:
   the logo, search, Ask AI, then the menu button that opens the sidebar and
   the Guides, API reference and Changelog tabs. At 390px that row is 440px
   wide, so the menu button sits past the right edge. Under 640px the header
   drops its Ask AI button: every page keeps "Ask a question" in its page
   actions. */
@media (max-width: 640px) {

  #fern-ask-ai-button {
    display: none;
  }

}

/* Under 375px the search button's label doesn't fit beside the logo and the
   menu button. The button keeps its icon and its accessible name ("Search"),
   drops the label text and the `/` key hint, and sits next to the menu
   button. 44px is the smallest touch target in Apple's and Google's
   guidelines. */
@media (max-width: 374px) {

  .fern-header-content div:has(> #fern-search-button) {
    justify-content: flex-end;
  }
  #fern-search-button {
    flex: 0 0 auto;
    justify-content: center;
    width: 44px;
    height: 44px;
    padding: 0;
    font-size: 0;
  }
  #fern-search-button > :not(svg) {
    display: none;
  }

}

/* Fern shows the menu button below 1024px, at 36px. */
.fern-header-mobile-menu-button > button {
  width: 44px;
  height: 44px;
}

/* Keyboard focus. Fern draws no focus indicator on the header tabs or the
   table of contents links, and a 1px ring at 1.4:1 on a disclosure. These
   get the ring that Fern draws on links in the page: 2px of the accent, 2px
   out. The accent measures 8.1:1 on the light page and 9.7:1 on the dark
   one. A disclosure clips what it draws outside its card, so its ring sits
   2px inside the card's edge and follows the card's corners. */
.fern-header-tabs a:focus-visible,
.toc-item a:focus-visible,
summary.fern-accordion-trigger:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
  border-radius: 4px;
}
summary.fern-accordion-trigger:focus-visible {
  outline-offset: -2px;
  border-radius: 11px;
}

/* Tables under 640px. A row can't hold three columns side by side: a
   field name or an endpoint path alone is up to 300px wide. So each row
   becomes a block that holds its cells in order, each on the full width,
   and no table scrolls sideways. The first cell names the row. In a table
   of three or more columns, each later cell starts with its column heading,
   which assets/table-labels.js copies onto the cell as `data-label`. */
@media (max-width: 640px) {

  .fern-prose .fern-table-root .fern-scroll-area-viewport {
    overflow: visible !important;
  }
  .fern-prose .fern-table-root .fern-scroll-area-viewport > div {
    display: block !important;
    min-width: 0 !important;
  }
  .fern-prose .fern-table-root :is(table, tbody, tr, td) {
    display: block;
    width: auto;
    height: auto;
  }
  .fern-prose .fern-table-root thead {
    display: none;
  }
  .fern-prose .fern-table-root tr {
    padding: 0.75rem;
    border-bottom: 1px solid var(--border, #dce3d2);
  }
  .fern-prose .fern-table-root tr:last-child {
    border-bottom: 0;
  }
  .fern-prose .fern-table-root td {
    padding: 0;
    border: 0;
  }
  .fern-prose .fern-table-root td + td {
    margin-top: 0.25rem;
  }
  .fern-prose .fern-table-root td:empty {
    display: none;
  }
  .fern-prose .fern-table-root td code {
    overflow-wrap: anywhere;
  }
  .fern-prose .fern-table-root td[style*="text-align"] {
    text-align: left !important;
  }
  .fern-prose .fern-table-root table:has(th:nth-child(3)) td + td[data-label]::before {
    content: attr(data-label) ": ";
    font-weight: 600;
  }
  .fern-prose .fern-table-root table:has(th:nth-child(3)) td + td[data-label$="?"]::before {
    content: attr(data-label) " ";
  }

  /* The request field tables of the "Request a quote" guides
     (fern/snippets/request-fields-*.mdx, which
     scripts/quote-request-field-docs.ts writes) follow the "Top-level
     fields" heading or a heading whose ID starts with "application". The
     input table of each MCP tool page (fern/pages/mcp/, which
     src/server/http/insurance-mcp-tools-page.ts writes) follows its "Input"
     heading, and takes the same styles. A row
     holds the name and its label, the type, the default, then the
     description, which read without their headings. Only a table with four
     columns labels its third, the Default column. */
  :is(h3#top-level-fields, h3[id^="application"], h2#input) + .fern-table-root td + td[data-label]::before {
    content: none;
  }

}

/* The same field tables from 641px up. Each row is a grid of two columns:
   the name and its label, the type and the default stack in the left 40%,
   and the description takes the right 60%. Every field table splits at the
   same place, so the columns line up from one table to the next, and a type
   such as "integer, greater than 0" fits on one line. The header row keeps
   "Field" and "Description". */
@media (min-width: 641px) {

  :is(h3#top-level-fields, h3[id^="application"], h2#input) + .fern-table-root .fern-scroll-area-viewport {
    overflow: visible !important;
  }
  :is(h3#top-level-fields, h3[id^="application"], h2#input) + .fern-table-root .fern-scroll-area-viewport > div {
    display: block !important;
    min-width: 0 !important;
  }
  :is(h3#top-level-fields, h3[id^="application"], h2#input) + .fern-table-root :is(table, thead, tbody) {
    display: block;
  }
  :is(h3#top-level-fields, h3[id^="application"], h2#input) + .fern-table-root :is(tr, th, td) {
    height: auto;
  }
  :is(h3#top-level-fields, h3[id^="application"], h2#input) + .fern-table-root tr {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
    grid-template-rows: auto auto 1fr;
    border-bottom: 1px solid var(--border, #dce3d2);
  }
  :is(h3#top-level-fields, h3[id^="application"], h2#input) + .fern-table-root tbody tr {
    padding: 0.5rem 0;
  }
  :is(h3#top-level-fields, h3[id^="application"], h2#input) + .fern-table-root tbody tr:last-child {
    border-bottom: 0;
  }
  :is(h3#top-level-fields, h3[id^="application"], h2#input) + .fern-table-root :is(th, td) {
    grid-column: 1;
    border-bottom: 0;
  }
  :is(h3#top-level-fields, h3[id^="application"], h2#input) + .fern-table-root :is(th, td):last-child {
    grid-column: 2;
    grid-row: 1 / span 3;
  }
  :is(h3#top-level-fields, h3[id^="application"], h2#input) + .fern-table-root th:not(:first-child, :last-child) {
    display: none;
  }
  :is(h3#top-level-fields, h3[id^="application"], h2#input) + .fern-table-root td {
    padding: 0 0.5rem;
  }
  :is(h3#top-level-fields, h3[id^="application"], h2#input) + .fern-table-root td:not(:first-child, :last-child) {
    padding-top: 0.25rem;
  }
  :is(h3#top-level-fields, h3[id^="application"], h2#input) + .fern-table-root td:empty {
    display: none;
  }
  :is(h3#top-level-fields, h3[id^="application"], h2#input) + .fern-table-root td:first-child code {
    overflow-wrap: anywhere;
  }
  /* The label sits on the name's line when both fit, so a short labeled
     field takes two lines (name and label, then type), not three. The cell
     wraps as a flex row of the name and the label, and the generators put a
     label with a condition in one span with its condition. A label that a
     long name pushes to the next line starts at the cell's edge, with no
     indent. */
  :is(h3#top-level-fields, h3[id^="application"], h2#input) + .fern-table-root td:first-child {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.25rem 0.5rem;
  }
  :is(h3#top-level-fields, h3[id^="application"], h2#input) + .fern-table-root td:first-child > br {
    display: none;
  }

}

/* A field table with four columns has a Default column, whose heading is
   hidden at every width, so its cells name it. */
:is(h3#top-level-fields, h3[id^="application"], h2#input) + .fern-table-root table:has(th:nth-child(4)) td:nth-child(3)::before {
  content: "Default: ";
  font-weight: 600;
}
/* Fern sizes inline code at 0.875 of its text, which would make a default
   value 11.375px in the 13px Default line, under 12px. It takes 12px. */
:is(h3#top-level-fields, h3[id^="application"], h2#input) + .fern-table-root table:has(th:nth-child(4)) td:nth-child(3) code {
  font-size: 12px;
}

/* In the same field tables the name leads its row: 13px semibold code with
   no chip, the heaviest text in the row. Its label is 12px medium, and the
   type and the default read as metadata, in the muted text color at 13px.
   The muted color measures 5.8:1 on a light cell and 7.6:1 on a dark one.
   The legend of the labels above the tables (fern/snippets/field-labels.mdx,
   after the "Request fields" heading) shows them at the table's size. */
:is(h3#top-level-fields, h3[id^="application"], h2#input) + .fern-table-root td:first-child > code:first-child {
  padding: 0;
  border: 0;
  background: none;
  box-shadow: none;
  color: inherit;
  font-size: 13px;
  font-weight: 600;
}
:is(h3#top-level-fields, h3[id^="application"], h2#input) + .fern-table-root td:first-child .fern-docs-badge,
h2#request-fields + .fern-table-root td:first-child .fern-docs-badge {
  padding: 2px 6px;
  font-size: 12px;
  font-weight: 500;
}
:is(h3#top-level-fields, h3[id^="application"], h2#input) + .fern-table-root td:not(:first-child, :last-child) {
  color: var(--grayscale-a11);
  font-size: 13px;
}

/* In the same field tables under 641px, a field's label sits on the line
   under its name. Fern sets no space between the two lines, so the margin
   sets it: 0.25rem, the 4px base step of Fern's spacing scale. It is less
   than the cell padding (0.5rem), so the name and its label read as one
   item, and it equals the space between the parts of a row in the narrow
   layout above. A label with a condition sits in a span with it. */
@media (max-width: 640px) {

  :is(h3#top-level-fields, h3[id^="application"], h2#input) + .fern-table-root td:first-child .fern-docs-badge {
    margin-top: 0.25rem;
  }

}

/* Inline code in running text. Fern colors it with the accent, as it does
   links, so a code span and a link differ only by an underline. Code keeps
   the text color and its chip, and the accent stays on links, including a
   link whose text is code. */
.fern-prose :is(p, li) > code {
  color: inherit;
  font-weight: 500;
}

/* A code block with `wordWrap`. Fern wraps its lines with `word-break:
   break-all`, which splits words at any letter ("th / is"). Lines wrap
   between words, and a word longer than the line still breaks. */
.fern-code-block .line {
  word-break: normal;
  overflow-wrap: anywhere;
}

/* Method and status pills. In light mode Fern's tints measured 3.6:1 to
   4.2:1 on the sidebar for 10px bold text. These colors measure 4.9:1 to
   5.6:1 there. Dark mode, and the dark code panels of light mode, keep
   Fern's tints, which pass. The solid pill of the selected page measured
   2.9:1 to 3.3:1 in both modes. White measures 5.2:1 to 6.2:1 on these. */
:root:not(.dark) .fern-docs-badge.subtle.green:not(.dark *) {
  color: #196c45;
}
:root:not(.dark) .fern-docs-badge.subtle.blue:not(.dark *) {
  color: #0b5fb0;
}
:root:not(.dark) .fern-docs-badge.subtle.orange:not(.dark *) {
  color: #9a3a00;
}
:root:not(.dark) .fern-docs-badge.subtle.red:not(.dark *) {
  color: #b5161d;
}
.fern-docs-badge.solid.green {
  background-color: #1d7a50;
}
.fern-docs-badge.solid.blue {
  background-color: #0b68b8;
}
.fern-docs-badge.solid.orange {
  background-color: #b34300;
}
.fern-docs-badge.solid.red {
  background-color: #b8232a;
}

/* The page actions under 640px wrap onto two or three rows, and a "|"
   separator can end a row. The actions drop their separators there and
   keep the padding of each action between them. */
@media (max-width: 640px) {

  .fern-page-actions > span[aria-hidden="true"] {
    display: none;
  }

}

/* Numbers in tables use digits of one width, so a right-aligned column of
   counts and durations lines up by place. */
.fern-prose .fern-table-root td {
  font-variant-numeric: tabular-nums;
}

/* The "Values" and "Allowed values" disclosures inside table cells. Fern
   sizes them as page sections: a 16px semibold title in a 56px card with a
   margin after it. In a 14px cell they take the cell's text size, a compact
   card and no margin. The chevron turns without motion when the reader
   asks for reduced motion. */
.fern-prose .fern-table-root .fern-accordion {
  margin: 0.25rem 0 0;
}
.fern-prose .fern-table-root .fern-accordion-trigger {
  padding: 6px 10px;
}
.fern-prose .fern-table-root .fern-accordion-trigger-title {
  margin: 0;
  font-size: 14px;
  font-weight: 500;
}
@media (prefers-reduced-motion: reduce) {

  .fern-accordion-trigger-arrow {
    transition: none;
  }

}

/* The description that tools/list serves, on each MCP tool page
   (fern/pages/mcp/), is a long block quote after the "Description" heading
   and its lead-in. Fern sets block quotes in italics, which is hard to read
   at that length, so it takes the upright text style. */
h2#description + p + blockquote,
h2#description + p + blockquote p {
  font-style: normal;
}