@font-face {
    font-family: 'Inter Regular';
    src: url('/_fern-files/postman.docs.buildwithfern.com/3787e2f283651744e0b93d1fefb5936c7af26db8014c0def6651d050c56dd47e/docs/fonts/Inter-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Degular Display SemiBold';
    src: url('/_fern-files/postman.docs.buildwithfern.com/5a3dd2937ded103395255f099f38c3b5a71d3307047e3668dd991b91378f540d/docs/fonts/Degular_Display-Semibold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Degular Display SemiBold';
    src: url('/_fern-files/postman.docs.buildwithfern.com/5a3dd2937ded103395255f099f38c3b5a71d3307047e3668dd991b91378f540d/docs/fonts/Degular_Display-Semibold.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

:root:root {
  --header-height: 64px;
  --header-height-real: 64px;
  --mobile-header-height-real: 64px;
  --content-width: 752px;
  --sidebar-width: 330px;
  --page-width: 100vw;
  --logo-height: 40px;
  --font-body: 'Inter Regular', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  --font-heading: 'Degular Display SemiBold', 'Inter Regular', 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 {
  /* Low-specificity (0,1,0) block: safe only because the library sets no :root
     default for these. If you add a var here (or to the theme block below), add
     it to LOADER_LOW_SPECIFICITY_VARS in theme-css-var-collisions.test.ts. */
  --typography-body-font-family: var(--font-body);
  --typography-heading-font-family: var(--font-heading);
  --typography-code-font-family: var(--font-code);
}


:root {
  --accent-1: #fefcfb;
  --accent-2: #fff5f0;
  --accent-3: #ffe9df;
  --accent-4: #ffd7c5;
  --accent-5: #ffc9b2;
  --accent-6: #ffb99d;
  --accent-7: #fea689;
  --accent-8: #f38d6c;
  --accent-9: #ff6c37;
  --accent-10: #f35e25;
  --accent-11: #d44807;
  --accent-12: #582d1e;

  --accent-a1: #c0400004;
  --accent-a2: #ff55000f;
  --accent-a3: #ff500020;
  --accent-a4: #ff50003a;
  --accent-a5: #ff4d004d;
  --accent-a6: #ff490062;
  --accent-a7: #fd3f0076;
  --accent-a8: #eb3a0093;
  --accent-a9: #ff4400c8;
  --accent-a10: #f14300da;
  --accent-a11: #d34300f8;
  --accent-a12: #421100e1;

  --accent-contrast: #fff;
  --accent-surface: #fff3eccc;
  --accent-indicator: #ff6c37;
  --accent-track: #ff6c37;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root {
      --accent-1: oklch(99.2% 0.0026 39.16);
      --accent-2: oklch(97.9% 0.0154 39.16);
      --accent-3: oklch(95.8% 0.0369 39.16);
      --accent-4: oklch(92% 0.0812 39.16);
      --accent-5: oklch(89% 0.1067 39.16);
      --accent-6: oklch(85.7% 0.1101 39.16);
      --accent-7: oklch(80.5% 0.1127 39.16);
      --accent-8: oklch(74.5% 0.1322 39.16);
      --accent-9: oklch(70.6% 0.1913 39.16);
      --accent-10: oklch(66.9% 0.1946 39.16);
      --accent-11: oklch(59.2% 0.1862 39.16);
      --accent-12: oklch(35% 0.0687 39.16);

      --accent-a1: color(display-p3 0.7569 0.2667 0.0235 / 0.016);
      --accent-a2: color(display-p3 0.8588 0.2902 0.0039 / 0.055);
      --accent-a3: color(display-p3 0.8745 0.3255 0.0039 / 0.122);
      --accent-a4: color(display-p3 0.8941 0.2941 0.0039 / 0.216);
      --accent-a5: color(display-p3 0.8941 0.302 0.0039 / 0.291);
      --accent-a6: color(display-p3 0.8824 0.2824 0.0039 / 0.365);
      --accent-a7: color(display-p3 0.8784 0.251 0.0039 / 0.444);
      --accent-a8: color(display-p3 0.8157 0.2235 0 / 0.55);
      --accent-a9: color(display-p3 0.902 0.251 0 / 0.722);
      --accent-a10: color(display-p3 0.8549 0.2392 0 / 0.777);
      --accent-a11: color(display-p3 0.7294 0.2118 0 / 0.859);
      --accent-a12: color(display-p3 0.2196 0.0627 0 / 0.871);

      --accent-contrast: #fff;
      --accent-surface: color(display-p3 1 0.9529 0.9333 / 0.8);
      --accent-indicator: oklch(70.6% 0.1913 39.16);
      --accent-track: oklch(70.6% 0.1913 39.16);
    }
  }
}


:root {
  --grayscale-1: #fdfdfc;
  --grayscale-2: #f9f9f8;
  --grayscale-3: #f1f0ef;
  --grayscale-4: #e9e8e6;
  --grayscale-5: #e2e1de;
  --grayscale-6: #dad9d6;
  --grayscale-7: #cfceca;
  --grayscale-8: #bcbbb5;
  --grayscale-9: #8d8d86;
  --grayscale-10: #82827c;
  --grayscale-11: #63635e;
  --grayscale-12: #21201c;

  --grayscale-a1: #55550003;
  --grayscale-a2: #25250007;
  --grayscale-a3: #20100010;
  --grayscale-a4: #1f150019;
  --grayscale-a5: #1f180021;
  --grayscale-a6: #19130029;
  --grayscale-a7: #19140035;
  --grayscale-a8: #1915014a;
  --grayscale-a9: #0f0f0079;
  --grayscale-a10: #0c0c0083;
  --grayscale-a11: #080800a1;
  --grayscale-a12: #060500e3;

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

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root {
      --grayscale-1: color(display-p3 0.992 0.992 0.989);
      --grayscale-2: color(display-p3 0.977 0.977 0.973);
      --grayscale-3: color(display-p3 0.943 0.942 0.936);
      --grayscale-4: color(display-p3 0.913 0.912 0.903);
      --grayscale-5: color(display-p3 0.885 0.883 0.873);
      --grayscale-6: color(display-p3 0.854 0.852 0.839);
      --grayscale-7: color(display-p3 0.813 0.81 0.794);
      --grayscale-8: color(display-p3 0.738 0.734 0.713);
      --grayscale-9: color(display-p3 0.553 0.553 0.528);
      --grayscale-10: color(display-p3 0.511 0.511 0.488);
      --grayscale-11: color(display-p3 0.388 0.388 0.37);
      --grayscale-12: color(display-p3 0.129 0.126 0.111);

      --grayscale-a1: #55550003;
      --grayscale-a2: #25250007;
      --grayscale-a3: #20100010;
      --grayscale-a4: #1f150019;
      --grayscale-a5: #1f180021;
      --grayscale-a6: #19130029;
      --grayscale-a7: #19140035;
      --grayscale-a8: #1915014a;
      --grayscale-a9: #0f0f0079;
      --grayscale-a10: #0c0c0083;
      --grayscale-a11: #080800a1;
      --grayscale-a12: #060500e3;

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


.dark {
  --accent-1: #000;
  --accent-2: #121211;
  --accent-3: #1f1f1d;
  --accent-4: #282826;
  --accent-5: #30302e;
  --accent-6: #3a3a37;
  --accent-7: #484845;
  --accent-8: #60605e;
  --accent-9: #fff;
  --accent-10: #f6f6f4;
  --accent-11: #b3b3b0;
  --accent-12: #eeeeec;

  --accent-a1: #00000000;
  --accent-a2: #fffff112;
  --accent-a3: #ffffef1f;
  --accent-a4: #fffff328;
  --accent-a5: #fffff530;
  --accent-a6: #fffff23a;
  --accent-a7: #fffff548;
  --accent-a8: #fffffa60;
  --accent-a9: #ffffff;
  --accent-a10: #fffffdf6;
  --accent-a11: #fffffbb3;
  --accent-a12: #fffffdee;

  --accent-contrast: #311921;
  --accent-surface: #24242280;
  --accent-indicator: #fff;
  --accent-track: #fff;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    .dark {
      --accent-1: oklch(0% 0.0023 106.5);
      --accent-2: oklch(18.3% 0.0022 106.5);
      --accent-3: oklch(23.9% 0.0032 106.5);
      --accent-4: oklch(27.5% 0.0036 106.5);
      --accent-5: oklch(30.8% 0.004 106.5);
      --accent-6: oklch(34.7% 0.004 106.5);
      --accent-7: oklch(40% 0.004 106.5);
      --accent-8: oklch(49% 0.004 106.5);
      --accent-9: oklch(100% 0 none);
      --accent-10: oklch(97.3% 0.0027 106.5);
      --accent-11: oklch(76.7% 0.004 106.5);
      --accent-12: oklch(94.8% 0.0027 106.5);

      --accent-a1: color(display-p3 0 0 0 / 0);
      --accent-a2: color(display-p3 0.9961 0.9961 0.9412 / 0.071);
      --accent-a3: color(display-p3 1 1 0.9333 / 0.122);
      --accent-a4: color(display-p3 1 1 0.9529 / 0.157);
      --accent-a5: color(display-p3 0.9961 0.9961 0.9569 / 0.189);
      --accent-a6: color(display-p3 1 1 0.949 / 0.228);
      --accent-a7: color(display-p3 1 1 0.9569 / 0.283);
      --accent-a8: color(display-p3 1 1 0.9804 / 0.377);
      --accent-a9: color(display-p3 1 1 1);
      --accent-a10: color(display-p3 1 1 0.9922 / 0.965);
      --accent-a11: color(display-p3 1 1 0.9843 / 0.702);
      --accent-a12: color(display-p3 1 1 0.9922 / 0.934);

      --accent-contrast: #311921;
      --accent-surface: color(display-p3 0.1412 0.1412 0.1333 / 0.5);
      --accent-indicator: oklch(100% 0 none);
      --accent-track: oklch(100% 0 none);
    }
  }
}


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

:root {
  color-scheme: light;
  --accent: rgba(255, 108, 55, 1);
  --background: rgba(255, 255, 255, 1);
  --border: initial;
  --sidebar-background: rgba(249, 249, 249, 1);
  --header-background: rgba(255, 255, 255, 1);
  --card-background: initial;
  --theme-color: #fff;
}

.dark {
  color-scheme: light;
  --background: #000000;
  --accent: #ffffff;
}

@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400&display=swap');

/* Postman Header Styles */

/* Lock scroll for mobile menu */
.pm-header-lock-scroll {
  position: fixed;
  margin: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
}

/* Main Nav Container */
.pm-header-nav {
  display: flex;
  align-items: center;
  background: white;
  z-index: 2147483646;
  border-bottom: 1px solid #e6e6e6;
  height: 54px;
  width: 100%;
  padding: 0 16px;
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  box-sizing: border-box;
}

/* Brand Logo */
.pm-header-brand {
  display: flex;
  align-items: center;
  text-decoration: none;
  border-bottom: none;
  flex-shrink: 0;
}

.pm-header-brand:hover {
  border-bottom: none;
}

.pm-header-logo {
  width: auto;
  height: 32px;
}

/* Nav Collapse (Desktop/Mobile) */
.pm-header-collapse {
  display: flex;
  align-items: center;
  flex-grow: 1;
  margin-left: 24px;
}

@media screen and (max-width: 1199px) {
  .pm-header-collapse {
    display: none;
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
    overflow-x: hidden;
    top: 54px;
    padding-top: 20px;
    z-index: 999999999;
    width: 100%;
    left: 0;
    position: fixed;
    right: 0;
    bottom: 0;
    background: white;
    transition: height 0.3s ease-in-out;
    flex-direction: column;
    align-items: flex-start;
    margin-left: 0;
  }

  .pm-header-collapse--open {
    display: flex;
  }
}

/* Nav Items Container */
.pm-header-nav__items {
  display: flex;
  align-items: center;
  gap: 0;
  margin-left: -1rem;
}

@media screen and (max-width: 1199px) {
  .pm-header-nav__items {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    padding: 0 16px;
  }
}

/* Nav Item Spacing */
.pm-header-nav__item {
  margin-right: 0;
}

@media screen and (max-width: 1199px) {
  .pm-header-nav__item {
    width: 100%;
  }
}

/* Nav Link Style */
.pm-header-nav__link {
  padding: 8px 24px;
  font-weight: 600;
  letter-spacing: 0;
  font-size: 14px;
  line-height: 21px;
  color: #6b6b6b;
  text-decoration: none;
  transition: color 120ms ease, background-color 120ms ease;
  border: none;
  background: none;
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
  white-space: nowrap;
}

.pm-header-nav__link--pricing {
  padding-left: 22px;
}

.pm-header-nav__link--enterprise {
  padding-left: 22px;
}

.pm-header-nav__link:hover {
  color: #212121;
  text-decoration: none;
}

.pm-header-nav__link:focus {
  outline: none;
  color: #212529;
}

@media screen and (max-width: 1199px) {
  .pm-header-nav__link {
    padding: 5px 5px 5px 16px;
    width: 100%;
    justify-content: flex-start;
  }
}

/* Chevron Icon */
.pm-header-chevron {
  display: inline-block;
  pointer-events: none;
  margin-left: 6px;
  width: 10px;
  transition: transform 0.1s ease-in-out;
  transform: rotate(0deg);
}

.pm-header-chevron--rotated {
  transform: rotate(180deg);
}

/* Dropdown Menu */
.pm-header-dropdown {
  position: relative;
}

.pm-header-dropdown__menu {
  position: absolute;
  top: 100%;
  left: 0;
  margin-top: 0px;
  padding: 20px;
  border-radius: 10px;
  border: 1px solid rgb(237, 237, 237);
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
  background: white;
  z-index: 2147483647;
  line-height: 20px;
}

@media screen and (max-width: 1199px) {
  .pm-header-dropdown__menu {
    position: static;
    border: none;
    box-shadow: none;
    padding: 0;
    margin-top: 0;
    padding-left: 16px;
  }
}

/* Dropdown Header */
.pm-header-dropdown__header {
  padding: 0;
  margin-left: 10px;
  line-height: 1.4;
  font-weight: 400;
  font-size: 12px;
  font-family: 'IBM Plex Mono', monospace;
  letter-spacing: 0.05em;
  margin-bottom: 10px;
  color: #e05320;
  text-transform: uppercase;
}

@media screen and (max-width: 1199px) {
  .pm-header-dropdown__header {
    margin-top: 10px;
  }
}

.pm-header-dropdown__header-spacer {
  height: 24px;
}

@media screen and (max-width: 1199px) {
  .pm-header-dropdown__header-spacer {
    display: none;
  }
}

/* Dropdown Links */
.pm-header-dropdown__link {
  display: block;
  padding: 10px;
  font-weight: 600;
  font-size: 14px;
  width: 17.5rem;
  margin-left: 0;
  color: #212121;
  text-decoration: none;
  border-radius: 5px;
  transition: background-color 120ms ease;
}

.pm-header-dropdown__link:hover {
  background-color: #efefef;
  text-decoration: none;
}

/* Gradient hover for "What's new" link */
.pm-header-dropdown__link--gradient-hover {
  position: relative;
  overflow: hidden;
}

.pm-header-dropdown__link--gradient-hover::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, #FFD7C7 0%, #E2CEFF 100%);
  border-radius: 5px;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 300ms ease-out;
}

.pm-header-dropdown__link--gradient-hover:hover::before {
  transform: scaleX(1);
}

.pm-header-dropdown__link--gradient-hover > * {
  position: relative;
  z-index: 1;
}

.pm-header-dropdown__link--gradient-hover:hover {
  background-color: transparent;
}

@media screen and (max-width: 1199px) {
  .pm-header-dropdown__link {
    padding: 5px 10px;
    width: 100%;
  }
}

/* Section Header (e.g., "Explore" in Platform sidebar) */
.pm-header-section-header {
  font-weight: 400;
  font-family: 'IBM Plex Mono', monospace;
  color: #e05320;
  margin: 30px 0 0 0;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  pointer-events: none;
  cursor: default;
}

.pm-header-section-header:hover {
  background-color: transparent;
}

/* Downloads CTA — pinned to bottom of platform sidebar */
.pm-header-downloads-cta {
  padding: 10px;
  color: rgb(2, 101, 210);
  font-weight: 400;
  margin-top: auto;
}

.pm-header-downloads-cta:hover {
  background-color: transparent;
}

@media screen and (max-width: 1199px) {
  .pm-header-downloads-cta {
    display: none;
  }
}

/* Dropdown Description */
.pm-header-dropdown__description {
  font-size: 12px;
  color: #6b6b6b;
  margin: 4px 0 0;
  line-height: 1.4;
  white-space: normal;
  display: block;
  width: 100%;
  font-weight: 400;
}

/* Badge */
.pm-header-badge {
  display: inline-block;
  padding: 2px 6px;
  font-size: 11px;
  font-weight: 500;
  line-height: 1;
  background: #ff6c37;
  color: white;
  border-radius: 4px;
  margin-left: 8px;
  vertical-align: middle;
}

/* Platform Dropdown Layout */
.pm-header-platform-col1 {
  background: #fff;
  border-right: 1px solid #e6e6e6;
  padding-right: 20px;
  width: 190px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
}

.pm-header-platform-col1 .pm-header-dropdown__link {
  width: auto;
}

@media screen and (max-width: 1199px) {
  .pm-header-platform-col1 {
    border-right: none;
    border-bottom: 1px solid #eee;
    padding-right: 0;
    padding-bottom: 10px;
    margin-bottom: 10px;
    width: 100%;
  }
}

.pm-header-platform-subcols {
  display: grid;
  grid-template-columns: repeat(3, minmax(175px, 210px));
  gap: 0;
}

@media screen and (max-width: 1199px) {
  .pm-header-platform-subcols {
    display: block;
    margin-top: 20px;
  }
}

.pm-header-platform-subcol {
  min-width: 175px;
}

.pm-header-platform-subcol .pm-header-dropdown__link {
  width: auto;
}

/* Solutions Dropdown Layout */
.pm-header-solutions-dropdown .pm-header-dropdown__menu {
  left: 0;
}

/* Resources Dropdown Layout */
.pm-header-resources-dropdown .pm-header-dropdown__menu {
  left: -14px;
}

.pm-header-resources-row {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(180px, 1fr);
  gap: 10px;
}

@media screen and (max-width: 1199px) {
  .pm-header-resources-row {
    display: block;
  }
}

.pm-header-resources-col {
  min-width: 180px;
}

.pm-header-resources-col .pm-header-dropdown__link {
  width: auto;
}

@media screen and (max-width: 1199px) {
  .pm-header-resources-col {
    min-width: auto;
    width: 100%;
    margin-bottom: 16px;
  }
}

/* Shared icon row layout — flex with gap */
.pm-header-icon-row {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}

/* Icon sprites — recolor SVG background-image */
.pm-header-nav-icon {
  width: 22px;
  height: 22px;
  flex-shrink: 0;
  margin-top: 1px;
  background-position: center;
  background-repeat: no-repeat;
  filter: brightness(0) saturate(100%) invert(48%) sepia(79%) saturate(576%) hue-rotate(331deg) brightness(104%);
}

.pm-header-nav-icon-dark {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  margin-top: 1px;
  background-position: center;
  background-repeat: no-repeat;
  filter: brightness(0) invert(12%);
}

/* Product dropdown — two-panel layout (white inner + grey brands sidebar) */
.pm-header-dropdown__menu--has-brands {
  background: white;
}

@media screen and (min-width: 1200px) {
  .pm-header-dropdown__menu--has-brands {
    background: #F9F8F7;
    padding: 0;
  }
}

.pm-header-product-outer {
  display: block;
}

@media screen and (min-width: 1200px) {
  .pm-header-product-outer {
    display: flex;
    flex-direction: row;
  }
}

.pm-header-product-inner {
  display: block;
}

@media screen and (min-width: 1200px) {
  .pm-header-product-inner {
    display: flex;
    flex-direction: row;
    gap: 20px;
    border-radius: 10px;
    background: white;
    padding: 20px;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.20);
  }
}

.pm-header-product-right {
  display: block;
}

@media screen and (min-width: 1200px) {
  .pm-header-product-right {
    display: flex;
    flex-direction: column;
  }
}

/* Footer gradient cards */
.pm-header-footer-cards {
  margin-top: 10px;
  border-top: 1px solid #E6E6E6;
  padding-top: 20px;
}

.pm-header-footer-cards__row {
  display: flex;
  flex-direction: column;
  gap: 0;
}

@media screen and (min-width: 1200px) {
  .pm-header-footer-cards__row {
    flex-direction: row;
    gap: 8px;
  }
}

.pm-header-footer-card {
  position: relative;
  border-radius: 5px;
  padding: 10px;
  transition: background 150ms ease, box-shadow 150ms ease;
}

.pm-header-footer-card:hover {
  background: #EFEFEF;
}

@media screen and (min-width: 1200px) {
  .pm-header-footer-card {
    width: 200px;
  }

  .pm-header-footer-card:hover {
    background: transparent;
    filter: brightness(0.97);
  }
}

.pm-header-footer-card__bg {
  display: none;
}

@media screen and (min-width: 1200px) {
  .pm-header-footer-card__bg {
    display: block;
    position: absolute;
    inset: 0;
    border-radius: 5px;
  }
}

.pm-header-footer-card__link {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  border-bottom: none;
  text-decoration: none;
  color: inherit;
}

.pm-header-footer-card__link:hover {
  border-bottom: none;
  text-decoration: none;
}

.pm-header-footer-card__title {
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 600;
  color: #212121;
}

.pm-header-footer-card__desc {
  margin-bottom: 0;
  margin-top: 4px;
  font-size: 12px;
  color: #5C5C5C;
}

/* Hover ring colors for footer cards */
@media screen and (min-width: 1200px) {
  .pm-header-footer-card--orange:hover {
    box-shadow: inset 0 0 0 1px #FF6C37;
  }

  .pm-header-footer-card--yellow:hover {
    box-shadow: inset 0 0 0 1px #FFA90A;
  }

  .pm-header-footer-card--purple:hover {
    box-shadow: inset 0 0 0 1px #7A24F0;
  }
}

/* Brands panel (grey sidebar) */
.pm-header-brands-panel {
  display: flex;
  flex-direction: column;
}

@media screen and (min-width: 1200px) {
  .pm-header-brands-panel {
    width: 220px;
    flex-shrink: 0;
    padding: 20px;
    overflow: hidden;
  }
}

.pm-header-brands-panel__header {
  margin-top: 10px;
  border-top: 1px solid #E6E6E6;
  padding-top: 20px;
  margin-bottom: 16px;
}

@media screen and (min-width: 1200px) {
  .pm-header-brands-panel__header {
    margin-top: 0;
    border-top: none;
    padding-top: 0;
  }
}

.pm-header-brands-panel .pm-header-dropdown__link {
  width: auto;
}

.pm-header-brands-panel__item {
  border-radius: 5px;
  padding: 10px;
  transition: opacity 150ms ease, background 150ms ease;
}

.pm-header-brands-panel__item:hover {
  background: #EFEFEF;
}

@media screen and (min-width: 1200px) {
  .pm-header-brands-panel__item:hover {
    background: transparent;
    opacity: 0.8;
  }
}

.pm-header-brand-icon {
  margin-top: 1px;
  flex-shrink: 0;
}

/* Animated arrow on brand links */
.pm-header-brand-arrow {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  margin-left: 5px;
  position: relative;
  top: -1px;
}

.pm-header-brand-arrow__bar {
  height: 1px;
  background-color: currentColor;
  width: 7px;
  transition: width 0.2s ease-in-out;
}

.pm-header-brand-arrow__chevron {
  display: block;
  margin-left: -4px;
}

a:hover .pm-header-brand-arrow__bar,
a:focus .pm-header-brand-arrow__bar {
  width: 12px;
}

/* Right-side group: language switcher + login buttons, pinned to the right */
.pm-header-right {
  display: flex;
  align-items: center;
  margin-left: auto;
  gap: 8px;
}

@media screen and (max-width: 1199px) {
  .pm-header-right {
    flex-direction: column;
    align-items: stretch;
    margin-left: 0;
    width: 100%;
  }
}

/* Login Buttons */
.pm-header-login {
  display: flex;
  align-items: center;
  gap: 0;
}

@media screen and (max-width: 1199px) {
  .pm-header-login {
    flex-direction: column;
    align-items: stretch;
    margin-left: 0;
    margin-top: 20px;
    padding: 0 16px;
    width: 100%;
  }
}

.pm-header-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 12px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.75;
  border-radius: 6px;
  text-decoration: none;
  transition: background-color 120ms ease, border-color 120ms ease, color 120ms ease;
  white-space: nowrap;
  cursor: pointer;
  margin-right: 8px;
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

.pm-header-btn:last-child {
  margin-right: 0;
}

.pm-header-btn--secondary {
  background: #f3f3f3;
  border: 1px solid #CFCFCF;
  color: #212121;
}

.pm-header-btn--secondary:hover {
  background: #000;
  border-color: #000;
  color: #fff;
  text-decoration: none;
}

.pm-header-btn--primary {
  background: #e0531f;
  border: 1px solid #e0531f;
  color: white;
}

.pm-header-btn--primary:hover {
  background: #FF6C37;
  border-color: #FF6C37;
  text-decoration: none;
}

/* Mobile Toggler */
.pm-header-toggler {
  display: none;
  background: none;
  border: none;
  font-size: 24px;
  padding: 0;
  cursor: pointer;
  margin-left: auto;
}

.pm-header-toggler:focus {
  box-shadow: none;
  outline: none;
}

@media screen and (max-width: 1199px) {
  .pm-header-toggler {
    display: block;
  }
}

.pm-header-toggler__wrapper {
  position: relative;
  height: 30px;
  width: 24px;
  display: block;
  transform: rotate(0deg);
  transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
  cursor: pointer;
}

.pm-header-toggler__icon {
  display: block;
  position: absolute;
  height: 2px;
  width: 24px;
  background: #6b6b6b;
  border-radius: 4px;
  opacity: 1;
  left: 0;
  transform: rotate(0deg);
  transition: all 0.1s ease;
}

.pm-header-toggler__icon--top {
  top: 10px;
}

.pm-header-toggler__icon--middle-top,
.pm-header-toggler__icon--middle-bottom {
  top: 18px;
}

.pm-header-toggler__icon--bottom {
  top: 26px;
}

/* Active hamburger states */
.pm-header-toggler__icon--active1 {
  top: 18px;
  left: 50%;
  width: 0%;
  visibility: hidden;
  transform: rotate(45deg);
}

.pm-header-toggler__icon--active2 {
  transform: rotate(45deg);
}

.pm-header-toggler__icon--active3 {
  transform: rotate(-45deg);
}

.pm-header-toggler__icon--active4 {
  top: 18px;
  width: 0%;
  left: 50%;
  transform: rotate(-45deg);
  visibility: hidden;
}

/* Minimal text links for help pages */
.pm-header-link {
  font-size: 14px;
  font-weight: 400;
  color: #6b6b6b;
  text-decoration: none;
  padding: 4px 12px;
  white-space: nowrap;
}

.pm-header-link:hover {
  color: #212121;
  text-decoration: none;
}

.pm-header-spacer {
  width: 10px;
  flex-shrink: 0;
}

/* ============ DESKTOP DOCS SUB-NAV BAR ============ */
/* Second sticky bar below the global header. Desktop-only. */
/* Layout: [Version] [Product] [Search...] [Lang] */

.pm-desktop-subnav {
  display: none;
}

@media screen and (min-width: 1024px) {
  .pm-desktop-subnav {
    display: flex;
    align-items: center;
    gap: 8px;
    background: white;
    border-bottom: 1px solid #e6e6e6;
    height: 48px;
    width: 100%;
    padding: 0 16px;
    box-sizing: border-box;
    font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}

/* Version/product nodes relocated from the Fern sidebar sit here.
   Strip Fern's bordered-pill styling and apply the same look as the top nav. */

/* Outer containers + their immediate children (icon wrapper, trigger, etc.) */
.pm-desktop-subnav .fern-version-selector,
.pm-desktop-subnav .fern-version-selector > *,
.pm-desktop-subnav .fern-product-selector,
.pm-desktop-subnav .fern-product-selector > * {
  flex-shrink: 0;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Text color + font on all inner elements (spans, divs, buttons) */
.pm-desktop-subnav .fern-version-selector button,
.pm-desktop-subnav .fern-version-selector span,
.pm-desktop-subnav .fern-version-selector div,
.pm-desktop-subnav .fern-product-selector button,
.pm-desktop-subnav .fern-product-selector span,
.pm-desktop-subnav .fern-product-selector div {
  color: #6b6b6b !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  line-height: 21px !important;
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Fern's title text inside the selector trigger */
.pm-desktop-subnav .fern-selection-item-title {
  color: #6b6b6b !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
}

/* Hover — darken text like the top nav */
.pm-desktop-subnav .fern-version-selector:hover button,
.pm-desktop-subnav .fern-version-selector:hover span,
.pm-desktop-subnav .fern-version-selector:hover div,
.pm-desktop-subnav .fern-version-selector:hover .fern-selection-item-title,
.pm-desktop-subnav .fern-product-selector:hover button,
.pm-desktop-subnav .fern-product-selector:hover span,
.pm-desktop-subnav .fern-product-selector:hover div,
.pm-desktop-subnav .fern-product-selector:hover .fern-selection-item-title {
  color: #212121 !important;
}

/* ProductSwitcher dropdown portal — 3-column horizontal grid layout.
   The portal renders to document.body (outside .pm-desktop-subnav),
   so this rule must be unscoped. */
.fern-product-selector-radio-group {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
}

/* Search slot — fills remaining space, centers search + Ask AI within it */
.pm-desktop-subnav__search {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

/* Lang placeholder — far right */
.pm-desktop-subnav__lang {
  flex-shrink: 0;
  font-size: 14px;
  font-weight: 600;
  color: #6b6b6b;
  padding: 4px 8px;
  cursor: default;
}

/* ============ MOBILE SUB-NAV BAR ============ */

.pm-subnav {
  display: none;
}

@media screen and (max-width: 1023px) {
  .pm-subnav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: white;
    border-bottom: 1px solid #e6e6e6;
    height: 44px;
    width: 100%;
    padding: 0 16px;
    box-sizing: border-box;
    font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}

.pm-subnav__fern-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
  padding: 0;
  margin: -1px;
}

.pm-subnav__menu-btn {
  display: flex;
  align-items: center;
  gap: 8px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  font-size: 14px;
  font-weight: 600;
  color: #6b6b6b;
  font-family: inherit;
}

.pm-subnav__menu-btn:hover {
  color: #212121;
}

/* Let the Fern Search wrapper collapse so the native Ask AI button
   participates directly in the subnav flex layout. */
.pm-subnav__fern-search {
  display: contents;
}

.pm-subnav__fern-search > div {
  display: contents;
}

/* Hide the search bar trigger inside the subnav; only the Ask AI button shows. */
.pm-subnav__fern-search #fern-search-button {
  display: none !important;
}

/* Strip the "outlined" fern-button styling and right padding so the Ask AI
   button sits flush at the right edge. The outlined class uses box-shadow
   for the visible ring, not a CSS border. */
.pm-subnav__fern-search #fern-ask-ai-button {
  box-shadow: none !important;
  padding-right: 0 !important;
}

/* Suppress the open/active background that Fern applies when the AI panel is open */
.pm-subnav__fern-search #fern-ask-ai-button:hover,
.pm-subnav__fern-search #fern-ask-ai-button[data-state="open"],
.pm-subnav__fern-search #fern-ask-ai-button[data-state="opening"],
.pm-subnav__fern-search #fern-ask-ai-button[data-state="checked"],
.pm-subnav__fern-search #fern-ask-ai-button[data-state="on"] {
  background-color: transparent !important;
  color: inherit !important;
}

/* ============ CLEAN UP SIDEBAR ON DESKTOP ============ */
/* With switcher-placement: header + DesktopSubNav rendering the Fern components
   directly, the sidebar no longer needs the switchers, search, or Ask AI row.
   Hide them and the divider below so there's no dead space. */

@media screen and (min-width: 1024px) {
  #fern-sidebar .fern-header-switchers,
  #fern-sidebar #fern-ask-ai-button,
  #fern-sidebar #fern-search-button,
  #fern-sidebar .h-px.bg-border-concealed,
  #fern-sidebar div:has(> .fern-version-selector):not(.fern-header-switchers) {
    display: none !important;
  }
}

/* ============ FERN SIDEBAR → FULL-SCREEN DROPDOWN ============ */
/* Override Fern's mobile sidebar so it behaves like a full-screen dropdown
   instead of a side drawer. The sidebar content stays the same. */
@media screen and (max-width: 1023px) {
  #fern-sidebar[data-viewport="mobile"] {
    width: 100% !important;
    max-width: 100% !important;
    left: 0 !important;
    right: 0 !important;
    border-left: none !important;
    border-radius: 0 !important;
  }

  #fern-sidebar-overlay {
    background: rgba(0, 0, 0, 0.3) !important;
  }

  /* Fern's desktop sidebar layout includes a second version selector plus a
     search/Ask AI row. At ≤767px (mobile mode) these don't appear. Hide them
     so the sidebar matches the mobile experience at all narrow widths. */
  #fern-sidebar .fern-version-selector {
    display: none !important;
  }

  #fern-sidebar .fern-header-switchers .fern-version-selector {
    display: flex !important;
    width: 100%;
  }

  /* Hide the search/Ask AI row and the container div that held the duplicate
     version selector. Also hide the 1px divider between the two sections.
     :has() targets the container by what it contains, not fragile class names. */
  #fern-sidebar #fern-search-button,
  #fern-sidebar #fern-ask-ai-button {
    display: none !important;
  }

  #fern-sidebar div:has(> .fern-version-selector):not(.fern-header-switchers) {
    display: none !important;
  }

  #fern-sidebar .h-px.bg-border-concealed {
    display: none !important;
  }
}

/* Postman Footer Styles - Bootstrap Grid Match */

/* Variables */
:root {
  --pm-grey-00: #ffffff;
  --pm-grey-20: #e6e6e6;
  --pm-grey-50: #6b6b6b;
  --pm-link-hover: rgb(2, 101, 210);
  --pm-font-inter: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
  --pm-transition-all: 0.2s ease-in-out;
}

/* Footer Container */
.pm-footer {
  background-color: var(--pm-grey-00);
  border-top: 1px solid rgb(230, 230, 230);
  padding: 60px 0;
  font-family: var(--pm-font-inter);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@media (max-width: 576px) {
  .pm-footer {
    padding: 30px 0px;
  }
}

/* No-select utility */
.pm-footer .no-select {
  user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  -moz-user-select: none;
  -ms-user-select: none;
}

/* Container - Match Bootstrap Container max-widths */
.pm-footer-container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .pm-footer-container { max-width: 540px; }
}
@media (min-width: 768px) {
  .pm-footer-container { max-width: 720px; }
}
@media (min-width: 992px) {
  .pm-footer-container { max-width: 960px; }
}
@media (min-width: 1200px) {
  .pm-footer-container { max-width: 1140px; }
}
@media (min-width: 1400px) {
  .pm-footer-container { max-width: 1320px; }
}

/* Footer Grid - Match Bootstrap Row */
.pm-footer-grid {
  display: flex;
  flex-wrap: wrap;
  margin-right: 30px;
  margin-left: 30px;
}

/* Logo Column - order-last order-lg-first, col-12 col-md-4 col-lg-2 */
.pm-footer-logo-col {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  flex: 0 0 100%;
  max-width: 100%;
  order: 999;
  margin-bottom: 1rem;
  text-align: center;
}

@media (min-width: 768px) {
  .pm-footer-logo-col {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    text-align: start;
  }
}

@media (min-width: 992px) {
  .pm-footer-logo-col {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
    order: -1;
    margin-bottom: 0;
  }
}

/* Logo */
.pm-footer-logo {
  max-width: 100px;
  height: auto;
  object-fit: contain;
  margin-top: 1.25rem;
}

@media (min-width: 992px) {
  .pm-footer-logo {
    margin-top: 20px;
  }
}

/* Content Columns - col-6 col-sm-6 col-md-4 col-lg-2 */
.pm-footer-col {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  flex: 0 0 50%;
  max-width: 50%;
  margin-bottom: 3rem;
}

@media (min-width: 768px) {
  .pm-footer-col {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    margin-bottom: 0;
  }
}

@media (min-width: 992px) {
  .pm-footer-col {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
}

/* Title */
.pm-footer-title {
  line-height: 1.4;
  margin-bottom: 8px;
  font-family: var(--pm-font-inter);
  font-weight: 600;
  color: var(--pm-grey-50);
  font-size: 16px !important;
}

/* List */
.pm-footer-list {
  padding-left: 0;
  margin: 0;
  list-style: none;
}

.pm-footer-list li {
  list-style-type: none;
  margin-bottom: 0;
  font-size: 14px;
}

/* Links */
.pm-footer a {
  border-bottom: none;
}

.pm-footer-link {
  color: var(--pm-grey-50);
  display: flex;
  font-family: var(--pm-font-inter);
  font-weight: 400;
  line-height: 1.7;
  padding: 5px 0;
  text-transform: none;
  text-decoration: none;
  border-bottom: none;
}

.pm-footer-link:hover {
  color: var(--pm-link-hover);
  text-decoration: none;
  border-bottom: none;
  transition: none;
}

/* Badge - Match original global.css .badge */
.pm-footer-badge {
  margin-left: 0.8rem;
  border-radius: 5px;
  border: 1px solid #6f2cba;
  padding: 5px 9px;
  font-size: 12px;
  text-transform: uppercase;
  color: #6f2cba;
  font-weight: 400;
  line-height: 18px;
}

/* Social Icons Row - justify-content-center justify-content-lg-end */
.pm-footer-social {
  display: flex;
  justify-content: center;
  padding-right: 55px;
  padding-left: 30px;
  gap: .2rem;
}

@media (min-width: 992px) {
  .pm-footer-social {
    justify-content: flex-end;
  }
}

.pm-footer-social-link {
  padding-top: 7px;
  display: inline-block;
  border-bottom: none;
}

.pm-footer-social-link:not(:last-child) {
  padding-right: 15px;
}

.pm-footer-social-icon {
  opacity: 0.7;
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  transition: 0.2s ease-in-out;
}

.pm-footer-social-icon:hover {
  filter: grayscale(0);
  -webkit-filter: grayscale(0);
  opacity: 1;
  transition: var(--pm-transition-all);
}

/* Divider */
.pm-footer-divider {
  background-color: var(--pm-grey-20);
  height: 1px;
  margin: 20px 30px;
  width: calc(100% - 80px);
}

/* Legal row -- mirrors www-next FooterMain bottom row.
   3-col grid (Download | stacked privacy/legal center | Copyright) on desktop,
   single centered column on mobile. */
.pm-footer-legal {
  display: grid;
  grid-template-columns: 1fr;
  align-items: start;
  row-gap: 0.5rem;
  margin-right: 30px;
  margin-left: 30px;
}

@media (min-width: 992px) {
  .pm-footer-legal {
    grid-template-columns: 1fr 2fr 1fr;
    column-gap: 1rem;
    row-gap: 0;
  }
}

/* Left: Download link -- centered on mobile, left-aligned on desktop */
.pm-footer-legal-left {
  text-align: center;
}

@media (min-width: 992px) {
  .pm-footer-legal-left {
    text-align: left;
  }
}

/* Center: stacked privacy notice / DNSS / privacy policy -- always centered */
.pm-footer-legal-center {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 0.25rem;
  text-align: center;
}

/* Right: copyright -- centered on mobile, right-aligned on desktop */
.pm-footer-legal-right {
  text-align: center;
}

@media (min-width: 992px) {
  .pm-footer-legal-right {
    text-align: right;
  }
}

/* GPC-aware privacy notice line: blue "Cookie Preferences" button + grey status copy.
   No white-space:nowrap here -- the full line must wrap on narrow viewports to avoid
   horizontal overflow; only the button label below is kept on one line. */
.pm-footer-privacy-notice {
  font-size: 14px;
  color: var(--pm-grey-50);
  font-family: var(--pm-font-inter);
}

.pm-footer-privacy-button {
  font-size: 14px;
  color: var(--pm-link-hover);
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  font-family: var(--pm-font-inter);
  font-weight: 400;
  white-space: nowrap;
}

.pm-footer-privacy-button:hover {
  text-decoration: underline;
}

/* Bottom links - Match .special class */
.pm-footer-bottom-link {
  font-size: 14px !important;
  color: var(--pm-link-hover);
  text-decoration: none;
}

.pm-footer-bottom-link:hover {
  text-decoration: underline;
}

/* Bottom button - Match .special with inline styles */
.pm-footer-bottom-button {
  font-size: 14px !important;
  color: var(--pm-link-hover);
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  font-family: var(--pm-font-inter);
}

.pm-footer-bottom-button:hover {
  text-decoration: underline;
}

/* Copyright */
.pm-footer-copyright {
  font-size: 14px;
  color: var(--pm-grey-50);
  font-family: var(--pm-font-inter);
  margin: 0;
}

:root {
 --hero-background-color: rgba(231, 240, 255, 1);
 --title-color: #1a1a1a;
 --card-content-color: #6b6b6b;
 --link-color: #0265D2;
 --searchbar-background-color: #ffffff;
 --searchbar-text-color: rgba(0, 0, 0, .24);
 --hr-color: #e0e0e0;
 --inverted-title-color: #ffffff;
 --custom-callout-border-color: #adcdfb;
 --custom-callout-background-color: #e7f0ff;
  --custom-callout-button-background-color: #dde6f3;
  --custom-callout-button-border-color: #d1d5db;
  --sidebar-active-background-color: #f2f2f2;
  --button-outlined-bg: #f3f3f3;
  --button-outlined-border: #CFCFCF;
  --button-filled-bg: #e0531f;
  --button-filled-hover-bg: #FF6C37;
  --button-outlined-hover-bg: #000;
  --button-outlined-hover-text: #fff;
}

.dark {
  --hero-background-color: #1f2123;
  --title-color: #ffffff; 
  --card-content-color: #a0a0a0;
  --link-color: #4badff;
  --searchbar-background-color: #000000;
  --searchbar-text-color: #999;
  --hr-color: #23282f;
  --inverted-title-color: #1a1a1a;
  --custom-callout-border-color: #183862;
 --custom-callout-background-color: #141c2a;
 --custom-callout-button-background-color: #1e2733;
 --custom-callout-button-border-color: #1f1f1f;
 --sidebar-active-background-color: #232323;
 --button-outlined-bg: #1e1e1e;
 --button-outlined-border: #404040;
 --button-filled-bg: #e0531f;
 --button-filled-hover-bg: #FF6C37;
 --button-outlined-hover-bg: #000;
 --button-outlined-hover-text: #fff;
}

/* Heading font sizes */
h1 {
  font-size: 48px;
  line-height: 1;
  letter-spacing: 0.64px;
}

h2 {
  font-size: 36px;
  margin-top: 16px;
  margin-bottom: 16px;
  line-height: 1.14286;
  letter-spacing: 0.48px;
}

h3 {
  font-size: 24px;
  line-height: 1.5;
  letter-spacing: 0.64px;
  margin-top: 12px;
  margin-bottom: 12px;
}

h4 {
  letter-spacing: -0.32px;
  margin: 0 0 8px 0;
  font-size: 20px;
  line-height: 1.4;
}

/*Ask AI Height*/
.fern-ask-ai-panel-header {
  height: 76px !important;
}
/* Home page section wrapper for CardGroup and headings */
.home-section {
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10%;
  padding-right: 10%;
  box-sizing: border-box;
}

/* Container for centering all content */
.hero-container,
.row {
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2rem;
  padding-right: 2rem;
  box-sizing: border-box;
}

/* Plain hero section - no background color */
.hero-section-plain {
  padding: 2rem 0 2rem 0;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.hero-section-plain .img-fluid {
  max-width: 400px;
  height: auto;
}

.hero-section-plain + hr {
  max-width: 100%;
  margin: 0 0 2rem 0;
}

.hero-section-plain a,
.page-content-centered a {
  color: var(--link-color);
  font-weight: normal;
  text-decoration: none;
}

.hero-section-plain a:hover,
.page-content-centered a:hover {
  text-decoration: none;
}

/* Legacy sidebar icon hooks */
.pm-fg-link {
  display: inline-flex;
  align-items: center;
}

.pm-fg-link .pm-fg-nav-icon {
  display: inline-block;
  width: 14px;
  height: 14px;
  flex: 0 0 14px;
  margin-right: 8px;
  object-fit: contain;
  vertical-align: middle;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Hero Section Styling */
.hero-section {
  background-color: var(--hero-background-color);
  padding: 3rem 0 1.5rem 0;
  margin-top: -2rem;
  margin-bottom: 1rem;
  position: relative;
  box-shadow: 0 0 0 100vmax var(--hero-background-color);
  clip-path: inset(0 -100vmax);
}


.hero-title {
  font-size: 48px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.64px;
  margin: 0 0 0.5rem 0;
  color: var(--title-color);
}

.hero-subtitle {
  font-size: 1.1rem;
  color: var(--card-content-color);
  margin: 0 0 1.5rem 0;
  font-weight: 400;
}

.hero-search {
  position: relative;
  margin-bottom: 1.5rem;
}

.hero-search-input {
  width: 100%;
  padding: 1.75rem 1rem;
  border: 0.5px solid var(--searchbar-text-color);
  border-radius: 8px;
  font-size: 1.1rem;
  background: var(--searchbar-background-color);
  transition: border-color 0.2s, box-shadow 0.2s;
}

.hero-search-input:focus {
  outline: none;
  border-color: #0066ff;
  box-shadow: 0 0 0 3px rgba(0, 102, 255, 0.1);
}

.hero-search-input::placeholder {
  color: #999;
}

.quick-links {
  margin-top: 1rem;
  font-size: 0.95rem;
  line-height: 1.8;
}

.quick-links a {
  color: var(--link-color);
  text-decoration: none;
  font-weight: 500;
}

.quick-links a:hover {
  text-decoration: underline;
}

.quick-links span {
  display: inline-block;
  margin-right: 1rem;
  margin-bottom: 1rem;
}

/* Bootstrap-like Grid System */
.row {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  margin-bottom: 2rem;
  width: 100%;
}

.col-sm-3,
.col-sm-4,
.col-sm-6,
.col-sm-12,
.col-md-5,
.col-md-6,
.col-lg-4,
.col-lg-6,
.col-lg-8 {
  position: relative;
  width: 100%;
}

/* Mobile first - all full width */
@media (min-width: 576px) {
  .col-sm-3 {
    flex: 0 0 calc((100% - 6rem) / 4);
    max-width: calc((100% - 6rem) / 4);
  }
  .col-sm-4 {
    flex: 0 0 calc((100% - 4rem) / 3);
    max-width: calc((100% - 4rem) / 3);
  }
  .col-sm-6 {
    flex: 0 0 calc((100% - 2rem) / 2);
    max-width: calc((100% - 2rem) / 2);
  }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media (min-width: 768px) {
  .col-md-5 {
    flex: 0 0 calc((100% - 2rem) * 0.416667);
    max-width: calc((100% - 2rem) * 0.416667);
  }
  .col-md-6 {
    flex: 0 0 calc((100% - 2rem) * 0.5);
    max-width: calc((100% - 2rem) * 0.5);
  }
}

@media (min-width: 992px) {
  .col-lg-4 {
    flex: 0 0 calc((100% - 2rem) * 0.333333);
    max-width: calc((100% - 2rem) * 0.333333);
  }
  .col-lg-6 {
    flex: 0 0 calc((100% - 2rem) * 0.5);
    max-width: calc((100% - 2rem) * 0.5);
  }
  .col-lg-8 {
    flex: 0 0 calc((100% - 2rem) * 0.666667);
    max-width: calc((100% - 2rem) * 0.666667);
  }
}

.align-self-center {
  align-self: center;
}

/* Card Styling */
.Cards_Card__F7WBv {
  background: transparent;
  border-radius: 8px;
  padding: 1.5rem;
  padding-left: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.Cards_CardTop__djHD9 {
  margin-bottom: 1rem;
}

.Cards_CardImage__Bc9iL {
  width: 50px;
  height: 50px;
}

.Cards_CardImage__Bc9iL img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.Cards_CardTitle__feKI2 {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.64px;
  margin-bottom: 0.75rem;
  color: var(--title-color);
}

.Cards_CardDescription__1ZH9v {
  font-size: 0.95rem;
  line-height: 1.6;
  color: var(--card-content-color);
  margin-bottom: 1rem;
  flex-grow: 1;
}

.Cards_CardLink__PUKtC {
  color: var(--link-color);
  font-weight: 400;
  text-decoration: none;
  font-size: 0.95rem;
  display: inline-block;
  transition: color 0.2s;
}

.Cards_CardLink__PUKtC:hover {
  color: var(--link-color);
  text-decoration: underline;
  text-decoration-thickness: 0.5px;
}


/* Section Headers */
.index_landingH2__LTxEz {
  font-size: 36px;
  font-weight: 600;
  line-height: 1.14286;
  letter-spacing: 0.48px;
  margin-top: 16px;
  margin-bottom: 16px;
  flex-basis: 100%;
  width: 100%;
  color: var(--title-color);
  padding-left: 0;
}


/* Video Section */
.Video_EmbedVideo__TffGX {
  position: relative;
  padding-bottom: 42%; /* Smaller video frame */
  height: 0;
  overflow: hidden;
  border-radius: 8px;
  background: #000;
  max-width: 600px;
}

.Video_EmbedVideo__TffGX iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}

.video-description {
  font-size: 1rem;
  line-height: 1.6;
  color: var(--card-content-color);
  margin-bottom: 0.75rem;
}

/* Button Styling */
.Button_link__ue95d {
  text-decoration: none;
  display: inline-block;
}

.Button_base__VVWBX {
  padding: 0.75rem 1.5rem;
  border-radius: 6px;
  font-weight: 600;
  border: none;
  cursor: pointer;
  transition: all 0.2s ease;
  font-size: 0.95rem;
}

.Button_secondary__jgw4B {
  background-color: #ff6c37;
  color: white;
}

.Button_secondary__jgw4B:hover {
  background-color: #e0531f;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(255, 108, 55, 0.3);
}

.cta-community-button {
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  border: 1px solid #d1d5db;
  background: #f9fafb;
  cursor: pointer;
  font-size: 0.875rem;
  font-weight: 500;
}

.text-sm {
  font-size: 0.95rem;
}

/* Image fluid */
.img-fluid {
  max-width: 100%;
  height: auto;
}

/* Utility classes */
.d-inline-block {
  display: inline-block;
}

.pe-5 {
  padding-right: 3rem;
}

.me-2 {
  margin-right: 0.5rem;
}

.pb-3 {
  padding-bottom: 1rem;
}

@media (min-width: 992px) {
  .pb-lg-0 {
    padding-bottom: 0;
  }
}

/* Horizontal Rule Styling */
hr {
  max-width: 1330px;
  margin: 3rem auto;
  border: none;
  border-top: 1px solid var(--hr-color);
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hero-section {
    padding: 2rem 0;
    margin-top: -1rem;
    margin-bottom: 1.5rem;
  }

  .hero-container,
  .row {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .hero-title {
    font-size: 2rem;
  }

  .hero-subtitle {
    font-size: 1rem;
  }

  .quick-links {
    font-size: 0.9rem;
  }

  .quick-links span {
    padding-right: 1rem;
    margin-right: 0;
  }

  .index_landingH2__LTxEz {
    font-size: 1.5rem;
  }

  .Cards_CardTitle__feKI2 {
    font-size: 1.15rem;
  }

  .row {
    gap: 1.5rem;
  }
}

@media (max-width: 575px) {
  .quick-links span {
    padding-right: 0;
    display: block;
    margin-bottom: 0.75rem;
  }
}


/* Hide search button and ask AI button */
body:has(.hero-section) .fern-header-content #fern-search-button {
    display: none !important;
}
  
body:has(.hero-section) header #fern-ask-ai-button {
    display: none !important;
}
  
body:has(.hero-section) .fern-mdx-link svg {
    display: none !important;
}

/* Hide anchor link on hero title */
body:has(.hero-section) h1,
body:has(.hero-section) h2,
body:has(.hero-section) h3,
body:has(.hero-section) h4,
body:has(.hero-section) h5,
body:has(.hero-section) h6 {
    pointer-events: none !important;
}

/* Hide anchor links on landing page */
/* .fern-layout-overview h1,
.fern-layout-overview h2,
.fern-layout-overview h3,
.fern-layout-overview h4,
.fern-layout-overview h5,
.fern-layout-overview h6 {
    pointer-events: none !important;
} */

.fern-layout-overview .fern-anchor {
    display: none !important;
}

.fern-layout-guide .fern-mdx-link {
    color: var(--link-color);
    text-decoration: none !important;
    font-weight: 400 !important;
}

.fern-layout-guide .fern-mdx-link:hover {
    color: var(--link-color) !important;
    text-decoration: underline var(--link-color) !important;
    text-decoration-thickness: 0.1px !important;
}

/* Override custom list styling to show starburst bullets */
ul.list-none:not(.fern-scroll-area-viewport ul.list-none, .min-w-0.flex-1.shrink ul.list-none) {
  list-style-type: none !important;
  padding-left: 1.5rem !important;
}

ul.list-none:not(.fern-scroll-area-viewport ul.list-none, .min-w-0.flex-1.shrink ul.list-none) li {
  position: relative !important;
  margin-left: 0 !important;
  padding-left: 1.5rem !important;
  list-style: none !important;
}

ul.list-none:not(.fern-scroll-area-viewport ul.list-none, .min-w-0.flex-1.shrink ul.list-none) li::before {
  content: '' !important;
  position: absolute !important;
  left: 1.1rem !important;
  top: 0.55em !important;
  width: 10px !important;
  height: 10px !important;
  background-image: url('https://voyager.postman.com/icon/starburst-four-point.svg') !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
}

.iconless-callout svg {
    display: none !important;
}

.fern-callout.iconless-callout [class*="[&_svg]:size-icon-md"] {
    display: none !important;
}

.iconless-callout {
  padding: 16px 24px;
}

.icon-image {
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
}

.prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){
 margin-top: 0 !important;
 margin-bottom: 0 !important;
}

/* Ensure links with Cards_CardLink__PUKtC class use --link-color */
p .Cards_CardLink__PUKtC,
p a.Cards_CardLink__PUKtC {
  color: var(--link-color) !important;
}

.card-content-text {
  color: var(--card-content-color);
}

/* CTA Wrapper styling */
.cta-wrapper.community {
  background: var(--custom-callout-background-color) !important;
  border: 2px solid var(--custom-callout-border-color) !important;
  border-radius: 20px !important;
  padding: 20px 20px;
  margin: 30px 0;
}

.cta-community-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  color: var(--title-color);
}

.cta-community-icon-text-wrapper {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  flex-shrink: 0;
}

.cta-community-icon-wrapper {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cta-community-icon {
  display: block;
}

.cta-community-icon-light {
  display: block;
}

.cta-community-icon-dark {
  display: none;
}

.dark .cta-community-icon-light {
  display: none;
}

.dark .cta-community-icon-dark {
  display: block;
}

.cta-community-text-wrapper {
  flex-shrink: 0;
  max-width: 250px;
}

.cta-community-text {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  word-wrap: break-word;
  overflow-wrap: break-word;
  letter-spacing: -.24px;
  line-height: 1.375;
  font-family: "Inter Regular", system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
  color: var(--title-color);
}

.cta-community-button-wrapper {
  flex-shrink: 0;
}

.cta-callout-button {
  padding: 20px 18px;
  border-radius: 5px;
  border: 1px solid var(--custom-callout-button-border-color);
  background: var(--custom-callout-button-background-color);
  cursor: pointer;
  font-size: 16px;
  font-weight: 600;
  transition: background-color 0.2s ease, color 0.2s ease;
  color: var(--title-color);
  letter-spacing: -.16px;
  line-height: 1.5;
}

.cta-callout-button:hover {
  background: var(--title-color);
  color: var(--inverted-title-color);
}

#fern-sidebar-scroll-area {
  margin-left: 0.5rem
}
/* Sidebar font family */
#fern-sidebar {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}

/* Fix mobile header nav to overlay content */
.pm-header-collapse.pm-header-collapse--open {
  position: fixed !important;
  top: 54px !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  height: calc(100vh - 54px) !important;
  min-height: calc(100vh - 54px) !important;
  z-index: 999 !important;
  background: var(--searchbar-background-color) !important;
  overflow-y: auto !important;
  padding: 1rem !important;
  display: flex !important;
  flex-direction: column !important;
}

.pm-header-collapse.pm-header-collapse--open .pm-header-nav__items {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  padding: 0.5rem 0 !important;
}

.pm-header-collapse.pm-header-collapse--open .pm-header-nav__item {
  border-bottom: none !important;
}

.pm-header-collapse.pm-header-collapse--open .pm-header-nav__link {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 0.75rem 1rem !important;
  font-size: 16px !important;
  color: var(--title-color) !important;
  text-decoration: none !important;
}

.pm-header-collapse.pm-header-collapse--open .pm-header-login {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.75rem !important;
  padding: 1.5rem 0.5rem !important;
  margin-top: auto !important;
}

.pm-header-collapse.pm-header-collapse--open .pm-header-login .pm-header-btn {
  display: block !important;
  width: 100% !important;
  text-align: center !important;
  padding: 0.875rem 1rem !important;
  border-radius: 8px !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}

.pm-header-collapse.pm-header-collapse--open .pm-header-login .pm-header-btn--secondary {
  background: var(--button-outlined-bg) !important;
  border: 1px solid var(--button-outlined-border) !important;
  color: var(--title-color) !important;
}

.pm-header-collapse.pm-header-collapse--open .pm-header-login .pm-header-btn--primary {
  background: var(--button-filled-bg) !important;
  color: #fff !important;
  border: none !important;
}

/* Sidebar styling for guides pages only */
.fern-sidebar-link {
  font-weight: normal !important;
  padding-top: 0.65rem !important;
  padding-bottom: 0.65rem !important;
  border-radius: 0px !important;
}
body.guides-page .fern-sidebar-link:hover,
body.guides-page .fern-sidebar-link[data-state="active"] {
  font-weight: 600 !important;
  background-color: var(--sidebar-active-background-color) !important;
}

.fern-sidebar-link:not(.nested):hover {
  font-weight: 600 !important;
  background-color: var(--sidebar-active-background-color) !important;
}

.fern-sidebar-link[data-state="active"] {
  background-color: var(--sidebar-active-background-color) !important;
  color: var(--title-color) !important;
  border-radius: 0px !important;
  font-weight: normal !important;
}

.fern-sidebar-link {
  border-radius: 0px !important;
}

.fern-sidebar-link-title-inner {
  padding-top: 0.65rem !important;
  padding-bottom: 0.65rem !important;
  color: var(--title-color) !important;
}

body.guides-page .fern-sidebar-link-title-inner {
  color: var(--title-color) !important;
  padding-top: 0.7rem !important;
};

body.guides-page .fern-sidebar-link.nested[data-state=active]:before {
  background: var(--title-color) !important;
}

body.guides-page .fern-sidebar-link.nested {
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}

.lucide-chevron-down.expand-indicator {
  color: var(--grayscale-10) !important;
}

body.guides-page .fern-sidebar-link.nested[data-state="active"] {
  background-color: var(--sidebar-active-background-color) !important;
  border-radius: 0px !important;
}

@media (width >= 1024px) {
  .fern-sidebar-link.nested[data-state=active]:before {
      background: var(--title-color) !important;
  }
}

/* Reset any ring/halo/gradient on navbar buttons */
nav.fern-header-navbar-links a.fern-button,
nav.fern-header-navbar-links a.fern-button .fern-button-content,
nav.fern-header-navbar-links a.fern-button::before,
nav.fern-header-navbar-links a.fern-button::after {
  background-image: none !important;
  box-shadow: none !important;
  outline: none !important;
  /* Tailwind-style ring/shadow variables */
  --tw-ring-color: transparent !important;
  --tw-ring-offset-shadow: 0 0 #0000 !important;
  --tw-ring-shadow: 0 0 #0000 !important;
  --tw-shadow: 0 0 #0000 !important;
}

/* Outlined buttons (Contact Sales, Sign In) */
nav.fern-header-navbar-links a.fern-button.outlined {
  background: var(--button-outlined-bg) !important;
  border: 1px solid var(--button-outlined-border) !important;
}

nav.fern-header-navbar-links a.fern-button.outlined .fern-button-content {
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
}

nav.fern-header-navbar-links a.fern-button.outlined .fern-button-text {
  color: var(--title-color) !important;
}

/* Filled button (Sign Up for Free) */
nav.fern-header-navbar-links a.fern-button.filled {
  background: var(--button-filled-bg) !important;
  border-color: transparent !important;
}

nav.fern-header-navbar-links a.fern-button.filled .fern-button-content {
  background: transparent !important;
  border: 0 !important;
}

nav.fern-header-navbar-links a.fern-button.filled .fern-button-text {
  color: #ffffff !important;
}

/* Preserve states without highlights */
nav.fern-header-navbar-links a.fern-button:hover,
nav.fern-header-navbar-links a.fern-button:focus,
nav.fern-header-navbar-links a.fern-button:active,
nav.fern-header-navbar-links a.fern-button:focus-visible {
  box-shadow: none !important;
  outline: none !important;
}

/* Outlined hover: black background with white text */
nav.fern-header-navbar-links a.fern-button.outlined:hover {
  background: var(--button-outlined-hover-bg) !important;
  border-color: var(--button-outlined-hover-bg) !important;
}

nav.fern-header-navbar-links a.fern-button.outlined:hover .fern-button-text {
  color: var(--button-outlined-hover-text) !important;
}

/* Filled hover: #FF6C37 background */
nav.fern-header-navbar-links a.fern-button.filled:hover {
  background: var(--button-filled-hover-bg) !important;
  border-color: transparent !important;
}

/* Typography + spacing to match reference */
nav.fern-header-navbar-links a.fern-button .fern-button-text {
  font-family: Inter, system-ui, -apple-system, sans-serif !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  line-height: 1.75 !important;
  letter-spacing: -.16px !important;
}

nav.fern-header-navbar-links a.fern-button {
  padding: 17px 12px !important;
  border-radius: 5px !important;
}

/* Header layout - make parent flex container */
/* .fern-header-content > div > div { */
  /* display: flex !important; */
  /* align-items: center !important; */
  /* gap: 0.5rem; */
/* } */

/* Use display: contents so navbar children participate in parent flex */
/* .fern-header-navbar-links {
  display: contents !important;
} */

/* Order elements for layout: Logo | Minimal buttons | Search | Other buttons | Theme */
/* .fern-header-logo-container {
  order: 0;
}

.fern-header-navbar-links .fern-button.minimal {
  order: 2;
} */

/* Add spacing after last minimal button to separate Block 1 from Block 2 */
/* .fern-header-navbar-links .fern-button.minimal:last-of-type {
  margin-right: 1rem;
}*/

/* .fern-header-content > div > div > div:has(#fern-search-button) {
  order: 1 !important;
  width: 100%;
} */

/*
.fern-header-navbar-links .fern-button.outlined,
.fern-header-navbar-links .fern-button.filled {
  order: 4;
} */

/* Push Block 3 (outlined buttons + theme) to the right */
/* .fern-header-navbar-links .fern-button.outlined:first-of-type {
  margin-left: auto;
}

.fern-header-navbar-links > button:last-child {
  order: 5;
}
*/

/* .fern-header-logo-container {
  flex: 0 0; 
}  */

/* .group.cursor-pointer.fern-button.minimal.normal[href="https://www.postman.com/why-postman/"] {
  padding-right: 5rem;
} */

/* .fern-header-navbar-links .fern-button.minimal {
  margin-right: 5rem;
  order: 0 !important;
}

.fern-header-navbar-links .fern-button.filled {
  order: 2 !important;
}

.fern-header-navbar-links .fern-button.outlined {
  order: 2 !important;
} */

/* Position minimal buttons immediately to the right of the logo */
.fern-header-content {
  position: relative;
  container-type: inline-size;
  container-name: header-content;
}

.fern-header-navbar-links .fern-button.minimal {
  position: absolute;
  /* left: 9rem; Adjust this value based on your logo width + desired gap */
  top: 50%;
  transform: translateY(-50%);
}

/* Space out multiple minimal buttons horizontally */
.fern-header-navbar-links .fern-button.minimal:first-of-type {
  left: 5rem;
  padding-right: 5rem;
}

.fern-header-navbar-links .fern-button.minimal:nth-of-type(2) {
  left: 9.5rem;
}

.fern-header-navbar-links .fern-button.minimal:nth-of-type(3) {
  left: 15.5rem;
}


@media (max-width: 1440px) {
  .fern-header-navbar-links .fern-button.minimal {
    display: none !important;
  }
}

/* Container query based on .fern-header-content width */
@container header-content (max-width: 1440px) {
  .fern-header-navbar-links .fern-button.minimal {
    display: none !important;
  }
}

.fern-scroll-area-scrollbar[data-orientation=vertical]:not(.code-block-root .fern-scroll-area-scrollbar[data-orientation=vertical]) {
  display: none !important;
}

/* Centered page content for custom layout pages */
.page-content-centered {
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2rem;
  padding-right: 2rem;
}

/* Hero row alignment */
.hero-row {
  align-items: center;
}

/* Fix inline icons - prevent mx-auto centering from Fern defaults */
img[src*="#icon"] {
  display: inline-block !important;
  vertical-align: middle;
  margin-left: 0 !important;
  margin-right: 0 !important;
  cursor: default !important;
  pointer-events: none !important;
}

/* "New" badge for sidebar items tagged via JS with data-badge attribute.
   Matches .pm-header-badge styling from header-dist/output.css. */
.fern-sidebar-link-title-inner[data-badge="new"]::after {
  content: "New";
  display: inline-flex;
  align-items: center;
  padding: 2px 6px;
  font-size: 11px;
  font-weight: 500;
  line-height: 1;
  background: #ff6c37;
  color: #fff;
  border-radius: 4px;
  margin-left: 8px;
  vertical-align: text-top;
}
  
/* Table spacing */
.fern-table-root {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

/* ===== Support Center Page ===== */

/* Secondary navigation bar */
.support-secondary-nav {
  border-bottom: 1px solid var(--hr-color);
  padding: 0.75rem 0;
  margin-top: -2rem;
  margin-bottom: 0;
  position: relative;
  box-shadow: 0 0 0 100vmax var(--searchbar-background-color);
  clip-path: inset(0 -100vmax);
  background: var(--searchbar-background-color);
}

.support-secondary-nav-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.support-secondary-nav-title {
  font-size: 1rem;
  font-weight: 600;
  color: var(--title-color);
  margin: 0;
}

.support-secondary-nav-links {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}

.support-secondary-nav-link {
  font-size: 0.9rem;
  color: var(--card-content-color);
  text-decoration: none;
  font-weight: 400;
}

.support-secondary-nav-link:hover {
  color: var(--title-color);
  text-decoration: none;
}

@media (max-width: 575px) {
  .support-secondary-nav-inner {
    flex-direction: column;
    gap: 0.5rem;
    align-items: flex-start;
  }
}

/* Hero section - no background, just spacing */
.support-hero-section {
  padding: 3rem 0 2rem 0;
  margin-top: 0;
  margin-bottom: 2rem;
}

.support-hero-row {
  align-items: center;
}

.support-hero-text {
  order: 1;
}

.support-hero-image-col {
  order: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (min-width: 992px) {
  .support-hero-text {
    order: 0;
  }

  .support-hero-image-col {
    order: 1;
  }
}

.support-hero-image-col .img-fluid {
  max-width: 100%;
  height: auto;
}

.support-hero-search {
  max-width: 480px;
  margin-bottom: 1rem;
}

.support-status-link {
  margin-top: 0.5rem;
  font-size: 0.95rem;
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.support-status-indicator {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  color: var(--title-color);
  font-weight: 400;
}

.support-status-indicator svg {
  flex-shrink: 0;
}

.support-status-link a {
  color: var(--link-color);
  text-decoration: none;
  font-weight: 400;
  margin-left: 0.25rem;
}

.support-status-link a:hover {
  text-decoration: underline;
}

/* Hide search and AI buttons on help page like home page */
body:has(.support-hero-section) .fern-header-content #fern-search-button {
  display: none !important;
}

body:has(.support-hero-section) header #fern-ask-ai-button {
  display: none !important;
}

body:has(.support-hero-section) .fern-mdx-link svg {
  display: none !important;
}

/* ===== Section Listing Pages (Category Overview) ===== */

.section-listing-header {
  padding: 2rem 0 1rem 0;
  margin-top: 0;
  margin-bottom: 2rem;
}

.section-listing-header h1 {
  font-size: 42px;
  font-weight: 600;
  color: var(--title-color);
  margin: 0 0 0.5rem 0;
}

.section-listing-breadcrumbs {
  margin-bottom: 1rem;
  font-size: 0.9rem;
  color: var(--card-content-color);
}

.section-listing-breadcrumbs a {
  color: var(--link-color);
  text-decoration: none;
}

.section-listing-breadcrumbs a:hover {
  text-decoration: underline;
}

.section-listing-breadcrumbs span {
  margin: 0 0.4rem;
}

.section-listing-description {
  font-size: 1rem;
  color: var(--card-content-color);
  margin-bottom: 2rem;
  line-height: 1.6;
}

.section-tree-title {
  font-size: 30px;
  font-weight: 600;
  margin: 0 0 0.75rem 0;
  line-height: 1.4;
}

.section-tree-title a {
  color: var(--title-color);
  text-decoration: none;
}

.section-tree-title a:hover {
  color: var(--link-color);
}

.article-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.article-list-item {
  padding: 0.35rem 0;
}

.article-list-item a {
  color: var(--link-color);
  text-decoration: none;
  font-size: 0.95rem;
  font-weight: normal;
  line-height: 1.5;
}

.article-list-item a:hover {
  text-decoration: underline;
}

.see-all-articles {
  display: inline-block;
  margin-top: 0.75rem;
  color: var(--link-color);
  text-decoration: none;
  font-size: 0.95rem;
  font-weight: 500;
}

.see-all-articles:hover {
  text-decoration: underline;
}

.mb-5 {
  margin-bottom: 2.5rem;
}

/* Hide the Help landing page from the sidebar (it's routable at /help but shouldn't appear in nav) */
.fern-sidebar-link[href="/help"] {
  display: none !important;
}

/* Hide Fern's built-in header tabs bar — version/product/search live in
   our custom DesktopSubNav. Ask AI is not rendered in this configuration;
   it likely requires an ai: block in docs.yml. */
.fern-header-tabs {
  display: none !important;
}

/* Strike through sidebar section labels tagged by mark-deprecated-sections.js.
   Endpoints inside get strikethrough automatically from `deprecated: true`
   in the OpenAPI spec. The Deprecated pill next to the label is injected
   by mark-deprecated-sections.js using Fern's own badge classes, so it
   picks up Fern's theme styling automatically. */
.fern-sidebar-link[data-deprecated-section="true"] .fern-sidebar-link-title-inner {
  text-decoration: line-through;
  text-decoration-thickness: 1px;
  opacity: 0.7;
}

[data-deprecated-section-badge] {
  margin-left: 0.5rem;
  padding: 1px 8px;
  vertical-align: middle;
  flex-shrink: 0;
}

.pm-switcher {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  margin: 0.5rem 0 1rem;
}

.pm-switcher--pills {
  padding: 0.25rem 0.5rem;
  background-color: var(--grayscale-a2, rgba(37, 37, 0, 0.027));
  border: 1px solid var(--grayscale-a6, rgba(25, 19, 0, 0.16));
  border-radius: calc(var(--radius, 4px) * 3);
  color: var(--grayscale-a11, rgba(8, 8, 0, 0.63));
}

.pm-switcher__label {
  color: inherit;
  padding-left: 0.25rem;
}

.pm-switcher__option {
  border: none;
  background: transparent;
  padding: 0.25rem 0.75rem;
  border-radius: 999px;
  cursor: pointer;
  color: inherit;
  font: inherit;
}

.pm-switcher__option.is-active {
  background: #ff6c37;
  color: #fff;
}

.pm-switcher__select {
  border: 1px solid var(--border, #e5e7eb);
  border-radius: 6px;
  padding: 0.25rem 0.5rem;
  background: transparent;
  color: inherit;
  font: inherit;
  cursor: pointer;
}

/* Hide the version selector on JA locale.
 * JA translations are scoped to Latest (v12) only — v11 is not translated
 * and would deliver EN content if selected. Fern doesn't natively support
 * per-locale version scoping (confirmed with Fern support 2026-08-14), so
 * we hide the whole selector on `/ja/*` URLs. Since only one version is
 * available on JA, a switcher with one option adds noise without value.
 * Remove this rule if JA ever gains v11 translations. */
html[lang="ja"] .fern-version-selector {
  display: none;
}