/* Aside detail only. Load after studio-design.css. */
body.studio-site .layout.wrap:has(> .toc) .group {
  background: #e9edf8;
  color: #181b23;
  border-left-color: #1748f5;
}

body.studio-site .layout.wrap:has(> .toc) .group-title {
  color: #181b23;
}

body.studio-site .layout.wrap:has(> .toc) .group-tag {
  color: #1038c6;
}

body.studio-site .layout.wrap:has(> .toc) .group-sub {
  color: #454c59;
}

/* Keep the desktop TOC below the 88px header and inside the viewport.
   Its long list scrolls independently; mobile retains the disclosure layout. */
@media screen and (min-width: 1100px) {
  body.studio-site .layout.wrap > .toc {
    position: sticky;
    top: 104px;
    align-self: start;
    max-height: calc(100dvh - 122px);
    overflow-y: auto;
    scrollbar-gutter: stable;
    scrollbar-width: thin;
  }
}