:root { color-scheme: light; --ink:#172441; --muted:#647087; --blue:#173d76; --red:#d71920; --line:#e5e9ef; --surface:#f6f8fb; font-family:Arial,Helvetica,sans-serif; color:var(--ink); background:#fff; font-synthesis:none; }
*,*::before,*::after { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:110px; }
body { margin:0; font-size:14px; line-height:1.7; -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; }
button,input,select { font:inherit; }
button,a,select { -webkit-tap-highlight-color:transparent; touch-action:manipulation; }
button,select { cursor:pointer; }
button:disabled { cursor:wait; opacity:.65; }
button:focus-visible,a:focus-visible,select:focus-visible,pre:focus-visible,.table-scroll:focus-visible { outline:3px solid #729bd3; outline-offset:4px; }
[hidden] { display:none!important; }
.icon { width:19px; height:19px; flex:0 0 auto; vertical-align:middle; }
.sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
.skip-link { position:fixed; left:20px; top:-70px; z-index:100; padding:12px 18px; color:var(--ink); background:#fff; }
.skip-link:focus { top:10px; }
.docs-header { display:flex; align-items:center; justify-content:space-between; gap:32px; position:sticky; top:0; z-index:30; height:78px; padding:0 34px; border-bottom:1px solid var(--line); background:#fffffff5; backdrop-filter:blur(10px); }
.header-brand { display:flex; align-items:center; gap:18px; flex:0 0 auto; }
.brand { display:flex; align-items:center; gap:9px; font-size:21px; font-weight:700; letter-spacing:-.7px; }
.brand img { width:33px; height:33px; }
.brand-divider { width:1px; height:21px; background:#dce1e8; }
.docs-label { font-size:12px; color:var(--muted); }
.search-trigger { display:flex; align-items:center; gap:11px; width:310px; min-height:39px; padding:8px 12px; border:1px solid #dce2eb; border-radius:5px; background:#f8f9fc; color:#778196; font-size:12px; text-align:left; }
.search-trigger .icon { width:16px; height:16px; }
.search-trigger kbd { margin-left:auto; white-space:nowrap; font:10px Arial,sans-serif; border:1px solid #e0e5ed; background:#fff; border-radius:3px; padding:1px 5px; color:#8590a3; }
.header-links { display:flex; align-items:center; gap:23px; font-size:11px; white-space:nowrap; }
.header-links a:hover { color:var(--red); }
.app-link { display:flex; align-items:center; gap:8px; font-weight:600; }
.app-link .icon { width:13px; height:13px; }
.language-select { display:flex; align-items:center; gap:6px; }
.language-select img { border:1px solid #dde4ef; }
.language-select select { border:0; background:transparent; color:var(--ink); font-size:11px; max-width:105px; padding:7px 0; }
.menu-button { display:none; padding:6px; border:1px solid var(--line); border-radius:4px; background:#fff; color:var(--ink); }
.docs-layout { display:grid; grid-template-columns:238px minmax(0,1fr) 202px; max-width:1540px; margin:auto; padding:0 32px; column-gap:47px; }
.docs-sidebar { position:sticky; align-self:start; top:78px; height:calc(100dvh - 78px); padding:33px 24px 20px 0; border-right:1px solid var(--line); display:flex; flex-direction:column; overflow-y:auto; scrollbar-width:thin; }
.section-home { display:flex; align-items:center; gap:11px; margin:0 0 32px 6px; font-size:12px; font-weight:700; line-height:1.6; }
.section-home small { display:block; font-weight:400; font-size:10px; color:#8390a3; }
.sidebar-product-icon { display:grid; place-items:center; width:34px; height:34px; background:#f0f4fa; border:1px solid #dfe7f1; border-radius:6px; color:var(--blue); }
.nav-group { margin-bottom:29px; }
.nav-group > p { margin:0 0 10px 12px; font-size:9px; font-weight:700; color:#8190a5; letter-spacing:.1em; }
.nav-group > a { position:relative; display:flex; align-items:center; gap:11px; padding:9px 12px; margin:2px 0; border-radius:4px; color:#5f6c81; font-size:12px; line-height:1.6; }
.nav-group > a .icon { width:16px; height:16px; color:#8996aa; }
.nav-group > a:hover { background:#f6f8fc; color:var(--ink); }
.nav-group > a[aria-current="page"] { background:#f1f4fa; color:var(--blue); font-weight:600; }
.nav-group > a[aria-current="page"]::before { content:''; position:absolute; left:0; top:10px; bottom:10px; width:2px; background:var(--red); border-radius:2px; }
.nav-group > a[aria-current="page"] .icon { color:var(--blue); }
.sidebar-bottom { display:flex; align-items:flex-start; gap:10px; margin-top:auto; padding:24px 12px 0; border-top:1px solid var(--line); color:#8d98a9; font-size:10px; line-height:1.6; }
.sidebar-bottom img { flex:0 0 auto; opacity:.8; }
.docs-main { min-width:0; padding-top:31px; }
.breadcrumb { display:flex; align-items:center; gap:9px; font-size:10px; color:#93a0b2; margin-bottom:37px; }
.breadcrumb > span { color:#61738e; }
.breadcrumb .icon { width:11px; height:11px; }
.breadcrumb a:hover { color:var(--blue); }
.article-header { margin-bottom:42px; }
.article-eyebrow { display:block; color:var(--red); font-size:9px; font-weight:700; letter-spacing:.14em; margin-bottom:17px; }
h1 { font-size:clamp(30px,2.8vw,42px); font-weight:700; line-height:1.16; letter-spacing:-1.2px; margin:0 0 22px; text-wrap:balance; }
.article-lead { color:#6b778b; font-size:15px; line-height:1.85; margin:0; max-width:760px; }
.doc-section { margin:0 0 37px; }
h2 { font-size:21px; line-height:1.4; letter-spacing:-.45px; margin:0 0 17px; scroll-margin-top:110px; }
.heading-link { position:relative; }
.heading-link:hover { color:var(--blue); }
.heading-link::before { content:''; position:absolute; left:-17px; top:.4em; width:3px; height:.65em; background:#a5b9d6; opacity:0; border-radius:2px; }
.heading-link:hover::before { opacity:1; }
.doc-section > p { font-size:14px; line-height:1.9; margin:0 0 20px; color:#5c6a80; }
.body-list { padding-left:20px; margin:10px 0 25px; color:#5c6a80; font-size:14px; line-height:1.8; }
.body-list li { margin-bottom:10px; padding-left:4px; }
.body-list li::marker { color:#aab7ca; }
.connection-flow { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); padding:0; margin:26px 0 31px; list-style:none; border:1px solid var(--line); border-radius:6px; background:#f9fafc; }
.connection-flow li { position:relative; padding:19px 20px 21px; }
.connection-flow li+li { border-left:1px solid var(--line); }
.flow-number { display:block; color:#b6c0ce; font:10px Consolas,monospace; margin-bottom:14px; }
.connection-flow strong { display:block; font-size:11px; line-height:1.5; color:#324c72; }
.connection-flow p { margin:8px 0 0; color:#8490a2; font-size:11px; line-height:1.7; }
.connection-flow .icon { width:13px; height:13px; position:absolute; right:-7px; top:18px; color:#a9b8cd; background:#f9fafc; z-index:1; }
.endpoint-block { display:flex; align-items:center; justify-content:space-between; gap:15px; padding:20px 21px; margin:22px 0; border:1px solid #d8e1ee; border-left:3px solid var(--blue); border-radius:3px; background:#f7f9fc; min-width:0; }
.endpoint-block > div { min-width:0; }
.code-kicker { display:block; color:#8898ad; font-size:8px; font-weight:700; letter-spacing:.12em; margin-bottom:8px; }
.endpoint-block code { color:#345482; font:12px/1.7 Consolas,'Courier New',monospace; overflow-wrap:anywhere; }
.copy-button { display:flex; align-items:center; justify-content:center; gap:6px; min-width:31px; min-height:30px; padding:5px 8px; border:1px solid #d7e1ef; border-radius:4px; background:#fff; color:#6c809e; font-size:9px; white-space:nowrap; }
.copy-button .icon { width:13px; height:13px; }
.copy-button:hover { color:var(--blue); border-color:#a4b9d4; }
.doc-cards { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin:24px 0; }
.doc-card { display:flex; align-items:flex-start; flex-direction:column; border:1px solid #dfe5ee; border-radius:6px; padding:22px; background:#fff; transition:border-color .15s,box-shadow .15s; }
.doc-card:only-child { grid-column:1/-1; }
.doc-card:hover { border-color:#9eb5d5; box-shadow:0 3px 16px #122b5007; }
.card-icon { color:var(--blue); margin-bottom:17px; }
.card-icon .icon { width:22px; height:22px; }
.doc-card strong { font-size:13px; line-height:1.6; }
.doc-card p { font-size:11px; line-height:1.8; color:#8390a3; margin:9px 0 19px; }
.card-link { display:flex; align-items:center; gap:8px; margin-top:auto; font-size:10px; color:var(--blue); font-weight:600; }
.card-link .icon { width:14px; height:14px; }
.table-scroll { overflow-x:auto; margin:23px 0 27px; border:1px solid var(--line); border-radius:5px; }
table { border-collapse:collapse; width:100%; font-size:12px; text-align:left; line-height:1.7; }
th,td { padding:13px 16px; vertical-align:top; border-bottom:1px solid var(--line); }
thead th { color:#66748a; background:#f7f9fc; font-size:10px; font-weight:600; }
tbody th { color:#3f5575; font-weight:500; width:32%; min-width:136px; }
tbody td { color:#7a879b; }
tr:last-child th,tr:last-child td { border-bottom:0; }
.callout { display:flex; align-items:flex-start; gap:12px; border:1px solid #dbe5f3; background:#f6f9fd; padding:18px 19px; border-radius:4px; margin:25px 0; }
.callout > .icon { color:#6c8db9; width:17px; height:17px; margin-top:2px; }
.callout strong { font-size:11px; color:#385a86; font-weight:600; }
.callout p { font-size:12px; color:#70829b; line-height:1.8; margin:6px 0 0; }
.code-example { border:1px solid #233a5c; border-radius:6px; background:#15233c; color:#d2e1f4; overflow:hidden; margin:25px 0; }
.code-example figcaption { display:flex; align-items:center; justify-content:space-between; gap:15px; padding:12px 16px; background:#1b2b47; border-bottom:1px solid #ffffff0b; font-size:10px; line-height:1.5; color:#a9bdd9; }
.code-example figcaption > span { min-width:0; }
.code-example .copy-button { border-color:#405573; background:#223553; color:#b7cae5; }
.code-example .copy-button:hover { color:#fff; border-color:#8099bc; }
pre { margin:0; padding:22px; overflow-x:auto; tab-size:2; font:12px/1.9 Consolas,'Courier New',monospace; white-space:pre-wrap; overflow-wrap:anywhere; }
pre code { font:inherit; }
.code-language { padding:0 22px 15px; text-align:right; font:8px/1.5 Consolas,monospace; letter-spacing:.12em; color:#6683aa; }
.source-link { display:inline-flex; align-items:center; gap:7px; font-size:11px; line-height:1.6; color:#6d83a2; margin:0 18px 16px 0; }
.source-link .icon { width:12px; height:12px; }
.source-link:hover { color:var(--blue); text-decoration:underline; text-underline-offset:4px; }
.toc-wrap { position:sticky; top:78px; align-self:start; padding-top:73px; }
#toc { border-left:1px solid var(--line); padding-left:20px; }
#toc p { margin:0 0 15px; font-size:10px; color:#536887; font-weight:600; }
#toc a { position:relative; display:block; font-size:10px; line-height:1.7; color:#8a96a9; padding:6px 0; }
#toc a:hover,#toc a[aria-current="location"] { color:var(--blue); }
#toc a[aria-current="location"]::before { content:''; position:absolute; left:-21px; top:8px; bottom:8px; width:2px; background:var(--red); }
.toc-address { margin-top:31px; padding:18px 0 0 20px; border-top:1px solid #eef1f5; }
.toc-address span { display:block; font-size:8px; letter-spacing:.07em; color:#9ca8b9; margin-bottom:8px; }
.toc-address code { color:#7d91ad; font:10px Consolas,monospace; }
.page-navigation { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; border-top:1px solid var(--line); padding-top:28px; margin-top:44px; }
.page-navigation a { display:block; padding:10px 0; }
.page-navigation a > span { font-size:10px; color:#98a4b6; }
.page-navigation strong { display:flex; align-items:center; gap:8px; color:#395982; font-size:12px; margin-top:3px; font-weight:500; }
.page-navigation .icon { width:14px; height:14px; }
.pager-previous .icon { transform:rotate(180deg); }
.pager-next { text-align:right; }
.pager-next strong { justify-content:flex-end; }
.page-navigation a:hover strong { color:var(--red); }
.article-footer { display:flex; justify-content:space-between; gap:15px; font-size:9px; color:#a2adbc; padding:35px 0; margin-top:15px; }
.search-dialog { width:min(650px,calc(100% - 32px)); padding:0; margin:13vh auto auto; max-height:75dvh; border:1px solid var(--line); border-radius:9px; background:#fff; color:var(--ink); box-shadow:0 20px 90px #17244135; }
.search-dialog::backdrop { background:#17244170; backdrop-filter:blur(3px); }
.search-heading { display:flex; justify-content:space-between; align-items:center; padding:17px 20px 4px; }
.search-heading h2 { font-size:13px; margin:0; letter-spacing:0; }
.icon-button { display:grid; place-items:center; width:32px; height:32px; border:0; border-radius:4px; background:transparent; color:#8493a9; }
.icon-button:hover { background:var(--surface); }
.search-input-wrap { position:relative; margin:12px 20px 0; }
.search-input-wrap > .icon { position:absolute; left:13px; top:13px; color:#8294af; }
.search-input-wrap input { width:100%; border:1px solid #cbd7e7; border-radius:5px; background:#fafbfe; min-height:45px; padding:10px 13px 10px 42px; font-size:14px; color:var(--ink); }
.search-input-wrap input:focus { outline:2px solid #bdcfe8; outline-offset:2px; }
.search-count { font-size:10px; color:#91a0b6; margin:12px 21px; }
#search-results { list-style:none; padding:0 12px; margin:0; max-height:43dvh; overflow:auto; }
#search-results a { display:flex; gap:14px; padding:13px 12px; border-radius:5px; margin-bottom:3px; }
#search-results a:hover,#search-results a:focus-visible { background:#f2f6fb; }
#search-results .icon { color:#6c86ab; margin-top:3px; width:17px; height:17px; }
#search-results strong { display:block; font-size:12px; font-weight:600; }
#search-results p { color:#8795aa; margin:4px 0 0; font-size:11px; line-height:1.65; }
.search-empty { padding:25px 10px; text-align:center; color:#8898ae; font-size:13px; }
.search-tip { border-top:1px solid var(--line); background:#f9fafd; color:#9aa8bc; font-size:10px; padding:13px 21px; margin:15px 0 0; }
@media(min-width:1600px) { .docs-header { padding-inline:max(34px,calc((100vw - 1476px)/2)); } }
@media(max-width:1270px) { .docs-layout { grid-template-columns:220px minmax(0,1fr); column-gap:42px; max-width:1150px; } .toc-wrap { display:none; } .docs-header { gap:22px; padding-inline:25px; } .header-links { gap:18px; } .header-links > a:first-child { display:none; } .search-trigger { width:260px; } .docs-label { display:none; } .brand-divider { display:none; } }
@media(max-width:900px) { .docs-layout { grid-template-columns:195px minmax(0,1fr); column-gap:28px; padding-inline:22px; } .docs-sidebar { padding-right:15px; } .docs-header { gap:18px; } .header-links { gap:15px; } .app-link { display:none; } .search-trigger { width:230px; } .brand { font-size:19px; } .connection-flow { grid-template-columns:1fr; } .connection-flow li { display:grid; grid-template-columns:26px 1fr; column-gap:13px; padding:17px 20px; } .connection-flow p { grid-column:2; margin-top:3px; } .connection-flow li+li { border-left:0; border-top:1px solid var(--line); } .flow-number { margin:1px 0; } .connection-flow .icon { display:none; } h1 { font-size:33px; } .doc-cards { grid-template-columns:1fr; } }
@media(max-width:700px) { .docs-header { height:69px; padding-inline:20px; gap:16px; } .docs-layout { display:block; padding:0 25px; max-width:640px; } .docs-sidebar { display:none; position:fixed; z-index:25; top:69px; left:0; height:calc(100dvh - 69px); width:290px; background:#fff; padding:25px 22px; box-shadow:20px 15px 40px #17244118; } .docs-sidebar.is-open { display:flex; } .menu-button { display:grid; place-items:center; } .brand { font-size:18px; } .brand img { width:29px; height:29px; } .header-links { gap:12px; } .search-trigger { border:0; background:transparent; min-height:32px; width:30px; padding:6px; margin-left:auto; color:var(--ink); } .search-trigger > span,.search-trigger kbd { display:none; } .search-trigger .icon { width:19px; height:19px; } .language-select select { font-size:11px; width:25px; color:transparent; } .language-select select option { color:var(--ink); } .language-select { gap:3px; } .language-select img { width:19px; height:13px; } .docs-main { padding-top:24px; } .breadcrumb { margin-bottom:29px; } h1 { font-size:34px; } .article-eyebrow { margin-bottom:15px; } .article-lead { font-size:14px; } .article-header { margin-bottom:33px; } h2 { font-size:20px; } .doc-section { margin-bottom:32px; } .doc-section > p { font-size:13px; } .endpoint-block { padding:16px; gap:10px; } .endpoint-block code { font-size:11px; } .endpoint-copy > span { display:none; } .heading-link::before { left:-17px; } .table-scroll { margin-top:18px; } th,td { padding:11px 13px; font-size:11px; } .code-example figcaption { padding:11px 14px; } pre { padding:17px; font-size:11px; } .search-dialog { margin-top:8vh; } .page-navigation { gap:13px; } .page-navigation strong { font-size:11px; } .article-footer { font-size:8px; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { transition:none!important; animation:none!important; } }