/* Keep the chapter's arguments visible; expand supporting scenes in its topic. */
/* Native backdrop filtering shared by both navigation surfaces, including Safari. */
.apple-v2 :is(.topbar,.outline){
  --chrome-surface:rgb(252 252 253 / 70%);
  --chrome-line:rgb(0 0 0 / 8%);
  background:var(--chrome-surface);
  border-color:var(--chrome-line);
  -webkit-backdrop-filter:blur(24px) saturate(140%);
  backdrop-filter:blur(24px) saturate(140%);
}
.apple-v2 :is(.topbar,.outline).on-dark{
  --chrome-surface:rgb(9 12 20 / 70%);
  --chrome-line:rgb(255 255 255 / 12%);
  background:var(--chrome-surface);
}
.apple-v2 .outline.on-dark{color:#f5f5f7;--line:var(--chrome-line);--outline-expanded-text:#f5f5f7}
.apple-v2 .outline.on-dark .outline-home,
.apple-v2 .outline.on-dark .nav-group.active .nav-major{color:#f5f5f7}
.apple-v2 .outline.on-dark .nav-major,
.apple-v2 .outline.on-dark .nav-children a:not(.active){color:#bfc3cc}
.apple-v2 .outline.on-dark .nav-children,
.apple-v2 .outline.on-dark .outline-home{border-color:var(--chrome-line)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .apple-v2 :is(.topbar,.outline){--chrome-surface:rgb(252 252 253 / 96%)}
  .apple-v2 :is(.topbar,.outline).on-dark{--chrome-surface:rgb(9 12 20 / 96%)}
}
.apple-v2 .nav-branch > a{display:block}
.apple-v2 .nav-greatgrandchildren{display:flex;flex-direction:column;gap:1px;margin:4px 0 6px 5px;padding-left:8px;border-left:1px solid #1689fa20}
.apple-v2 .nav-greatgrandchildren[hidden]{display:none}
.apple-v2 .nav-greatgrandchildren > .nav-branch > a{font-size:10px!important;line-height:1.65;padding:3px 5px;color:#9898a0}
.apple-v2 .nav-greatgrandchildren > .nav-branch > a.active{color:#285d89;background:#e5f2ff;font-weight:650}
.apple-v2 .nav-branch > a.active:has(+ .nav-greatgrandchildren:not([hidden])){background:transparent;color:var(--outline-expanded-text,#3e454e)}
@media(max-width:800px){.apple-v2 .outline .nav-greatgrandchildren > .nav-branch > a{font-size:11px!important}}