ContentSidebar now uses grid; adjusted sizing

src/lib/components/table-of-contents.svelte

@@ -71,6 +71,8 @@
 
 {#if tocEntries.length > 0}
     <div class="{type ? "toc-container-side" : "toc-container"} blurred-background">
+        <p class="toc-header">on this page</p>
+
         <ul class="toc-list">
             {#each tocEntries as entry}
                 {@render tocEntryLine({ entry })}
@@ -122,6 +124,14 @@
             width: 100%;
         }
 
+        .toc-header {
+            margin: 0 var(--padding-indent-base);
+            font-weight: 700;
+            font-style: italic;
+            color: var(--color-highlight);
+            font-family: var(--font-mono);
+        }
+        
         .toc-list a {
             width: 100%;
             font-size: 1.0rem;

src/lib/viewport/content-sidebar.svelte

@@ -46,7 +46,7 @@
         max-width: var(--page-width);
         width: 100%;
         display: grid;
-        grid-template-columns: auto minmax(300px, 24vw);
+        grid-template-columns: auto 300px;
     }
 
     .content-sidebar-main-container {