/* ESPFlight Docs sidebar — restored tree navigation polish.
   Scoped to docs navigation only; keeps the production CSS architecture intact. */
.docsV2Main .docsV2Sidebar{
  box-sizing:border-box!important;
  padding:0 24px 18px 0!important;
  border-right:1px solid var(--line)!important;
  scrollbar-width:thin;
  scrollbar-color:rgba(66,184,131,.28) transparent;
}
.docsV2Main .docsV2Sidebar::-webkit-scrollbar{width:6px}
.docsV2Main .docsV2Sidebar::-webkit-scrollbar-thumb{background:rgba(66,184,131,.25);border-radius:999px}
.docsV2Main .docsTreeNav{display:grid!important;gap:8px!important}
.docsV2Main .docsV3HomeLink{
  margin:0 0 8px!important;
  padding:0 0 12px!important;
  border-bottom:1px solid var(--line)!important;
}
.docsV2Main .docsTreeRoot,
.docsV2Main .docsV3HomeLink>a{
  box-sizing:border-box!important;
  position:relative!important;
  min-height:40px!important;
  display:flex!important;
  align-items:center!important;
  width:100%!important;
  padding:9px 11px 9px 31px!important;
  border:0!important;
  border-radius:9px!important;
  background:transparent!important;
  color:var(--muted)!important;
  font-size:13px!important;
  line-height:1.4!important;
  font-weight:650!important;
  text-decoration:none!important;
  transition:background .16s ease,color .16s ease,box-shadow .16s ease;
}
.docsV2Main .docsTreeRoot:before,
.docsV2Main .docsV3HomeLink>a:before{
  content:""!important;
  position:absolute!important;
  left:11px!important;
  top:50%!important;
  width:9px!important;
  height:9px!important;
  border:1.5px solid currentColor!important;
  border-radius:2px!important;
  transform:translateY(-50%)!important;
  opacity:.58!important;
}
.docsV2Main .docsTreeRoot:hover,
.docsV2Main .docsV3HomeLink>a:hover{
  background:var(--bg2)!important;
  color:var(--text)!important;
}
.docsV2Main .docsTreeRoot.active,
.docsV2Main .docsV3HomeLink>a.active{
  background:var(--accentSoft)!important;
  color:var(--accent)!important;
  box-shadow:inset 2px 0 0 var(--accent)!important;
}
.docsV2Main .docsTreeGroup,
.docsV2Main .docsV3NavGroup{
  display:block!important;
  margin:0 0 2px!important;
  padding:0!important;
  border:0!important;
}
.docsV2Main .docsTreeParent,
.docsV2Main .docsV3NavGroup>summary{
  box-sizing:border-box!important;
  min-height:40px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:9px!important;
  width:100%!important;
  padding:9px 9px!important;
  border-radius:9px!important;
  background:transparent!important;
  color:var(--text)!important;
  cursor:pointer!important;
  list-style:none!important;
  font-size:13px!important;
  line-height:1.35!important;
  font-weight:700!important;
  letter-spacing:0!important;
  text-transform:none!important;
  user-select:none!important;
  transition:background .16s ease,color .16s ease;
}
.docsV2Main .docsTreeParent::-webkit-details-marker,
.docsV2Main .docsV3NavGroup>summary::-webkit-details-marker{display:none!important}
.docsV2Main .docsTreeParent>span,
.docsV2Main .docsV3NavGroup>summary>span{
  order:-1!important;
  position:relative!important;
  width:16px!important;
  height:16px!important;
  flex:0 0 16px!important;
  margin-right:2px!important;
  color:var(--dim)!important;
  font-size:0!important;
  transform:none!important;
}
.docsV2Main .docsTreeParent>span:before,
.docsV2Main .docsV3NavGroup>summary>span:before{
  content:""!important;
  position:absolute!important;
  left:4px!important;
  top:4px!important;
  width:5px!important;
  height:5px!important;
  border-right:1.5px solid currentColor!important;
  border-bottom:1.5px solid currentColor!important;
  transform:rotate(-45deg)!important;
  transition:transform .16s ease,top .16s ease!important;
}
.docsV2Main .docsTreeGroup[open]>.docsTreeParent>span:before,
.docsV2Main .docsV3NavGroup[open]>summary>span:before{
  top:3px!important;
  transform:rotate(45deg)!important;
}
.docsV2Main .docsTreeParent:hover,
.docsV2Main .docsTreeGroup[open]>.docsTreeParent,
.docsV2Main .docsV3NavGroup>summary:hover,
.docsV2Main .docsV3NavGroup[open]>summary{
  background:color-mix(in srgb,var(--bg2) 82%,transparent)!important;
  color:var(--text)!important;
}
.docsV2Main .docsTreeChildren,
.docsV2Main .docsV3NavGroup>div{
  box-sizing:border-box!important;
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  gap:3px!important;
  margin:4px 0 12px 16px!important;
  padding:3px 0 3px 19px!important;
  border-left:1px solid rgba(125,145,170,.30)!important;
}
.docsV2Main .docsTreeItem,
.docsV2Main .docsV3NavGroup a{
  box-sizing:border-box!important;
  position:relative!important;
  min-height:35px!important;
  display:flex!important;
  align-items:center!important;
  width:100%!important;
  padding:7px 10px!important;
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  color:var(--muted)!important;
  font-size:13px!important;
  line-height:1.48!important;
  font-weight:400!important;
  letter-spacing:0!important;
  text-decoration:none!important;
  white-space:normal!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  transition:background .14s ease,color .14s ease,transform .14s ease;
}
.docsV2Main .docsTreeItem:before,
.docsV2Main .docsV3NavGroup a:before{
  content:""!important;
  position:absolute!important;
  left:-20px!important;
  top:50%!important;
  width:13px!important;
  border-top:1px solid rgba(125,145,170,.30)!important;
  transform:translateY(-.5px)!important;
}
.docsV2Main .docsTreeItem:hover,
.docsV2Main .docsV3NavGroup a:hover{
  background:var(--bg2)!important;
  color:var(--text)!important;
}
.docsV2Main .docsTreeItem.active,
.docsV2Main .docsV3NavGroup a.active{
  background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 13%,transparent),color-mix(in srgb,var(--accent) 5%,transparent))!important;
  color:var(--accent)!important;
  font-weight:700!important;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 16%,transparent)!important;
}
.docsV2Main .docsTreeItem.active:before,
.docsV2Main .docsV3NavGroup a.active:before{border-color:rgba(66,184,131,.76)!important}
.docsV2Main .docsTreeItem.active:after,
.docsV2Main .docsV3NavGroup a.active:after{
  content:""!important;
  position:absolute!important;
  left:-22.5px!important;
  top:50%!important;
  width:5px!important;
  height:5px!important;
  border-radius:50%!important;
  background:var(--accent)!important;
  transform:translateY(-50%)!important;
  box-shadow:0 0 0 3px var(--bg)!important;
}

/* Persian tree mirrors the branches, not the content semantics. */
html[lang="fa"] .docsV2Main .docsV2Sidebar{
  padding:0 0 18px 24px!important;
  border-right:0!important;
  border-left:1px solid var(--line)!important;
}
html[lang="fa"] .docsV2Main .docsTreeRoot,
html[lang="fa"] .docsV2Main .docsV3HomeLink>a{padding:9px 31px 9px 11px!important}
html[lang="fa"] .docsV2Main .docsTreeRoot:before,
html[lang="fa"] .docsV2Main .docsV3HomeLink>a:before{left:auto!important;right:11px!important}
html[lang="fa"] .docsV2Main .docsTreeRoot.active,
html[lang="fa"] .docsV2Main .docsV3HomeLink>a.active{box-shadow:inset -2px 0 0 var(--accent)!important}
html[lang="fa"] .docsV2Main .docsTreeParent>span,
html[lang="fa"] .docsV2Main .docsV3NavGroup>summary>span{
  order:-1!important;
  margin-right:0!important;
  margin-left:2px!important;
  transform:scaleX(-1)!important;
}
html[lang="fa"] .docsV2Main .docsTreeChildren,
html[lang="fa"] .docsV2Main .docsV3NavGroup>div{
  margin:4px 16px 12px 0!important;
  padding:3px 19px 3px 0!important;
  border-left:0!important;
  border-right:1px solid rgba(125,145,170,.30)!important;
}
html[lang="fa"] .docsV2Main .docsTreeItem:before,
html[lang="fa"] .docsV2Main .docsV3NavGroup a:before{left:auto!important;right:-20px!important}
html[lang="fa"] .docsV2Main .docsTreeItem.active:after,
html[lang="fa"] .docsV2Main .docsV3NavGroup a.active:after{left:auto!important;right:-22.5px!important}
html[lang="fa"] .docsV2Main .docsTreeItem,
html[lang="fa"] .docsV2Main .docsV3NavGroup a{font-size:13.5px!important;line-height:1.72!important}
html[lang="fa"] .docsV2Main .docsTreeParent,
html[lang="fa"] .docsV2Main .docsV3NavGroup>summary{font-size:13.5px!important;line-height:1.55!important}

@media(max-width:920px){
  .docsV2Main .docsV3MobileGroups{display:grid!important;gap:8px!important;max-height:62vh!important;overflow:auto!important;padding:4px 2px 10px!important}
  .docsV2Main .docsV3MobileGroups .docsV3HomeLink{margin-bottom:6px!important}
  .docsV2Main .docsV3MobileGroups .docsTreeParent{min-height:42px!important;padding:10px 9px!important}
  .docsV2Main .docsV3MobileGroups .docsTreeChildren{margin-bottom:10px!important}
  .docsV2Main .docsV3MobileGroups .docsTreeItem{min-height:38px!important;padding:8px 10px!important}
}


/* 2026-09-15 header/content alignment for docs pages */
.docsPage .headerInner{width:min(1360px,calc(100% - 48px));margin-inline:auto}
@media(max-width:700px){.docsPage .headerInner{width:calc(100% - 32px)}}
@media(max-width:420px){.docsPage .headerInner{width:calc(100% - 24px)}}