:root { --docs-code: #f0faf7; --docs-code-line: #e5e7eb; --docs-cyan: #1abc9c; --docs-yellow: #9a5b15; --docs-pink: #009b77; }
.docs-workspace { min-height: 100vh; overflow: visible; }
.docs-content { padding-bottom: 80px; }
.docs-public { grid-template-columns: minmax(0, 1fr); }
.docs-public .workspace-topbar { left: 0; }
.docs-content .mcp-shell { max-width: none; margin: 0; padding: 0; }
@media (max-width: 720px) {
    .docs-public .workspace-topbar-title { display: none; }
    .docs-workspace .workspace-topbar .top-account-bar > .openapi-entry { display: inline-flex; }
}
.openapi-entry { min-height: 34px; padding: 0 13px; display: inline-flex; align-items: center; border: 1px solid rgba(0, 196, 151,.18); border-radius: 0; color: #009b77; background: rgba(255,255,255,.64); font-size: 12px; font-weight: 750; white-space: nowrap; transition: border-color .18s, background .18s, box-shadow .18s; }
.openapi-entry:hover, .openapi-entry.active { border-color: rgba(0, 196, 151,.34); background: #fff; box-shadow: 0 10px 24px -19px rgba(0, 155, 119,.72); }
.docs-hero { min-height: 220px; padding: 42px 46px; display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; border: 1px solid rgba(255,255,255,.9); border-radius: 0; background: radial-gradient(circle at 88% 20%,rgba(0, 196, 151,.3),transparent 34%),linear-gradient(132deg,#f0faf7,#f0faf7 55%,#f0faf7); box-shadow: 0 28px 62px -46px rgba(0, 155, 119,.72),inset 0 1px 0 #fff; }
.docs-eyebrow { margin: 0 0 10px; color: #00c497; font-size: 11px; font-weight: 850; letter-spacing: .13em; }
.docs-hero h2 { margin: 0; color: var(--ink-950); font-size: clamp(34px,4vw,50px); line-height: 1.08; letter-spacing: -.045em; }
.docs-hero p:not(.docs-eyebrow) { max-width: 720px; margin: 15px 0 0; color: #585d6a; font-size: 14px; line-height: 1.8; }
.spec-download { min-height: 40px; padding: 0 16px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid rgba(0, 196, 151,.23); border-radius: 0; color: #009b77; background: rgba(255,255,255,.75); font-size: 12px; font-weight: 780; white-space: nowrap; }
.api-key-card { margin-top: 18px; padding: 26px 30px; display: grid; grid-template-columns: minmax(0,1fr) minmax(300px,.9fr); align-items: center; gap: 28px; border: 1px solid #e5e7eb; border-radius: 0; background: rgba(255,255,255,.78); box-shadow: 0 20px 50px -43px rgba(52, 58, 64,.58); }
.api-key-card small { color: #00c497; font-size: 10px; font-weight: 800; letter-spacing: .1em; }
.api-key-card h2 { margin: 4px 0 0; font-size: 20px; }
.api-key-card p { margin: 8px 0 0; color: #72778a; font-size: 12px; line-height: 1.7; }
.api-key-card p code, .schema-note code { padding: 2px 5px; border-radius: 0; color: #009b77; background: #f0faf7; font: 700 11px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace; }
.api-key-value { min-width: 0; padding: 7px 7px 7px 13px; display: flex; align-items: center; gap: 12px; border: 1px solid #dfe3e8; border-radius: 0; background: #f0faf7; }
.api-key-value code { min-width: 0; flex: 1; overflow: hidden; color: #343a40; font: 12px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace; text-overflow: ellipsis; white-space: nowrap; }
.api-key-value button, .code-copy { min-height: 32px; padding: 0 12px; border: 0; border-radius: 0; color: #fff; background: linear-gradient(120deg,#1abc9c,#00c497); font: inherit; font-size: 11px; font-weight: 750; cursor: pointer; }
.api-key-value button.is-copied, .code-copy.is-copied { color: #fff; border-color: #247d65; background: #247d65; box-shadow: 0 7px 16px -11px rgba(25,105,83,.78); }
.api-key-value button.is-copied .copy-success-mark, .api-key-value button.is-copied .copy-success-label, .code-copy.is-copied .copy-success-mark, .code-copy.is-copied .copy-success-label { color: inherit; }
.docs-layout { margin-top: 26px; display: grid; grid-template-columns: 210px minmax(0,1fr); align-items: start; gap: 24px; }
.docs-index { position: sticky; top: 96px; padding: 17px; display: grid; gap: 5px; border: 1px solid #e5e7eb; border-radius: 0; background: rgba(255,255,255,.72); box-shadow: 0 22px 48px -43px rgba(52, 58, 64,.6); }
.docs-index > strong { padding: 5px 8px 10px; color: #343a40; font-size: 12px; }
.docs-index a { min-height: 38px; padding: 0 9px; display: flex; align-items: center; gap: 8px; border-radius: 0; color: #646a7d; font-size: 11.5px; font-weight: 680; }
.docs-index a:hover { color: #009b77; background: #f0faf7; }
.docs-index a span { padding: 3px 5px; border-radius: 0; color: #2f866f; background: #e7f7f1; font-size: 8px; font-weight: 850; letter-spacing: .05em; }
.docs-main { min-width: 0; display: grid; gap: 24px; }
.api-section { scroll-margin-top: 92px; padding: 32px; overflow: hidden; border: 1px solid #e5e7eb; border-radius: 0; background: rgba(255,255,255,.8); box-shadow: 0 26px 55px -48px rgba(34, 36, 43,.65); }
.api-section > header > div { display: flex; align-items: center; gap: 10px; }
.api-section .method { padding: 5px 8px; border-radius: 0; color: #237860; background: #e5f7f0; font-size: 10px; font-weight: 850; letter-spacing: .06em; }
.api-section > header code { color: #009b77; font: 700 12px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace; overflow-wrap: anywhere; }
.api-section h2 { margin: 13px 0 0; color: #22242b; font-size: 25px; letter-spacing: -.02em; }
.api-section > header p { margin: 9px 0 0; color: #6c7286; font-size: 13px; line-height: 1.75; }
.api-section h3 { margin: 27px 0 11px; color: #343a40; font-size: 13px; }
.schema-note { margin: 0; color: #676d81; font-size: 12px; line-height: 1.8; }
.field-table { overflow-x: auto; border: 1px solid #e5e7eb; border-radius: 0; }
.field-table > div { min-width: 720px; min-height: 46px; padding: 10px 14px; display: grid; grid-template-columns: minmax(130px,.75fr) minmax(90px,.55fr) minmax(120px,.65fr) minmax(320px,2fr); align-items: center; gap: 16px; border-top: 1px solid #e5e7eb; color: #62687c; font-size: 11.5px; line-height: 1.5; }
.field-table > div:first-child { border-top: 0; }
.field-table .field-head { min-height: 38px; color: #85899b; background: rgba(240, 250, 247,.58); font-size: 10.5px; font-weight: 750; }
.field-table code { color: #009b77; font: 700 11px/1.45 ui-monospace,SFMono-Regular,Consolas,monospace; }
.field-table.response-code-table > div { min-width: 520px; grid-template-columns: minmax(140px,.35fr) minmax(320px,1fr); }
.code-sample { margin-top: 27px; overflow: hidden; border: 1px solid var(--docs-code-line); border-radius: 0; background: var(--docs-code); box-shadow: 0 22px 44px -38px rgba(52, 58, 64,.52); }
.language-bar { padding: 8px 10px; display: flex; align-items: center; gap: 3px; overflow-x: auto; border-bottom: 1px solid var(--docs-code-line); background: #f0faf7; scrollbar-width: thin; }
.language-tab { min-height: 32px; padding: 0 12px; border: 0; border-radius: 0; color: #74778a; background: transparent; font: inherit; font-size: 11px; font-weight: 720; white-space: nowrap; cursor: pointer; }
.language-tab:hover { color: #009b77; background: rgba(0, 196, 151,.08); }
.language-tab.active { color: #fff; background: linear-gradient(120deg,#1abc9c,#00c497); box-shadow: 0 7px 16px -11px rgba(0, 155, 119,.9); }
.code-copy { margin-left: auto; min-width: 58px; flex: 0 0 auto; color: #009b77; background: #fff; border: 1px solid #dfe3e8; }
.code-copy:hover { border-color: #dfe3e8; background: #f0faf7; }
.response-toolbar { min-height: 49px; padding: 8px 10px; display: flex; align-items: center; justify-content: flex-end; border: 1px solid var(--docs-code-line); border-bottom: 0; background: #f0faf7; }
.response-toolbar .code-copy { margin-left: 0; }
.code-box, .response-code { margin: 0; overflow: auto; color: #343a40; background: var(--docs-code); font: 12px/1.75 ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace; tab-size: 4; }
.code-box { min-height: 260px; max-height: 440px; padding: 22px; }
.response-code { max-height: 330px; padding: 20px 22px; border: 1px solid var(--docs-code-line); border-radius: 0; }
.response-code.has-copy-toolbar { border-top: 0; }
.tok-string { color: var(--docs-yellow); }
.tok-comment { color: #85899b; font-style: italic; }
.tok-keyword { color: var(--docs-pink); }
.tok-number { color: var(--docs-cyan); }
.tok-property { color: #1abc9c; }
.common-response { margin-bottom: 30px; }
.api-auth-link { display: inline-flex; margin-top: 12px; color: #009b77; font-size: 12px; font-weight: 750; }
.api-auth-steps { padding-left: 22px; color: #62687c; font-size: 13px; line-height: 1.8; }
.api-auth-steps li + li { margin-top: 8px; }
.api-auth-steps a { color: #009b77; text-decoration: underline; text-underline-offset: 3px; }
.api-auth-steps code { overflow-wrap: anywhere; }
.api-auth-code { margin-top: 12px; }
.api-auth-section .schema-note + .schema-note { margin-top: 12px; }
.api-auth-security { margin-top: 22px; padding: 14px; border-left: 3px solid #1abc9c; background: #f0faf7; }
.back-to-top { position: fixed; right: 24px; bottom: 24px; z-index: 30; width: 44px; height: 44px; padding: 0; display: grid; place-items: center; border: 1px solid rgba(0, 196, 151,.25); border-radius: 0; color: #fff; background: linear-gradient(135deg,#1abc9c,#00c497); box-shadow: 0 15px 30px -15px rgba(0, 155, 119,.78); cursor: pointer; opacity: 0; pointer-events: none; transform: translateY(10px); transition: opacity .18s,transform .18s,box-shadow .18s; }
.back-to-top.visible { opacity: 1; pointer-events: auto; transform: translateY(0); }
.back-to-top:hover { box-shadow: 0 18px 34px -14px rgba(0, 155, 119,.92); transform: translateY(-2px); }
.back-to-top svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
@media (max-width: 1080px) { .docs-layout { grid-template-columns: 1fr; } .docs-index { position: static; display: flex; overflow-x: auto; } .docs-index > strong { display: none; } .docs-index a { flex: 0 0 auto; } }
@media (max-width: 760px) { .docs-hero { min-height: 0; padding: 28px 22px; align-items: flex-start; flex-direction: column; } .api-key-card { padding: 21px; grid-template-columns: 1fr; } .api-section { padding: 23px 17px; } .openapi-entry { min-height: 32px; padding-inline: 10px; font-size: 11px; } .code-box { min-height: 320px; } }
@media (max-width: 480px) { .docs-content .membership-identity { display: none; } .docs-content .top-account-bar { gap: 6px; } .docs-hero h2 { font-size: 34px; } .back-to-top { right: 14px; bottom: 14px; width: 42px; height: 42px; } }