body {
      margin: 0;
      background: #f4f8ff;
      min-height: 100vh;
      font-family: 'proxima-nova', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    }

    .mode-toggle {
      width: 40px;
      height: 40px;
      border: 1px solid;
      border-radius: 999px;
      background: rgba(255, 255, 255, 0.92);
      color: #1e293b;
      backdrop-filter: blur(8px);
      font-family: 'proxima-nova', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
      font-size: 16px;
      font-weight: 700;
      padding: 0;
      cursor: pointer;
      line-height: 1;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      box-shadow: 0 8px 22px rgba(15, 23, 42, 0.09);
    }

    .mode-toggle:hover {
      transform: translateY(-1px);
    }

    .main-category-toggle {
      cursor: pointer;
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 10px;
      width: 100%;
      user-select: none;
      font-weight: 700;
    }

    .custom-introduction-topic-label {
      font-weight: 700;
    }

    .main-category-chevron {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      color: #42526b;
      flex: 0 0 auto;
      margin-top: 2px;
    }

    #app .t-doc__sidebar .main-category-toggle,
    #app .t-doc__sidebar [class*="group/button-label"],
    #app .t-doc__sidebar .wrap-break-word {
      white-space: normal !important;
      overflow-wrap: anywhere;
      word-break: break-word;
      line-height: 1.25;
      max-height: none !important;
    }

    #app .t-doc__sidebar .whitespace-pre {
      white-space: normal !important;
    }

    #app .t-doc__sidebar .max-h-8 {
      max-height: none !important;
    }

    .main-category-chevron svg {
      width: 13px;
      height: 13px;
      transform-origin: center;
      transition: transform 0.15s ease;
    }

    .main-category-toggle:not(.is-collapsed) .main-category-chevron svg {
      transform: rotate(90deg);
    }

    #app {
      flex: 1;
      min-height: 0;
    }

    .app-loading {
      height: 100%;
      min-height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      gap: 14px;
      color: #4b5563;
      font-family: 'proxima-nova', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    }

    .app-loading-logo {
      width: 100px;
      max-width: 50vw;
      height: auto;
      display: block;
      animation: appLogoPulse 1.1s ease-in-out infinite;
    }

    @keyframes appLogoPulse {
      0% {
        opacity: 0.55;
        transform: scale(0.985);
      }
      50% {
        opacity: 1;
        transform: scale(1);
      }
      100% {
        opacity: 0.55;
        transform: scale(0.985);
      }
    }



    :root {
      --scalar-font: 'proxima-nova', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
      --scalar-font-code: 'Linotte', ui-monospace, SFMono-Regular, Menlo, monospace;
      --top-navbar-height: 0px;
      --refs-sidebar-width: 320px;
    }

    #app .sidebar {
      position: sticky;
      top: 0;
      max-height: 100vh;
      overflow-y: auto;
    }

    #app .scalar-app {
      --refs-header-height: 0px;
      --refs-sidebar-height: 100dvh;
      --refs-sidebar-width: 320px;
      --scalar-radius: 14px;
    }

    .light-mode {
      --scalar-color-1: #111f3d;
      --scalar-color-2: #38517b;
      --scalar-color-3: #58719a;
      --scalar-color-accent: #2f7dff;
      --scalar-background-1: #f7fafe;
      --scalar-background-2: #edf3fc;
      --scalar-background-3: #dce8f8;
      --scalar-background-accent: #2f7dff14;
      --scalar-border-color: #d6e3f4;
    }

    .dark-mode {
      --scalar-color-1: #e7f0ff;
      --scalar-color-2: #b3c9f2;
      --scalar-color-3: #87a1cf;
      --scalar-color-accent: #4f9dff;
      --scalar-background-1: #041129;
      --scalar-background-2: #091a37;
      --scalar-background-3: #0f2a54;
      --scalar-background-accent: #4f9dff2b;
      --scalar-border-color: #1d3a66;
    }

    .light-mode .sidebar,
    .dark-mode .sidebar {
      --scalar-sidebar-item-hover-background: var(--scalar-background-2);
      --scalar-sidebar-item-active-background: var(--scalar-background-3);
      --scalar-sidebar-search-background: var(--scalar-background-2);
    }

    .light-mode {
      background:
        radial-gradient(1200px 520px at 82% -6%, rgba(81, 148, 255, 0.11), transparent 60%),
        linear-gradient(180deg, #f7fbff 0%, #f4f8ff 100%);
    }

    .dark-mode {
      background:
        radial-gradient(860px 430px at 88% -6%, rgba(33, 96, 213, 0.3), transparent 62%),
        radial-gradient(900px 460px at 14% 0%, rgba(27, 74, 170, 0.2), transparent 68%),
        linear-gradient(180deg, #020b1d 0%, #06162f 100%);
    }

    .light-mode .mode-toggle {
      background: rgba(255, 255, 255, 0.93);
      border-color: #d7e4f6;
      color: #0f1d3a;
    }

    .dark-mode .mode-toggle {
      background: rgba(10, 26, 52, 0.84);
      border-color: #22457a;
      color: #dbe9ff;
      box-shadow: 0 8px 26px rgba(5, 16, 35, 0.46);
    }

    .light-mode .mode-toggle:hover {
      background: #ffffff;
    }

    .dark-mode .mode-toggle:hover {
      background: rgba(14, 34, 64, 0.95);
    }

    #app .t-doc__sidebar,
    #app .sidebar {
      border-right: 1px solid var(--scalar-border-color);
      background: transparent;
      padding-bottom: 14px;
    }

    #app .t-doc__sidebar .font-sidebar-active:not(.bg-sidebar-b-active),
    #app .sidebar .font-sidebar-active:not(.bg-sidebar-b-active) {
      background-color: var(--scalar-sidebar-item-active-background, var(--scalar-background-3));
    }

    .custom-sidebar-brand {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
      padding: 14px 18px 10px;
      margin-bottom: 8px;
    }

    .custom-sidebar-brand-main {
      min-width: 0;
      flex: 1;
      display: flex;
      align-items: center;
      gap: 10px;
    }

    .custom-sidebar-brand img {
      width: 140px;
      height: auto;
      display: block;
    }

    .custom-sidebar-brand-label {
      color: #128aca;
      font-size: 20px;
      font-weight: 700;
      line-height: 1;
      letter-spacing: 0.01em;
      white-space: nowrap;
      margin-top: 5px;
    }

    .right-column-actions-row {
      display: flex;
      align-items: flex-end;
      justify-content: space-between;
      gap: 8px;
      position: sticky;
      top: 0;
      z-index: 8;
      padding: 16px 30px 0px;
      margin: -34px -30px 0;
      border-bottom: 0;
      background: color-mix(in srgb, var(--scalar-background-1) 94%, transparent);
      backdrop-filter: blur(8px);
    }

    .right-column-actions-row::after {
      content: '';
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      height: 1px;
      background: var(--scalar-border-color);
      pointer-events: none;
    }

    .docs-tabs {
      display: inline-flex;
      align-items: center;
      gap: 18px;
      margin-top: 3px;
      min-width: 0;
      overflow-x: auto;
      scrollbar-width: none;
    }

    .docs-tabs::-webkit-scrollbar {
      display: none;
    }

    .docs-tab {
      position: relative;
      padding: 10px 0 12px;
      border: 0;
      background: transparent;
      color: var(--scalar-color-2);
      font: inherit;
      font-size: 14px;
      font-weight: 700;
      letter-spacing: 0.01em;
      cursor: pointer;
      white-space: nowrap;
    }

    .docs-tab::after {
      content: '';
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      height: 2px;
      border-radius: 999px;
      background: transparent;
      transform: scaleX(0.45);
      transform-origin: center;
      transition: background 0.15s ease, transform 0.15s ease;
    }

    .docs-tab:hover {
      color: var(--scalar-color-1);
    }

    .docs-tab.is-active {
      color: var(--scalar-color-accent);
    }

    .docs-tab.is-active::after {
      background: var(--scalar-color-accent);
      transform: scaleX(1);
    }

    .right-column-actions-row .mode-toggle {
      width: 34px;
      height: 34px;
      box-shadow: none;
    }

    .right-column-actions {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      flex: 0 0 auto;
      padding-bottom: 8px;
    }

    .right-column-signin {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      height: 34px;
      padding: 0 10px;
      border-radius: 999px;
      border: 1px solid transparent;
      color: var(--scalar-color-accent);
      text-decoration: none;
      font-size: 14px;
      font-weight: 700;
      letter-spacing: 0.01em;
      white-space: nowrap;
      transition: background 0.15s ease, border-color 0.15s ease;
    }

    .right-column-signin:hover {
      border-color: var(--scalar-border-color);
      background: color-mix(in srgb, var(--scalar-background-accent) 80%, transparent);
    }

    .custom-sidebar-search-row {
      padding-top: 8px;
    }

    .custom-changelog-sidebar {
      display: flex;
      flex-direction: column;
      gap: 4px;
      padding: 8px 0 0;
      margin: 0;
      border: 0;
      border-radius: 0;
      background: transparent;
      box-shadow: none;
    }

    .custom-mcp-sidebar {
      display: flex;
      flex-direction: column;
      gap: 4px;
      padding: 8px 0 0;
      margin: 0;
      border: 0;
      border-radius: 0;
      background: transparent;
      box-shadow: none;
    }

    .custom-changelog-sidebar-title {
      color: var(--scalar-color-1);
      padding: 8px 12px 4px;
      font-size: 12px;
      font-weight: 700;
      letter-spacing: 0.08em;
      text-transform: uppercase;
    }

    .custom-changelog-sidebar-links {
      display: flex;
      flex-direction: column;
      gap: 2px;
    }

    .custom-changelog-empty {
      padding: 8px 12px;
      color: var(--scalar-color-2);
      font-size: 13px;
      line-height: 1.5;
    }

    .custom-changelog-link {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
      width: 100%;
      padding: 8px 12px;
      border: 0;
      border-radius: 8px;
      background: transparent;
      color: var(--scalar-color-1);
      font: inherit;
      font-size: 14px;
      font-weight: 600;
      text-align: left;
      cursor: pointer;
      transition: background 0.15s ease, border-color 0.15s ease, transform 0.15s ease;
    }

    .custom-changelog-link:hover {
      background: var(--scalar-background-2);
    }

    .custom-changelog-link.is-active {
      background: var(--scalar-sidebar-item-active-background);
      color: var(--scalar-color-1);
      font-weight: 600;
    }

    .custom-mcp-link.is-active {
      background: var(--scalar-sidebar-item-active-background);
      color: var(--scalar-color-1);
      font-weight: 600;
    }

    .custom-changelog-link-chevron {
      color: var(--scalar-color-3);
      font-size: 16px;
      line-height: 1;
    }

    .custom-changelog-view {
      width: 100%;
      min-width: 0;
    }

    .custom-guides-view {
      width: 100%;
      min-width: 0;
    }

    .guides-layout {
      display: flex;
      flex-direction: column;
      gap: 18px;
      width: 100%;
      min-width: 0;
    }

    .guides-view-shell {
      display: grid;
      grid-template-columns: minmax(240px, 300px) minmax(0, 1fr);
      gap: 20px;
      align-items: start;
      width: 100%;
      min-width: 0;
    }

    .guides-view-shell .custom-guides-sidebar {
      position: sticky;
      top: 72px;
      max-height: calc(100vh - 88px);
      overflow: auto;
    }

    @media (max-width: 980px) {
      .guides-view-shell {
        grid-template-columns: 1fr;
      }

      .guides-view-shell .custom-guides-sidebar {
        position: static;
        max-height: none;
      }
    }

    .custom-mcp-view {
      width: 100%;
      min-width: 0;
    }

    .changelog-page {
      display: flex;
      flex-direction: column;
      gap: 18px;
      width: 100%;
      max-width: none;
      margin: 0;
      min-width: 0;
      box-sizing: border-box;
    }

    .mcp-page {
      display: flex;
      flex-direction: column;
      gap: 18px;
      width: 100%;
      max-width: none;
      margin: 0;
      min-width: 0;
      box-sizing: border-box;
    }

    .changelog-hero {
      width: 100%;
      padding: 8px 30px 2px;
      box-sizing: border-box;
    }

    .changelog-hero h1 {
      margin: 10px 0 10px;
      font-size: 24px;
      font-weight: 600;
      line-height: 1.45;
      color: var(--scalar-color-1);
    }

    .changelog-hero p {
      margin: 0;
      width: 100% !important;
      max-width: none !important;
      color: var(--scalar-color-2);
      font-size: 16px;
      line-height: 1.6;
    }

    .changelog-list {
      display: grid;
      gap: 18px;
      width: 100%;
      min-width: 0;
    }

    .mcp-list {
      display: grid;
      gap: 18px;
      width: 100%;
      min-width: 0;
    }

    .mcp-hero {
      width: 100%;
      padding: 8px 30px 2px;
      box-sizing: border-box;
    }

    .mcp-hero h5 {
      margin: 10px 0 10px;
      font-size: 24px;
      font-weight: 700;
      line-height: 1.45;
      color: var(--scalar-color-1);
    }

    .mcp-card {
      width: 100%;
      min-width: 0;
      border: 1px solid var(--scalar-border-color);
      border-radius: 14px;
      background: #ffffff;
      box-shadow: 0 6px 20px rgba(18, 45, 90, 0.05);
      overflow: hidden;
      scroll-margin-top: 96px;
    }

    .dark-mode .mcp-card {
      background: color-mix(in srgb, var(--scalar-background-1) 84%, transparent);
    }

    .mcp-document-header {
      padding: 20px 24px 0;
    }

    .mcp-document-header h2 {
      margin: 0;
      color: var(--scalar-color-1);
      font-size: 22px;
      font-weight: 700;
      letter-spacing: -0.01em;
      line-height: 1.2;
    }

    .mcp-markdown {
      width: 100%;
      min-width: 0;
      display: grid;
      gap: 16px;
      color: var(--scalar-color-1);
      font-size: 15px;
      line-height: 1.7;
      box-sizing: border-box;
    }

    .mcp-markdown > * {
      width: 100% !important;
      max-width: none !important;
      box-sizing: border-box;
    }

    .mcp-markdown :is(h1, h2, h3, h4, h5, h6) {
      color: var(--scalar-color-1);
      line-height: 1.2;
      letter-spacing: -0.02em;
    }

    .mcp-markdown h1,
    .mcp-markdown h2 {
      margin-top: 1.4em;
      margin-bottom: 0.5em;
      font-size: 20px;
      font-weight: 700;
    }

    .mcp-markdown h3 {
      margin-top: 1.2em;
      margin-bottom: 0.45em;
      font-size: 17px;
    }

    .guide-markdown {
      width: 100%;
      min-width: 0;
      display: grid;
      gap: 16px;
      color: var(--scalar-color-1);
      font-size: 15px;
      line-height: 1.7;
      box-sizing: border-box;
    }

    .guide-markdown > * {
      width: 100% !important;
      max-width: none !important;
      box-sizing: border-box;
    }

    .guide-markdown :is(h1, h2, h3, h4, h5, h6) {
      color: var(--scalar-color-1);
      line-height: 1.2;
      letter-spacing: -0.02em;
    }

    .guide-markdown h1:first-child {
      margin-top: 20px;
      margin-bottom: 0;
      font-size: 24px;
      font-weight: 700;
      line-height: 1.2;
    }

    .guide-markdown h1:first-child + h2 {
      margin-top: 0;
    }

    .guide-markdown h1 {
      margin-top: 1.4em;
      margin-bottom: 0.5em;
      font-size: 20px;
    }

    .guide-markdown h2 {
      margin-top: 1.4em;
      margin-bottom: 0.5em;
      font-size: 20px;
      font-weight: 700;
    }

    .guide-markdown h3 {
      margin-top: 1.2em;
      margin-bottom: 0.45em;
      font-size: 17px;
    }

    .guide-markdown p,
    .guide-markdown ul,
    .guide-markdown ol,
    .guide-markdown pre,
    .guide-markdown blockquote {
      width: 100% !important;
      margin-top: 0;
      margin-bottom: 1em;
    }

    .guide-markdown blockquote,
    .guide-markdown > p:first-of-type {
      border-left: 4px solid #b7c2d4 !important;
      box-shadow: inset 4px 0 0 #b7c2d4;
      padding: 0 0 0 14px;
      margin-left: 0;
      background: transparent !important;
      color: inherit;
      position: relative;
    }

    .dark-mode .guide-markdown blockquote,
    .dark-mode .guide-markdown > p:first-of-type {
      border-left-color: #a5b2c8 !important;
      box-shadow: inset 4px 0 0 #a5b2c8;
    }

    .guide-markdown blockquote p {
      margin: 0;
    }

    .guide-markdown table {
      width: 100%;
      max-width: none;
      border-collapse: collapse;
      margin: 0;
    }

    .guide-markdown thead th,
    .guide-markdown tbody td {
      padding: 0.72em 0.85em;
      border: 1px solid var(--scalar-border-color);
      text-align: left;
      vertical-align: top;
      background: transparent;
    }

    .guide-markdown thead th {
      font-weight: 700;
      background: color-mix(in srgb, var(--scalar-background-2) 88%, white);
    }

    .dark-mode .guide-markdown thead th {
      background: color-mix(in srgb, var(--scalar-background-2) 84%, black);
    }

    .guide-markdown tbody tr:nth-child(even) td {
      background: color-mix(in srgb, var(--scalar-background-2) 68%, transparent);
    }

    .dark-mode .guide-markdown tbody tr:nth-child(even) td {
      background: color-mix(in srgb, var(--scalar-background-2) 82%, transparent);
    }

    .guide-markdown ul,
    .guide-markdown ol {
      display: block !important;
      margin: 0 0 1em;
      padding-left: 1.5em;
      list-style-position: outside;
      list-style-type: disc;
    }

    .guide-markdown strong,
    .guide-markdown b {
      font-weight: 700 !important;
      color: var(--scalar-color-1) !important;
    }

    .guide-markdown a,
    .mcp-markdown a,
    .changelog-markdown a {
      color: var(--scalar-color-accent, #0f6cbd);
      text-decoration: underline;
      text-decoration-thickness: 1.5px;
      text-underline-offset: 0.15em;
    }

    .guide-markdown a:hover,
    .mcp-markdown a:hover,
    .changelog-markdown a:hover,
    .guide-markdown a:focus,
    .mcp-markdown a:focus,
    .changelog-markdown a:focus {
      color: var(--scalar-color-accent, #0f6cbd);
      text-decoration: underline;
    }

    .guide-markdown a[target="_blank"],
    .mcp-markdown a[target="_blank"],
    .changelog-markdown a[target="_blank"] {
      text-decoration: underline;
    }

    .guide-markdown ol {
      list-style-type: decimal;
    }

    .guide-markdown li {
      display: list-item;
    }

    .guide-markdown li + li {
      margin-top: 0.35em;
    }

    .guide-markdown code {
      padding: 0.14em 0.38em;
      border-radius: 6px;
      background: var(--scalar-background-2);
      color: var(--scalar-color-1);
      font-size: 0.94em;
    }

    .guide-markdown pre {
      overflow-x: auto;
      padding: 14px 16px;
      border-radius: 14px;
      background: var(--scalar-background-2);
      white-space: pre;
    }

    .guide-markdown pre code {
      padding: 0;
      background: transparent;
      white-space: pre;
    }

    .mcp-subsection {
      width: 100%;
      padding: 22px 0 0;
      border: 0;
      border-top: 1px solid var(--scalar-border-color);
      border-radius: 0;
      background: transparent;
      box-sizing: border-box;
    }

    .dark-mode .mcp-subsection {
      background: transparent;
    }

    .mcp-subsection-lead {
      padding: 0;
      border: 0;
      border-radius: 0;
      background: transparent;
    }

    .mcp-subsection > :first-child {
      margin-top: 0 !important;
    }

    .mcp-subsection > :last-child {
      margin-bottom: 0 !important;
    }

    .mcp-subsection-h2 {
      box-shadow: none;
    }

    .mcp-subsection-h3 {
      padding-top: 18px;
      padding-bottom: 0;
      border-top-style: solid;
    }

    .mcp-markdown p,
    .mcp-markdown ul,
    .mcp-markdown ol,
    .mcp-markdown pre,
    .mcp-markdown blockquote {
      width: 100% !important;
      margin-top: 0;
      margin-bottom: 1em;
    }

    .mcp-markdown blockquote,
    .mcp-markdown > p:first-of-type {
      border-left: 4px solid #b7c2d4 !important;
      box-shadow: inset 4px 0 0 #b7c2d4;
      padding: 0 0 0 14px;
      margin-left: 0;
      background: transparent !important;
      color: inherit;
      position: relative;
    }

    .dark-mode .mcp-markdown blockquote,
    .dark-mode .mcp-markdown > p:first-of-type {
      border-left-color: #a5b2c8 !important;
      box-shadow: inset 4px 0 0 #a5b2c8;
    }

    .mcp-markdown blockquote p {
      margin: 0;
    }

    .mcp-markdown table {
      width: 100%;
      max-width: none;
      border-collapse: collapse;
      margin: 0;
    }

    .mcp-markdown thead th,
    .mcp-markdown tbody td {
      padding: 0.72em 0.85em;
      border: 1px solid var(--scalar-border-color);
      text-align: left;
      vertical-align: top;
      background: transparent;
    }

    .mcp-markdown thead th {
      font-weight: 700;
      background: color-mix(in srgb, var(--scalar-background-2) 88%, white);
    }

    .dark-mode .mcp-markdown thead th {
      background: color-mix(in srgb, var(--scalar-background-2) 84%, black);
    }

    .mcp-markdown tbody tr:nth-child(even) td {
      background: color-mix(in srgb, var(--scalar-background-2) 68%, transparent);
    }

    .dark-mode .mcp-markdown tbody tr:nth-child(even) td {
      background: color-mix(in srgb, var(--scalar-background-2) 82%, transparent);
    }

    .mcp-markdown ul,
    .mcp-markdown ol {
      display: block !important;
      margin: 0 0 1em;
      padding-left: 1.5em;
      list-style-position: outside;
      list-style-type: disc;
    }

    .mcp-markdown strong,
    .mcp-markdown b {
      font-weight: 700 !important;
      color: var(--scalar-color-1) !important;
    }

    .mcp-markdown ol {
      list-style-type: decimal;
    }

    .mcp-markdown li {
      display: list-item;
    }

    .mcp-markdown li + li {
      margin-top: 0.35em;
    }

    .mcp-markdown code {
      padding: 0.14em 0.38em;
      border-radius: 6px;
      background: var(--scalar-background-2);
      color: var(--scalar-color-1);
      font-size: 0.94em;
    }

    .mcp-markdown pre {
      overflow-x: auto;
      padding: 14px 16px;
      border-radius: 14px;
      background: var(--scalar-background-2);
      white-space: pre;
    }

    .mcp-markdown pre code {
      padding: 0;
      background: transparent;
      white-space: pre;
    }

    .mcp-tools-spec {
      display: grid;
      gap: 18px;
    }

    .mcp-tools-intro {
      padding: 18px 20px;
      border: 1px solid var(--scalar-border-color);
      border-radius: 16px;
      background: linear-gradient(180deg, color-mix(in srgb, #f4f8ff 88%, white), white 82%);
    }

    .dark-mode .mcp-tools-intro {
      background: color-mix(in srgb, var(--scalar-background-2) 78%, transparent);
    }

    .mcp-tools-kicker {
      color: var(--scalar-color-accent);
      font-size: 12px;
      font-weight: 800;
      letter-spacing: 0.08em;
      text-transform: uppercase;
    }

    .mcp-tools-intro h3,
    .mcp-tools-capability h4 {
      margin: 8px 0 6px;
      color: var(--scalar-color-1);
      letter-spacing: -0.02em;
      line-height: 1.15;
    }

    .mcp-tools-intro p {
      margin: 0;
      color: var(--scalar-color-2);
    }

    .mcp-tools-capabilities {
      display: grid;
      gap: 18px;
    }

    .mcp-tools-capability-tabs {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
    }

    #app .mcp-tools-spec button.mcp-capability-chip {
      -webkit-appearance: none;
      appearance: none;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      white-space: nowrap;
      border: 1px solid color-mix(in srgb, var(--scalar-border-color) 92%, white) !important;
      border-radius: 999px;
      background: color-mix(in srgb, #f2f7ff 90%, white) !important;
      color: #1e3f6f !important;
      padding: 8px 14px !important;
      font-size: 13px;
      font-weight: 700;
      line-height: 1.2;
      cursor: pointer;
      text-decoration: none !important;
      box-shadow: none;
      transition: background-color 160ms ease, color 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
    }

    #app .mcp-tools-spec button.mcp-capability-chip:hover {
      border-color: #9bb8e3;
      background: #e7f1ff;
    }

    #app .mcp-tools-spec button.mcp-capability-chip:focus-visible {
      outline: 2px solid #2f6fbd;
      outline-offset: 2px;
    }

    #app .mcp-tools-spec button.mcp-capability-chip.is-active {
      border-color: #2f6fbd !important;
      background: #2f6fbd !important;
      color: #ffffff !important;
      box-shadow: 0 8px 16px rgba(47, 111, 189, 0.24);
    }

    .dark-mode #app .mcp-tools-spec button.mcp-capability-chip {
      border-color: color-mix(in srgb, var(--scalar-border-color) 88%, transparent);
      background: color-mix(in srgb, var(--scalar-background-2) 72%, transparent);
      color: #e6eeff;
    }

    .dark-mode #app .mcp-tools-spec button.mcp-capability-chip:hover {
      border-color: #7aa2d8;
      background: color-mix(in srgb, #214168 38%, var(--scalar-background-2));
    }

    .dark-mode #app .mcp-tools-spec button.mcp-capability-chip.is-active {
      border-color: #7db7ff;
      background: #2a66a8;
      color: #f4f8ff;
      box-shadow: 0 10px 20px rgba(0, 0, 0, 0.34);
    }

    .mcp-tools-capability {
      display: grid;
      gap: 14px;
      padding: 18px 20px 20px;
      border: 1px solid var(--scalar-border-color);
      border-radius: 18px;
      background: #fff;
      box-shadow: 0 10px 26px rgba(18, 45, 90, 0.05);
    }

    .dark-mode .mcp-tools-capability {
      background: color-mix(in srgb, var(--scalar-background-2) 88%, transparent);
    }

    .mcp-tools-capability[hidden] {
      display: none;
    }

    .mcp-tools-capability-header {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 16px;
    }

    .mcp-tools-count {
      flex-shrink: 0;
      align-self: center;
      padding: 6px 10px;
      border-radius: 999px;
      background: color-mix(in srgb, var(--scalar-background-2) 90%, transparent);
      color: var(--scalar-color-2);
      font-size: 12px;
      font-weight: 700;
    }

    .mcp-tools-grid {
      display: grid;
      gap: 12px;
    }

    .mcp-tool-card {
      display: grid;
      gap: 12px;
      padding: 14px 16px;
      border: 1px solid color-mix(in srgb, var(--scalar-border-color) 92%, white);
      border-radius: 14px;
      background: color-mix(in srgb, var(--scalar-background-2) 42%, white);
    }

    .dark-mode .mcp-tool-card {
      background: color-mix(in srgb, var(--scalar-background-2) 74%, transparent);
    }

    .mcp-tool-card-top {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 12px;
    }

    .mcp-tool-name {
      padding: 0;
      background: transparent;
      color: #0f2547;
      font-size: 15px;
      font-weight: 800;
      line-height: 1.4;
      word-break: break-word;
    }

    .dark-mode .mcp-tool-name {
      color: #e8f1ff;
    }

    .mcp-tool-access {
      flex-shrink: 0;
      padding: 6px 10px;
      border-radius: 999px;
      font-size: 12px;
      font-weight: 800;
      letter-spacing: 0.01em;
      color: #15345e;
      background: #dfeeff;
    }

    .mcp-tool-access.is-scoped {
      color: #0e5a51;
      background: #dff6ef;
    }

    .mcp-tool-access.is-team {
      color: #7a3d04;
      background: #fff0d9;
    }

    .mcp-tool-access.is-organization {
      color: #5a2e8f;
      background: #efe3ff;
    }

    .mcp-tool-access.is-team- {
      color: #7a3d04;
      background: #fff0d9;
    }

    .mcp-tool-purpose {
      margin: 0;
      color: var(--scalar-color-1);
      line-height: 1.65;
    }

    .mcp-tool-meta {
      display: grid;
      gap: 8px;
    }

    .mcp-tool-meta-label {
      color: var(--scalar-color-2);
      font-size: 12px;
      font-weight: 800;
      letter-spacing: 0.08em;
      text-transform: uppercase;
    }

    .mcp-tool-params {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
    }

    .mcp-tool-param {
      display: inline-flex;
      align-items: center;
      min-height: 28px;
      padding: 0 10px;
      border-radius: 999px;
      background: #edf4ff;
      color: #163761;
      font-size: 12px;
      font-weight: 700;
      line-height: 1;
    }

    .mcp-tool-param.is-empty {
      background: color-mix(in srgb, var(--scalar-background-2) 92%, transparent);
      color: var(--scalar-color-2);
    }

    #app [data-testid*="ask-ai"],
    #app [class*="ask-ai"] {
      display: none !important;
    }

    .changelog-card {
      width: 100%;
      border: 1px solid var(--scalar-border-color);
      border-radius: 18px;
      background: #ffffff;
      box-shadow: 0 8px 24px rgba(18, 45, 90, 0.05);
      overflow: hidden;
      box-sizing: border-box;
      scroll-margin-top: 96px;
    }

    .dark-mode .changelog-card {
      background: color-mix(in srgb, var(--scalar-background-2) 88%, transparent);
    }

    .changelog-card-header {
      padding: 24px 30px 0;
      width: 100%;
      box-sizing: border-box;
    }

    .changelog-card-kicker {
      color: var(--scalar-color-accent);
      font-size: 13px;
      font-weight: 700;
      letter-spacing: 0.08em;
      text-transform: uppercase;
    }

    .changelog-card h2 {
      margin: 6px 0 0;
      color: var(--scalar-color-1);
      font-size: 18px;
      font-weight: 800;
      line-height: 1.2;
      letter-spacing: -0.02em;
    }

    .changelog-card-date {
      margin: 4px 0 0;
      color: var(--scalar-color-2);
      font-size: 13px;
    }

    .changelog-date-content {
      padding: 10px 30px 24px;
      display: grid;
      gap: 18px;
    }

    .changelog-source-group + .changelog-source-group {
      padding-top: 18px;
      border-top: 1px solid var(--scalar-border-color);
    }

    .changelog-source-group h3 {
      margin: 0 0 10px;
      color: var(--scalar-color-1);
      font-size: 17px;
      line-height: 1.25;
      letter-spacing: -0.02em;
      font-weight: 500;
    }

    .changelog-markdown {
      width: 100%;
      min-width: 0;
      padding: 0;
      color: var(--scalar-color-1);
      font-size: 15px;
      line-height: 1.7;
      box-sizing: border-box;
    }

    .changelog-markdown > * {
      width: 100% !important;
      max-width: none !important;
      box-sizing: border-box;
    }

    .changelog-markdown :is(h1, h2, h3, h4, h5, h6) {
      color: var(--scalar-color-1);
      line-height: 1.2;
      letter-spacing: -0.02em;
    }

    .changelog-markdown h1,
    .changelog-markdown h2 {
      margin-top: 1.4em;
      margin-bottom: 0.5em;
      font-size: 20px;
    }

    .changelog-markdown h3 {
      margin-top: 1.2em;
      margin-bottom: 0.45em;
      font-size: 17px;
      font-weight: 600;
    }

    .changelog-markdown p,
    .changelog-markdown ul,
    .changelog-markdown ol,
    .changelog-markdown pre,
    .changelog-markdown blockquote {
      width: 100% !important;
      margin-top: 0;
      margin-bottom: 1em;
    }

    .changelog-markdown blockquote,
    .changelog-markdown > p:first-of-type {
      border-left: 4px solid #b7c2d4 !important;
      box-shadow: inset 4px 0 0 #b7c2d4;
      padding: 0 0 0 14px;
      margin-left: 0;
      background: transparent !important;
      color: inherit;
      position: relative;
    }

    .dark-mode .changelog-markdown blockquote,
    .dark-mode .changelog-markdown > p:first-of-type {
      border-left-color: #a5b2c8 !important;
      box-shadow: inset 4px 0 0 #a5b2c8;
    }

    .changelog-markdown blockquote p {
      margin: 0;
    }

    .changelog-markdown table {
      width: 100%;
      max-width: none;
    }

    .changelog-markdown ul,
    .changelog-markdown ol {
      display: block !important;
      margin: 0 0 1em;
      padding-left: 1.3em;
      list-style-position: outside;
      list-style-type: disc;
    }

    .changelog-markdown ol {
      list-style-type: decimal;
    }

    .changelog-markdown li ul {
      margin-top: 0.35em;
      list-style-type: "– ";
    }

    .changelog-markdown li + li {
      margin-top: 0.35em;
    }

    .changelog-markdown strong,
    .changelog-markdown b {
      font-weight: 700 !important;
      color: var(--scalar-color-1) !important;
    }

    .changelog-markdown code {
      padding: 0.14em 0.38em;
      border-radius: 6px;
      background: var(--scalar-background-2);
      color: var(--scalar-color-1);
      font-size: 0.94em;
    }

    .changelog-markdown pre {
      overflow-x: auto;
      padding: 14px 16px;
      border-radius: 14px;
      background: var(--scalar-background-2);
    }

    .changelog-markdown pre code {
      padding: 0;
      background: transparent;
      white-space: pre-wrap;
    }

    .docs-empty-state {
      padding: 18px 0;
      color: var(--scalar-color-2);
      font-size: 15px;
    }

    .light-mode #app .scalar-app {
      color: #102040;
    }

    .dark-mode #app .scalar-app {
      color: #dceaff;
    }

    #app .narrow-references-container {
      padding: 34px 30px 40px;
    }

    #app .badge {
      border-radius: 999px;
      border: 1px solid var(--scalar-border-color);
      background: var(--scalar-background-accent);
      color: var(--scalar-color-accent);
      font-weight: 700;
      letter-spacing: 0.01em;
    }

    #app .section-header-label {
      letter-spacing: -0.01em;
      font-weight: 700;
    }

    #app .introduction-card-item,
    #app .section-container.tag-section-container {
      border-radius: 14px;
      border: 1px solid var(--scalar-border-color);
      background: #ffffff;
      box-shadow: 0 6px 20px rgba(18, 45, 90, 0.05);
    }

    .dark-mode #app .introduction-card-item,
    .dark-mode #app .section-container.tag-section-container {
      background: color-mix(in srgb, var(--scalar-background-1) 84%, transparent);
    }

    #app .download-container {
      border-radius: 14px;
      box-shadow:
        inset 0 0 0 1px var(--scalar-border-color),
        0 6px 20px rgba(18, 45, 90, 0.05);
      background: #ffffff;
      overflow: visible;
    }

    .dark-mode #app .download-container {
      background: color-mix(in srgb, var(--scalar-background-1) 84%, transparent);
    }

    #app .download-container.download-both {
      position: relative;
      width: 100%;
      min-height: 56px;
    }

    #app .download-container.download-both .download-button {
      display: none !important;
    }

    .custom-download-dropdown {
      position: relative;
      width: 100%;
    }

    .custom-download-trigger {
      width: 100%;
      min-height: 56px;
      border: 0;
      border-radius: 14px;
      background: transparent;
      color: var(--scalar-color-accent);
      font-family: inherit;
      font-size: 16px;
      font-weight: 600;
      padding: 0 16px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
      cursor: pointer;
      text-align: left;
    }

    .custom-download-trigger:hover {
      background: color-mix(in srgb, var(--scalar-background-accent) 80%, transparent);
    }

    .custom-download-chevron {
      width: 10px;
      height: 10px;
      border-right: 2px solid currentColor;
      border-bottom: 2px solid currentColor;
      transform: rotate(45deg);
      margin-top: -3px;
      transition: transform 0.15s ease;
      opacity: 0.8;
      flex: 0 0 auto;
    }

    .custom-download-dropdown.is-open .custom-download-chevron {
      transform: rotate(-135deg);
      margin-top: 3px;
    }

    .custom-download-menu {
      position: absolute;
      top: calc(100% + 6px);
      left: 0;
      width: 100%;
      border: 1px solid var(--scalar-border-color);
      border-radius: 12px;
      background: #ffffff;
      box-shadow: 0 12px 28px rgba(15, 29, 56, 0.15);
      padding: 6px;
      z-index: 20;
      display: none;
      box-sizing: border-box;
    }

    .dark-mode .custom-download-menu {
      background: color-mix(in srgb, var(--scalar-background-1) 96%, transparent);
    }

    .custom-download-dropdown.is-open .custom-download-menu {
      display: block;
    }

    .custom-download-option {
      width: 100%;
      border: 0;
      border-radius: 8px;
      background: transparent;
      color: var(--scalar-color-1);
      padding: 10px 12px;
      font-family: inherit;
      font-size: 14px;
      font-weight: 600;
      text-align: left;
      cursor: pointer;
      text-transform: uppercase;
      letter-spacing: 0.03em;
    }

    .custom-download-option:hover {
      background: color-mix(in srgb, var(--scalar-background-accent) 85%, transparent);
    }

    #app .sticky-cards .introduction-card-item label {
      border-top-left-radius: 12px;
      border-top-right-radius: 12px;
      border-color: var(--scalar-border-color);
      background: color-mix(in srgb, var(--scalar-background-2) 88%, transparent);
    }

    /* Keep the Server card in normal document flow instead of floating while scrolling. */
    #app .sticky-cards,
    #app .sticky-cards > * {
      position: static !important;
      top: auto !important;
    }

    #app .sticky-cards .introduction-card-item .markdown {
      white-space: pre-wrap;
    }

    #app .scalar-app .markdown ul,
    #app .scalar-app .markdown ol {
      display: block !important;
      margin: 0 0 1em;
      padding-left: 1.5em;
      list-style-position: outside;
      flex-direction: unset;
      gap: 0;
    }

    #app .scalar-app .markdown ul {
      list-style-type: disc;
    }

    #app .scalar-app .markdown ol {
      list-style-type: decimal;
    }

    #app .scalar-app .markdown li + li {
      margin-top: 0.35em;
    }

    #app .scalar-app .markdown li > ul,
    #app .scalar-app .markdown li > ol {
      margin-top: 0.35em;
      margin-bottom: 0;
    }

    #app .sticky-cards .introduction-card-item table th:first-child,
    #app .sticky-cards .introduction-card-item table td:first-child,
    #app .introduction-description-heading .markdown table th:first-child,
    #app .introduction-description-heading .markdown table td:first-child {
      width: 140px !important;
      min-width: 140px !important;
    }

    #app .sticky-cards .markdown,
    #app .sticky-cards #scalar-refs-0-2 {
      border-color: var(--scalar-border-color);
    }

    /* Give the Errors table's details column more room for long messages. */
    #app .section-container.tag-section-container .markdown h3 + table th:first-child,
    #app .section-container.tag-section-container .markdown h3 + table td:first-child {
      width: 96px !important;
      min-width: 96px !important;
    }

    #app .section-container.tag-section-container .markdown h3 + table th:nth-child(2),
    #app .section-container.tag-section-container .markdown h3 + table td:nth-child(2) {
      width: auto !important;
      min-width: 420px;
    }

    #app .section-container.tag-section-container {
      margin-bottom: 22px;
      padding: 24px 22px 10px;
    }

    #app .section-container .section-header {
      margin-bottom: 14px;
    }

    /* Introduction-only sections render with an empty right column; make them full width. */
    #app .section-container.tag-section-container .section-columns:has(> .section-column:last-child:empty) {
      display: block;
    }

    #app .section-container.tag-section-container .section-columns:has(> .section-column:last-child:empty) > .section-column:first-child {
      width: 100% !important;
      flex: 1 1 100%;
      max-width: 100%;
    }

    #app .section-container.tag-section-container .section-columns:has(> .section-column:last-child:empty) .markdown {
      display: block;
      white-space: normal;
      overflow: visible !important;
      text-overflow: clip !important;
      max-height: none !important;
      -webkit-line-clamp: unset !important;
      line-clamp: unset !important;
    }

    #app .section-container.tag-section-container .section-columns:has(> .section-column:last-child:empty) > .section-column:last-child {
      display: none;
    }

    #app .section-container.tag-section-container.is-single-column .section-columns {
      display: block;
    }

    #app .section-container.tag-section-container.is-single-column .section-columns > .section-column:first-child {
      width: 100% !important;
      flex: 1 1 100%;
      max-width: 100%;
    }

    #app .section-container.tag-section-container.is-single-column .section-columns > .section-column:last-child {
      display: none;
    }

    #app .section-container.is-introduction-full-width .section-columns {
      display: block !important;
    }

    #app .section-container.is-introduction-full-width .section-columns > .section-column:first-child {
      width: 100% !important;
      flex: 1 1 100% !important;
      max-width: 100% !important;
    }

    #app .section-container.is-introduction-full-width .section-columns > .section-column:last-child {
      display: none !important;
    }

    #app .section-container.is-introduction-full-width .markdown {
      width: 100% !important;
      max-width: 100% !important;
      overflow: visible !important;
    }

    #app .section-container.is-intro-description-full-width > .section-columns {
      align-items: flex-start;
    }

    #app .section-container.is-intro-description-full-width > .introduction-description {
      width: 100% !important;
      max-width: 100% !important;
      display: block;
    }

    #app .introduction-section.is-intro-description-full-width > .section-content {
      display: block;
    }

    #app .introduction-section.is-intro-description-full-width > .section-content > .introduction-description {
      width: 100% !important;
      max-width: 100% !important;
      display: block;
    }

    body[data-docs-view='mcp'] #app .introduction-section .introduction-description {
      border: 0;
      border-radius: 0;
      background: transparent;
      box-shadow: none;
      overflow: visible;
    }

    body[data-docs-view='mcp'] #app .introduction-section .introduction-description-heading {
      border: 1px solid var(--scalar-border-color);
      border-radius: 14px;
      background: #ffffff;
      box-shadow: 0 6px 20px rgba(18, 45, 90, 0.05);
      padding: 18px 16px;
      margin-bottom: 14px;
    }

    .dark-mode body[data-docs-view='mcp'] #app .introduction-section .introduction-description-heading {
      background: color-mix(in srgb, var(--scalar-background-1) 84%, transparent);
    }

    body[data-docs-view='mcp'] #app .introduction-section .introduction-description-heading:last-child {
      margin-bottom: 0;
    }

    body[data-docs-view='mcp'] #app .introduction-section .introduction-description-heading > .markdown > h2 {
      margin-top: 0;
    }

    body[data-docs-view='mcp'] #app .download-container,
    body[data-docs-view='mcp'] #app .custom-download-dropdown {
      display: none !important;
    }

    /* Heading-only subsection cards should connect directly to their content card. */
    body[data-docs-view='mcp'] #app .introduction-section .introduction-description-heading:has(> .markdown > h2:only-child),
    body[data-docs-view='mcp'] #app .introduction-section .introduction-description-heading:has(> .markdown > h3:only-child) {
      margin-bottom: 0;
    }

    #app .endpoints-card {
      border-radius: 12px;
      border-color: var(--scalar-border-color);
      background: #ffffff;
    }

    .dark-mode #app .endpoints-card {
      background: color-mix(in srgb, var(--scalar-background-2) 84%, transparent);
    }

    #app .endpoints-card .scalar-card-header {
      background: #ffffff;
      border-bottom: 1px solid var(--scalar-border-color);
    }

    .dark-mode #app .endpoints-card .scalar-card-header {
      background: color-mix(in srgb, var(--scalar-background-2) 75%, transparent);
    }

    #app .endpoint {
      min-height: 38px;
      padding: 0 12px;
      display: flex;
      align-items: center;
      gap: 10px;
      border-top: 0 !important;
      overflow: visible !important;
    }

    #app .endpoints > li:not(:first-child) .endpoint,
    #app .endpoints > li + li .endpoint {
      border-top: 1px solid var(--scalar-border-color) !important;
    }

    #app .endpoint-method,
    #app .endpoint-path {
      height: auto;
      line-height: 1.2;
      display: inline-flex;
      align-items: center;
    }

    #app .endpoint-copy-button {
      min-width: 64px;
      height: 26px;
      border: 1px solid rgba(255, 255, 255, 0.9);
      border-radius: 7px;
      background: rgba(255, 255, 255, 0.98);
      color: #102040;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 4px;
      margin-left: auto;
      cursor: pointer;
      flex: 0 0 auto;
      transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
      font-size: 11px;
      font-weight: 700;
      letter-spacing: 0.02em;
      text-transform: uppercase;
      z-index: 3;
    }

    #app .endpoint-copy-button:hover {
      color: #0a1a38;
      border-color: #ffffff;
      background: #ffffff;
    }

    #app .endpoint-copy-button.is-copied {
      color: #ffffff;
      border-color: rgba(34, 197, 94, 0.82);
      background: rgba(34, 197, 94, 0.4);
    }

    #app .endpoint-copy-icon,
    #app .endpoint-copy-check {
      width: 12px;
      height: 12px;
      display: block;
      pointer-events: none;
    }

    #app .endpoint-copy-label {
      line-height: 1;
      pointer-events: none;
    }

    #app .endpoint-copy-button .endpoint-copy-check {
      display: none;
    }

    #app .endpoint-copy-button.is-copied .endpoint-copy-icon {
      display: none;
    }

    #app .endpoint-copy-button.is-copied .endpoint-copy-check {
      display: block;
    }

    #app .endpoint-copy-button.is-copied .endpoint-copy-label::after {
      content: 'Copied';
    }

    #app .endpoint-copy-button .endpoint-copy-label::after {
      content: 'Copy';
    }

    #app .method-path-copy-button {
      min-width: 56px;
      height: 24px;
      border: 1px solid rgba(255, 255, 255, 0.35);
      border-radius: 7px;
      background: rgba(255, 255, 255, 0.12);
      color: #eef5ff;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 4px;
      margin-left: 8px;
      vertical-align: middle;
      cursor: pointer;
      font-size: 11px;
      font-weight: 700;
      letter-spacing: 0.02em;
      text-transform: uppercase;
      transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
    }

    #app .method-path-copy-button:hover {
      color: #ffffff;
      border-color: rgba(255, 255, 255, 0.62);
      background: rgba(255, 255, 255, 0.22);
    }

    #app .method-path-copy-button.is-copied {
      color: #ffffff;
      border-color: rgba(34, 197, 94, 0.82);
      background: rgba(34, 197, 94, 0.4);
    }

    #app .method-path-copy-button .endpoint-copy-icon,
    #app .method-path-copy-button .endpoint-copy-check {
      width: 12px;
      height: 12px;
      display: block;
      pointer-events: none;
    }

    #app .method-path-copy-button .endpoint-copy-check {
      display: none;
    }

    #app .method-path-copy-button.is-copied .endpoint-copy-icon {
      display: none;
    }

    #app .method-path-copy-button.is-copied .endpoint-copy-check {
      display: block;
    }

    #app .method-path-copy-button .endpoint-copy-label::after {
      content: 'Copy';
    }

    #app .method-path-copy-button.is-copied .endpoint-copy-label::after {
      content: 'Copied';
    }

    #app .operation-header-copy-host {
      position: relative !important;
      padding-right: 36px !important;
    }

    #app .operation-header-copy-button {
      width: 22px;
      height: 22px;
      border: 1px solid rgba(255, 255, 255, 0.7);
      border-radius: 6px;
      background: rgba(255, 255, 255, 0.16);
      color: #f7fbff;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      position: absolute;
      right: 8px;
      top: 50%;
      transform: translateY(-50%);
      cursor: pointer;
      z-index: 6;
      transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
    }

    #app .operation-header-copy-button:hover {
      border-color: rgba(255, 255, 255, 0.95);
      background: rgba(255, 255, 255, 0.24);
      color: #ffffff;
    }

    #app .operation-header-copy-button .endpoint-copy-icon,
    #app .operation-header-copy-button .endpoint-copy-check {
      width: 12px;
      height: 12px;
      display: block;
      pointer-events: none;
    }

    #app .operation-header-copy-button .endpoint-copy-check {
      display: none;
    }

    #app .operation-header-copy-button.is-copied {
      border-color: rgba(34, 197, 94, 0.92);
      background: rgba(34, 197, 94, 0.42);
      color: #ffffff;
    }

    #app .operation-header-copy-button.is-copied .endpoint-copy-icon {
      display: none;
    }

    #app .operation-header-copy-button.is-copied .endpoint-copy-check {
      display: block;
    }

    #app .request-header-copy-button {
      border: 0;
      width: 22px;
      height: 22px;
      border: 1px solid #ffffff;
      border-radius: 6px;
      background: #ffffff;
      color: #0f2a54;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      position: absolute;
      right: 8px;
      top: 50%;
      transform: translateY(-50%);
      z-index: 9;
      cursor: pointer;
      pointer-events: auto !important;
      transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
      box-shadow: 0 1px 6px rgba(8, 21, 46, 0.25);
    }

    #app .request-header-copy-button:hover {
      border-color: #ffffff;
      background: #f8fbff;
      color: #0b2146;
    }

    #app .request-header-copy-button .endpoint-copy-icon,
    #app .request-header-copy-button .endpoint-copy-check {
      width: 12px;
      height: 12px;
      display: block;
      pointer-events: none;
    }

    #app .request-header-copy-button .endpoint-copy-check {
      display: none;
    }

    #app .request-header-copy-button.is-copied {
      border-color: rgba(34, 197, 94, 0.92);
      background: rgba(34, 197, 94, 0.44);
      color: #ffffff;
    }

    #app .request-header-copy-button.is-copied .endpoint-copy-icon {
      display: none;
    }

    #app .request-header-copy-button.is-copied .endpoint-copy-check {
      display: block;
    }

    #app .endpoint-method {
      min-width: 42px;
      justify-content: flex-start;
    }

    #app .response-card {
      margin-top: 14px;
      border-radius: 12px;
    }

    #app .response-card .scalar-card-header-tabs {
      padding: 8px 12px !important;
    }

    #app .response-card .response-card-footer {
      padding: 10px 14px !important;
    }

    #app .response-section-content {
      padding: 10px 12px 12px !important;
      box-sizing: border-box;
    }

    #app .request-response-header {
      padding: 0 14px !important;
    }

    #app .response-description {
      padding: 8px 12px 10px;
    }

    #app .operation-details .mt-6 .parameter-item-trigger {
      padding: 10px 10px;
    }

    #app .show-more {
      border: 1px solid var(--scalar-border-color);
      border-radius: 9px;
      height: 32px;
      min-width: 108px;
      background: color-mix(in srgb, var(--scalar-background-2) 78%, transparent);
      margin: -8px auto 0;
      font-weight: 600;
    }

    #app .darklight-reference {
      border-top: 1px solid var(--scalar-border-color);
      margin-top: 6px;
      padding-top: 10px;
    }

    @media (max-width: 1080px) {
      .docs-tabs {
        gap: 14px;
      }

      .right-column-actions-row {
        padding: 12px 18px 10px;
        margin: -26px -18px 10px;
      }

      #app .narrow-references-container {
        padding: 26px 18px 30px;
      }
    }

    @media (max-width: 767px) {
      .custom-sidebar-brand {
        padding: 12px 12px 10px;
      }

      .custom-sidebar-brand img {
        width: 122px;
      }

      .custom-sidebar-brand-label {
        font-size: 18px;
      }

      .right-column-signin {
        height: 32px;
        padding: 0 8px;
        font-size: 13px;
      }

      .right-column-actions-row {
        padding: 10px 14px 10px;
        margin: -18px -14px 10px;
      }

      .mode-toggle {
        width: 36px;
        height: 36px;
      }

      #app .narrow-references-container {
        padding: 18px 14px 26px;
      }

      #app .section-container.tag-section-container {
        padding: 18px 14px 8px;
      }
    }