docs: cut the Intelligence mega-menu gap to 2px

showcase/shell-docs/src/app/__tests__/globals-css.test.ts

@@ -98,13 +98,6 @@ describe("globals.css sidebar Intelligence pin", () => {
   });
 });
 
-describe("globals.css mega menu featured Intelligence", () => {
-  it("leaves space under the featured Intelligence card", () => {
-    expect(globalsCss).toContain(".shell-docs-mega-menu-featured-item");
-    expect(globalsCss).toContain("margin-bottom: 4px;");
-  });
-});
-
 describe("globals.css sidebar section folders", () => {
   it("styles collapsible section triggers separately from page links", () => {
     expect(globalsCss).toContain(".shell-docs-sidebar-section-label");

showcase/shell-docs/src/app/globals.css

@@ -426,10 +426,6 @@
   border: 1px solid transparent;
 }
 
-.shell-docs-mega-menu-featured-item {
-  margin-bottom: 4px;
-}
-
 .shell-docs-mega-menu-link.shell-docs-mega-menu-link-featured
   .shell-docs-mega-menu-icon {
   margin-top: 0;

showcase/shell-docs/src/components/__tests__/docs-mega-menu.test.tsx

@@ -37,9 +37,6 @@ test("opens a five-column docs map with Intelligence featured", () => {
   expect(intelligence.className).toContain(
     "shell-docs-mega-menu-link-featured",
   );
-  expect(intelligence.closest("li")?.className).toContain(
-    "shell-docs-mega-menu-featured-item",
-  );
   expect(
     screen.getByRole("link", { name: "Threads" }).getAttribute("href"),
   ).toBe("/threads");

showcase/shell-docs/src/components/docs-mega-menu.tsx

@@ -152,14 +152,7 @@ export function DocsMegaMenu({
                     const Icon = MEGA_MENU_ICONS[link.icon];
                     const featured = link.featured === true;
                     return (
-                      <li
-                        key={link.href}
-                        className={
-                          featured
-                            ? "shell-docs-mega-menu-featured-item"
-                            : undefined
-                        }
-                      >
+                      <li key={link.href}>
                         <Link
                           href={link.href}
                           onClick={() => setOpen(false)}