/* Public authored TOC sidebar. Only articles with an explicit
   tocPlacement:"sidebar" opt in; old inline TOCs are untouched. */
body:not(.codex-article-v2-active) #articleFull.article-with-sidebar-toc {
  display:grid;grid-template-columns:minmax(0,1fr) minmax(205px,250px);
  column-gap:18px;align-items:start;overflow:visible;
}
body:not(.codex-article-v2-active) #articleFull.article-with-sidebar-toc > :not(.article-toc-sidebar) {
  grid-column:1;min-width:0;
}
body:not(.codex-article-v2-active) #articleFull.article-with-sidebar-toc > .article-toc-sidebar {
  grid-column:2;grid-row:1 / span 20;position:sticky;top:86px;
  align-self:start;min-width:0;max-height:calc(100vh - 104px);
  overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;
}
#articleFull .article-toc-sidebar {display:grid;gap:12px;min-width:0}
#articleFull .article-toc-sidebar-panel {min-width:0}
#articleFull .article-toc-sidebar .article-toc {
  display:grid;gap:9px;width:100%;min-width:0;max-width:100%;
  padding:14px 12px;box-sizing:border-box;overflow-wrap:anywhere;
}
#articleFull .article-toc-sidebar .article-toc ul {
  padding-left:18px;max-width:100%;min-width:0;
}
#articleFull .article-toc-sidebar .article-toc a {overflow-wrap:anywhere}
body.codex-article-v2-active .cv2-authored-toc-panel .article-toc {
  width:100%;max-width:100%;min-width:0;box-sizing:border-box;
  padding:0;border:0;background:transparent;
}
body.codex-article-v2-active .cv2-authored-toc-panel .article-toc > strong {
  display:block;margin-bottom:8px;
}
body.codex-article-v2-active .cv2-authored-toc-panel .article-toc ul {
  padding-inline-start:19px;max-width:100%;min-width:0;
  display:grid;gap:7px;
}
body.codex-article-v2-active .cv2-authored-toc-panel .article-toc li {
  margin:0;overflow-wrap:anywhere;
}
@media(max-width:1050px) {
  body:not(.codex-article-v2-active) #articleFull.article-with-sidebar-toc {
    grid-template-columns:minmax(0,1fr);
  }
  body:not(.codex-article-v2-active) #articleFull.article-with-sidebar-toc > .article-toc-sidebar {
    grid-column:1;grid-row:auto;order:-1;position:static;max-height:none;overflow:visible;
  }
}

/* Admin V3 uses the very same public renderer on an isolated draft copy. */
#adminV3Preview .av3-public-article-preview.article-with-sidebar-toc {
  display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,235px);
  gap:12px;align-items:start;
}
#adminV3Preview .av3-public-article-preview.article-with-sidebar-toc > :not(.article-toc-sidebar) {
  grid-column:1;min-width:0;
}
#adminV3Preview .av3-public-article-preview.article-with-sidebar-toc > .article-toc-sidebar {
  grid-column:2;grid-row:1 / span 12;position:static;min-width:0;
}
@media(max-width:950px) {
  #adminV3Preview .av3-public-article-preview.article-with-sidebar-toc {
    grid-template-columns:minmax(0,1fr);
  }
  #adminV3Preview .av3-public-article-preview.article-with-sidebar-toc > .article-toc-sidebar {
    grid-column:1;grid-row:auto;
  }
}

/* The author's selected TOC links keep their original inline font/colour.
   Highlight only the active anchor without overriding legacy style settings. */
#articleFull :is(.article-toc-sidebar,.cv2-authored-toc-panel) .article-toc a.is-active {
  box-shadow:inset 3px 0 0 #956d3a;
  background:rgba(162,123,73,.15);
  border-radius:2px;
  text-decoration:underline;
  text-underline-offset:3px;
}
#articleFull :is(.article-toc-sidebar,.cv2-authored-toc-panel) .article-toc a:focus-visible {
  outline:2px solid #956d3a;
  outline-offset:2px;
}
