Navigation depth별 너비 조정

src/css/nav.css

@@ -125,7 +125,7 @@
   font-size: inherit;
   font-weight: var(--body-font-weight-bold);
   margin: 0;
-  padding: 0.25em 0 0.125em;
+  padding: 0.25em 0 0.125em 0.75em;
 }
 
 .nav-list {
@@ -171,30 +171,38 @@
   margin: 0;
 }
 
-.nav-item[data-depth="1"] > .nav-link {
+.nav-item[data-depth="0"] > .nav-link {
   padding-left: 1.25rem;
 }
 
-.nav-item[data-depth="1"] > .nav-item-toggle {
+.nav-item[data-depth="0"] > .nav-item-toggle {
   left: 1rem;
 }
 
-.nav-item[data-depth="2"] > .nav-link {
+.nav-item[data-depth="1"] > .nav-link {
   padding-left: 1.75rem;
 }
 
-.nav-item[data-depth="2"] > .nav-item-toggle {
+.nav-item[data-depth="1"] > .nav-item-toggle {
   left: 1.5rem;
 }
 
-.nav-item[data-depth="3"] > .nav-link {
+.nav-item[data-depth="2"] > .nav-link {
   padding-left: 2.25rem;
 }
 
-.nav-item[data-depth="3"] > .nav-item-toggle {
+.nav-item[data-depth="2"] > .nav-item-toggle {
   left: 2rem;
 }
 
+.nav-item[data-depth="3"] > .nav-link {
+  padding-left: 2.75rem;
+}
+
+.nav-item[data-depth="3"] > .nav-item-toggle {
+  left: 2.5rem;
+}
+
 .nav-item:not(.is-active) > .nav-list {
   display: none;
 }