:root {
  --navy: #182936;
  --navy-deep: #0b1b27;
  --cyan: #00a7e7;
  --cyan-soft: #dff6fe;
  --orange: #ffa412;
  --green: #1ec843;
  --ink: #182936;
  --muted: #657a88;
  --line: #dce5e9;
  --surface: #f2f6fb;
  --white: #fff;
  --red: #df4d57;
  --sidebar: 284px;
  --topbar: 68px;
  --shadow: 0 22px 64px rgba(24, 41, 54, .11);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: calc(var(--topbar) + 22px); }
body { margin: 0; color: var(--ink); background: var(--white); font: 15px/1.65 Onest, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
button, input { font: inherit; }
a { color: inherit; }
code, pre, kbd { font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace; }
[hidden] { display: none !important; }

.topbar { position: fixed; z-index: 50; inset: 0 0 auto 0; height: var(--topbar); display: flex; align-items: center; justify-content: space-between; padding: 0 24px; color: #e9f4f8; background: var(--navy-deep); border-bottom: 1px solid rgba(255,255,255,.09); }
.brand { display: inline-flex; align-items: center; gap: 11px; color: #fff; font-size: 17px; font-weight: 760; text-decoration: none; letter-spacing: -.02em; }
.brand b { color: #a9c0cc; font-weight: 570; }
.brand-mark { display: grid; width: 40px; height: 40px; place-items: center; overflow: hidden; }
.brand-mark img { display: block; width: 40px; height: 40px; object-fit: contain; }
.topbar-actions { display: flex; align-items: center; gap: 16px; }
.environment { display: flex; align-items: center; gap: 8px; color: #aec3cd; font-size: 12px; font-weight: 720; }
.environment i, .status-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 5px rgba(30,200,67,.12); }
.language-switch { padding: 8px 12px; border: 1px solid rgba(255,255,255,.17); border-radius: 10px; color: #fff; text-decoration: none; font-size: 13px; font-weight: 720; }
.language-switch:hover { border-color: var(--cyan); background: rgba(0,167,231,.08); }
.language-menu { position:relative; }
.language-menu summary { min-width:112px; padding:8px 30px 8px 12px; border:1px solid rgba(255,255,255,.17); border-radius:10px; color:#fff; cursor:pointer; list-style:none; font-size:13px; font-weight:720; }
.language-menu summary::-webkit-details-marker { display:none; }
.language-menu summary::after { content:'⌄'; position:absolute; top:7px; right:11px; color:#8da6b1; }
.language-menu[open] summary,.language-menu summary:hover { border-color:var(--cyan); background:rgba(0,167,231,.08); }
.language-options { position:absolute; z-index:50; top:calc(100% + 8px); right:0; display:grid; width:190px; max-height:min(70vh,420px); padding:7px; border:1px solid #dce5e9; border-radius:12px; background:#fff; box-shadow:0 18px 45px rgba(3,25,36,.24); overflow:auto; }
.language-options a { padding:9px 11px; border-radius:8px; color:#294653; text-decoration:none; font-size:13px; font-weight:650; }
.language-options a:hover { color:#075674; background:#eefaff; }
.language-options a.is-active { color:#075674; background:#dff6ff; }
.token-button { display:inline-flex; min-height:36px; align-items:center; gap:8px; padding:7px 11px; border:1px solid rgba(255,255,255,.17); border-radius:10px; color:#d6e4ea; background:rgba(255,255,255,.04); cursor:pointer; font-size:12px; font-weight:720; }
.token-button:hover { color:#fff; border-color:var(--cyan); }.token-indicator { width:7px; height:7px; border-radius:50%; background:#8297a1; }.token-button.has-token .token-indicator { background:var(--green); box-shadow:0 0 0 4px rgba(30,200,67,.12); }

.sidebar { position: fixed; z-index: 40; inset: var(--topbar) auto 0 0; display: flex; width: var(--sidebar); flex-direction: column; padding: 22px 16px 16px; background: #f8fafb; border-right: 1px solid var(--line); overflow: auto; }
.search-shell { position: relative; z-index: 5; }
.search-box { display: flex; min-height: 42px; align-items: center; gap: 8px; padding: 0 10px; border: 1px solid #d6e0e5; border-radius: 11px; color: #7b8f99; background: #fff; }
.search-box:focus-within { border-color: var(--cyan); box-shadow: 0 0 0 3px rgba(0,167,231,.11); }
.search-box input { min-width: 0; flex: 1; border: 0; outline: 0; color: var(--ink); background: transparent; font-size: 13px; }
.search-box kbd { padding: 2px 5px; border: 1px solid #dbe4e8; border-radius: 5px; color: #8a9ba4; background: #f4f7f8; font-size: 10px; }
.global-search-results { position: absolute; z-index: 10; top: calc(100% + 7px); right: 0; left: 0; max-height: min(68vh, 640px); padding: 6px; border: 1px solid #d5e1e6; border-radius: 13px; background: #fff; box-shadow: 0 22px 55px rgba(13,37,50,.2); overflow-y: auto; }
.search-result-group + .search-result-group { margin-top: 7px; padding-top: 7px; border-top: 1px solid #e6edf0; }
.search-result-group > p { display: flex; align-items: center; justify-content: space-between; margin: 2px 7px 5px; color: #7a8d97; font-size: 9px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.search-result-group > p span { display: grid; min-width: 19px; height: 18px; place-items: center; border-radius: 6px; color: #526b76; background: #edf2f4; font-size: 8px; }
.global-search-result { display: grid; grid-template-columns: 47px minmax(0,1fr); gap: 8px; align-items: start; padding: 9px 7px; border-radius: 9px; color: inherit; text-decoration: none; }
.global-search-result:hover, .global-search-result.is-active { background: #eaf8fd; box-shadow: inset 3px 0 var(--cyan); }
.global-search-result .method-badge { min-width: 44px; height: 25px; border-radius: 7px; font-size: 8px; }
.search-result-copy { display: grid; min-width: 0; gap: 2px; line-height: 1.3; }
.search-result-copy b { overflow: hidden; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.search-result-copy code { overflow: hidden; color: #38606f; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.search-result-copy small { overflow: hidden; color: #84959e; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.search-page-icon { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 9px; color: #075674; background: var(--cyan-soft); font: 800 10px monospace; }
.page-result { align-items: center; }
.search-empty { margin: 0; padding: 24px 10px; color: #71858f; text-align: center; font-size: 11px; }
.sidebar nav { padding-top: 18px; }
.nav-label { margin: 17px 10px 7px; color: #8a9ba4; font-size: 10px; font-weight: 820; letter-spacing: .1em; text-transform: uppercase; }
.nav-link { display: flex; min-height: 38px; align-items: center; justify-content: space-between; gap: 10px; margin: 2px 0; padding: 8px 10px; border-radius: 9px; color: #4f6571; text-decoration: none; font-size: 13px; font-weight: 650; }
.nav-link:hover { color: #0e3548; background: #edf4f7; }
.nav-link.is-active { color: #083148; background: #dff6fe; box-shadow: inset 3px 0 var(--cyan); }
.nav-link small { display: grid; min-width: 23px; height: 21px; place-items: center; border-radius: 7px; color: #6f838d; background: #e9eff2; font-size: 10px; }
.nav-link.is-active small { color: #075674; background: #bdeeff; }
.nav-controller-group > summary { cursor:pointer; list-style:none; }
.nav-controller-group > summary::-webkit-details-marker { display:none; }
.nav-controller-group > summary > span { min-width:0; flex:1; }
.nav-controller-group > summary > i { width:7px; height:7px; margin:0 3px 3px 0; border-right:1.5px solid #81949d; border-bottom:1.5px solid #81949d; transform:rotate(45deg); transition:transform .16s ease; }
.nav-controller-group[open] > summary > i { margin-top:4px; transform:rotate(225deg); }
.nav-controller-group[open] > summary:not(.is-active) { color:#0e3548; background:#edf4f7; }
.nav-controller-group > .endpoint-nav { max-height:min(42vh,360px); overflow:auto; }
.nav-subsection { margin-top:6px; color:#8d4450; }.nav-subsection:before { margin-right:8px; content:"{!}"; font:800 9px monospace; }
.endpoint-nav { display: grid; gap: 2px; margin: 7px 0 0 10px; padding-left: 10px; border-left: 1px solid #d6e2e7; }
.endpoint-nav a { display: grid; grid-template-columns: 38px 1fr; gap: 8px; align-items: center; padding: 6px 4px; color: #667b86; text-decoration: none; font-size: 11px; line-height: 1.35; }
.endpoint-nav a:hover { color: #087fa9; }
.mini-method { font: 800 8px/1 "SFMono-Regular", monospace; letter-spacing: .03em; }
.mini-method.get { color: #087fa9; }.mini-method.post { color: #12833a; }.mini-method.put,.mini-method.patch { color: #9b6500; }.mini-method.delete { color: #b93c48; }
.sidebar-footer { display: flex; align-items: center; gap: 12px; margin-top: auto; padding: 13px 11px; border: 1px solid #dce6ea; border-radius: 12px; background: #fff; }
.sidebar-footer span:last-child { display: grid; }
.sidebar-footer b { font-size: 11px; }.sidebar-footer small { color: #7a8e98; font-size: 10px; }
.mobile-close, .mobile-menu { display: none; }

.content { min-height: 100vh; margin-left: var(--sidebar); padding-top: var(--topbar); }
.index-content, .reference-content { padding-right: clamp(28px, 5vw, 82px); padding-bottom: 90px; padding-left: clamp(28px, 5vw, 82px); }
.hero { position: relative; display: grid; grid-template-columns: minmax(0,.9fr) minmax(470px,1.1fr); gap: clamp(32px,5vw,82px); align-items: center; min-height: 560px; margin: 0 calc(clamp(28px,5vw,82px) * -1); padding: 72px clamp(28px,5vw,82px); color: #fff; background: radial-gradient(circle at 79% 25%, rgba(0,167,231,.17), transparent 29%), var(--navy-deep); overflow: hidden; }
.hero:after { position: absolute; right: -90px; bottom: -160px; width: 420px; height: 420px; border: 1px solid rgba(0,167,231,.17); border-radius: 50%; content: ""; }
.hero-copy { position: relative; z-index: 2; }
.eyebrow { margin: 0 0 13px; color: #087fa9; font-size: 11px; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.hero .eyebrow, .reference-hero .eyebrow { color: #66d7ff; }
h1,h2,h3,h4,p { margin-top: 0; }
h1,h2,h3 { font-family: Onest, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.hero h1, .reference-hero h1 { max-width: 720px; margin-bottom: 21px; font-size: clamp(42px,5.3vw,72px); line-height: 1.02; letter-spacing: -.055em; }
.hero-lead { max-width: 690px; color: #b8ccd7; font-size: clamp(17px,1.5vw,21px); line-height: 1.55; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.button { display: inline-flex; min-height: 50px; align-items: center; justify-content: center; gap: 12px; padding: 12px 19px; border: 1px solid transparent; border-radius: 12px; text-decoration: none; font-size: 14px; font-weight: 800; transition: transform .2s ease, box-shadow .2s ease; }
.button:hover { transform: translateY(-2px); }
.button-primary { color: #112936; background: var(--orange); box-shadow: 0 13px 32px rgba(255,164,18,.2); }
.button-secondary { color: #fff; border-color: rgba(255,255,255,.23); background: rgba(255,255,255,.04); }
.hero-console { position: relative; z-index: 2; min-width: 0; border: 1px solid rgba(255,255,255,.16); border-radius: 18px; background: #102432; box-shadow: 0 30px 80px rgba(0,0,0,.26); overflow: hidden; transform: rotate(.7deg); }
.console-bar { display: flex; height: 46px; align-items: center; gap: 7px; padding: 0 14px; border-bottom: 1px solid rgba(255,255,255,.1); background: #0e1d29; }
.console-bar i { width: 9px; height: 9px; border-radius: 50%; background: #526873; }.console-bar i:nth-child(1) { background:#ff6b63; }.console-bar i:nth-child(2) { background:#ffbd3d; }.console-bar i:nth-child(3) { background:#38ca62; }
.console-bar span { margin-left: 8px; color: #94abb6; font: 11px/1 monospace; }
.hero-console pre, .code-card pre, .response-example pre { margin: 0; overflow: auto; }
.hero-console pre { padding: 28px; color: #e2edf2; font-size: 12px; line-height: 1.9; }
.code-muted { color:#8299a4; }.code-cyan { color:#69d9ff; }.code-orange { color:#ffc262; }.code-green { color:#6ee18a; }

.notice-card { display: grid; grid-template-columns: auto 1fr; gap: 18px; align-items: start; max-width: 1100px; margin: 36px auto 0; padding: 18px 20px; border: 1px solid #c9eaf7; border-radius: 14px; background: #f0fbff; }
.notice-card span { padding: 5px 8px; border-radius: 7px; color: #075674; background: #cceffc; font-size: 10px; font-weight: 850; letter-spacing: .05em; text-transform: uppercase; }
.notice-card p { margin: 0; color: #45616e; }
.section { max-width: 1100px; margin: 105px auto 0; }
.section-heading { max-width: 730px; margin-bottom: 34px; }
.section-heading h2, .migration-section h2 { margin-bottom: 13px; font-size: clamp(30px,3.5vw,45px); line-height: 1.12; letter-spacing: -.04em; }
.section-heading > p:last-child { color: var(--muted); font-size: 16px; }
.steps-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.step-card { min-height: 220px; padding: 24px; border: 1px solid var(--line); border-radius: 17px; background: #fff; box-shadow: 0 15px 45px rgba(24,41,54,.06); }
.step-card > span { display: grid; width: 36px; height: 36px; place-items: center; margin-bottom: 43px; border-radius: 10px; color: #0b536d; background: var(--cyan-soft); font-size: 11px; font-weight: 850; }
.step-card h3 { margin-bottom: 8px; font-size: 18px; }.step-card p { margin: 0; color: var(--muted); font-size: 13px; }
.auth-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 55px; align-items: center; padding: 44px; border-radius: 24px; background: var(--surface); }
.auth-grid .section-heading { margin: 0; }
.code-card { min-width: 0; border: 1px solid #263e4b; border-radius: 15px; color: #dce9ee; background: #102432; box-shadow: 0 20px 50px rgba(24,41,54,.15); overflow: hidden; }
.code-card-head { display: flex; min-height: 44px; align-items: center; justify-content: space-between; gap: 12px; padding: 0 13px; border-bottom: 1px solid rgba(255,255,255,.1); background: #0e1d29; overflow:hidden; }
.code-card-head > span { color: #8fa6b0; font-size: 11px; font-weight: 750; }
.copy-button { padding: 5px 9px; border: 1px solid rgba(255,255,255,.14); border-radius: 7px; color: #bfd0d7; background: rgba(255,255,255,.04); cursor: pointer; font-size: 10px; }
.copy-button:hover { color:#fff; border-color:var(--cyan); }
.code-card pre { padding: 22px; font-size: 11px; line-height: 1.75; }
.catalog-grid { display: grid; gap: 13px; }
.catalog-card { display: grid; grid-template-columns: auto minmax(0,1fr) auto auto; gap: 18px; align-items: center; padding: 22px; border: 1px solid var(--line); border-radius: 16px; text-decoration: none; transition: border-color .2s, transform .2s, box-shadow .2s; }
.catalog-card:hover { transform: translateY(-2px); border-color: #78d1ef; box-shadow: var(--shadow); }
.catalog-icon { display: grid; width: 48px; height: 48px; place-items: center; border-radius: 13px; color:#075674; background:var(--cyan-soft); font: 800 12px monospace; }
.catalog-card h3 { margin: 0 0 3px; font-size: 18px; }.catalog-card p { margin: 0; color:var(--muted); font-size:13px; }.catalog-card small { color:var(--muted); }.catalog-card > b { color:var(--cyan); font-size:20px; }
.guide-catalog-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:13px; }.guide-catalog-card { display:grid; grid-template-columns:42px minmax(0,1fr); gap:14px; align-items:start; padding:22px; border:1px solid var(--line); border-radius:16px; color:inherit; text-decoration:none; }.guide-catalog-card:hover { border-color:#78d1ef; box-shadow:var(--shadow); }.guide-catalog-card > span { display:grid; width:42px; height:42px; place-items:center; border-radius:12px; color:#083148; background:var(--cyan-soft); font-size:20px; font-weight:850; }.guide-catalog-card h3 { margin:0 0 5px; font-size:17px; }.guide-catalog-card p { margin:0; color:var(--muted); font-size:12px; }.guide-catalog-card small { grid-column:2; color:#738894; font-size:10px; }
.migration-section { display: grid; grid-template-columns: .8fr 1.2fr; gap: 70px; padding: 48px; border-radius: 24px; color:#fff; background:var(--navy); }
.migration-section ul { display:grid; gap:13px; margin:0; padding:0; list-style:none; }
.migration-section li { position:relative; padding-left:28px; color:#c5d5dc; }.migration-section li:before { position:absolute; left:0; color:#5bd8ff; content:"✓"; font-weight:900; }

.reference-hero { display:grid; grid-template-columns: minmax(0,1.25fr) minmax(330px,.75fr); gap:60px; align-items:center; min-height:440px; margin:0 calc(clamp(28px,5vw,82px) * -1); padding:65px clamp(28px,5vw,82px); color:#fff; background: radial-gradient(circle at 84% 24%,rgba(0,167,231,.16),transparent 30%),var(--navy-deep); }
.reference-hero h1 { font-size:clamp(48px,6vw,76px); }
.tag-row { display:flex; flex-wrap:wrap; gap:7px; margin-top:22px; }.tag-row span,.tag-row a { padding:6px 9px; border:1px solid rgba(255,255,255,.13); border-radius:8px; color:#bcd0d9; background:rgba(255,255,255,.04); font:700 11px monospace; text-decoration:none; }.tag-row a:hover { color:#fff; border-color:var(--cyan); }
.reference-summary { padding:25px; border:1px solid rgba(255,255,255,.14); border-radius:18px; background:rgba(255,255,255,.06); box-shadow:inset 0 1px rgba(255,255,255,.05); }
.summary-icon { display:grid; width:44px; height:44px; place-items:center; margin-bottom:35px; border-radius:12px; color:#092b3a; background:var(--orange); font-size:20px; font-weight:900; }.reference-summary p { color:#c2d2d9; }.reference-summary code { color:#71d9ff; font-size:12px; }
.use-cases { display:grid; gap:12px; }.use-case { display:grid; grid-template-columns:70px 1fr; gap:22px; padding:28px; border:1px solid var(--line); border-radius:18px; background:#fff; }.use-case-number { color:#0a789f; font-size:28px; font-weight:800; }.use-case h3 { margin-bottom:7px; font-size:20px; }.use-case p { color:var(--muted); }.use-case ol { display:grid; gap:8px; padding-left:20px; color:#3d5662; font-size:13px; }.operation-links { display:flex; flex-wrap:wrap; gap:8px; margin-top:18px; }.operation-links a { display:inline-flex; align-items:center; gap:7px; padding:7px 9px; border:1px solid #d7e3e8; border-radius:8px; text-decoration:none; font-size:11px; font-weight:700; }.operation-links a:hover { border-color:#7dd2ef; background:#f3fbfe; }.operation-links span { color:#087fa9; font:850 9px monospace; }
.schema-directory { display:grid; gap:10px; }.schema-card { border:1px solid var(--line); border-radius:17px; overflow:hidden; }.schema-head { display:flex; align-items:center; justify-content:space-between; padding:16px 20px; color:#fff; background:var(--navy); cursor:pointer; list-style:none; }.schema-head::-webkit-details-marker { display:none; }.schema-head span { color:#acc1ca; font:11px monospace; }.schema-rows { display:grid; }.schema-row { display:grid; grid-template-columns:150px 120px minmax(0,1fr) 80px; gap:16px; align-items:start; padding:15px 20px; border-top:1px solid #e8eef1; }.schema-row:first-child { border-top:0; }.schema-row code { color:#075d7c; font-size:12px; font-weight:700; }.schema-row p { margin:0; color:#526873; font-size:13px; }.schema-row small { color:#899aa3; font-size:10px; text-align:right; }
.error-contract { scroll-margin-top:90px; padding:clamp(25px,4vw,44px); border:1px solid #eadcdf; border-radius:24px; background:linear-gradient(135deg,#fff 0,#fff9fa 55%,#f2fbfe 100%); }.error-contract .section-heading { margin-bottom:28px; }.error-contract-layout { display:grid; grid-template-columns:minmax(0,.72fr) minmax(420px,1.28fr); gap:30px; align-items:start; }.error-field-list { display:grid; border:1px solid #e3e8eb; border-radius:13px; background:#fff; overflow:hidden; }.error-field-list > div { display:grid; grid-template-columns:115px 1fr; gap:12px; padding:12px 14px; border-top:1px solid #e8eef1; }.error-field-list > div:first-child { border-top:0; }.error-field-list code { color:#9b3541; font-size:11px; font-weight:750; }.error-field-list p { margin:0; color:#5d737e; font-size:11px; }.locale-callout { display:grid; grid-template-columns:30px 1fr; gap:10px; margin-top:12px; padding:13px; border-left:3px solid var(--cyan); border-radius:0 10px 10px 0; background:#eefaff; }.locale-callout > span { display:grid; width:26px; height:26px; place-items:center; border-radius:8px; color:#075674; background:#c9f0ff; font-size:11px; font-weight:850; }.locale-callout p { margin:0; color:#426371; font-size:11px; }.localized-examples { display:grid; gap:10px; }.localized-example { border:1px solid #263e4b; border-radius:14px; color:#dce9ee; background:#102432; overflow:hidden; }.localized-example > div { display:flex; align-items:center; gap:10px; min-height:42px; padding:0 13px; border-bottom:1px solid rgba(255,255,255,.1); background:#0e1d29; }.localized-example > div span { display:grid; width:27px; height:22px; place-items:center; border-radius:6px; color:#082e40; background:var(--cyan); font:850 9px monospace; }.localized-example > div b { color:#a9c0ca; font-size:10px; }.localized-example pre { margin:0; padding:17px; overflow:auto; font-size:10px; line-height:1.7; }.errors-panel > p a { color:#087fa9; font-weight:720; }
.type-pill { display:inline-flex; color:#815000; font:700 10px monospace; }
.endpoints-section > .section-heading { margin-bottom:45px; }.endpoint-card { scroll-margin-top:92px; margin-top:22px; padding:clamp(22px,3vw,36px); border:1px solid var(--line); border-radius:20px; background:#fff; box-shadow:0 18px 55px rgba(24,41,54,.055); }.endpoint-title-row { display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:16px; align-items:start; }.endpoint-title-row h3 { margin:0 0 5px; font-size:23px; line-height:1.2; }.endpoint-title-row code { color:#566e79; font-size:12px; }.method-badge { display:inline-grid; min-width:59px; height:31px; place-items:center; border-radius:8px; font:850 10px monospace; letter-spacing:.04em; }.method-badge.get { color:#076287; background:#dff6fe; }.method-badge.post { color:#136c30; background:#ddfbe5; }.method-badge.put,.method-badge.patch { color:#815000; background:#fff0cf; }.method-badge.delete { color:#a02d39; background:#ffe8ea; }
.access-badge { padding:6px 9px; border:1px solid #dce5e9; border-radius:8px; color:#71848e; font-size:10px; font-weight:720; }.endpoint-description { max-width:780px; margin:24px 0; color:#4e6570; font-size:15px; }.callout { display:grid; grid-template-columns:24px 1fr; gap:10px; margin:18px 0 28px; padding:13px 15px; border-left:3px solid var(--cyan); border-radius:0 10px 10px 0; background:#f0fbff; }.callout span { display:grid; width:20px; height:20px; place-items:center; border-radius:50%; color:#fff; background:#0c8db8; font:bold 12px serif; }.callout p { margin:0; color:#3f6271; font-size:12px; }
.endpoint-actions { display:flex; align-items:center; justify-content:flex-end; gap:8px; }.try-button { min-height:32px; padding:6px 10px; border:0; border-radius:8px; color:#082f42; background:var(--orange); cursor:pointer; font-size:10px; font-weight:850; }.try-button:hover { background:#ffb632; transform:translateY(-1px); }
.endpoint-block { margin-top:32px; }.endpoint-block h4 { margin:0 0 12px; font-size:14px; }.block-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:12px; }.block-heading h4 { margin:0; }.block-heading > code { color:#6a7f89; font-size:10px; }.table-wrap { overflow-x:auto; border:1px solid #e0e8ec; border-radius:12px; }.parameter-table { width:100%; border-collapse:collapse; font-size:12px; }.parameter-table th { padding:10px 12px; color:#758994; background:#f6f9fa; font-size:9px; letter-spacing:.06em; text-align:left; text-transform:uppercase; }.parameter-table td { padding:12px; border-top:1px solid #e8eef1; color:#4e6570; vertical-align:top; }.parameter-table td:first-child code { display:block; color:#075d7c; font-size:11px; font-weight:750; }.parameter-table td small { display:block; margin-top:4px; color:#82949d; font-size:9px; }.required-mark { color:#a02d39; font-weight:750; }
.nested-schema-row > td { padding:0; background:#f8fbfc; }.schema-details { border:1px solid #dce6ea; border-radius:11px; background:#fff; overflow:hidden; }.schema-details > summary { display:flex; align-items:center; gap:10px; padding:11px 13px; color:#34525f; background:#f5fafc; cursor:pointer; font-size:11px; font-weight:780; list-style:none; }.schema-details > summary::-webkit-details-marker { display:none; }.schema-details > summary:before { display:grid; width:18px; height:18px; place-items:center; border-radius:5px; color:#087fa9; background:#dff6fe; content:"+"; font:800 13px/1 monospace; }.schema-details[open] > summary:before { content:"−"; }.schema-details > summary code { margin-left:auto; color:#087fa9; font-size:10px; font-weight:700; }.schema-details > .table-wrap { border-width:1px 0 0; border-radius:0; }.nested-schema { margin:8px; }.nested-schema .parameter-table th { background:#f8fafb; }.response-structure { margin-bottom:13px; }
.guide-content { max-width:1500px; }.guide-hero .reference-summary code { overflow-wrap:anywhere; }.guide-section { max-width:980px; }.guide-paragraph { max-width:850px; color:#425c68; font-size:15px; }.guide-steps { display:grid; gap:10px; margin:24px 0; padding:0; list-style:none; }.guide-steps li { display:grid; grid-template-columns:36px 1fr; gap:14px; padding:16px; border:1px solid var(--line); border-radius:13px; background:#fff; }.guide-steps li > span { display:grid; width:32px; height:32px; place-items:center; border-radius:9px; color:#075674; background:var(--cyan-soft); font-size:11px; font-weight:850; }.guide-steps h3 { margin:0 0 3px; font-size:14px; }.guide-steps p { margin:0; color:var(--muted); font-size:12px; }.guide-note { display:grid; grid-template-columns:30px 1fr; gap:11px; margin:18px 0; padding:15px; border:1px solid #cfe7f0; border-radius:12px; background:#f2fbfe; }.guide-note > span { display:grid; width:26px; height:26px; place-items:center; border-radius:8px; color:#075674; background:#cdeffc; font-weight:850; }.guide-note b { font-size:12px; }.guide-note p { margin:3px 0 0; color:#526b76; font-size:11px; }.guide-note.warning { border-color:#f3d18f; background:#fff9ec; }.guide-note.warning > span { color:#7d5207; background:#ffe8b5; }.guide-code { margin:20px 0; }.guide-code pre { margin:0; padding:20px; color:#dce9ee; background:#102432; overflow:auto; font-size:11px; line-height:1.7; }.guide-links { display:grid; gap:8px; margin-top:22px; }.guide-links > p { margin:0 0 3px; color:#788c96; font-size:10px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }.guide-links a { display:grid; grid-template-columns:64px minmax(220px,.7fr) 1fr; gap:12px; align-items:center; padding:11px 13px; border:1px solid var(--line); border-radius:11px; color:inherit; text-decoration:none; }.guide-links a:hover { border-color:#78d1ef; background:#f7fcfe; }.guide-links .method-badge { min-width:0; }.guide-links code { color:#42606d; font-size:10px; overflow-wrap:anywhere; }.guide-links b { font-size:11px; }.guide-section-nav { order:2; }
.endpoint-code { margin-top:30px; }.code-tabs { display:flex; min-width:0; align-self:stretch; overflow-x:auto; scrollbar-width:thin; }.code-tabs button { flex:0 0 auto; padding:0 10px; border:0; border-bottom:2px solid transparent; color:#8ea3ad; background:transparent; cursor:pointer; font-size:10px; }.code-tabs button.is-active { color:#fff; border-bottom-color:var(--cyan); }.endpoint-code pre { max-height:420px; }
.response-block { padding:21px; border:1px solid #dce8e1; border-radius:14px; background:#fbfefc; }.status-badge { padding:5px 9px; border-radius:7px; color:#146b31; background:#ddfbe5; font:800 10px monospace; }.response-example { margin-top:14px; border-radius:11px; color:#dce9ee; background:#102432; overflow:hidden; }.response-example pre { max-height:300px; padding:18px; font-size:10px; line-height:1.7; }.empty-response { margin:0; color:var(--muted); font-size:13px; }.value-list { display:grid; border:1px solid #e0e8ec; border-radius:12px; overflow:hidden; }.value-list > div { display:grid; grid-template-columns:240px 1fr; gap:16px; padding:12px; border-top:1px solid #e8eef1; }.value-list > div:first-child { border-top:0; }.value-list code { color:#075d7c; font-size:10px; }.value-list p { margin:0; color:#536b76; font-size:12px; }
.errors-panel { margin-top:25px; border:1px solid #e3e8ea; border-radius:12px; overflow:hidden; }.errors-panel summary { display:flex; align-items:center; justify-content:space-between; padding:13px 15px; cursor:pointer; background:#f8fafb; font-weight:750; }.errors-panel summary small { display:grid; width:23px; height:21px; place-items:center; border-radius:7px; color:#9d3440; background:#ffe8ea; }.errors-panel > p { margin:0; padding:15px 15px 4px; color:var(--muted); font-size:11px; }.error-list { padding:10px 15px 15px; }.error-row { display:grid; grid-template-columns:34px 170px 1fr; gap:13px; align-items:start; padding:12px 0; border-top:1px solid #e8eef1; }.error-row:first-child { border-top:0; }.error-status { color:#a02d39; font:800 10px monospace; }.error-row > code { color:#943642; font-size:10px; }.error-row b { font-size:11px; }.error-row p { margin:2px 0 0; color:#667a84; font-size:11px; }

.docs-dialog { width:min(720px,calc(100vw - 28px)); max-height:calc(100vh - 28px); padding:0; border:0; border-radius:20px; color:var(--ink); background:#fff; box-shadow:0 30px 100px rgba(4,22,32,.35); overflow:auto; }.docs-dialog::backdrop { background:rgba(8,25,36,.7); backdrop-filter:blur(5px); }.dialog-card { margin:0; padding:28px; }.dialog-head { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; margin-bottom:24px; }.dialog-head h2 { margin:0; font-size:25px; letter-spacing:-.03em; }.dialog-head .eyebrow { margin-bottom:6px; }.dialog-close { display:grid; flex:0 0 36px; width:36px; height:36px; place-items:center; border:1px solid var(--line); border-radius:10px; color:#536b76; background:#f6f9fa; cursor:pointer; font-size:22px; }.dialog-field { display:grid; gap:7px; }.dialog-field > span,.try-field > span { color:#425b67; font-size:11px; font-weight:760; }.token-input { display:grid; grid-template-columns:1fr auto; border:1px solid #d6e0e5; border-radius:11px; overflow:hidden; }.token-input:focus-within { border-color:var(--cyan); box-shadow:0 0 0 3px rgba(0,167,231,.1); }.token-input input { min-width:0; padding:12px; border:0; outline:0; }.token-input button { padding:0 13px; border:0; border-left:1px solid var(--line); color:#087fa9; background:#f6fafc; cursor:pointer; font-size:11px; font-weight:750; }.privacy-note { margin:12px 0 22px; color:var(--muted); font-size:11px; }.dialog-actions { display:flex; justify-content:flex-end; gap:9px; }.button-secondary-light { color:#425b67; border-color:#d8e2e7; background:#fff; cursor:pointer; }
.try-dialog { width:min(1180px,calc(100vw - 28px)); }.try-card { min-height:640px; }.try-route { display:flex; align-items:center; gap:10px; margin-top:8px; }.try-route span { color:#087fa9; font:850 10px monospace; }.try-route code { color:#526b76; font-size:11px; }.try-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:16px; }.request-builder,.live-response { min-width:0; padding:20px; border:1px solid var(--line); border-radius:16px; background:#fff; }.live-response { background:#f5f8fa; }.try-section-title { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:18px; }.try-section-title h3 { margin:0; font-size:15px; }.inline-token-button,.clear-response { padding:5px 8px; border:1px solid #d6e1e6; border-radius:7px; color:#087fa9; background:#fff; cursor:pointer; font-size:10px; font-weight:750; }.try-fields { display:grid; gap:13px; }.try-field { display:grid; gap:6px; }.try-field span small { margin-left:5px; color:#aa3c48; }.try-field input,.try-field select,.try-field textarea { width:100%; padding:10px 11px; border:1px solid #d6e0e5; border-radius:9px; outline:0; color:var(--ink); background:#fff; font-size:12px; }.try-field textarea { min-height:210px; resize:vertical; font-family:"SFMono-Regular",monospace; line-height:1.55; }.try-field input:focus,.try-field select:focus,.try-field textarea:focus { border-color:var(--cyan); box-shadow:0 0 0 3px rgba(0,167,231,.09); }.try-field p { margin:0; color:var(--muted); font-size:10px; }.mutation-confirm { margin-top:15px; padding:13px; border:1px solid #ffd38a; border-radius:10px; background:#fff8e9; }.mutation-confirm b { color:#7d5207; font-size:11px; }.mutation-confirm p { margin:4px 0 9px; color:#806d49; font-size:10px; }.mutation-confirm label { display:flex; gap:7px; align-items:flex-start; color:#5c4a28; font-size:10px; font-weight:700; }.execute-button { width:100%; min-height:42px; margin-top:15px; border:0; border-radius:10px; color:#092b3a; background:var(--orange); cursor:pointer; font-size:12px; font-weight:850; }.execute-button:hover { background:#ffb72f; }.execute-button:disabled { cursor:wait; opacity:.65; }
.response-empty { display:grid; min-height:380px; place-items:center; padding:30px; border:1px dashed #cddce3; border-radius:12px; color:#7b8f99; text-align:center; font-size:12px; }.response-metrics { display:grid; grid-template-columns:1fr 1fr; gap:8px; }.response-metrics > div { padding:11px; border:1px solid #dbe5e9; border-radius:10px; background:#fff; }.response-metrics span,.response-url span,.live-body-head span { display:block; color:#788c96; font-size:9px; font-weight:780; letter-spacing:.05em; text-transform:uppercase; }.response-metrics b { display:block; margin-top:3px; font-size:16px; }.response-metrics b.is-success { color:#16813a; }.response-metrics b.is-error { color:#b53945; }.response-url { margin-top:9px; padding:10px; border:1px solid #dbe5e9; border-radius:10px; background:#fff; }.response-url code { display:block; margin-top:4px; color:#315461; font-size:9px; overflow-wrap:anywhere; }.response-result details { margin-top:9px; border:1px solid #dbe5e9; border-radius:10px; background:#fff; overflow:hidden; }.response-result summary { padding:9px 10px; cursor:pointer; color:#526b76; font-size:10px; font-weight:750; }.response-result details pre { max-height:150px; margin:0; padding:10px; border-top:1px solid #e7edf0; overflow:auto; font-size:9px; }.live-body-head { display:flex; align-items:center; justify-content:space-between; margin-top:13px; }.live-body-head button { padding:4px 7px; border:1px solid #d1dee4; border-radius:6px; background:#fff; cursor:pointer; font-size:9px; }.live-body { min-height:270px; max-height:430px; margin:7px 0 0; padding:14px; border-radius:11px; color:#dfeaf0; background:#102432; overflow:auto; font-size:10px; line-height:1.65; white-space:pre-wrap; overflow-wrap:anywhere; }.response-error-message { color:#ff9ca4; }

@media (max-width: 1050px) {
  :root { --sidebar: 250px; }
  .hero { grid-template-columns:1fr; padding-top:60px; padding-bottom:60px; }.hero-console { max-width:720px; }.reference-hero { grid-template-columns:1fr; gap:30px; }.reference-summary { max-width:650px; }.steps-grid { grid-template-columns:1fr; }.step-card { min-height:0; }.step-card > span { margin-bottom:22px; }.auth-grid { grid-template-columns:1fr; }.schema-row { grid-template-columns:120px 100px 1fr; }.schema-row small { display:none; }.error-contract-layout { grid-template-columns:1fr; }
}

@media (max-width: 760px) {
  :root { --topbar: 60px; }
  .topbar { padding:0 14px; }.brand b, .environment { display:none; }.brand-mark,.brand-mark img { width:34px;height:34px; }.topbar-actions { gap:8px; }
  .sidebar { inset:0 auto 0 0; z-index:100; width:min(88vw,320px); padding-top:60px; box-shadow:30px 0 70px rgba(0,0,0,.2); transform:translateX(-105%); transition:transform .22s ease; }.sidebar.is-open { transform:none; }.mobile-close { position:absolute; top:13px; right:14px; display:grid; width:34px; height:34px; place-items:center; border:0; border-radius:9px; background:#e8f0f3; cursor:pointer; font-size:22px; }
  .content { margin-left:0; }.index-content,.reference-content { padding-right:18px; padding-left:18px; }.mobile-menu { display:inline-flex; margin:15px 0; padding:7px 10px; border:1px solid var(--line); border-radius:8px; background:#fff; cursor:pointer; font-size:12px; }
  .hero,.reference-hero { margin:0 -18px; padding-right:18px; padding-left:18px; }.hero { min-height:0; }.hero h1,.reference-hero h1 { font-size:42px; }.hero-console pre { padding:19px; font-size:10px; }
  .notice-card { grid-template-columns:1fr; }.section { margin-top:72px; }.auth-grid,.migration-section { margin-right:-4px; margin-left:-4px; padding:26px 20px; }.migration-section { grid-template-columns:1fr; gap:20px; }.catalog-card { grid-template-columns:auto 1fr auto; }.catalog-card small { display:none; }.guide-catalog-grid { grid-template-columns:1fr; }.guide-links a { grid-template-columns:58px 1fr; }.guide-links b { grid-column:2; }
  .use-case { grid-template-columns:1fr; }.use-case-number { font-size:20px; }.schema-row { grid-template-columns:1fr auto; }.schema-row p { grid-column:1/-1; }.endpoint-card { padding:20px 15px; }.endpoint-title-row { grid-template-columns:auto 1fr; }.access-badge { grid-column:2; width:max-content; }.value-list > div { grid-template-columns:1fr; gap:5px; }.error-row { grid-template-columns:32px 1fr; }.error-row div { grid-column:2; }.parameter-table { min-width:650px; }
  .endpoint-actions { grid-column:2; justify-content:flex-start; flex-wrap:wrap; }.topbar .token-button [data-token-label] { display:none; }.try-layout { grid-template-columns:1fr; }.docs-dialog { max-height:calc(100vh - 12px); }.dialog-card { padding:20px 15px; }.try-card { min-height:0; }.response-empty { min-height:180px; }
}

@media (prefers-reduced-motion: reduce) { html { scroll-behavior:auto; } * { transition:none !important; } }