/* R14 docs-home cleanup and sidebar active fix */
.sg a{padding-left:12px !important;position:relative}
.sg a::before{display:none !important;content:none !important}
.sg a.active{box-shadow:inset 3px 0 0 var(--sx-brand) !important}
[data-theme="dark"] .sg a.active{box-shadow:inset 3px 0 0 #63a4ff !important}
.docs-home-wrap{max-width:1100px}
.docs-home-hero{margin-bottom:22px}
.docs-home-hero p{max-width:720px}
@media(max-width:940px){.sg a{padding-left:11px !important}}

/* =========================================================
   R11 Exact cross-site global header normalization
   ========================================================= */
:root{--sx-header:76px;--sx-page:1480px}
.top{height:76px!important}
.top-inner{
  width:min(1480px,calc(100% - 56px))!important;
  max-width:none!important;height:76px!important;margin:0 auto!important;
  padding-left:0!important;padding-right:0!important;gap:22px!important;
}
.brand{min-width:250px!important;gap:11px!important}
.brand-logo,.brand-logo img{width:36px!important;height:36px!important}
.brand-copy b{font-size:17px!important;letter-spacing:.04em!important}
.brand-copy small{font-size:10px!important;letter-spacing:.15em!important;margin-top:5px!important;font-weight:800!important}
.brand-doc-badge{height:28px!important;display:inline-flex!important;align-items:center!important;padding:0 10px!important;border-radius:8px!important;font-size:12px!important;letter-spacing:0!important}
.global-nav{gap:5px!important}
.global-nav a{height:38px!important;display:inline-flex!important;align-items:center!important;padding:0 14px!important;border-radius:10px!important;font-size:14px!important;line-height:1!important;font-weight:700!important;border:0!important;text-decoration:none!important}
.global-nav a.active{background:#eaf2ff!important;color:#145fc4!important;box-shadow:inset 0 0 0 1px #d9e7fb!important;border:0!important}
/* No underline / pseudo highlight on Docs. Use only the same rounded active pill as the other sites. */
.global-nav a::before,.global-nav a::after,.global-nav a.active::before,.global-nav a.active::after,.global-nav a.current::before,.global-nav a.current::after{display:none!important;content:none!important;width:0!important;height:0!important}
.top-tools{gap:10px!important;margin-left:10px!important}
.doc-lang{padding:3px!important;border-radius:11px!important;background:#f8fafc!important}
.doc-lang button{height:30px!important;min-width:38px!important;padding:0 9px!important;border-radius:8px!important;font-size:12px!important;line-height:1!important;font-weight:700!important}
.doc-lang button.active{background:#0c223b!important;color:#fff!important}
/* Website and Platform do not have this control in the global bar; hide it to keep exact right alignment. */
.top-tools>.iconbtn{display:none!important}
.sidebar{top:76px!important;height:calc(100vh - 76px)!important}
@media(max-width:940px){
 .top,.top-inner{height:64px!important}
 .top-inner{width:calc(100% - 24px)!important}
 .sidebar{top:64px!important;height:calc(100vh - 64px)!important}
}

/* =========================================================
   R13 Docs shell balance: sidebar aligns with the corporate logo
   ========================================================= */
@media(min-width:941px){
  body:not(.home) .layout{
    width:min(1480px,calc(100% - 56px))!important;
    max-width:1480px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    grid-template-columns:280px minmax(0,1fr)!important;
    align-items:start!important;
    background:#fff!important;
  }
  body:not(.home) .sidebar{
    width:280px!important;
    min-width:280px!important;
    padding:18px 16px 72px!important;
    border-left:1px solid #e2e8f0!important;
    border-right:1px solid #e2e8f0!important;
  }
  body:not(.home) .sidebar .sg-title{padding-left:12px!important;padding-right:12px!important}
  body:not(.home) .sidebar .sg a{padding-left:12px!important;padding-right:12px!important}
  body:not(.home) .article-wrap{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:44px 32px 96px 36px!important;
    display:grid!important;
    grid-template-columns:minmax(0,880px) 180px!important;
    gap:40px!important;
    justify-content:start!important;
  }
  body:not(.home) .article-wrap>.article{grid-column:1!important;min-width:0!important}
  body:not(.home) .article-wrap>.toc{grid-column:2!important;min-width:0!important}
}
@media(min-width:941px) and (max-width:1280px){
  body:not(.home) .layout{width:calc(100% - 32px)!important;grid-template-columns:260px minmax(0,1fr)!important}
  body:not(.home) .sidebar{width:260px!important;min-width:260px!important}
  body:not(.home) .article-wrap{grid-template-columns:minmax(0,1fr)!important;padding:38px 28px 80px!important}
  body:not(.home) .article-wrap>.toc{display:none!important}
}
\n\n/* =========================================================
   R14 Docs right TOC alignment: align to the global language control edge
   ========================================================= */
@media(min-width:1281px){
  body:not(.home) .article-wrap{
    padding:44px 0 96px 36px!important;
    grid-template-columns:minmax(0,900px) 200px!important;
    column-gap:44px!important;
    justify-content:space-between!important;
  }
  body:not(.home) .article-wrap>.article{
    width:100%!important;
    max-width:900px!important;
    justify-self:start!important;
  }
  body:not(.home) .article-wrap>.toc{
    width:200px!important;
    max-width:200px!important;
    justify-self:end!important;
    align-self:start!important;
    position:sticky!important;
    top:104px!important;
    margin:0!important;
    padding-left:18px!important;
    padding-right:0!important;
    box-sizing:border-box!important;
  }
}