.toc-container {
          background: white;
          padding: 24px;
          border-radius: 16px;
          box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
          max-width: 500px;
          width: 100%;
        }

        .toc-title {
          font-size: 1.5rem;
          font-weight: 600;
          margin-bottom: 20px;
          border-bottom: 2px solid #e5e7eb;
          padding-bottom: 8px;
          color: #111827;
        }

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

        .toc-list li {
          margin: 12px 0;
        }

        .toc-list a {
          text-decoration: none;
          color: #374151;
          font-weight: 500;
          display: flex;
          align-items: center;
          transition: all 0.2s ease;
        }

        .toc-list a:hover {
          color: #2563eb;
          transform: translateX(4px);
        }

        .toc-number {
          background: #2563eb;
          color: white;
          font-size: 0.85rem;
          font-weight: 600;
          width: 28px;
          height: 28px;
          border-radius: 50%;
          display: flex;
          align-items: center;
          justify-content: center;
          margin-right: 10px;
          flex-shrink: 0;
          box-shadow: 0 2px 6px rgba(37, 99, 235, 0.3);
        }

        .sub-list {
          list-style: none;
          margin: 8px 0 0 40px;
          padding: 0;
        }

        .sub-list li {
          margin: 6px 0;
        }

        .sub-list a {
          font-weight: 400;
          font-size: 0.95rem;
          color: #6b7280;
        }

        .sub-list a:hover {
          color: #2563eb;
        }