/* Table of Contents Sidebar */
.toc-container {
   display: none;
}

@media (min-width: 1200px) {
   .toc-container {
      display: block;
      position: sticky;
      top: 72px;
      max-height: calc(100vh - 72px);
      overflow-y: auto;
      overflow-x: hidden;
      padding: 0;
      margin: 0;
      align-self: flex-start;
      order: 3;
   }

   .toc-title {
      font-size: 14px;
      font-weight: bold;
      color: #333;
      padding: 12px 0;
      margin: 0 0 12px 0;
      border-bottom: 2px solid #5B9BD5;
      text-transform: uppercase;
      letter-spacing: 0.5px;
   }

   .toc-list {
      list-style: none;
      padding: 0;
      margin: 0;
      font-size: 13px;
   }

   .toc-list li {
      margin: 0;
      padding: 0;
   }

   .toc-list a {
      display: block;
      color: #6f6e6e;
      text-decoration: none;
      padding: 6px 12px;
      border-left: 3px solid transparent;
      transition: all 0.2s ease;
   }

   .toc-list a:hover {
      color: #5B9BD5;
      background-color: #f5f5f5;
      border-left-color: #5B9BD5;
   }

   .toc-list a.active {
      color: #5B9BD5;
      background-color: #eff4fa;
      border-left-color: #5B9BD5;
      font-weight: 600;
   }

   /* Nested list indentation */
   .toc-list ul {
      list-style: none;
      padding: 0;
      margin: 0;
   }

   .toc-list li ul li a {
      padding-left: 28px;
      font-size: 12px;
   }

   .toc-list li ul li ul li a {
      padding-left: 44px;
   }

   /* Scrollbar styling for webkit browsers */
   .toc-container::-webkit-scrollbar {
      width: 6px;
   }

   .toc-container::-webkit-scrollbar-track {
      background: #f1f1f1;
   }

   .toc-container::-webkit-scrollbar-thumb {
      background: #ccc;
      border-radius: 3px;
   }

   .toc-container::-webkit-scrollbar-thumb:hover {
      background: #999;
   }
}

/* TOC Drawer Styling */
#drawerContent .toc-title {
   font-size: 14px;
   font-weight: bold;
   color: #333;
   padding: 12px 0;
   margin: 0 0 12px 0;
   border-bottom: 2px solid #5B9BD5;
   text-transform: uppercase;
   letter-spacing: 0.5px;
}

#drawerContent .toc-list {
   list-style: none;
   padding: 0;
   margin: 0;
   font-size: 13px;
}

#drawerContent .toc-list li {
   margin: 0;
   padding: 0;
}

#drawerContent .toc-list a {
   display: block;
   color: #6f6e6e;
   text-decoration: none;
   padding: 6px 12px;
   border-left: 3px solid transparent;
   transition: all 0.2s ease;
}

#drawerContent .toc-list a:hover {
   color: #5B9BD5;
   background-color: #f5f5f5;
   border-left-color: #5B9BD5;
}

#drawerContent .toc-list a.active {
   color: #5B9BD5;
   background-color: #eff4fa;
   border-left-color: #5B9BD5;
   font-weight: 600;
}

#drawerContent .toc-list ul {
   list-style: none;
   padding: 0;
   margin: 0;
}

#drawerContent .toc-list li ul li a {
   padding-left: 28px;
   font-size: 12px;
}

#drawerContent .toc-list li ul li ul li a {
   padding-left: 44px;
}