doc: fix styles of the expandable TOC

PR-URL: nodejs/node#56755
Reviewed-By: James M Snell <jasnell@gmail.com>
Reviewed-By: Ulises Gascón <ulisesgascongonzalez@gmail.com>
Reviewed-By: Claudio Wunder <cwunder@gnome.org>
Reviewed-By: Luigi Pinca <luigipinca@gmail.com>

src/generators/legacy-html/assets/style.css

@@ -601,35 +601,26 @@ hr {
   margin: 0;
 }
 
-.toc li a::before {
-  content: '■';
-  color: var(--color-text-primary);
-  padding-right: 1em;
-  font-size: 0.9em;
-}
-
-.toc li a:hover::before {
-  color: var(--white);
-}
-
-.toc ul ul a {
-  padding-left: 1rem;
+.toc > ul:first-child {
+  margin-left: 1rem;
 }
 
-.toc ul ul ul a {
-  padding-left: 2rem;
+.toc li {
+  display: list-item;
+  list-style: square;
 }
 
-.toc ul ul ul ul a {
-  padding-left: 3rem;
+.toc li a {
+  display: inline;
+  padding-left: 0;
 }
 
-.toc ul ul ul ul ul a {
-  padding-left: 4rem;
+.toc li a:hover::before {
+  color: var(--white);
 }
 
-.toc ul ul ul ul ul ul a {
-  padding-left: 5rem;
+.toc ul {
+  padding-left: 1rem;
 }
 
 #toc .stability_0::after,