/* Part 03: TOC panel (iframe + parent-rendered) */
.main__contentRow{
  display:flex;
  height: calc(100% - 44px);
}

.contentFrame{
  flex: 1 1 auto;
  width: 100%;
  border: 0;
}

.tocPanel{
  width: 280px;
  flex: 0 0 280px;
  border-left: 1px solid var(--line);
  background: var(--panel);
  padding: 12px 12px 14px;
  overflow: auto;
}

.tocPanel__title{
  font-weight: 700;
  opacity: 0.9;
  margin-bottom: 8px;
}

.tocPanel__nav a{
  display:block;
  color: var(--text);
  text-decoration:none;
  padding: 6px 6px;
  border-radius: 8px;
}

.tocPanel__nav a:hover{
  background: var(--panel2);
}

.tocItem--h3{
  padding-left: 14px;
  opacity: 0.95;
}

.tocToggle{
  margin-left: auto;
}

/* narrow screens: hide TOC by default */
@media (max-width: 1050px){
  .tocPanel{ display:none; }
  .tocToggle{ display:inline-flex; }
}