/* The docs: the product's pages on the left, the page in the middle, its own parts on the right */
.docs{display:grid;grid-template-columns:230px minmax(0,1fr) 210px;gap:48px;padding-top:40px;padding-bottom:90px;align-items:start}
.sidebar,.toc{position:sticky;top:88px;max-height:calc(100vh - 110px);overflow:auto;font-size:14.5px}
.sidebar .docs-home{display:block;font:600 15px var(--display);color:var(--text);margin-bottom:14px}
.sidebar h4,.toc h4{margin:18px 0 6px;font:700 11.5px var(--ui);letter-spacing:.06em;text-transform:uppercase;color:var(--text3)}
.sidebar ul,.toc ul{list-style:none;margin:0;padding:0}
.sidebar a,.toc a{display:block;padding:5px 10px;border-radius:8px;color:var(--text2)}
.sidebar a:hover,.toc a:hover{color:var(--text);background:rgba(255,255,255,.04)}
.sidebar a[aria-current]{color:#fff;background:rgba(47,107,255,.16);box-shadow:inset 2px 0 0 var(--acc)}
.toc a{padding:3px 10px;font-size:13.5px}
.toc a.on{color:#fff}

.doc{max-width:780px;font-size:16.5px;line-height:1.7;color:var(--text2)}
.doc h1{font:700 42px/1.1 var(--display);letter-spacing:-.02em;color:var(--text);margin:0 0 14px}
.doc h2{font:700 26px/1.25 var(--display);color:var(--text);margin:52px 0 12px;scroll-margin-top:84px}
.doc h3{font:600 18px/1.3 var(--display);color:var(--text);margin:28px 0 8px}
.doc p{margin:0 0 14px}
.doc .lead{font-size:19px;color:var(--text2)}
.doc b,.doc strong{color:var(--text)}
.doc a{text-decoration:underline;text-decoration-color:rgba(76,141,255,.4);text-underline-offset:3px}
.doc ul,.doc ol{padding-left:22px;margin:0 0 16px}
.doc li{margin:4px 0}
.doc code{font:14px var(--mono);background:rgba(255,255,255,.07);border-radius:5px;padding:1px 6px;color:#cfe0ff}
.doc pre{background:#11131a;border:1px solid var(--stroke);border-radius:12px;padding:14px 16px;overflow:auto}
.doc pre code{background:none;padding:0}
.doc kbd{font:13px var(--mono);padding:1px 7px;border-radius:6px;border:1px solid var(--stroke2);border-bottom-width:2px;background:rgba(255,255,255,.05);color:var(--text)}
.doc table{width:100%;border-collapse:collapse;margin:8px 0 22px;font-size:15px}
.doc th,.doc td{text-align:left;padding:9px 12px;border-bottom:1px solid var(--stroke);vertical-align:top}
.doc th{color:var(--text);font-weight:600;background:rgba(255,255,255,.03)}
.doc img{border-radius:12px;border:1px solid var(--stroke2);margin:10px 0 18px}
.doc blockquote{margin:0 0 16px;padding:2px 18px;border-left:3px solid var(--stroke2)}
.doc .note,.doc aside.note{padding:12px 16px;border-radius:12px;background:rgba(76,141,255,.08);border:1px solid rgba(76,141,255,.3);margin:0 0 18px}
.doc aside.note p:last-child{margin:0}
.doc .muted{color:var(--text3)}
.doc .hero{margin-bottom:10px}
.doc .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:14px 0 18px}
.doc .card{border:1px solid var(--stroke);border-radius:14px;padding:14px 16px;background:rgba(255,255,255,.025)}
.doc .card h3{margin:0 0 6px;font-size:16px}
.doc .card p{margin:0;font-size:14.5px}

@media (max-width:1100px){.docs{grid-template-columns:210px minmax(0,1fr)}.toc{display:none}}
@media (max-width:760px){
  .docs{grid-template-columns:1fr;gap:20px;padding-top:20px}
  .sidebar{position:static;max-height:none;border-bottom:1px solid var(--stroke);padding-bottom:12px}
  .doc h1{font-size:32px}
  .doc .cards{grid-template-columns:1fr}
  .doc table{display:block;overflow-x:auto}
}