/*fern-site-stylesheet*/@font-face {
    font-family: 'Satoshi';
    src: url('/_fern-files/thymia.docs.buildwithfern.com/5aa97d938f523dd893c52473c3a021a0bf4ba0f95290edcc0749c088717f951f/docs/assets/fonts/Satoshi-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0100-0192, U+01FA-0237, U+02C7-02DD, U+0300-0338, U+03A9-03C0, U+1E80-1E85, U+1EF2-1EF3, U+2070-2089, U+2116-212E, U+215B-215E, U+2190-2199, U+2202-2265, U+25A0-25CF, U+262E, U+2713, U+F8FF, U+FB00-FB04;
}
@font-face {
    font-family: 'Satoshi';
    src: url('/_fern-img/5aa97d938f523dd893c52473c3a021a0-v1.latin.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0020-007E, U+00A1-00A9, U+00AB-00AC, U+00AE-00B9, U+00BB-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2032, U+2039-203A, U+2042, U+2044, U+20AC, U+2122, U+2191, U+2193, U+2212;
}
@font-face {
    font-family: 'Satoshi';
    src: url('/_fern-files/thymia.docs.buildwithfern.com/d492ce178ab9042bd6bcad1b9ef49b1436ba5f4f833dee4a7a2ed94e9d8c922e/docs/assets/fonts/Satoshi-Medium.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0100-0192, U+01FA-0237, U+02C7-02DD, U+0300-0338, U+03A9-03C0, U+1E80-1E85, U+1EF2-1EF3, U+2070-2089, U+2116-212E, U+215B-215E, U+2190-2199, U+2202-2265, U+25A0-25CF, U+262E, U+2713, U+F8FF, U+FB00-FB04;
}
@font-face {
    font-family: 'Satoshi';
    src: url('/_fern-img/d492ce178ab9042bd6bcad1b9ef49b14-v1.latin.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0020-007E, U+00A1-00A9, U+00AB-00AC, U+00AE-00B9, U+00BB-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2032, U+2039-203A, U+2042, U+2044, U+20AC, U+2122, U+2191, U+2193, U+2212;
}
@font-face {
    font-family: 'GeneralSans';
    src: url('/_fern-files/thymia.docs.buildwithfern.com/0168813e5da4bb7fcbffbe1305cc4932220772ff26c0488c5d62e28f579aa5ae/docs/assets/fonts/GeneralSans-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0100-0192, U+0218-0237, U+02C7-02DD, U+0300-0338, U+0394-03C0, U+1E80-1E85, U+1EF2-1EF3, U+2070-2089, U+20B9-20BD, U+212E, U+2202-2265, U+25CA, U+F8FF, U+FB01-FB02;
}
@font-face {
    font-family: 'GeneralSans';
    src: url('/_fern-img/0168813e5da4bb7fcbffbe1305cc4932-v1.latin.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0000, U+000D, U+0020-007E, U+00A0-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+20AC, U+2122, U+2212, U+2215;
}
@font-face {
    font-family: 'Satoshi Fallback';
    src: local('Arial'), local('ArialMT'), local('Liberation Sans'), local('Arimo');
    size-adjust: 98.92%;
    ascent-override: 102.10%;
    descent-override: 24.26%;
    line-gap-override: 10.11%;
}
@font-face {
    font-family: 'GeneralSans Fallback';
    src: local('Arial'), local('ArialMT'), local('Liberation Sans'), local('Arimo');
    size-adjust: 103.63%;
    ascent-override: 97.46%;
    descent-override: 23.16%;
    line-gap-override: 9.65%;
}

:root {
  --header-height: 64px;
  --header-height-real: 64px;
  --mobile-header-height-real: 64px;
  --content-width: 640px;
  --sidebar-width: 288px;
  --page-width: 100vw;
  --logo-height: 38px;
  --font-body: 'Satoshi', 'Satoshi Fallback', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  --font-heading: 'GeneralSans', 'GeneralSans Fallback', 'Satoshi', 'Satoshi Fallback', 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: #100f0e;
  --accent-2: #050201;
  --accent-3: #000;
  --accent-4: #000;
  --accent-5: #000;
  --accent-6: #000;
  --accent-7: #000;
  --accent-8: #000;
  --accent-9: #d05817;
  --accent-10: #c14a00;
  --accent-11: #000;
  --accent-12: #552f1e;

  --accent-a1: #0402008c;
  --accent-a2: #040100f7;
  --accent-a3: #000000;
  --accent-a4: #000000;
  --accent-a5: #000000;
  --accent-a6: #000000;
  --accent-a7: #000000;
  --accent-a8: #000000;
  --accent-a9: #ff6715ca;
  --accent-a10: #fe5a00b9;
  --accent-a11: #000000;
  --accent-a12: #fe611b3e;

  --accent-contrast: #fff;
  --accent-surface: #000000cc;
  --accent-indicator: #d05817;
  --accent-track: #d05817;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    .light, :root {
      --accent-1: oklch(16.8% 0.0024 43.71);
      --accent-2: oklch(9.2% 0.0124 43.71);
      --accent-3: oklch(0.7% 0.03 43.71);
      --accent-4: oklch(-9% 0.0666 43.71);
      --accent-5: oklch(-18% 0.0881 43.71);
      --accent-6: oklch(-27.1% 0.0928 43.71);
      --accent-7: oklch(-37.5% 0.0971 43.71);
      --accent-8: oklch(-47.9% 0.1154 43.71);
      --accent-9: oklch(60.6% 0.1673 43.71);
      --accent-10: oklch(56.3% 0.1673 43.71);
      --accent-11: oklch(-59.8% 0.1673 43.71);
      --accent-12: oklch(35% 0.0627 43.71);

      --accent-a1: color(display-p3 0.0157 0.0078 0 / 0.549);
      --accent-a2: color(display-p3 0.0118 0.0039 0 / 0.968);
      --accent-a3: color(display-p3 0 0 0);
      --accent-a4: color(display-p3 0 0 0);
      --accent-a5: color(display-p3 0 0 0);
      --accent-a6: color(display-p3 0 0 0);
      --accent-a7: color(display-p3 0 0 0);
      --accent-a8: color(display-p3 0 0 0);
      --accent-a9: color(display-p3 0.9961 0.4667 0.1922 / 0.724);
      --accent-a10: color(display-p3 0.9961 0.4235 0.1216 / 0.661);
      --accent-a11: color(display-p3 0 0 0);
      --accent-a12: color(display-p3 1 0.4471 0.1608 / 0.219);

      --accent-contrast: #fff;
      --accent-surface: color(display-p3 0 0 0 / 0.8);
      --accent-indicator: oklch(60.6% 0.1673 43.71);
      --accent-track: oklch(60.6% 0.1673 43.71);
    }
  }
}


.light, :root {
  --grayscale-1: #fcfcfc;
  --grayscale-2: #f9f9f9;
  --grayscale-3: #f0f0f0;
  --grayscale-4: #e8e8e8;
  --grayscale-5: #e0e0e0;
  --grayscale-6: #d9d9d9;
  --grayscale-7: #cecece;
  --grayscale-8: #bbbbbb;
  --grayscale-9: #8d8d8d;
  --grayscale-10: #838383;
  --grayscale-11: #646464;
  --grayscale-12: #202020;

  --grayscale-a1: #00000003;
  --grayscale-a2: #00000006;
  --grayscale-a3: #0000000f;
  --grayscale-a4: #00000017;
  --grayscale-a5: #0000001f;
  --grayscale-a6: #00000026;
  --grayscale-a7: #00000031;
  --grayscale-a8: #00000044;
  --grayscale-a9: #00000072;
  --grayscale-a10: #0000007c;
  --grayscale-a11: #0000009b;
  --grayscale-a12: #000000df;

  --grayscale-contrast: #000;
  --grayscale-surface: #ffffffcc;
  --grayscale-indicator: #8d8d8d;
  --grayscale-track: #8d8d8d;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    .light, :root {
      --grayscale-1: color(display-p3 0.988 0.988 0.988);
      --grayscale-2: color(display-p3 0.975 0.975 0.975);
      --grayscale-3: color(display-p3 0.939 0.939 0.939);
      --grayscale-4: color(display-p3 0.908 0.908 0.908);
      --grayscale-5: color(display-p3 0.88 0.88 0.88);
      --grayscale-6: color(display-p3 0.849 0.849 0.849);
      --grayscale-7: color(display-p3 0.807 0.807 0.807);
      --grayscale-8: color(display-p3 0.732 0.732 0.732);
      --grayscale-9: color(display-p3 0.553 0.553 0.553);
      --grayscale-10: color(display-p3 0.512 0.512 0.512);
      --grayscale-11: color(display-p3 0.392 0.392 0.392);
      --grayscale-12: color(display-p3 0.125 0.125 0.125);

      --grayscale-a1: #00000003;
      --grayscale-a2: #00000006;
      --grayscale-a3: #0000000f;
      --grayscale-a4: #00000017;
      --grayscale-a5: #0000001f;
      --grayscale-a6: #00000026;
      --grayscale-a7: #00000031;
      --grayscale-a8: #00000044;
      --grayscale-a9: #00000072;
      --grayscale-a10: #0000007c;
      --grayscale-a11: #0000009b;
      --grayscale-a12: #000000df;

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


.dark {
  --accent-1: #231e1b;
  --accent-2: #29211d;
  --accent-3: #402419;
  --accent-4: #532611;
  --accent-5: #612c14;
  --accent-6: #6e371f;
  --accent-7: #84472c;
  --accent-8: #a75a37;
  --accent-9: #d05817;
  --accent-10: #c14a00;
  --accent-11: #ff996b;
  --accent-12: #f6d6c9;

  --accent-a1: #ec000005;
  --accent-a2: #f44a000c;
  --accent-a3: #fd410026;
  --accent-a4: #fc3d003c;
  --accent-a5: #fd4b004c;
  --accent-a6: #ff63205a;
  --accent-a7: #ff783c73;
  --accent-a8: #ff81479b;
  --accent-a9: #ff6715ca;
  --accent-a10: #fe5a00b9;
  --accent-a11: #ff996b;
  --accent-a12: #ffded0f5;

  --accent-contrast: #fff;
  --accent-surface: #33231c80;
  --accent-indicator: #d05817;
  --accent-track: #d05817;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    .dark {
      --accent-1: oklch(23.9% 0.0101 43.71);
      --accent-2: oklch(25.4% 0.0144 43.71);
      --accent-3: oklch(29.5% 0.0469 43.71);
      --accent-4: oklch(32.7% 0.0752 43.71);
      --accent-5: oklch(36.1% 0.0839 43.71);
      --accent-6: oklch(40.4% 0.0859 43.71);
      --accent-7: oklch(46.6% 0.0922 43.71);
      --accent-8: oklch(55.1% 0.1123 43.71);
      --accent-9: oklch(60.6% 0.1673 43.71);
      --accent-10: oklch(56.3% 0.1673 43.71);
      --accent-11: oklch(78.5% 0.1413 43.71);
      --accent-12: oklch(89.9% 0.0403 43.71);

      --accent-a1: color(display-p3 0.9647 0 0 / 0.014);
      --accent-a2: color(display-p3 0.9843 0.3137 0.0275 / 0.041);
      --accent-a3: color(display-p3 1 0.3059 0.0039 / 0.13);
      --accent-a4: color(display-p3 0.9961 0.2941 0 / 0.206);
      --accent-a5: color(display-p3 1 0.3608 0.051 / 0.264);
      --accent-a6: color(display-p3 1 0.451 0.1843 / 0.322);
      --accent-a7: color(display-p3 1 0.5294 0.302 / 0.416);
      --accent-a8: color(display-p3 0.9961 0.5569 0.3373 / 0.563);
      --accent-a9: color(display-p3 0.9961 0.4667 0.1922 / 0.724);
      --accent-a10: color(display-p3 0.9961 0.4235 0.1216 / 0.661);
      --accent-a11: color(display-p3 1 0.651 0.4784 / 0.938);
      --accent-a12: color(display-p3 1 0.8902 0.8392 / 0.938);

      --accent-contrast: #fff;
      --accent-surface: color(display-p3 0.1804 0.1333 0.1137 / 0.5);
      --accent-indicator: oklch(60.6% 0.1673 43.71);
      --accent-track: oklch(60.6% 0.1673 43.71);
    }
  }
}


.dark {
  --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) {
    .dark {
      --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);
    }
  }
}

.light, :root {
  color-scheme: light;
  --accent: rgba(208, 88, 23, 1);
  --background: rgba(31, 31, 31, 1);
  --border: rgba(124, 96, 43, 1);
  --sidebar-background: rgba(31, 31, 31, 1);
  --header-background: rgba(31, 31, 31, 1);
  --card-background: initial;
  --theme-color: #1f1f1f;
}

.dark {
  color-scheme: dark;
  --accent: rgba(208, 88, 23, 1);
  --background: rgba(31, 31, 31, 1);
  --border: rgba(124, 96, 43, 1);
  --sidebar-background: rgba(31, 31, 31, 1);
  --header-background: rgba(31, 31, 31, 1);
  --card-background: initial;
  --theme-color: #1f1f1f;
}

.fern-background-image {
  background-image: url(/_fern-img/286cf19fc911bd79044d306795910f87e11985aa3635e1583b21074fde9ef476.webp);
}

.dark .fern-background-image {
  background-image: url(/_fern-img/286cf19fc911bd79044d306795910f87e11985aa3635e1583b21074fde9ef476.webp);
}

/* thymia docs — dark mode only */

:root {
  color-scheme: dark !important;
}

/* Page header — remove bottom margin so banner sits flush */
.fern-page-heading + * {
  margin-top: 0 !important;
}

/* Only remove header margin when next sibling contains a banner image */
header.my-8:has(+ div img[alt="thymia banner"]) {
  margin-bottom: 0 !important;
}

/* Banner image — no top margin, collapse parent paragraph margin */
img[alt="thymia banner"] {
  margin-top: 0 !important;
}

p:has(> span > span > img[alt="thymia banner"]) {
  margin-top: 0 !important;
}

body,
body * {
  color: #E4E4E4 !important;
}

.fern-card,
[class*="bg-card-background"][class*="rounded"] {
  border-radius: 14px !important;
  background-color: #1F1F1F !important;
}

/* Tables — no rounded corners, dark backgrounds */
table,
table thead,
table tbody,
table tr,
table th,
table td,
[class*="table"] {
  border-radius: 0 !important;
}

table thead,
table thead tr,
table thead th {
  background-color: #2A2A2A !important;
  color: #E4E4E4 !important;
}

table tbody tr,
table tbody tr td {
  background-color: #1F1F1F !important;
}

table tbody tr:nth-child(even),
table tbody tr:nth-child(even) td {
  background-color: #242424 !important;
}

.fern-background-image {
  background-repeat: repeat !important;
  background-size: 400px !important;
}

/* Hide theme toggle */
button:has(.lucide-monitor),
button:has(.lucide-sun),
button:has(.lucide-moon) {
  display: none !important;
}

#fern-header {
  background-color: #1F1F1F !important;
  background-image: none !important;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 500;
}

h1, h2 {
  letter-spacing: -4%;
}

h3 {
  font-size: 22px !important;
}

h3, h4, h5, h6 {
  font-family: Satoshi, sans-serif;
}

h4 {
  font-size: 16px !important;
  font-weight: 600 !important;
}

button,
a[class*="btn"],
[role="button"],
[role="tab"],
[role="tablist"] a,
.fern-tab,
[data-orientation] a {
  font-family: GeneralSans, sans-serif !important;
}

[role="tab"][aria-selected="true"],
[role="tab"][data-state="active"],
[data-orientation] a[aria-selected="true"],
[data-orientation] a[data-state="active"] {
  -webkit-text-stroke: 0 !important;
}

a.fern-button.minimal {
  font-size: 1rem !important;
  font-weight: 500 !important;
  font-family: GeneralSans, sans-serif !important;
  color: #E4E4E4 !important;
}

a.fern-button.minimal:hover {
  color: #D05817 !important;
  background: none !important;
  background-color: transparent !important;
}
a.fern-button.minimal:focus-visible {
  color: #D05817 !important;
  background: none !important;
  background-color: transparent !important;
}

/* Feedback buttons — solid background */
button:has(.lucide-thumbs-up),
button:has(.lucide-thumbs-down) {
  background-color: #1F1F1F !important;
}

/* Card headings — General Sans medium */
.fern-card h3 {
  font-family: GeneralSans, sans-serif !important;
  font-weight: 500 !important;
}


/* Card title row — badge inline with heading */
.card-title-row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.card-title-row h3 {
  margin: 0 !important;
}

/* Badge — Satoshi font, accent background (exclude HTTP method badges) */
.fern-docs-badge:not([data-badge-type="http-method"]):not([data-badge-type="status-code"]) {
  font-family: Satoshi, sans-serif !important;
  background-color: #D05817 !important;
  color: #FFFFFF !important;
  position: relative;
  top: -2px;
}

/* Badge in card title row — left margin */
.card-title-row .fern-docs-badge {
  margin-left: 0.5rem;
}

/* Badge next to h2 headings — left margin */
h2 .fern-docs-badge {
  margin-left: 0.5rem;
}

/* Badge pinned next to h1 page title — anchored to article */
article {
  position: relative !important;
}

.h1-badge {
  height: 0;
  overflow: visible;
  margin: 0 !important;
  padding: 0 !important;
}

.h1-badge .fern-docs-badge {
  position: absolute !important;
  top: 2.5rem !important;
  left: 7.5rem;
  font-size: 0.85rem !important;
  padding: 0.25rem 0.75rem !important;
  z-index: 10;
}

/* Wider title offset for Voice Agent */
.h1-badge-wide .fern-docs-badge {
  left: 13rem !important;
}

@media (max-width: 768px) {

  .h1-badge .fern-docs-badge {
    left: 7rem;
    top: 2.75rem;
  }

  .h1-badge-wide .fern-docs-badge {
    left: 12rem !important;
  }

}

/* Card content — gap between headings and body */
.fern-card h3 {
  margin-bottom: 0.25rem !important;
}

.fern-card h4 {
  margin-bottom: 0.75rem !important;
}

/* Card image container — remove fixed height gap */
.fern-card .items-center.justify-center:has(> img) {
  height: auto !important;
}

/* Integration card images — 80% width with top margin */
.integration-cards .fern-card .items-center.justify-center img {
  width: 85% !important;
  height: auto !important;
  object-fit: contain !important;
  margin-top: 1.5rem !important;
}

/* Integration card description — body text size */
.integration-cards .fern-card p {
  font-size: 1rem !important;
  line-height: 1.5 !important;
}

/* Certification footer divider */
.cert-divider {
  margin-top: 6rem;
}

/* Certification footer row */
.cert-row {
  display: flex;
  align-items: start;
  justify-content: start;
  gap: 0.3rem;
  flex-wrap: wrap;
}

.cert-row img {
  height: 80px;
  width: auto;
  margin-top: 0px;
  margin-bottom: 0px;
  object-fit: contain;
}


@media (max-width: 768px) {

  .cert-row {
    justify-content: center;
    align-items: center;
  }

  .cert-row img {
    height: 66px;
  }

}

/* Changelog — hide sidebar for feed-style layout */
body:has(.fern-sidebar-desktop a[href*="/changelog"][data-state="active"]) .fern-sidebar-desktop {
  display: none !important;
}

/* Changelog — decorative graphic on the left */
body:has(.fern-layout-changelog) {
  overflow-x: hidden !important;
}

.fern-layout-changelog {
  position: relative !important;
  overflow: visible !important;
}

.fern-layout-changelog::before {
  content: "" !important;
  position: absolute !important;
  left: calc(-50vw + 50%) !important;
  top: 0 !important;
  width: calc(50vw - 50% + 300px) !important;
  height: 100% !important;
  background-image: url("data:image/svg+xml,%3Csvg width='1506' height='3506' viewBox='0 0 1506 3506' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='3' y='3' width='500' height='500' stroke='%237C602B' stroke-width='6'/%3E%3Cpath d='M253 9C185.621 9 131 63.6213 131 131C131 198.379 185.621 253 253 253C320.379 253 375 198.379 375 131C375 63.6213 320.379 9 253 9ZM253 9C118.243 9 9 118.243 9 253C9 387.757 118.243 497 253 497C387.757 497 497 387.757 497 253C497 118.243 387.757 9 253 9Z' stroke='%237C602B' stroke-width='6'/%3E%3Crect x='1003' y='503' width='500' height='500' stroke='%237C602B' stroke-width='6'/%3E%3Crect x='503' y='1503' width='500' height='500' transform='rotate(-180 503 1503)' stroke='%237C602B' stroke-width='6'/%3E%3Crect x='503' y='1503' width='500' height='500' transform='rotate(-90 503 1503)' stroke='%237C602B' stroke-width='6'/%3E%3Cpath d='M751.362 1009L751.871 1009M751.362 1009L753 1009M751.362 1009C751.532 1009 751.701 1009 751.871 1009M751.362 1009C617.359 1009.88 509 1118.79 509 1253M751.871 1009C752.416 1008.99 752.453 1009 753 1009M751.871 1009C752.065 1009 752.259 1009 752.454 1009C752.636 1009 752.818 1009 753 1009M751.871 1009C685.247 1009.87 631 1064.17 631 1131C631 1198.38 685.621 1253 753 1253M751.871 1009L753 1253M753 1009C753.547 1009 754.093 1009 754.638 1009.01M753 1009L754.638 1009L754.638 1009.01M754.638 1009.01C888.641 1009.89 997 1118.79 997 1253M754.638 1009.01C821.261 1009.89 875 1064.17 875 1131C875 1198.38 820.379 1253 753 1253M509 1253L753 1253M509 1253C509 1387.76 618.242 1497 753 1497C887.757 1497 997 1387.76 997 1253M753 1253L997 1253' stroke='%237C602B' stroke-width='6'/%3E%3Crect x='1003' y='1003' width='500' height='500' transform='rotate(-180 1003 1003)' stroke='%237C602B' stroke-width='6'/%3E%3Cpath d='M753 753C685.621 753 631 807.621 631 875C631 942.379 685.621 997 753 997M753 753C820.379 753 875 807.621 875 875C875 942.379 820.379 997 753 997M753 753L997 753M753 753L753 509M753 753L509 753M753 997C887.757 997 997 887.758 997 753M753 997C618.242 997 509 887.757 509 753M753 509C785.043 509 816.771 515.311 846.375 527.574C875.978 539.836 902.877 557.809 925.534 580.466C948.192 603.124 966.165 630.022 978.427 659.625C990.689 689.229 997 720.958 997 753M753 509C720.958 509 689.229 515.311 659.625 527.573C630.022 539.836 603.123 557.809 580.466 580.466C557.808 603.123 539.836 630.022 527.573 659.625C515.311 689.229 509 720.957 509 753M753 509C618.243 509 509 618.243 509 753M753 509C887.758 509 997 618.243 997 753' stroke='%237C602B' stroke-width='6'/%3E%3Crect x='1003' y='1503' width='500' height='500' transform='rotate(-90 1003 1503)' stroke='%237C602B' stroke-width='6'/%3E%3Cpath d='M1253 1497C1220.96 1497 1189.23 1490.69 1159.63 1478.43C1130.02 1466.16 1103.12 1448.19 1080.47 1425.53C1057.81 1402.88 1039.84 1375.98 1027.57 1346.37C1015.31 1316.77 1009 1285.04 1009 1253M1253 1497L1253 1253M1253 1497C1387.76 1497 1497 1387.76 1497 1253C1497 1118.24 1387.76 1009 1253 1009M1253 1497C1118.24 1497 1009 1387.76 1009 1253M1009 1253L1253 1253M1009 1253C1009 1220.96 1015.31 1189.23 1027.57 1159.63C1039.84 1130.02 1057.81 1103.12 1080.47 1080.47C1103.12 1057.81 1130.02 1039.84 1159.63 1027.57C1189.23 1015.31 1220.96 1009 1253 1009M1009 1253C1009 1118.24 1118.24 1009 1253 1009M1253 1253L1253 1009' stroke='%237C602B' stroke-width='6'/%3E%3Crect x='1503' y='2503' width='500' height='500' transform='rotate(-180 1503 2503)' stroke='%237C602B' stroke-width='6'/%3E%3Cpath d='M1497 2253C1497 2285.04 1490.69 2316.77 1478.43 2346.37C1466.16 2375.98 1448.19 2402.88 1425.53 2425.53C1402.88 2448.19 1375.98 2466.16 1346.37 2478.43C1316.77 2490.69 1285.04 2497 1253 2497M1497 2253L1253 2253M1497 2253C1497 2118.24 1387.76 2009 1253 2009C1118.24 2009 1009 2118.24 1009 2253M1497 2253C1497 2387.76 1387.76 2497 1253 2497M1253 2497L1253 2253M1253 2497C1220.96 2497 1189.23 2490.69 1159.63 2478.43C1130.02 2466.16 1103.12 2448.19 1080.47 2425.53C1057.81 2402.88 1039.84 2375.98 1027.57 2346.37C1015.31 2316.77 1009 2285.04 1009 2253M1253 2497C1118.24 2497 1009 2387.76 1009 2253M1253 2253L1009 2253' stroke='%237C602B' stroke-width='6'/%3E%3Crect x='503' y='3003' width='500' height='500' transform='rotate(-180 503 3003)' stroke='%237C602B' stroke-width='6'/%3E%3Crect x='1003' y='503' width='500' height='500' transform='rotate(-180 1003 503)' stroke='%237C602B' stroke-width='6'/%3E%3Crect x='1503' y='503' width='500' height='500' transform='rotate(-180 1503 503)' stroke='%237C602B' stroke-width='6'/%3E%3Crect x='503' y='1003' width='500' height='500' transform='rotate(-180 503 1003)' stroke='%237C602B' stroke-width='6'/%3E%3Crect x='503' y='2003' width='500' height='500' transform='rotate(-180 503 2003)' stroke='%237C602B' stroke-width='6'/%3E%3Crect x='1003' y='2003' width='500' height='500' transform='rotate(-180 1003 2003)' stroke='%237C602B' stroke-width='6'/%3E%3Crect x='1503' y='2003' width='500' height='500' transform='rotate(-180 1503 2003)' stroke='%237C602B' stroke-width='6'/%3E%3Crect x='503' y='2503' width='500' height='500' transform='rotate(-180 503 2503)' stroke='%237C602B' stroke-width='6'/%3E%3Crect x='1003' y='2503' width='500' height='500' transform='rotate(-180 1003 2503)' stroke='%237C602B' stroke-width='6'/%3E%3Crect x='1503' y='3003' width='500' height='500' transform='rotate(-180 1503 3003)' stroke='%237C602B' stroke-width='6'/%3E%3Cpath d='M1003 3003L1003 3000L1000 3000L1000 3003L1003 3003ZM1503 3003L1506 3003L1506 3000L1503 3000L1503 3003ZM1003 3503L1006 3503L1006 3003L1003 3003L1000 3003L1000 3503L1003 3503ZM1003 3003L1003 3006L1503 3006L1503 3003L1503 3000L1003 3000L1003 3003ZM1503 3003L1500 3003L1500 3503L1503 3503L1506 3503L1506 3003L1503 3003Z' fill='%237C602B'/%3E%3Cpath d='M3 3003L3 3000H0L0 3003H3ZM503 3003H506V3000H503V3003ZM3 3003L3 3006H503V3003V3000H3L3 3003ZM503 3003H500L500 3503H503H506L506 3003H503ZM3 3503H6L6 3003H3H0L0 3503H3Z' fill='%237C602B'/%3E%3Cpath d='M9 3253C9 3220.96 15.3112 3189.23 27.5734 3159.63C39.8355 3130.02 57.8084 3103.12 80.4659 3080.47C103.123 3057.81 130.022 3039.84 159.625 3027.57C189.229 3015.31 220.957 3009 253 3009M9 3253H253M9 3253C9 3387.76 118.243 3497 253 3497C387.757 3497 497 3387.76 497 3253M9 3253C9 3118.24 118.243 3009 253 3009M253 3009L253 3253M253 3009C285.042 3009 316.771 3015.31 346.375 3027.57C375.978 3039.84 402.877 3057.81 425.534 3080.47C448.192 3103.12 466.164 3130.02 478.427 3159.63C490.689 3189.23 497 3220.96 497 3253M253 3009C387.757 3009 497 3118.24 497 3253M253 3253L497 3253' stroke='%237C602B' stroke-width='6'/%3E%3Crect x='1003' y='3003' width='500' height='500' transform='rotate(-180 1003 3003)' stroke='%237C602B' stroke-width='6'/%3E%3Cpath d='M753 2997C820.379 2997 875 2942.38 875 2875C875 2807.62 820.379 2753 753 2753C685.621 2753 631 2807.62 631 2875C631 2942.38 685.621 2997 753 2997ZM753 2997C887.757 2997 997 2887.76 997 2753C997 2618.24 887.758 2509 753 2509C618.243 2509 509 2618.24 509 2753C509 2887.76 618.243 2997 753 2997Z' stroke='%237C602B' stroke-width='6'/%3E%3Cpath d='M503 3003L503 3000L500 3000L500 3003L503 3003ZM1003 3003L1006 3003L1006 3000L1003 3000L1003 3003ZM503 3503L506 3503L506 3003L503 3003L500 3003L500 3503L503 3503ZM503 3003L503 3006L1003 3006L1003 3003L1003 3000L503 3000L503 3003ZM1003 3003L1000 3003L1000 3503L1003 3503L1006 3503L1006 3003L1003 3003Z' fill='%237C602B'/%3E%3C/svg%3E") !important;
  background-repeat: repeat-y !important;
  background-size: 300px auto !important;
  background-position: top left !important;
  opacity: 0.3 !important;
  z-index: 0 !important;
  pointer-events: none !important;
}

@media (max-width: 1279px) {

  .fern-layout-changelog::before {
    display: none !important;
  }

}

/* Changelog — hide line under heading */
section.fern-changelog-content hr {
  display: none !important;
}

/* Changelog — hide filter dropdown and filter badges */
.fern-filter-dropdown-button,
.fern-changelog-label .fern-filter-badge,
.fern-changelog-label .filter-row {
  display: none !important;
}

/* Changelog — force aside visible with two-column grid */
.fern-changelog-content[data-has-aside="true"] {
  grid-template-columns: 160px 1fr !important;
}

.fern-changelog-content[data-has-aside="true"] > aside {
  display: block !important;
  position: sticky !important;
  top: 5rem !important;
  align-self: start !important;
  margin-top: 0.25rem !important;
}

/* Changelog — date badge styling */
.fern-changelog-label > a.fern-docs-badge.grayscale {
  display: inline-flex !important;
  background-color: #2A2A2A !important;
  color: #B0B0B0 !important;
  font-family: Satoshi, sans-serif !important;
  font-size: 0.85rem !important;
  padding: 0.35rem 0.85rem !important;
  border-radius: 999px !important;
  white-space: nowrap !important;
}

/* Changelog — hide the eyebrow (duplicate date badge in content area) */
.fern-changelog-content[data-has-aside="true"] .eyebrow {
  display: none !important;
}

/* Changelog — hide the h2 date heading (duplicate of badge) */
.fern-changelog-content .fern-prose > h2:first-child:has(a[href^="/"]) {
  display: none !important;
}

/* Changelog — responsive: stack on mobile */
@media (max-width: 768px) {

  .fern-changelog-content[data-has-aside="true"] {
    grid-template-columns: 1fr !important;
  }

  .fern-changelog-content[data-has-aside="true"] > aside {
    display: none !important;
  }

  .fern-changelog-content[data-has-aside="true"] .eyebrow {
    display: block !important;
  }

}