:root {
--brand:#0d6efd;
--rto-accent:#0ea5e9;
}
body {
  scroll-behavior: smooth;
}
.hero {
  background-color: #000 !important;
  color: #fff !important;
  border-radius: 16px;
}
.small-muted {
  color: #6c757d;
}
.doc-card {
  border-radius: 14px;
}
.codebox {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
}
.codebox pre{
  margin:0;
  padding:1rem;
  background:#0a1f44;
  color:#fff;
  border-radius:12px;
  overflow:auto;
}
.codebox code{
  color:inherit;
}
.copy-btn {
  position: absolute;
  right: .75rem;
  top: .5rem;
  z-index: 3;
}
/* Two‑column API blocks */
.api-block {
  border: 1px solid #e6ecf3;
  border-radius: 12px;
  padding: 14px 16px;
  margin: 14px 0;
  background: #fff;
  box-shadow: 0 1px 3px rgba(0,0,0,.04)
}
.api-block h3 {
  font-size: 1.1rem;
  margin: 0 0 .25rem;
  color: var(--brand)
}
.api-block p {
  margin: .25rem 0 .5rem
}
.api-meta {
  display: grid;
  grid-template-columns: 130px 1fr;
  gap: .35rem .75rem;
  font-size: .98rem
}
.api-meta div:first-child {
  font-weight: 600
}

@media (max-width:640px) {
.api-meta {
  grid-template-columns: 1fr;
}
.api-meta div:first-child {
  color: #6c757d
}
}
code {
  padding: 2px 6px;
  border-radius: 6px;
  font-size: .95rem
}
pre code {
  background: transparent;
  padding: 0
}
/* Lightweight local syntax colors (fallback, no external lib needed) */
pre code .tok-kw,
.codebox .tok-kw{ color:#9cdcfe; font-weight:600; }
pre code .tok-str,
.codebox .tok-str{ color:#ce9178; }
pre code .tok-cmt,
.codebox .tok-cmt{ color:#80868b; font-style:italic; }
pre code .tok-num,
.codebox .tok-num{ color:#b5cea8; }
pre code .tok-tag,
.codebox .tok-tag{ color:#4fc1ff; }
pre code .tok-attr,
.codebox .tok-attr{ color:#c586c0; }
pre code .tok-fn,
.codebox .tok-fn{ color:#6a9955; }
pre code .tok-prop,
.codebox .tok-prop{ color:#4fc1ff; }

/* v8.3.3 final docs navigation restore */
.rto-docs-topbar,
.rto-anchorbar-wrap{
  flex:0 0 100%;
  width:100%;
}
.rto-doc-sidebar{
  position:relative;
  z-index:2;
}
.rto-doc-sidebar .position-sticky{
  top:5.25rem;
}
.rto-doc-sidebar .list-group-item{
  text-decoration:none;
}
@media (max-width:991.98px){
  .rto-doc-sidebar{
    padding-top:1rem!important;
    padding-bottom:1rem!important;
  }
  .rto-doc-sidebar .position-sticky{
    top:auto;
  }
  .rto-doc-sidebar .doc-side-list{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    gap:.45rem;
  }
  .rto-doc-sidebar .doc-side-list .list-group-item{
    width:auto;
    flex:0 0 auto;
    padding:.48rem .72rem;
    border-radius:999px!important;
  }
}