/* Docs shell — site top offset + pinned TOC (see shell.css .pin-nav-slot) */

body.docs-page {
  --site-top-h: 64px;
  overflow-x: visible;
}

body.docs-page .site-main {
  padding-top: 0;
}

body.docs-page .doc-wrap {
  padding-top: var(--site-top-h);
}

body.docs-page .layout {
  align-items: flex-start !important;
  padding-top: 28px !important;
}

body.docs-page .layout > .pin-nav-slot {
  flex: 0 0 var(--sidebar-w, 200px);
  width: var(--sidebar-w, 200px);
}

body.docs-page .sidebar {
  background: var(--bg-elevated);
  border: 1px solid var(--line-subtle);
  border-radius: var(--radius);
  padding: 16px 12px !important;
}

/* 左栏目录：不显示选中光标（仅 aria-current 供读屏） */
body.docs-page .sidebar a.is-active,
body.docs-page .sidebar a[aria-current="true"] {
  color: inherit !important;
  font-weight: inherit !important;
  background: transparent !important;
  border-left-color: transparent !important;
  box-shadow: none !important;
}

/* 右栏当前章节：绿色加粗标题 + 左侧光标条 */
body.docs-page .doc-body section.is-reading > .section-head {
  position: relative;
  padding-left: 14px;
  border-bottom-color: rgba(16, 163, 127, 0.35);
}

body.docs-page .doc-body section.is-reading > .section-head::before {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  bottom: 10px;
  width: 3px;
  border-radius: 2px;
  background: #10a37f;
}

body.docs-page .doc-body section.is-reading > .section-head h2,
body.docs-page .doc-body section.is-reading > h2 {
  color: #19c37d;
  font-weight: 700;
}

body.docs-page .doc-body section.is-reading > .section-head .sec-num {
  color: #10a37f;
  font-weight: 600;
}

/* No marketing hero — jump straight into TOC + body */
body.docs-page .hero {
  display: none !important;
}

body.docs-page .site-bottom {
  margin-top: 48px;
}

@media (max-width: 900px) {
  body.docs-page .layout > .pin-nav-slot {
    flex: none;
    width: 100%;
  }
}
