Rework diary to focus on yearly pages

assets/style.css

@@ -325,7 +325,7 @@ main > h2 {
 .dropdown-menu.align-right { left: auto; right: 0; }
 .dropdown-menu.open-up { top: auto; bottom: 100%; margin-bottom: 0.4rem; }
 .dropdown-menu.is-open { display: block; }
-.dropdown-menu.scrollable { max-height: 14rem; overflow-y: auto; }
+.dropdown-menu.scrollable { max-height: 23rem; overflow-y: auto; }
 
 /* === Suggestion dropdown (header search + editor link picker) ===
    Anchored to a position:relative host. Mirrors .dropdown-menu visuals with
@@ -449,7 +449,6 @@ button.fab { display: none; }
     top: var(--space-4);
     align-self: start;
     max-height: calc(100vh - 2rem);
-    overflow-y: auto;
     display: flex;
     flex-direction: column;
     gap: var(--space-4);
@@ -582,6 +581,12 @@ aside.sidebar:empty { display: none; }
     font-size: var(--font-sm);
 }
 .diary-cal-nav .diary-cal-drop + .diary-cal-heading { margin-left: var(--space-3); }
+/* Anchor the month/year dropdowns to the nav row instead of the ▾ button so
+   the menu spans the full panel width rather than overflowing the 14rem
+   sidebar with its default min-width: 9rem. */
+.diary-cal-nav { position: relative; }
+.diary-cal-nav .diary-cal-drop { position: static; }
+.diary-cal-nav .dropdown-menu { left: 0; right: 0; min-width: 0; }
 .diary-cal-heading { color: var(--link); }
 .diary-cal-heading:hover { color: var(--link-hover); }
 .diary-cal-grid {