/* API Reference layout adapted from the supplied product-reference.scss. */
.reference-exact {
  display: block;
  min-height: 42rem;
  background: #fff;
}
.reference-workspace {
  --docs-line: #e7e2e9;
  --docs-muted: #64606c;
  min-height: 70vh;
  background: #fff;
}
.reference-toolbar {
  position: sticky;
  z-index: 40;
  top: 4.75rem;
  border-bottom: 1px solid var(--docs-line);
  background: rgba(255, 255, 255, 0.96);
  backdrop-filter: blur(14px);
}
.toolbar-inner {
  display: flex;
  width: min(100% - 2rem, 96rem);
  min-height: 3.15rem;
  margin: auto;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.reference-breadcrumb,
.state-breadcrumb {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #8a8490;
  font-size: 0.72rem;
}
.reference-breadcrumb button,
.state-breadcrumb button {
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--purple);
  font: inherit;
  font-weight: 750;
  cursor: pointer;
}
.toolbar-actions {
  display: flex;
  align-items: center;
  gap: 1rem;
  color: #8a8490;
  font-size: 0.67rem;
}
.production-label {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  color: #24633c;
  font-weight: 750;
}
.production-label i {
  width: 0.42rem;
  height: 0.42rem;
  border-radius: 50%;
  background: #31a35c;
  box-shadow: 0 0 0 0.2rem rgba(49, 163, 92, 0.12);
}

.reference-shell {
  display: grid;
  width: min(100%, 96rem);
  min-height: calc(100vh - 8rem);
  margin: auto;
  grid-template-columns: 16rem minmax(0, 1fr) 27rem;
  align-items: start;
}
.product-sidebar {
  position: sticky;
  top: 7.9rem;
  max-height: calc(100vh - 7.9rem);
  overflow-y: auto;
  padding: 1.25rem 0.8rem 2rem 1rem;
  border-right: 1px solid var(--docs-line);
  background: #fcfbfc;
  scrollbar-width: thin;
}
.sidebar-search {
  display: flex;
  height: 2.35rem;
  align-items: center;
  gap: 0.5rem;
  padding: 0 0.65rem;
  border: 1px solid #dcd5df;
  border-radius: 0.5rem;
  background: #fff;
  color: #817a87;
}
.sidebar-search > span {
  position: relative;
  width: 0.7rem;
  height: 0.7rem;
  border: 1.5px solid currentColor;
  border-radius: 50%;
}
.sidebar-search > span:after {
  position: absolute;
  right: -0.25rem;
  bottom: -0.15rem;
  width: 0.3rem;
  height: 1px;
  background: currentColor;
  content: '';
  transform: rotate(45deg);
}
.sidebar-search input {
  min-width: 0;
  flex: 1;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--ink);
  font-size: 0.75rem;
}
.sidebar-search kbd {
  padding: 0.1rem 0.3rem;
  border: 1px solid #ddd6e0;
  border-radius: 0.25rem;
  background: #faf9fb;
  font-family: var(--font-mono);
  font-size: 0.58rem;
}
.product-navigation {
  margin-top: 0.65rem;
}
.guide-link {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 0.55rem;
  margin-bottom: 0.55rem;
  padding: 0.55rem 0.7rem;
  border: 0;
  border-radius: 0.5rem;
  background: transparent;
  color: var(--ink);
  font: inherit;
  font-size: 0.75rem;
  text-align: left;
  cursor: pointer;
}
.guide-link:hover {
  background: var(--purple-soft);
  color: var(--purple);
}
.product-navigation section + section {
  margin-top: 0.55rem;
}
.product-navigation h2 {
  margin: 0.5rem 0.7rem;
  color: #77717e;
  font-size: 0.62rem;
  font-weight: 850;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.product-navigation section > button {
  display: flex;
  width: 100%;
  min-height: 2rem;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 0.45rem 0.7rem;
  border: 0;
  border-radius: 0.45rem;
  background: transparent;
  color: #56515c;
  font: inherit;
  font-size: 0.72rem;
  line-height: 1.35;
  text-align: left;
  cursor: pointer;
}
.product-navigation section > button:hover,
.product-navigation section > button.active {
  background: #f2e8f4;
  color: var(--purple);
}
.product-navigation section > button.active {
  font-weight: 780;
}
.product-navigation section > button i {
  font-style: normal;
  font-size: 1rem;
}
.endpoint-links {
  margin: 0.1rem 0 0.4rem 0.75rem;
  padding-left: 0.55rem;
  border-left: 1px solid #dfd6e1;
}
.endpoint-links button {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 0.4rem;
  padding: 0.35rem 0.45rem;
  border: 0;
  border-radius: 0.35rem;
  background: transparent;
  color: #77717e;
  font: inherit;
  font-size: 0.65rem;
  line-height: 1.3;
  text-align: left;
  cursor: pointer;
}
.endpoint-links button:hover,
.endpoint-links button.active {
  color: var(--purple);
  background: #faf2fb;
}
.mini-method {
  min-width: 2.35rem;
  padding: 0.16rem 0.22rem;
  border-radius: 0.25rem;
  background: #e8f5ed;
  color: #277146;
  font-family: var(--font-mono);
  font-size: 0.52rem;
  font-weight: 900;
  text-align: center;
}
.mini-method[data-method='POST'] {
  background: #eee7f7;
  color: #704395;
}
.sidebar-empty {
  padding: 1rem;
  color: var(--docs-muted);
  font-size: 0.72rem;
  text-align: center;
}

.reference-main {
  min-width: 0;
  padding: 2.5rem 2rem 5rem;
}
.reference-title {
  padding-bottom: 2.5rem;
  border-bottom: 1px solid var(--docs-line);
}
.product-labels {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.product-labels span,
.product-labels code {
  padding: 0.28rem 0.5rem;
  border-radius: 999px;
  font-size: 0.61rem;
  font-weight: 800;
}
.product-labels span {
  background: var(--purple-soft);
  color: var(--purple);
}
.product-labels code {
  border: 1px solid var(--docs-line);
  color: #6c6671;
  font-family: var(--font-mono);
}
.reference-title h1 {
  margin: 0.75rem 0 0.7rem;
  font-size: clamp(2rem, 3.5vw, 3.2rem);
  line-height: 1.05;
  letter-spacing: -0.045em;
}
.reference-title > p {
  max-width: 48rem;
  margin: 0;
  color: var(--docs-muted);
  font-size: 0.9rem;
  line-height: 1.7;
}
.base-url {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  margin-top: 1.25rem;
  padding: 0.7rem 0.75rem;
  border: 1px solid var(--docs-line);
  border-radius: 0.55rem;
  background: #faf9fb;
}
.base-url > span {
  color: #817b86;
  font-size: 0.62rem;
  font-weight: 800;
  text-transform: uppercase;
}
.base-url code {
  min-width: 0;
  flex: 1;
  overflow-x: auto;
  color: var(--purple-dark);
  font-family: var(--font-mono);
  font-size: 0.7rem;
  white-space: nowrap;
}
.base-url button,
.copy-page,
.mobile-code-example button,
.code-toolbar button {
  border: 1px solid #dcd5df;
  border-radius: 0.38rem;
  background: #fff;
  color: #655f6b;
  padding: 0.35rem 0.5rem;
  font: inherit;
  font-size: 0.62rem;
  font-weight: 750;
  cursor: pointer;
}
.base-url button:hover,
.copy-page:hover {
  border-color: var(--purple);
  color: var(--purple);
}

.document-section,
.endpoint-document {
  scroll-margin-top: 9rem;
}
.document-section {
  padding: 2.5rem 0;
  border-bottom: 1px solid var(--docs-line);
}
.section-kicker {
  color: var(--purple);
  font-size: 0.62rem;
  font-weight: 850;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.document-section h2,
.endpoint-header h2 {
  margin: 0.45rem 0 0.55rem;
  font-size: 1.55rem;
  letter-spacing: -0.025em;
}
.document-section > p,
.endpoint-summary {
  margin: 0;
  color: var(--docs-muted);
  font-size: 0.82rem;
  line-height: 1.65;
}
.parameter-table {
  margin-top: 1rem;
  overflow: auto;
  border: 1px solid var(--docs-line);
  border-radius: 0.55rem;
}
.parameter-table table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.72rem;
  text-align: left;
}
.parameter-table th {
  padding: 0.65rem 0.7rem;
  border-bottom: 1px solid var(--docs-line);
  background: #faf9fb;
  color: #716b77;
  font-size: 0.59rem;
  font-weight: 850;
  letter-spacing: 0.035em;
  text-transform: uppercase;
  white-space: nowrap;
}
.parameter-table td {
  min-width: 6.4rem;
  padding: 0.72rem;
  border-bottom: 1px solid var(--docs-line);
  color: #5e5963;
  line-height: 1.5;
  vertical-align: top;
}
.parameter-table tr:last-child td {
  border-bottom: 0;
}
.parameter-table td code {
  color: var(--purple-dark);
  font-family: var(--font-mono);
  font-size: 0.66rem;
  font-weight: 700;
}
.requirement {
  display: inline-flex;
  padding: 0.2rem 0.36rem;
  border-radius: 0.25rem;
  background: #fbeaec;
  color: #9e3540;
  font-size: 0.55rem;
  font-weight: 850;
}
.requirement.optional {
  background: #f0eef2;
  color: #716b77;
}
.field-type {
  color: #3f6a8d;
  font-family: var(--font-mono);
  font-size: 0.63rem;
}

.endpoint-document {
  padding: 2.8rem 0;
  border-bottom: 1px solid var(--docs-line);
}
.endpoint-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
}
.endpoint-header h2 {
  margin-top: 0.35rem;
  font-size: 1.7rem;
}
.endpoint-summary {
  max-width: 45rem;
}
.provider-source {
  margin: 0.65rem 0 0;
  color: var(--docs-muted);
  font-size: 0.75rem;
}
.provider-source a { color: var(--docs-purple); font-weight: 700; }
.route-bar {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  margin-top: 1.25rem;
  padding: 0.65rem;
  border: 1px solid #dfd9e2;
  border-radius: 0.5rem;
  background: #faf9fb;
  overflow-x: auto;
}
.route-bar code {
  color: #282331;
  font-family: var(--font-mono);
  font-size: 0.7rem;
  white-space: nowrap;
}
.route-bar > span:last-child {
  margin-left: auto;
  color: #8a8490;
  font-family: var(--font-mono);
  font-size: 0.57rem;
  white-space: nowrap;
}
.method {
  padding: 0.27rem 0.42rem;
  border-radius: 0.3rem;
  background: #e7f5ec;
  color: #287344;
  font-family: var(--font-mono);
  font-size: 0.58rem;
  font-weight: 900;
}
.method[data-method='POST'] {
  background: #eee8f8;
  color: #694092;
}
.method[data-method='DELETE'] {
  background: #fce8e9;
  color: #a83c46;
}
.schema-section {
  margin-top: 2rem;
}
.schema-section h3 {
  margin: 0;
  font-size: 1rem;
  letter-spacing: -0.015em;
}
.response-list {
  margin-top: 1rem;
  border: 1px solid var(--docs-line);
  border-radius: 0.55rem;
  overflow: hidden;
}
.response-row {
  display: grid;
  grid-template-columns: 0.5rem 2.5rem minmax(0, 14rem) minmax(0, 1fr);
  gap: 0.5rem;
  align-items: start;
  padding: 0.7rem;
  border-bottom: 1px solid var(--docs-line);
  font-size: 0.67rem;
}
.response-row:last-child {
  border-bottom: 0;
}
.response-row > span {
  width: 0.45rem;
  height: 0.45rem;
  margin-top: 0.15rem;
  border-radius: 50%;
  background: #df5363;
}
.response-row.success > span {
  background: #27a363;
}
.response-row strong {
  font-family: var(--font-mono);
}
.response-row code {
  min-width: 0;
  color: var(--purple-dark);
  font-family: var(--font-mono);
  font-size: 0.61rem;
  overflow-wrap: anywhere;
}
.response-row p {
  margin: 0;
  color: #625d67;
  line-height: 1.45;
}
.notes {
  display: flex;
  gap: 0.7rem;
  margin-top: 2rem;
  padding: 1rem;
  border-left: 3px solid var(--orange);
  background: var(--orange-soft);
  color: #674316;
}
.notes > span {
  display: grid;
  width: 1.3rem;
  height: 1.3rem;
  flex: none;
  border-radius: 50%;
  background: var(--orange);
  font-size: 0.62rem;
  font-weight: 900;
  place-items: center;
}
.notes strong {
  font-size: 0.72rem;
}
.notes ul {
  margin: 0.35rem 0 0;
  padding-left: 1rem;
  font-size: 0.68rem;
  line-height: 1.55;
}
.mobile-code-example {
  display: none;
}
.reference-footer-nav {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding-top: 2rem;
}
.reference-footer-nav button {
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--purple);
  font: inherit;
  font-size: 0.72rem;
  font-weight: 750;
  cursor: pointer;
}
.stale-warning {
  display: flex;
  gap: 0.7rem;
  margin-top: 1.5rem;
  padding: 0.9rem;
  border: 1px solid #ebd0a4;
  border-radius: 0.5rem;
  background: var(--orange-soft);
  color: #68471c;
}
.stale-warning > span {
  font-weight: 900;
}
.stale-warning p {
  margin: 0;
  font-size: 0.68rem;
  line-height: 1.5;
}
.stale-warning strong {
  display: block;
}

.code-rail {
  position: sticky;
  top: 7.9rem;
  max-height: calc(100vh - 7.9rem);
  overflow-y: auto;
  padding: 1.4rem 1rem 2rem;
  border-left: 1px solid var(--docs-line);
  background: #fbfafb;
  scrollbar-width: thin;
}
.code-panel {
  position: relative;
  overflow: hidden;
  border: 1px solid #37333f;
  border-radius: 0.65rem;
  background: #202027;
  box-shadow: 0 12px 30px rgba(18, 15, 25, 0.08);
}
.code-panel + .code-panel {
  margin-top: 0.8rem;
}
.code-panel > header {
  display: flex;
  min-height: 2.5rem;
  align-items: center;
  justify-content: space-between;
  padding: 0.65rem 0.8rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.09);
  background: #29282f;
  color: #d8d5dc;
  font-size: 0.61rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.code-panel > header strong {
  color: #ffbd65;
  font-size: 0.57rem;
}
.language-tabs {
  display: flex;
  gap: 0.15rem;
  padding: 0.45rem 0.55rem 0;
  overflow-x: auto;
  background: #202027;
}
.language-tabs button {
  padding: 0.45rem 0.55rem;
  border: 0;
  border-bottom: 2px solid transparent;
  background: transparent;
  color: #aaa5b0;
  font: inherit;
  font-size: 0.59rem;
  font-weight: 750;
  cursor: pointer;
}
.language-tabs button[aria-selected='true'] {
  border-color: var(--orange);
  color: #fff;
}
.code-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 0.55rem 0.7rem;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
  color: #c6c1ca;
  font-size: 0.61rem;
}
.code-toolbar button {
  border-color: rgba(255, 255, 255, 0.13);
  background: #302f37;
  color: #d8d4dd;
}
.code-panel pre {
  max-height: 24rem;
  margin: 0;
  padding: 1rem;
  overflow: auto;
  color: #dfe9c2;
  font-family: var(--font-mono);
  font-size: 0.62rem;
  line-height: 1.6;
  tab-size: 2;
}
.request-panel pre {
  padding-bottom: 3.6rem;
}
.code-panel pre code {
  font: inherit;
  white-space: pre;
}
.response-panel {
  border-color: #e2dde5;
  background: #fff;
  box-shadow: none;
}
.response-panel > header {
  border-bottom-color: #e2dde5;
  background: #f6f5f7;
  color: #68626d;
}
.response-panel > header strong {
  color: #817a86;
}
.response-panel pre {
  max-height: 16rem;
  color: #4e3a5d;
  background: #fff;
}
.response-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  padding: 0.65rem;
  border-top: 1px solid #e7e2e9;
}
.response-tabs span {
  display: flex;
  align-items: center;
  gap: 0.3rem;
  padding: 0.3rem 0.4rem;
  border: 1px solid #e4dfe6;
  border-radius: 0.3rem;
  color: #6c6671;
  font-size: 0.55rem;
}
.response-tabs i {
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  background: #de5462;
}
.response-tabs .ok i {
  background: #27a363;
}
.empty-code {
  padding: 1.2rem;
  color: #aea8b3;
  font-size: 0.7rem;
  line-height: 1.5;
}
.response-panel .empty-code {
  color: #716b77;
}
.code-note {
  margin: 0.8rem 0.15rem 0;
  color: #7c7581;
  font-size: 0.61rem;
  line-height: 1.55;
}

.reference-state-shell {
  width: min(100% - 2rem, 76rem);
  margin: auto;
  padding: 3rem 0 6rem;
}
.reference-skeleton {
  margin-top: 2rem;
}
.skeleton-heading {
  padding: 2rem 0;
}
.skeleton-heading i,
.skeleton-heading strong,
.skeleton-heading span,
.skeleton-body aside,
.skeleton-content i {
  display: block;
  border-radius: 0.4rem;
  background: linear-gradient(90deg, #f0edf2 25%, #faf8fb 50%, #f0edf2 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
}
.skeleton-heading i {
  width: 7rem;
  height: 1.1rem;
}
.skeleton-heading strong {
  width: min(80%, 38rem);
  height: 3.2rem;
  margin-top: 1rem;
}
.skeleton-heading span {
  width: min(65%, 29rem);
  height: 0.75rem;
  margin-top: 1rem;
}
.skeleton-body {
  display: grid;
  grid-template-columns: 12rem 1fr;
  gap: 3rem;
}
.skeleton-body aside {
  height: 20rem;
}
.skeleton-content i {
  height: 8rem;
  margin-bottom: 1rem;
}
@keyframes shimmer {
  to {
    background-position: -200% 0;
  }
}
.error-state {
  display: flex;
  min-height: 31rem;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 2rem;
  padding: 3rem 1rem;
  border: 1px solid var(--docs-line);
  border-radius: 1rem;
  background: #faf9fb;
  text-align: center;
}
.error-mark {
  display: grid;
  width: 3rem;
  height: 3rem;
  margin-bottom: 1rem;
  border-radius: 0.8rem;
  background: var(--purple-soft);
  color: var(--purple);
  font-weight: 900;
  place-items: center;
}
.state-label {
  color: var(--purple);
  font-size: 0.65rem;
  font-weight: 850;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.error-state h1 {
  margin: 0.7rem 0;
  font-size: 2.3rem;
}
.error-state p {
  max-width: 37rem;
  margin: 0;
  color: #68626d;
  line-height: 1.7;
}
.state-actions {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-top: 1.5rem;
}
.state-actions button {
  padding: 0.7rem 0.9rem;
  border: 0;
  border-radius: 0.5rem;
  background: var(--purple);
  color: #fff;
  font: inherit;
  font-size: 0.75rem;
  font-weight: 750;
  cursor: pointer;
}
.state-actions button + button {
  padding: 0;
  background: transparent;
  color: var(--purple);
  font-size: 0.75rem;
  font-weight: 750;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

@media (max-width: 80rem) {
  .reference-shell {
    grid-template-columns: 14rem minmax(0, 1fr) 22rem;
  }
  .reference-main {
    padding-inline: 1.5rem;
  }
  .code-panel pre {
    font-size: 0.58rem;
  }
}
@media (max-width: 64rem) {
  .reference-shell {
    grid-template-columns: 14rem minmax(0, 1fr);
  }
  .code-rail {
    display: none;
  }
  .mobile-code-example {
    display: block;
    margin-top: 1.5rem;
    overflow: hidden;
    border: 1px solid #37333f;
    border-radius: 0.55rem;
    background: #202027;
  }
  .mobile-code-example > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.55rem 0.7rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    color: #d8d4dc;
    font-size: 0.65rem;
  }
  .mobile-code-example button {
    border-color: rgba(255, 255, 255, 0.15);
    background: #302f37;
    color: #ddd8e0;
  }
  .mobile-code-example pre {
    max-height: 20rem;
    margin: 0;
    padding: 1rem;
    overflow: auto;
    color: #dfe9c2;
    font-family: var(--font-mono);
    font-size: 0.62rem;
    line-height: 1.6;
  }
  .mobile-code-example pre code {
    font: inherit;
    white-space: pre;
  }
}
@media (max-width: 46rem) {
  .reference-toolbar {
    top: 4.75rem;
  }
  .toolbar-inner {
    width: min(100% - 1.25rem, 96rem);
  }
  .toolbar-actions > span:last-child {
    display: none;
  }
  .reference-shell {
    display: block;
  }
  .product-sidebar {
    position: static;
    max-height: min(45dvh, 24rem);
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 1rem;
    border-right: 0;
    border-bottom: 1px solid var(--docs-line);
  }
  .product-navigation section {
    display: none;
  }
  .product-navigation .guide-link {
    margin: 0;
  }
  .reference-main {
    padding: 2rem 1rem 4rem;
  }
  .reference-title h1 {
    font-size: 2.15rem;
  }
  .endpoint-header {
    flex-direction: column;
  }
  .route-bar {
    align-items: flex-start;
    flex-wrap: wrap;
  }
  .route-bar code {
    order: 3;
    width: 100%;
  }
  .route-bar > span:last-child {
    margin-left: auto;
  }
  .parameter-table td {
    min-width: 7rem;
  }
  .response-row {
    grid-template-columns: 0.5rem 2.3rem minmax(0, 1fr);
  }
  .response-row p {
    grid-column: 2/-1;
  }
  .reference-footer-nav {
    flex-direction: column;
  }
  .skeleton-body {
    grid-template-columns: 1fr;
  }
  .skeleton-body aside {
    display: none;
  }
  .state-actions {
    flex-direction: column;
  }
}

/* Language-aware code colour system. Tokens are created as text nodes only. */
.syntax-plain {
  color: #d8dee9;
}
.syntax-comment {
  color: #7f8c98;
  font-style: italic;
}
.syntax-string {
  color: #a8e879;
}
.syntax-keyword {
  color: #ff7ab2;
  font-weight: 700;
}
.syntax-number {
  color: #79c0ff;
}
.syntax-boolean {
  color: #ff9e64;
  font-weight: 700;
}
.syntax-option,
.syntax-property {
  color: #82aaff;
}
.syntax-variable {
  color: #ffd580;
}
.syntax-punctuation {
  color: #89ddff;
}
.response-panel .syntax-plain,
.try-result .syntax-plain {
  color: #3d3744;
}
.response-panel .syntax-comment,
.try-result .syntax-comment {
  color: #7a858d;
}
.response-panel .syntax-string,
.try-result .syntax-string {
  color: #14794b;
}
.response-panel .syntax-keyword,
.try-result .syntax-keyword {
  color: #9a2470;
}
.response-panel .syntax-number,
.try-result .syntax-number {
  color: #1769aa;
}
.response-panel .syntax-boolean,
.try-result .syntax-boolean {
  color: #b55219;
}
.response-panel .syntax-option,
.try-result .syntax-option,
.response-panel .syntax-property,
.try-result .syntax-property {
  color: #315ac4;
}
.response-panel .syntax-variable,
.try-result .syntax-variable {
  color: #8a5b00;
}
.response-panel .syntax-punctuation,
.try-result .syntax-punctuation {
  color: #26767e;
}

/* Keep the request action comfortably above the horizontal code scrollbar. */
.request-panel pre {
  padding-bottom: 4.25rem;
}
.request-panel .code-try-trigger {
  bottom: 1.45rem;
}
.code-toolbar-actions {
  display: flex;
  align-items: center;
  gap: 0.45rem;
}
.code-toolbar-actions > span {
  padding: 0.18rem 0.35rem;
  border: 1px solid rgba(168, 232, 121, 0.28);
  border-radius: 999px;
  background: rgba(168, 232, 121, 0.08);
  color: #a8e879;
  font-size: 0.51rem;
  font-weight: 800;
  letter-spacing: 0.02em;
}
.request-panel code[contenteditable] {
  display: block;
  min-width: max-content;
  min-height: 5rem;
  outline: 0;
  caret-color: #fff;
}
.request-panel code[contenteditable]:focus {
  border-radius: 0.25rem;
  box-shadow: 0 0 0 2px rgba(255, 189, 101, 0.32);
}
.code-try-trigger:disabled {
  cursor: wait;
  opacity: 0.68;
}
.response-waiting {
  padding: 1rem;
  color: #6c6671;
  font-size: 0.64rem;
}
.response-error {
  border-left: 3px solid #df5363;
  color: #9c2e3b !important;
  background: #fff7f8 !important;
  white-space: pre-wrap;
}
.request-panel pre {
  padding-top: 3.75rem;
}
.code-copy-trigger {
  position: absolute;
  z-index: 2;
  top: 5.35rem;
  right: 0.75rem;
  padding: 0.43rem 0.68rem;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 0.42rem;
  background: #302f37;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.22);
  color: #fff;
  font: inherit;
  font-size: 0.6rem;
  font-weight: 850;
  cursor: pointer;
}
.code-copy-trigger:hover {
  border-color: #ffd08a;
  color: #ffd08a;
  transform: translateY(-1px);
}
.code-copy-trigger:focus-visible {
  outline: 2px solid #ffd580;
  outline-offset: 2px;
}
.request-panel code[contenteditable]:focus {
  border-radius: 0;
  box-shadow: none;
}
.request-panel code[contenteditable]::selection,
.request-panel code[contenteditable] *::selection {
  background: #7a167b;
  color: #fff;
}
.category-trigger {
  display: flex;
  width: 100%;
  min-height: 2.25rem;
  align-items: center;
  justify-content: space-between;
  gap: 0.6rem;
  padding: 0.5rem 0.7rem;
  border: 0;
  border-radius: 0.45rem;
  background: transparent;
  color: #77717e;
  font: inherit;
  font-size: 0.62rem;
  font-weight: 850;
  letter-spacing: 0.06em;
  text-align: left;
  text-transform: uppercase;
  cursor: pointer;
}
.category-trigger span:before {
  display: inline-block;
  width: 0.35rem;
  height: 0.35rem;
  margin-right: 0.4rem;
  border-radius: 50%;
  background: var(--orange);
  content: '';
  vertical-align: 0.08rem;
}
.category-trigger i {
  display: grid;
  width: 1.15rem;
  height: 1.15rem;
  border-radius: 0.3rem;
  background: #f2e8f4;
  color: var(--purple);
  font-size: 0.75rem;
  font-style: normal;
  place-items: center;
}
.category-trigger:hover,
.category-trigger[aria-expanded='true'] {
  background: #faf2fb;
  color: var(--purple);
}
.category-submenu {
  padding: 0.15rem 0 0.35rem;
}
.category-submenu > button {
  display: flex;
  width: 100%;
  min-height: 2rem;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 0.45rem 0.7rem;
  border: 0;
  border-radius: 0.45rem;
  background: transparent;
  color: #56515c;
  font: inherit;
  font-size: 0.72rem;
  line-height: 1.35;
  text-align: left;
  cursor: pointer;
}
.category-submenu > button:hover,
.category-submenu > button.active {
  background: #f2e8f4;
  color: var(--purple);
}
.category-submenu > button.active {
  font-weight: 780;
}
.category-submenu > button i {
  font-style: normal;
  font-size: 1rem;
}
@media (max-width: 46rem) {
  .product-navigation section {
    display: block;
  }
}

/* Web Forms integration: preserve the reference component geometry without changing other pages. */
.reference-exact{--font-sans:Inter,Aptos,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--font-mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;--orange-soft:#fff5e7;font-family:var(--font-sans);font-size:16px;line-height:normal}
body:has(.reference-exact)>.dev-notice{display:none}
.reference-exact .reference-shell{gap:0;max-width:96rem}
.reference-exact .reference-main{padding:2.5rem 2rem 5rem}
.reference-exact h2,.reference-exact h3{line-height:normal}
.reference-exact .product-sidebar{height:auto;min-height:0}
.reference-exact .sidebar-search .search-icon{margin:0;flex:none}
.reference-exact .sidebar-search input{margin:0;padding:0;min-height:0;border-radius:0;font:0.75rem var(--font-sans)}
.reference-exact .sidebar-search kbd{margin-left:auto}
.reference-exact .guide-link{margin:0 0 .55rem;padding:.55rem .7rem;border:0;font-weight:400}
.reference-exact .guide-link strong{font-weight:700}
.reference-exact .category-trigger[aria-expanded=true]{background:transparent;color:#56515c}
.reference-exact .category-trigger:hover{background:#f2e8f4;color:var(--purple)}
.reference-exact .reference-breadcrumb a{font-weight:750}
.reference-exact .toolbar-inner{padding:0;max-width:none}
.reference-exact #product-navigation .category-submenu>a{display:flex;width:100%;min-height:2rem;align-items:center;justify-content:space-between;gap:.5rem;padding:.45rem .7rem;border:0;border-radius:.45rem;background:transparent;color:#56515c;font:400 .72rem/1.35 var(--font-sans);text-align:left}
.reference-exact #product-navigation .category-submenu>a:hover,.reference-exact #product-navigation .category-submenu>a[aria-current=page]{background:#f2e8f4;color:var(--purple)}
.reference-exact #product-navigation .category-submenu>a[aria-current=page]{font-weight:780}
.reference-exact #product-navigation .category-submenu>a i{font-style:normal;font-size:1rem}
.reference-exact #product-navigation .endpoint-links a{display:flex;gap:.4rem;align-items:center;padding:.35rem .45rem;border-radius:.35rem;background:transparent;color:#77717e;font:400 .65rem/1.3 var(--font-sans)}
.reference-exact #product-navigation .endpoint-links a:hover,.reference-exact #product-navigation .endpoint-links a[aria-current=location]{color:var(--purple);background:#faf2fb}
.reference-exact .product-labels{margin:0}
.reference-exact .base-url{flex-wrap:nowrap}
.reference-exact .reference-title h1{font-size:clamp(2rem,3.5vw,3.2rem)}
.reference-exact .reference-title>.lead{font-size:.9rem}
.reference-exact .parameter-table{margin-bottom:0}
.reference-exact .parameter-table td{max-width:none}
.reference-exact .parameter-table td,.reference-exact .requirement{font-family:var(--font-sans)}
.reference-exact .parameter-table tbody tr:hover{background:#fffaff}
.reference-exact .field-type{padding:.12rem .28rem;border-radius:.22rem;background:#eef6fc}
.reference-exact .route-bar{border-left:3px solid var(--purple)}
.reference-exact .route-bar .method{flex:none}
.reference-exact .inline-samples{display:none}
.reference-exact .reference-footer-nav{border:0;margin:0}
.reference-exact .reference-footer-nav a{color:var(--purple);font-size:.72rem;font-weight:750}
.reference-exact .empty-code{margin:0}
.reference-exact .publication-notice{margin:1.5rem 0;padding:.65rem .8rem;border-left:3px solid var(--orange);background:var(--orange-soft);color:#674316;font-size:.68rem;line-height:1.55}
.reference-exact .publication-notice summary{cursor:pointer;font-weight:750}
.reference-exact .publication-notice p{margin:.6rem 0 0;color:inherit}
.reference-exact .schema-empty{font-size:.72rem;color:var(--docs-muted);line-height:1.6}
.reference-exact .request-panel .sample-notice{margin:0;padding:.8rem 1rem;border-top:1px solid #ffffff1a;color:#c5becb;font-size:.65rem;line-height:1.6}
.reference-exact.is-unavailable .reference-title,.reference-exact.is-unavailable .toolbar-actions{display:none}
.reference-exact.is-unavailable .reference-main{padding:0}
.reference-exact.is-unavailable .toolbar-inner{width:100%}
@media(max-width:80rem){.reference-exact .reference-main{padding-inline:1.5rem}}
@media(max-width:64rem){.reference-exact .reference-shell{grid-template-columns:14rem minmax(0,1fr)}.reference-exact .inline-samples{display:block;margin-top:1.5rem}.reference-exact .inline-samples .code-panel{margin-top:.8rem}}
@media(max-width:46rem){.reference-exact .reference-main{padding:2rem 1rem 4rem}.reference-exact .reference-title h1{font-size:2.15rem}.reference-exact #product-navigation{max-height:none;overflow:visible}.reference-exact .toolbar-inner{width:min(100% - 1.25rem,96rem)}.reference-exact .guide-link{margin-bottom:0}.reference-exact .product-sidebar{max-height:min(45dvh,24rem)}}
@media(max-width:42rem){.reference-exact .reference-toolbar{top:4.2rem}}