Fix

Author: st0012

lib/rdoc/generator/template/aliki/css/rdoc.css

@@ -554,7 +554,7 @@ header.top-navbar #search-field {
   padding: var(--space-2) var(--space-4);
   border: 1px solid var(--color-border-default);
   border-radius: var(--radius-md);
-  font-size: var(--font-size-sm);
+  font-size: var(--font-size-base);
   background: var(--color-background-primary);
   color: var(--color-text-primary);
   transition: border-color var(--transition-fast);
@@ -743,7 +743,7 @@ footer.site-footer .footer-bottom {
 nav {
   grid-area: nav;
   font-family: var(--font-heading);
-  font-size: var(--font-size-sm);
+  font-size: var(--font-size-base);
   border-right: 1px solid var(--border-color);
   background: var(--color-nav-bg);
   color: var(--color-nav-text);
@@ -813,23 +813,18 @@ nav footer a {
 }
 
 nav .nav-section {
-  margin-top: 1em;
-  padding: 0 1em;
+  margin-top: var(--space-6);
+  padding: 0 var(--space-6);
 }
 
 nav h2, nav h3 {
-  margin: 0 0 0.5em;
-  padding: 0.5em 0;
+  font-size: var(--font-size-lg);
+  font-weight: var(--font-weight-semibold);
+  margin: 0 0 var(--space-4);
+  padding: var(--space-2) 0;
   color: var(--highlight-color);
   border-bottom: 1px solid var(--border-color);
-}
-
-nav h2 {
-  font-size: 1.2em;
-}
-
-nav h3 {
-  font-size: 1em;
+  font-weight: var(--font-weight-semibold);
 }
 
 ol.breadcrumb {
@@ -850,23 +845,25 @@ nav dl,
 nav p {
   padding: 0;
   list-style: none;
-  margin: 0.5em 0;
+  margin: var(--space-3) 0;
 }
 
 nav ul li {
-  margin-bottom: 0.3em;
+  margin-bottom: var(--space-2);
+  line-height: var(--line-height-relaxed);
 }
 
 nav ul ul {
-  padding-left: 1em;
+  padding-left: var(--space-5);
+  margin-top: var(--space-2);
 }
 
 nav ul ul ul {
-  padding-left: 1em;
+  padding-left: var(--space-5);
 }
 
 nav ul ul ul ul {
-  padding-left: 1em;
+  padding-left: var(--space-5);
 }
 
 nav a {
@@ -1030,7 +1027,7 @@ main h5, main h6 {
 
 /* Search */
 #search-section {
-  padding: 1em;
+  padding: var(--space-6);
   background-color: var(--background-color);
   border-bottom: 1px solid var(--border-color);
 }
@@ -1260,9 +1257,9 @@ aside.table-of-contents {
   width: var(--layout-toc-width);
   height: calc(100vh - var(--layout-header-height));
   overflow: visible;
-  padding: var(--space-6) var(--space-4);
+  padding: var(--space-8) var(--space-6);
   border-left: 1px solid var(--border-color);
-  font-size: var(--font-size-sm);
+  font-size: var(--font-size-base);
   z-index: var(--z-sticky);
 }
 
@@ -1298,9 +1295,9 @@ aside.table-of-contents {
 }
 
 .table-of-contents h3 {
-  font-size: var(--font-size-base);
+  font-size: var(--font-size-lg);
   font-weight: var(--font-weight-semibold);
-  margin: 0 0 var(--space-4) 0;
+  margin: 0 0 var(--space-5) 0;
   color: var(--color-text-primary);
 }
 
@@ -1311,23 +1308,22 @@ aside.table-of-contents {
 }
 
 .table-of-contents ul ul {
-  margin-top: var(--space-2);
-  margin-left: var(--space-4);
+  margin-top: var(--space-3);
+  margin-left: var(--space-5);
   border-left: 1px solid var(--border-color);
-  padding-left: var(--space-3);
+  padding-left: var(--space-4);
 }
 
 .table-of-contents li {
-  margin-bottom: var(--space-2);
+  margin-bottom: var(--space-3);
 }
 
 .table-of-contents a {
   display: block;
-  padding: var(--space-1) 0;
   color: var(--color-text-secondary);
   text-decoration: none;
   transition: color var(--transition-fast);
-  line-height: var(--line-height-snug);
+  line-height: var(--line-height-relaxed);
 }
 
 .table-of-contents a:hover {