Update sidebar.

It now is an overlay on mobile

assets/style.css

@@ -652,10 +652,6 @@ aside.sidebar:empty {
     padding-left: 1.6rem;
 }
 
-.panel-toggle {
-    display: none;
-}
-
 /* === Modal === */
 .modal-backdrop {
     position: fixed;
@@ -884,55 +880,9 @@ aside.sidebar:empty {
     .page-wrap {
         grid-template-columns: 1fr;
     }
+    /* Sidebar on mobile is a floating overlay toggled by the FAB. The aside
+       itself is the scroll container; its children render at natural height. */
     .sidebar {
-        display: contents;
-        position: static;
-        max-height: none;
-        overflow: visible;
-    }
-    button.fab {
-        display: inline-flex;
-    }
-    .panel-toggle {
-        display: block;
-        background: none;
-        border: 1px solid var(--secondary);
-        color: var(--text);
-        font: inherit;
-        font-size: 0.8rem;
-        text-transform: uppercase;
-        letter-spacing: 0.05em;
-        cursor: pointer;
-        padding: 0.4rem 0.75rem;
-        margin: 1rem auto;
-        width: calc(100% - 2rem);
-        max-width: 860px;
-    }
-    .panel-toggle::before {
-        content: "▸ ";
-        color: var(--secondary);
-    }
-    .panel-toggle[aria-expanded="true"]::before {
-        content: "▾ ";
-    }
-    .actions,
-    .diary-cal {
-        position: static;
-        display: none;
-        width: calc(100% - 2rem);
-        max-width: 860px;
-        margin: 0 auto 1rem;
-        max-height: none;
-    }
-    .actions.is-open {
-        display: flex;
-    }
-    .diary-cal.is-open {
-        display: block;
-    }
-    /* TOC on mobile is a floating overlay toggled by the FAB. */
-    .sidebar .toc,
-    .toc {
         position: fixed;
         bottom: 5rem;
         right: 1rem;
@@ -945,9 +895,11 @@ aside.sidebar:empty {
         display: none;
         z-index: 60;
     }
-    .sidebar .toc.is-open,
-    .toc.is-open {
-        display: block;
+    .sidebar.is-open {
+        display: flex;
+    }
+    button.fab {
+        display: inline-flex;
     }
 }
 
@@ -962,9 +914,7 @@ aside.sidebar:empty {
     textarea {
         min-height: 50vh;
     }
-    .panel-toggle,
-    .toc.is-open,
-    .diary-cal.is-open {
+    .sidebar {
         width: calc(100% - 1.5rem);
     }
     .modal-backdrop {