feat(storybook): refine Manager LNB, HM Color and Patterns/Layout/LNB

- Manager LNB: 246px width, 16px brand title, 14px/700 menu and section
  titles, depth1 48px / depth2+ 42px rows, 24px section gap
- Foundation: rename Color to HM Color (Story ID foundation-color--all kept),
  remove Company Colors subtitle and the page-title bottom border
- Patterns/Layout/LNB: Storybook-only overrides in lnb.stories.css
  (240px column, 212px min width, 14px menu, 48/42px rows, profile text,
  group dividers); representative board dividers per section
- Sync story inventory and docs (brand-color-steps, lnb); shared package
  defaults and tokens are unchanged

.storybook/manager.css

@@ -61,13 +61,13 @@
   background: var(--hm-fg-on-green-secondary);
 }
 #storybook-sidebar-region .sidebar-header {
-  margin: 0 20px 24px 0;
+  margin: 0 20px 0px 0;
   padding: 0;
   color: var(--color-fg-on-green-primary);
 }
 #storybook-sidebar-region .sidebar-header > div a {
   color: var(--color-fg-on-green-primary);
-  font: 700 20px/30px var(--hm-manager-font);
+  font: 700 16px/30px var(--hm-manager-font);
   white-space: normal;
   /* §6 Text Border: brand title keeps the original 1px (no shadow). */
   -webkit-text-stroke: 1px var(--effect-text-border-color);
@@ -78,7 +78,6 @@
 }
 #storybook-sidebar-region [role='search'] {
   margin-right: 20px;
-  margin-bottom: 24px;
 }
 #storybook-sidebar-region .search-field {
   min-height: 44px;
@@ -109,16 +108,16 @@
   position: relative;
   margin: 0;
   padding: 0 20px 0 0;
-  min-height: 56px;
+  min-height: 48px;
   color: var(--hm-fg-on-green-secondary);
 }
 #storybook-explorer-tree .sidebar-subheading[data-hm-section]:not([data-hm-section='0']) {
-  margin-top: 40px;
+  margin-top: 24px;
 }
 #storybook-explorer-tree .sidebar-subheading[data-hm-section]:not([data-hm-section='0'])::before {
   content: '';
   position: absolute;
-  top: -20px;
+  top: -12px;
   left: 0;
   right: 20px;
   height: 2px;
@@ -126,9 +125,9 @@
   mask-image: linear-gradient(90deg, transparent, #000 20%, #000 80%, transparent);
 }
 #storybook-explorer-tree .sidebar-subheading > button {
-  min-height: 56px;
+  min-height: 48px;
   color: inherit;
-  font: 700 16px/28px var(--hm-manager-font);
+  font: 700 14px/28px var(--hm-manager-font);
   letter-spacing: 0;
   text-transform: none;
 }
@@ -136,7 +135,7 @@
   position: relative;
   margin: 0;
   padding: 0;
-  min-height: 56px;
+  min-height: 48px;
   overflow: visible;
   border: 0;
   border-radius: 0;
@@ -163,22 +162,30 @@
   display: flex;
   align-items: center;
   gap: 12px;
-  min-height: 56px;
+  min-height: 48px;
   height: auto;
   width: 100%;
   margin: 0;
-  padding: 14px 32px 14px 18px;
+  padding: 10px 32px 10px 18px;
   border: 0;
   border-radius: 4px 0 0 4px;
   background: transparent;
   color: inherit;
-  font: 700 18px/28px var(--hm-manager-font);
+  font: 700 14px/28px var(--hm-manager-font);
   text-align: left;
   text-decoration: none;
   white-space: normal;
   overflow: visible;
   text-overflow: clip;
 }
+/* Sub rows (depth 2+): 42px (7px + 28px line + 7px), shorter than the 48px top-level rows. */
+#storybook-explorer-tree .sidebar-item:is([data-hm-depth='2'], [data-hm-depth='3'], [data-hm-depth='4']) {
+  min-height: 42px;
+}
+#storybook-explorer-tree .sidebar-item:is([data-hm-depth='2'], [data-hm-depth='3'], [data-hm-depth='4']) > :is(a[id], button[id]:not([data-testid])) {
+  min-height: 42px;
+  padding-block: 7px;
+}
 #storybook-explorer-tree .sidebar-item[data-hm-depth='2'] > :is(a[id], button[id]:not([data-testid])) {
   margin-left: 32px;
   width: calc(100% - 32px);
@@ -188,6 +195,10 @@
   margin-left: 44px;
   width: calc(100% - 44px);
 }
+/* Menu item labels and section heading labels (.sidebar-subheading) are both 14px / 700. */
+#storybook-explorer-tree .sidebar-item .hm-manager-label {
+  font-size: 14px;
+}
 #storybook-explorer-tree .hm-manager-label {
   min-width: 0;
   white-space: normal;
@@ -198,8 +209,10 @@
 }
 /* D-093 D-014 (§6 Text Border): non-selected labels, including hover and the
    yellow current parent, use the specimen's 1.5px border plus lower shadow.
-   Thickness and offset are REVIEW VALUEs. Selected labels carry no effect. */
-#storybook-explorer-tree .sidebar-item[data-selected='false'] .hm-manager-label {
+   Thickness and offset are REVIEW VALUEs. Selected labels carry no effect.
+   Section heading labels (Foundation, Components, ...) share this exact rule. */
+#storybook-explorer-tree .sidebar-item[data-selected='false'] .hm-manager-label,
+#storybook-explorer-tree .sidebar-subheading .hm-manager-label {
   -webkit-text-stroke: 1.5px var(--effect-text-border-color);
   paint-order: stroke fill;
   text-shadow: 1px 2px 1px var(--effect-text-border-color);