.site-directory{position:fixed;left:22px;top:92px;width:260px;max-height:calc(100vh - 112px);overflow:auto;z-index:20;padding:18px;border:1px solid #2b4058;border-radius:18px;background:rgba(8,20,31,.97);box-shadow:0 18px 50px rgba(0,0,0,.3);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}.site-directory h2{font-size:19px;margin:0 0 14px;color:#f7fafc}.site-directory details{border-top:1px solid rgba(255,255,255,.08);padding:9px 0}.site-directory summary{cursor:pointer;color:#dce8f3;font-size:13px;font-weight:800;list-style:none}.site-directory summary::-webkit-details-marker{display:none}.site-directory summary:before{content:'＋';color:#78e5bd;margin-right:6px}.site-directory details[open] summary:before{content:'－'}.site-directory ul{list-style:none;margin:7px 0 2px;padding:0 0 0 17px;display:grid;gap:4px}.site-directory a{color:#9fb0c3;text-decoration:none;font-size:12px;line-height:1.4}.site-directory a:hover,.site-directory a.active{color:#78e5bd}.site-directory .module{color:#f7fafc;font-size:12px;font-weight:800}.site-directory .overview{color:#7fb1ff}.site-directory-toggle{display:none}@media(max-width:1050px){.site-directory{position:static;width:auto;max-height:none;margin:18px 24px}.site-directory-toggle{display:none}body.has-site-directory{padding-left:0!important}.site-directory+*{margin-left:0!important}}
.has-site-directory>nav .wrap,.has-site-directory>main{margin-left:304px;width:calc(100vw - 352px);max-width:none;margin-right:24px}
@media(max-width:1050px){.has-site-directory>nav .wrap,.has-site-directory>main{margin-left:auto;max-width:1180px;margin-right:auto}}
.chip.unavailable{color:#7d8da0;border-color:#2b4058;cursor:default}
.site-directory .directory-note{color:#6f8297;font-size:12px;font-style:italic}
.site-nav-dropdown{position:relative;display:inline-flex}.site-nav-trigger{border:0;background:none;color:var(--muted);font:inherit;font-size:14px;padding:0;cursor:pointer}.site-nav-trigger:hover,.site-nav-trigger:focus-visible{color:var(--green)}.site-nav-menu{display:none;position:absolute;top:calc(100% + 12px);right:0;min-width:190px;padding:8px;border:1px solid var(--line);border-radius:12px;background:#0b1723;box-shadow:0 18px 40px rgba(0,0,0,.35);z-index:40}.site-nav-menu::before{content:'';position:absolute;left:0;right:0;top:-12px;height:12px;background:transparent}.site-nav-dropdown:hover .site-nav-menu,.site-nav-dropdown.is-open .site-nav-menu{display:grid}.site-nav-menu a{padding:8px 10px;color:var(--muted);font-size:13px;border-radius:7px}.site-nav-menu a:hover,.site-nav-menu a:focus-visible{color:#fff;background:rgba(120,229,189,.1)}.sidebar-map{display:block;padding:5px 0;color:var(--muted);font-size:12px}.sidebar-map.active,.sidebar-map:hover{color:#fff}.site-directory-toggle{display:inline-flex}
@media(max-width:760px){.site-nav-menu{position:static;margin-top:8px}.site-nav-dropdown{display:grid}.site-nav-dropdown.is-open .site-nav-menu{display:grid}}
/* Keep collapsed module groups from reserving vertical space between Parts. */
.site-directory .sidebar-part{height:auto;min-height:0;margin-bottom:0}
.site-directory .sidebar-part details:not([open]) > ul{display:none}
.knowledge-menu-toggle{display:none;border:1px solid var(--line);border-radius:8px;background:rgba(12,23,34,.85);color:var(--text);padding:7px 10px;cursor:pointer;font:inherit;font-size:13px}
@media(max-width:760px){.knowledge-menu-toggle{display:inline-flex}.site-header-nav>.wrap{position:relative}.site-directory{display:none}.directory-open #site-directory{display:block}.directory-open .site-directory{position:fixed;left:12px;right:12px;top:86px;width:auto;max-height:calc(100vh - 100px);margin:0;z-index:50}}
@media(max-width:760px){#site-directory{display:none}.directory-open #site-directory{display:block;position:fixed;left:12px;right:12px;top:86px;width:auto;max-height:calc(100vh - 100px);margin:0;z-index:50}}

/* Keep the global search centered while the navigation stays on one row. */
body.has-site-directory>nav.site-header-nav>.wrap,
body.article-index>nav.site-header-nav>.wrap,
body.article-page>nav.site-header-nav>.wrap{
  position:relative;
  box-sizing:border-box;
  width:100%;
  max-width:none;
  min-height:76px;
  margin:0;
  padding-left:24px;
  padding-right:24px;
}
.site-global-links{
  position:static!important;
  display:flex!important;
  width:100%!important;
  min-width:0;
  align-items:center;
  justify-content:flex-end!important;
  flex-wrap:nowrap!important;
  gap:clamp(8px,1.2vw,20px);
  white-space:nowrap;
}
.site-global-links>.site-search{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:min(320px,38vw)!important;
  min-width:180px!important;
  flex:none!important;
  transform:translate(-50%,-50%)!important;
}
.site-global-links>.site-search input{display:block}
.site-global-links>a,.site-global-links .site-nav-trigger{white-space:nowrap}
@media(max-width:1050px){
  body.has-site-directory>nav.site-header-nav>.wrap{width:100%;max-width:none;margin:0}
}
@media(max-width:760px){
  body.has-site-directory>nav.site-header-nav>.wrap,
  body.article-index>nav.site-header-nav>.wrap,
  body.article-page>nav.site-header-nav>.wrap{
    min-height:64px;
    padding:8px 10px;
    align-items:center;
    flex-direction:row;
    gap:0;
  }
  .site-global-links{
    display:flex!important;
    width:100%!important;
    justify-content:flex-end!important;
    flex-wrap:nowrap!important;
    gap:clamp(5px,2vw,12px);
  }
  .article-index .site-global-links,.article-page .site-global-links{justify-content:flex-end!important}
  .site-global-links>a,.site-global-links .site-nav-trigger{font-size:clamp(10px,2.8vw,13px)!important}
  .site-global-links>.site-search{
    width:min(34vw,max(88px,calc(100vw - 280px)))!important;
    min-width:0!important;
  }
  .site-global-links>.site-search input{padding:8px 10px;font-size:11px}
  .site-header-nav .knowledge-menu-toggle{
    position:absolute;
    left:10px;
    top:50%;
    display:inline-flex;
    padding:6px 7px;
    font-size:11px;
    transform:translateY(-50%);
  }
  .site-nav-dropdown{display:inline-flex!important}
  .site-nav-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:180px;margin:0}
}
@media(max-width:360px){
  .site-global-links{gap:5px}
  .site-global-links>.site-search{width:28vw}
  .site-global-links>a,.site-global-links .site-nav-trigger{font-size:10px!important}
}

/* Compact directory rhythm. */
#site-directory .sidebar-heading{margin-bottom:8px}
#site-directory .sidebar-part h2{margin-bottom:3px}
#site-directory .sidebar-part + .sidebar-part{margin-top:8px;padding-top:6px}
#site-directory .sidebar-nav details{padding:4px 0}
#site-directory .sidebar-nav summary{font-size:12px;line-height:1.25;padding:5px 0}
#site-directory .sidebar-nav ul{margin:2px 0 1px;gap:2px}
#site-directory .sidebar-nav li>a,#site-directory .sidebar-nav li>span{padding:2px 0;line-height:1.3}
.site-directory .sidebar-part>h2{font-size:13px;line-height:1.3;margin:0 0 4px}
.site-directory .sidebar-glossary-link{display:block;padding:4px 0 6px;color:#78e5bd;font-size:13px;font-weight:800;line-height:1.3}
.site-directory .sidebar-glossary-link:hover,.site-directory .sidebar-glossary-link.active{color:#fff}

/* One desktop content rail for every Knowledge page. The directory occupies
   the left footprint; the readable page rail starts after a fixed breathing
   space and stays centred in the remaining viewport. */
@media(min-width:1051px){
  body.has-site-directory>main,
  body.has-site-directory>main.detail-page,
  body.has-site-directory>main.topic-main,
  body.has-site-directory>main.topic-shell,
  body.has-site-directory.standard-topic>main.topic-main,
  body#top.has-site-directory>main.roadmap,
  body.overview-page.has-site-directory>main,
  body.overview-page.has-site-directory>main.overview-page,
  body.has-site-directory>main.detail-page.comparison-page,
  body.hitl-page.has-site-directory>main.detail-page{
    box-sizing:border-box;
    width:min(1200px,calc(100vw - 380px))!important;
    max-width:1200px!important;
    margin-left:calc(356px + max(0px,(100vw - 1580px)/2))!important;
    margin-right:24px!important;
  }
}
.site-global-links{display:flex;align-items:center;gap:14px;flex-wrap:wrap;position:relative}.site-search{position:relative;flex:1 1 250px;min-width:210px}.site-search input{width:100%;box-sizing:border-box;border:1px solid rgba(120,229,189,.35);border-radius:999px;background:rgba(255,255,255,.08);color:#f7fafc;padding:9px 14px;font:inherit;font-size:12px}.site-search input::placeholder{color:#9fb0c3}.site-search-results{display:none;position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:60;padding:6px;border:1px solid #2b4058;border-radius:14px;background:#08141f;box-shadow:0 16px 38px rgba(0,0,0,.32)}.site-search-results.is-visible{display:grid;gap:3px}.site-search-results a{display:grid;gap:2px;padding:8px 10px;border-radius:9px;color:#dce8f3;text-decoration:none}.site-search-results a:hover{background:rgba(120,229,189,.1);color:#78e5bd}.site-search-results strong{font-size:12px}.site-search-results small{color:#9fb0c3;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-search-empty{padding:10px;color:#9fb0c3;font-size:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
