.docs {
  display:grid;
  grid-template-columns:220px minmax(0,760px);
  align-items:start;
  gap:70px;
  max-width:1190px;
  padding:38px 5% 90px;
}

.docs-nav {
  position:sticky;
  top:32px;
  max-height:calc(100dvh - 64px);
  overflow-y:auto;
  display:flex;
  flex-direction:column;
  gap:5px;
  font-size:13px;
}

.docs-nav p {
  margin:0 12px 18px;
  color:var(--muted);
}

.docs-nav a {
  padding:10px 12px;
  border-radius:7px;
  color:var(--muted);
}

.docs-nav a:hover,.docs-nav .docs-current {
  background:var(--selection);
  color:var(--blue);
}

.docs-nav .docs-nav-label {
  margin:22px 12px 8px;
}

.docs-nav .docs-sub-link {
  padding-left:24px;
}

.docs-toc {
  display:flex;
  flex-direction:column;
  gap:5px;
  margin-top:22px;
  padding-top:22px;
  border-top:1px solid var(--border);
}

.docs-toc p {
  margin-bottom:8px;
}

.docs-content {
  min-width:0;
  font-size:15px;
  line-height:1.75;
}

.docs-content section {
  margin-bottom:48px;
  scroll-margin-top:32px;
}

.docs-content h1 {
  margin:12px 0 24px;
  font-size:clamp(40px,4.5vw,62px);
  font-weight:500;
  letter-spacing:-.06em;
  line-height:1.08;
}

.docs-content h2 {
  margin:0 0 16px;
  font-size:25px;
  font-weight:500;
  letter-spacing:-.7px;
  line-height:1.3;
}

.docs-content h3 {
  margin:32px 0 14px;
  font-size:20px;
  font-weight:500;
  letter-spacing:-.5px;
  line-height:1.4;
  scroll-margin-top:32px;
}

.docs-content p {
  margin:0 0 18px;
}

.docs-content .docs-eyebrow {
  color:var(--blue);
  font-size:12px;
  margin:0;
}

.docs-content .docs-lead {
  color:var(--muted);
  font-size:18px;
  line-height:1.65;
}

.docs-content a {
  color:var(--blue);
  text-decoration:underline;
  text-underline-offset:3px;
}

.docs-content code {
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-size:.85em;
  overflow-wrap:anywhere;
}

.docs-content p code,.docs-content li code,.docs-note code {
  background:var(--sidebar);
  padding:2px 5px;
  border-radius:4px;
}

.docs-content pre {
  margin:18px 0;
  padding:22px;
  border:1px solid var(--border);
  border-radius:12px;
  background:var(--sidebar);
  overflow-x:auto;
  line-height:1.7;
}

.docs-content pre code {
  overflow-wrap:normal;
}

.docs-endpoint {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:12px;
  padding:18px 0;
  margin:26px 0;
  border-top:1px solid var(--border);
  border-bottom:1px solid var(--border);
}

.docs-endpoint span {
  background:var(--selection);
  color:var(--blue);
  padding:3px 9px;
  border-radius:5px;
  font-size:11px;
  font-weight:600;
}

.docs-steps {
  padding-left:22px;
  margin:0 0 24px;
}

.docs-steps li {
  padding-left:6px;
  margin-bottom:12px;
}

.docs-note {
  padding:18px 22px;
  background:var(--selection);
  border-left:3px solid var(--blue);
  border-radius:0 8px 8px 0;
  font-size:13px;
}

.docs-table {
  overflow-x:auto;
  margin:20px 0;
}

.docs-table table {
  width:100%;
  border-collapse:collapse;
  text-align:left;
  font-size:13px;
  line-height:1.6;
}

.docs-table caption {
  text-align:left;
  color:var(--muted);
  font-size:12px;
  padding-bottom:10px;
}

.docs-table th,.docs-table td {
  padding:13px 14px;
  border-bottom:1px solid var(--border);
  vertical-align:top;
}

.docs-table thead {
  background:var(--sidebar);
}

.docs-table th {
  font-weight:600;
  white-space:nowrap;
}

.docs-next {
  padding-top:30px;
  border-top:1px solid var(--border);
}

.skip-link {
  position:absolute;
  top:12px;
  left:5%;
  padding:12px 18px;
  background:var(--surface);
  border:1px solid var(--border);
  border-radius:7px;
  transform:translateY(-200%);
  z-index:4;
}

.skip-link:focus {
  transform:translateY(0);
}

.docs-content pre:focus-visible,.docs-table:focus-visible {
  outline:3px solid var(--blue);
  outline-offset:3px;
}

@media(max-width:950px) {
  .docs {
    grid-template-columns:180px minmax(0,1fr);
    gap:30px;
    padding:28px 6% 70px;
  }
}

@media(max-width:600px) {
  .docs {
    grid-template-columns:minmax(0,1fr);
    gap:32px;
    padding-top:16px;
  }
  .docs-nav {
    position:static;
    max-height:none;
    overflow-y:visible;
    flex-direction:row;
    flex-wrap:wrap;
    gap:4px;
    padding-bottom:20px;
    border-bottom:1px solid var(--border);
    font-size:12px;
  }
  .docs-nav p {
    width:100%;
    margin:0 0 8px;
  }
  .docs-nav .docs-nav-label {
    margin:12px 0 4px;
  }
  .docs-nav a {
    padding:8px 10px;
  }
  .docs-nav .docs-sub-link {
    padding-left:10px;
  }
  .docs-toc {
    width:100%;
    flex-direction:row;
    flex-wrap:wrap;
    margin-top:12px;
    padding-top:16px;
  }
  .docs-content .docs-lead {
    font-size:16px;
  }
  .docs-content pre {
    padding:16px;
    font-size:13px;
  }
  .docs-table th,.docs-table td {
    padding:10px 8px;
  }
}