:root{
  --ink:#10254e;
  --text:#334563;
  --muted:#5a6d8c;
  --orange:#f3683d;
  --rust:#b8461d;
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
  color:var(--ink);
  background:#f6f8fc;
  font-synthesis:none;
  -webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-width:320px}
button{font:inherit;cursor:pointer}
a{color:inherit}
::selection{background:#fd966c;color:#071b4f}
:focus-visible{outline:3px solid #b8461d;outline-offset:3px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:absolute;left:16px;top:-70px;z-index:10;background:#fff;padding:12px}
.skip-link:focus{top:12px}
.kicker-square{display:inline-block;flex:none;width:7px;height:7px;background:#fb7b4c}

/* The header: the hero's navy with a strip of its mountain artwork, and the hero's dotted rule along its foot. */
.doc-header{position:relative;color:#f7fbff;background:linear-gradient(90deg,#071b4f 38%,rgba(7,27,79,.72) 66%,rgba(7,27,79,.3)),url(/assets/mountain-hero.webp) right 62%/1180px auto no-repeat,#071b4f}
.doc-header:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:radial-gradient(circle,rgba(176,200,240,.42) 1px,transparent 1.45px) 0 50%/8px 3px repeat-x}
.doc-header-inner{max-width:1320px;min-height:76px;margin:auto;padding:0 30px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.doc-brand{display:inline-flex;align-items:center;gap:7px;text-decoration:none;color:#fff}
.doc-brand .doc-mark{width:34px;height:34px;border-radius:50%;object-fit:cover;transform-origin:50% 42%;animation:octo-drift 5.5s ease-in-out infinite}
.doc-brand:hover .doc-mark,.doc-brand:focus-visible .doc-mark{animation:octo-wiggle .8s ease-in-out}
.doc-wordmark{display:block;width:auto;height:20px}
@keyframes octo-drift{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-2px) rotate(-4deg)}}
@keyframes octo-wiggle{0%,100%{transform:rotate(0deg) scale(1)}20%{transform:rotate(-12deg) scale(1.06)}45%{transform:rotate(9deg) scale(1.06)}70%{transform:rotate(-5deg) scale(1.03)}}
@media (prefers-reduced-motion:reduce){.doc-brand .doc-mark,.doc-brand:hover .doc-mark,.doc-brand:focus-visible .doc-mark{animation:none}}
.doc-header nav{display:flex;align-items:center;gap:22px;font-size:13px;font-weight:650}
.doc-header nav>a{text-decoration:none}
.doc-header nav>a[aria-current]{text-decoration:underline dotted;text-underline-offset:6px}
.doc-header nav>a:hover{color:#ffae86}
.doc-header .try-link{padding:11px 16px;border-radius:8px;background:var(--orange);color:#081b42}
.doc-header .try-link:hover{background:#ff9365;color:#081b42}

/* Three columns: the pages, the article at a reading measure, and the page's sections. */
.doc-layout{max-width:1320px;margin:auto;display:grid;grid-template-columns:216px minmax(0,1fr);gap:64px;padding:52px 30px 100px}
.doc-layout.has-toc{grid-template-columns:216px minmax(0,1fr) 200px;gap:56px}

/* Pages: a light dot beside each, the orange square beside the one being read. */
.doc-sidebar nav{position:sticky;top:28px;display:flex;flex-direction:column;gap:1px}
.doc-nav-heading{display:flex;align-items:center;gap:10px;margin:30px 0 8px;color:#6a7f9f;text-transform:uppercase;letter-spacing:.14em;font:700 10.5px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.doc-nav-heading:after{content:"";flex:1;height:3px;background:radial-gradient(circle,#b4c3d8 1px,transparent 1.45px) 0 50%/8px 3px repeat-x}
.doc-nav-heading:first-child{margin-top:0}
.doc-sidebar a,.doc-mobile-pages a{display:flex;align-items:center;gap:11px;padding:8px 0;text-decoration:none;color:#4d6182;font-size:13.5px;line-height:1.35}
.doc-nav-mark{flex:none;width:7px;height:7px;background:radial-gradient(circle,#9fb0c7 1.1px,transparent 1.6px)}
.doc-sidebar a:hover,.doc-mobile-pages a:hover{color:var(--ink)}
.doc-sidebar a:hover .doc-nav-mark{background:radial-gradient(circle,var(--rust) 1.4px,transparent 1.9px)}
.doc-sidebar a[aria-current=page],.doc-mobile-pages a[aria-current=page]{color:var(--ink);font-weight:700}
a[aria-current=page] .doc-nav-mark{background:var(--orange)}

/* The article. */
.doc-main{min-width:0;max-width:740px}
.doc-eyebrow{display:flex;align-items:center;gap:9px;margin:4px 0 18px;color:#2f6ba8;letter-spacing:.13em;text-transform:uppercase;font:700 11px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.doc-article{font-size:16.5px;line-height:1.75;color:var(--text)}
.doc-article h1,.doc-article h2,.doc-article h3{color:var(--ink);line-height:1.2;letter-spacing:-.045em;font-weight:500;scroll-margin-top:28px}
.doc-article h1{font-size:clamp(38px,4.4vw,54px);margin:0 0 20px}
.doc-article h1+p{font-size:18px;line-height:1.65;color:#3d5075}
/* Sections open on the hero's dotted rule, numbered like the How it works steps. */
.doc-article h2{font-size:28px;margin:60px 0 16px;padding-top:30px;background:radial-gradient(circle,#b4c3d8 1px,transparent 1.45px) 0 0/8px 3px repeat-x}
.doc-article h2[data-n]:before{content:attr(data-n);display:block;margin-bottom:10px;color:var(--rust);font:700 12px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.08em}
.doc-article h3{font-size:20px;margin:32px 0 10px}
.doc-article p{margin:14px 0}
.doc-article a{color:#1764ac;text-decoration-thickness:1px;text-underline-offset:3px}
.doc-article a:hover{color:#d6522a}
.doc-article ul,.doc-article ol{padding-left:22px}
.doc-article li{padding-left:4px;margin:8px 0}
.doc-article ul li::marker{color:var(--orange)}
.doc-article strong{color:var(--ink)}
.doc-article code{padding:1px 5px;border:1px solid #dbe4f0;border-radius:4px;background:#fff;color:#173464;font:84% ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
/* A note: a white card with the orange square as its mark. */
.doc-article blockquote{position:relative;margin:26px 0;padding:16px 22px 16px 46px;border:1px solid #dde6f2;border-radius:6px;background:#fff;color:#304765;box-shadow:0 10px 30px rgba(17,46,96,.04)}
.doc-article blockquote:before{content:"";position:absolute;left:22px;top:26px;width:7px;height:7px;background:var(--orange)}
.doc-article blockquote p{margin:4px 0}
/* Tables are ledgers: a monospace head and dotted rules. */
.doc-article table{width:100%;border-collapse:collapse;margin:24px 0;font-size:14px;line-height:1.55}
.doc-article th,.doc-article td{padding:12px 14px 12px 0;text-align:left;vertical-align:top;background:radial-gradient(circle,#b4c3d8 1px,transparent 1.45px) 0 100%/8px 3px repeat-x}
.doc-article th{padding-top:0;color:#5c6d8a;font:700 10.5px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.12em;text-transform:uppercase}
.doc-article td:first-child{color:var(--ink);font-weight:600}
.doc-article td code{font-size:12px}

/* Code: a session sheet, as on the hero's Get code. */
.doc-code:not(.mcp-command-row){position:relative;margin:24px 0;border-radius:6px;overflow:hidden;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10'%3E%3Cpath d='M1 9V1h8' fill='none' stroke='%23d6e4ff' stroke-opacity='.72' stroke-width='1.4'/%3E%3C/svg%3E") 7px 7px/10px 10px no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10'%3E%3Cpath d='M1 1h8v8' fill='none' stroke='%23d6e4ff' stroke-opacity='.72' stroke-width='1.4'/%3E%3C/svg%3E") right 7px top 7px/10px 10px no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10'%3E%3Cpath d='M1 1v8h8' fill='none' stroke='%23d6e4ff' stroke-opacity='.72' stroke-width='1.4'/%3E%3C/svg%3E") left 7px bottom 7px/10px 10px no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10'%3E%3Cpath d='M9 1v8H1' fill='none' stroke='%23d6e4ff' stroke-opacity='.72' stroke-width='1.4'/%3E%3C/svg%3E") right 7px bottom 7px/10px 10px no-repeat,#0b224e;box-shadow:0 14px 34px rgba(7,27,79,.1)}
.doc-code-head{display:flex;align-items:center;justify-content:space-between;margin:0 22px;padding:16px 0 9px;background:radial-gradient(circle,rgba(176,200,240,.42) 1px,transparent 1.45px) 0 100%/8px 3px repeat-x}
.doc-code-lang{display:flex;align-items:center;gap:8px;color:#a9bfe6;font:650 10.5px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.14em;text-transform:uppercase}
.doc-code-lang:before{content:"";width:6px;height:6px;background:#fb7b4c}
.copy-code{min-height:28px;padding:0 11px;border:1px solid rgba(176,200,240,.3);border-radius:4px;color:#e6eefc;background:transparent;font:12px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.copy-code:hover{border-color:#fb7b4c;color:#ffc2a4}
.doc-code pre{overflow-x:auto;margin:0;padding:14px 22px 22px 14px;color:#e9f3ff;font:13px/1.7 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.doc-code code{padding:0;border:0;background:transparent;color:inherit;font:inherit;counter-reset:line}
.doc-code .line{counter-increment:line}
.doc-code .line:before{content:counter(line);display:inline-block;width:3ch;margin-right:2.2ch;color:#536b98;text-align:right;user-select:none}

.mcp-picker{
  position:relative;
  margin:27px 0 24px;
  overflow:hidden;
  border:1px solid #31578a;
  border-radius:6px;
  background:#071b4f;
  color:#f6f6f6;
  box-shadow:0 18px 38px rgba(7,27,79,.12)}
.mcp-picker-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:28px;
  padding:25px 29px 27px}
.doc-article .mcp-picker-head h2{
  margin:0;
  padding:0;
  border:0;
  color:#f8f8f8;
  font-size:clamp(24px,2.4vw,29px);
  font-weight:650;
  letter-spacing:-.035em}
.doc-article .mcp-picker-head p{
  margin:10px 0 0;
  color:#b8c9e2;
  font-size:15px;
  line-height:1.4}
.doc-article .mcp-picker-head a{
  margin-top:5px;
  color:#b8c9e2;
  white-space:nowrap;
  font-size:14px;
  text-decoration:none}
.doc-article .mcp-picker-head a:hover{color:#fff}
.mcp-client-tabs{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  border-top:1px solid #31578a;
  border-bottom:1px solid #31578a}
.mcp-client-tab{
  min-width:0;
  min-height:126px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:5px;
  border:0;
  border-right:1px solid #31578a;
  border-top:4px solid transparent;
  padding:12px 7px 14px;
  background:#0c285d;
  color:#f5f5f5;
  text-align:center}
.mcp-client-tab:last-child{border-right:0}
.mcp-client-tab:hover{background:#1a3d75}
.mcp-client-tab[aria-selected="true"]{
  border-top-color:#f3683d;
  background:#173d77;
  color:#fff}
.mcp-client-tab img{
  width:38px;
  height:38px;
  margin-bottom:4px;
  object-fit:contain}
.mcp-client-tab:nth-child(3) img,.mcp-client-tab:nth-child(4) img{filter:brightness(0) invert(1)}
.mcp-client-tab strong{font-size:16px;line-height:1.2}
.mcp-client-tab small{color:#b5c7df;font-size:13px;line-height:1.3}
.mcp-client-panel{padding:22px 29px 24px}
.mcp-client-panel[hidden]{display:none}
.doc-article .mcp-client-panel .mcp-client-intro{
  margin:0;
  color:#c1d0e6;
  font-size:15px;
  line-height:1.55}
.mcp-command-row{
  display:flex;
  align-items:center;
  gap:14px;
  min-height:58px;
  margin:17px 0 13px;
  padding:9px 14px;
  border:1px solid #42628b;
  border-radius:11px;
  background:#102a58;
  box-shadow:none}
.mcp-command-prefix{
  flex:none;
  color:#aabbd2;
  font:17px ui-monospace,SFMono-Regular,Menlo,monospace}
.mcp-command-row.is-json .mcp-command-prefix{display:none}
.mcp-command-row pre{
  flex:1;
  min-width:0;
  max-height:270px;
  overflow:auto;
  margin:0;
  padding:0;
  color:#f3f3f3;
  white-space:pre;
  font:13px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace}
.mcp-command-row code{
  padding:0;
  background:transparent;
  color:inherit;
  font:inherit}
.mcp-command-row .copy-code{
  flex:none;
  border:0;
  padding:7px 3px 7px 29px;
  background:transparent;
  color:#c1d0e6;
  font-size:14px;
  position:relative}
.mcp-command-row .copy-code:hover{background:transparent;color:#fff}
.mcp-command-row .copy-code:before,.mcp-command-row .copy-code:after{
  content:"";
  position:absolute;
  border:1.7px solid currentColor;
  border-radius:2px;
  width:12px;
  height:14px}
.mcp-command-row .copy-code:before{left:7px;top:6px}
.mcp-command-row .copy-code:after{left:11px;top:10px;background:#102a58}
.mcp-client-status{
  display:inline-block;
  border:1px solid #7290b3;
  border-radius:100px;
  padding:3px 10px;
  color:#c1d0e6;
  font-size:11px;
  font-weight:700;
  letter-spacing:.02em}
.mcp-client-status.is-verified{
  border-color:#ad8068;
  background:#28426a;
  color:#ffd5b4}
.doc-article .mcp-client-panel .mcp-client-verify{
  margin:0;
  color:#c1d0e6;
  font-size:13px;
  line-height:1.6}
.mcp-client-panel-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:10px;
  margin-top:16px}
.doc-article .mcp-client-panel-meta a{color:#b9cce7;font-size:12px}
.doc-article .mcp-client-panel-meta a:hover{color:#fff}
.mcp-picker-foot{
  padding:21px 29px 23px;
  border-top:1px solid #31578a;
  background:#0b2758;
  color:#f3f3f3}
.doc-article .mcp-picker-foot p{margin:0;color:#f3f3f3;font-size:14px}
.mcp-picker-foot .mcp-command-row{margin:13px 0 8px}
.mcp-picker-foot .mcp-command-row pre{font-size:14px}
.mcp-picker-foot small{color:#aec3df;font-size:12px}
/* The picker keeps its own heading and names: the article's section rule and strong colour stay out of it. */
.doc-article .mcp-picker-head h2{background:none}
.doc-article .mcp-client-tab strong{color:inherit}
.mcp-picker{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10'%3E%3Cpath d='M1 9V1h8' fill='none' stroke='%23d6e4ff' stroke-opacity='.72' stroke-width='1.4'/%3E%3C/svg%3E") 7px 7px/10px 10px no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10'%3E%3Cpath d='M1 1h8v8' fill='none' stroke='%23d6e4ff' stroke-opacity='.72' stroke-width='1.4'/%3E%3C/svg%3E") right 7px top 7px/10px 10px no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10'%3E%3Cpath d='M1 1v8h8' fill='none' stroke='%23d6e4ff' stroke-opacity='.72' stroke-width='1.4'/%3E%3C/svg%3E") left 7px bottom 7px/10px 10px no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10'%3E%3Cpath d='M9 1v8H1' fill='none' stroke='%23d6e4ff' stroke-opacity='.72' stroke-width='1.4'/%3E%3C/svg%3E") right 7px bottom 7px/10px 10px no-repeat,#071b4f}

/* Previous and next: two cards. */
.doc-adjacent{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:72px;padding-top:26px;background:radial-gradient(circle,#b4c3d8 1px,transparent 1.45px) 0 0/8px 3px repeat-x}
.doc-adjacent a{display:flex;flex-direction:column;gap:6px;padding:16px 18px;border:1px solid #dbe3ee;border-radius:6px;background:#fff;text-decoration:none;color:var(--ink);font-weight:650}
.doc-adjacent a:last-child{text-align:right}
.doc-adjacent a:hover{border-color:var(--orange)}
.doc-adjacent small{color:var(--rust);font:700 10.5px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.12em;text-transform:uppercase}
.doc-footer{margin-top:44px;padding-top:18px;display:flex;justify-content:space-between;gap:20px;color:#7488a6;font-size:12px;background:radial-gradient(circle,#b4c3d8 1px,transparent 1.45px) 0 0/8px 3px repeat-x}
.doc-footer a{color:#1d5f9f;white-space:nowrap}

/* On this page: the sections, the one being read marked in orange. */
.doc-toc nav{position:sticky;top:28px}
.doc-toc-title{display:flex;align-items:center;gap:9px;margin:4px 0 12px;color:#6a7f9f;font:700 10.5px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.14em;text-transform:uppercase}
.doc-toc-title .kicker-square{width:6px;height:6px}
.doc-toc ol{margin:0;padding:0;list-style:none;background:radial-gradient(circle,#b4c3d8 1px,transparent 1.45px) 0 0/8px 3px repeat-x}
.doc-toc li{background:radial-gradient(circle,#b4c3d8 1px,transparent 1.45px) 0 100%/8px 3px repeat-x}
.doc-toc a{display:flex;gap:10px;padding:8px 0;color:#5a6d8c;font-size:13px;line-height:1.4;text-decoration:none}
.doc-toc a:hover{color:var(--ink)}
.doc-toc-n{flex:none;color:#9fb0c7;font:12px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.doc-toc a[aria-current=true]{color:var(--ink);font-weight:650}
.doc-toc a[aria-current=true] .doc-toc-n{color:var(--orange);font-weight:700}

@media(max-width:1180px){
  .doc-layout.has-toc{grid-template-columns:216px minmax(0,1fr)}
  .doc-toc{display:none}
}
@media(max-width:820px){
  .doc-layout,.doc-layout.has-toc{display:block;padding:25px 21px 65px}
  .doc-header-inner{padding:0 21px}
  .doc-header{background:linear-gradient(90deg,#071b4f 45%,rgba(7,27,79,.6)),url(/assets/mountain-hero.webp) right 62%/760px auto no-repeat,#071b4f}
  .doc-article h2{margin-top:46px}
  .doc-footer{flex-direction:column}
}
@media(max-width:460px){
  .doc-header nav{gap:12px}
  .doc-header .try-link{padding:9px 11px}
  .doc-article table{display:block;overflow-x:auto}
  .doc-article h1{font-size:36px}
  .doc-adjacent{grid-template-columns:1fr}
  .doc-adjacent a:last-child{text-align:left}
}

/* Inline code such as a full URL breaks inside the line on a phone instead of widening the page. */
.doc-article :not(pre)>code{overflow-wrap:anywhere}
