fix(primo): align and recolor navigation rail

primo.css

@@ -80,6 +80,9 @@ footer { display: none !important; }
 #pm-rail .pm-link.pm-active::before { opacity: 1; }
 .pm-link .pm-count { font: 400 12px/1 var(--font-mono); opacity: .75; }
 .pm-link .pm-label { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+/* Gradio colours <span>/<b> explicitly, which beats inheriting the link colour;
+   force the rail's inner text to take the link/brand colour instead. */
+#pm-rail .pm-link .pm-label, #pm-rail .pm-link .pm-count, #pm-rail .pm-brand b { color: inherit !important; }
 
 .pm-rail-foot { margin-top: auto; padding: 16px; border-top: 1px solid var(--sidebar-border); }
 #pm-rail .pm-foot-link {

render.py

@@ -33,7 +33,6 @@ from boards import (
     MODALITY_GROUP,
     Board,
     OpenBoard,
-    featured,
     in_group,
     metric_label,
     open_in_group,
@@ -63,7 +62,9 @@ RIGHT_COLUMNS = frozenset({"Rank", "Patients"})
 
 
 # --------------------------------------------------------------------- rail
-def rail_html(boards: list[Board], active_slug: str | None, active_tab: str | None) -> str:
+def rail_html(
+    boards: list[Board], active_slug: str | None, active_tab: str | None
+) -> str:
     """The left navigation: brand, one link per board grouped by facet, foot links.
 
     ``active_slug`` highlights the board a visitor is on; ``active_tab`` highlights
@@ -75,7 +76,7 @@ def rail_html(boards: list[Board], active_slug: str | None, active_tab: str | No
         if not cards and not opens:
             continue
         parts.append(
-            f'<div class="pm-rail-group"><p class="pm-rail-label">{escape(group)}</p></div>'
+            f'<div class="pm-rail-group"><p class="pm-rail-label">{escape(group)}</p>'
         )
         for board in cards:
             cls = "pm-link pm-active" if board.slug == active_slug else "pm-link"
@@ -90,6 +91,7 @@ def rail_html(boards: list[Board], active_slug: str | None, active_tab: str | No
                 f'<span class="pm-label">{escape(board.name)}</span>'
                 '<span class="pm-badge pm-badge--quiet">open</span></a>'
             )
+        parts.append("</div>")
     parts.append('<div class="pm-rail-foot">')
     for tab, label in FOOT_LINKS:
         cls = "pm-foot-link pm-active" if tab == active_tab else "pm-foot-link"
@@ -180,7 +182,7 @@ def render_boards(boards: list[Board], df: pd.DataFrame, by_id: dict[str, dict])
         if not cards and not opens:
             continue
         note = escape(GROUP_NOTE.get(group, ""))
-        counter = f' · +{len(opens)} open' if opens else ""
+        counter = f" · +{len(opens)} open" if opens else ""
         out.append(
             '<div class="pm-group"><div class="pm-group-head">'
             f'<p class="pm-over">{escape(group)}</p>'
@@ -263,7 +265,11 @@ def _df_to_table(df: pd.DataFrame, bold_axis: int | None, empty: str) -> str:
 
     head = []
     for col in df.columns:
-        align = ' style="text-align:right"' if col in score_cols or col in RIGHT_COLUMNS else ""
+        align = (
+            ' style="text-align:right"'
+            if col in score_cols or col in RIGHT_COLUMNS
+            else ""
+        )
         head.append(f"<th{align}>{escape(str(col))}</th>")
     body = []
     for idx, row in df.iterrows():