diff --git a/docs/filter-contract.md b/docs/filter-contract.md
index ec26f06e2b..cfcf20d012 100644
--- a/docs/filter-contract.md
+++ b/docs/filter-contract.md
@@ -118,16 +118,30 @@ corpus of that size, and it stays.
 
 Facet groups only. Density scales with option and group volume across three tiers:
 
-| Options / Groups            | Renderer                                                                               |
-| --------------------------- | -------------------------------------------------------------------------------------- |
-| ≤ 5 options                 | chips, single row / wrapping chips                                                     |
-| 6–20 options                | dense full-width vertical list with right-aligned count column and group headings      |
-| > 3 groups, or > 20 options | list/chips plus find-a-filter and collapse-by-default, every group behind a disclosure |
+| Options / Groups                | Renderer                                                                               |
+| ------------------------------- | -------------------------------------------------------------------------------------- |
+| ≤ 5 options, no counts          | chips, single row / wrapping chips                                                     |
+| 2–5 options **carrying counts** | the row renderer below, in a two-column grid                                           |
+| 6–20 options                    | dense full-width vertical list with right-aligned count column and group headings      |
+| > 3 groups, or > 20 options     | list/chips plus find-a-filter and collapse-by-default, every group behind a disclosure |
 
 `ResultFilterSheet` computes the threshold across facet groups. Facet groups containing 6–20 options
 render as compact full-width rows with a right-aligned count column for fast scanning. When a sheet
 exceeds 3 groups or 20 total options, it additionally adds find-a-filter and collapse-by-default chrome.
 
+**A counted chip is not a chip.** A two-to-five-option group whose options carry counts uses the same
+row renderer as the 6–20 tier, laid out in two columns. A chip carrying a count is wide enough that
+four of them wrap one per line and leave most of each row empty — documents' Source status (4) and
+Clinical validation (3) were exactly that, a ragged single column down a phone sheet. Two columns
+halve the height and align the counts. A group with no counts keeps the wrapping chip row, which is
+still the right renderer for short bare labels.
+
+**`hint` is announced, `hintLabel` is displayed.** `hint` carries the unit (`"1 loaded source"`) and
+is what the option's accessible name is built from; `hintLabel` is the short visible form (`"1"`).
+Set both when a count has a unit — spelling the unit into every visible option is what made the
+counted rows too wide to sit two-up in the first place. `hintLabel` alone is never enough: the
+announced name must keep the unit.
+
 Collapse rules, when they apply: groups start collapsed; a group holding a selection opens
 itself; an explicit user collapse beats that; an active needle forces every matched group open
 and owns openness. A selected option always survives the needle, so an active constraint can
diff --git a/src/components/clinical-dashboard/document-search-results.tsx b/src/components/clinical-dashboard/document-search-results.tsx
index 823ccfe481..74382da931 100644
--- a/src/components/clinical-dashboard/document-search-results.tsx
+++ b/src/components/clinical-dashboard/document-search-results.tsx
@@ -220,6 +220,14 @@ function loadedSourceCountHint(count: number) {
   return `${count.toLocaleString()} loaded ${count === 1 ? "source" : "sources"}`;
 }
 
+// What the option DISPLAYS. The announced name keeps the full phrase above, so
+// a reader still hears the unit; the visible column is a bare numeral. Spelling
+// "0 loaded sources" seven times down a phone sheet made every option wide
+// enough to wrap onto its own line and repeated the same two words in each one.
+function loadedSourceCountLabel(count: number) {
+  return count.toLocaleString();
+}
+
 function relevanceTone(document: DocumentMatch) {
   const verdict = document.relevance?.verdict as string | undefined;
   const percent = documentRelevancePercent(document);
@@ -462,10 +470,10 @@ function DocumentResultMoreMenu({
         }}
         className={cn(
           documentActionClass,
-          "min-h-12 w-full min-w-0 rounded-br-xl px-2 !text-sm font-bold text-[color:var(--text-heading)]",
+          "min-h-12 w-full min-w-0 rounded-br-xl px-2 !text-sm !font-semibold text-[color:var(--text)]",
         )}
       >
-        <MoreHorizontal className="h-5 w-5" aria-hidden="true" />
+        <MoreHorizontal className="h-4 w-4" aria-hidden="true" />
         More
       </button>
       {open && menuPosition
@@ -1165,6 +1173,7 @@ function DocumentSearchResultsPanelImpl({
               label: documentDisplayTitle(document),
               searchText: `${document.title} ${document.file_name}`,
               hint: loadedSourceCountHint(count),
+              hintLabel: loadedSourceCountLabel(count),
               disabled: count === 0 && !draftSelectedDocumentIds.has(document.id),
             };
           }),
@@ -1200,13 +1209,16 @@ function DocumentSearchResultsPanelImpl({
         },
       ]
     : [];
-  for (const group of governanceGroups) {
+  for (const [groupIndex, group] of governanceGroups.entries()) {
     const selected = new Set((activeDraft.scopeFilters[group.key] as string[] | undefined) ?? []);
     documentFilterGroups.push(
       resultFilterFacetGroup({
         id: group.key,
         label: group.label,
-        description: "Source governance is applied before document retrieval.",
+        // The three governance groups are adjacent and share one rule, so the
+        // rule is stated once above the first of them. Repeating it verbatim
+        // under each heading spent three lines saying the same thing.
+        description: groupIndex === 0 ? "Source governance is applied before document retrieval." : undefined,
         selected,
         options: group.values.map((value) => {
           const count = projectedDocumentScopeCount({
@@ -1220,6 +1232,7 @@ function DocumentSearchResultsPanelImpl({
             value,
             label: group.labels[value] ?? value,
             hint: loadedSourceCountHint(count),
+            hintLabel: loadedSourceCountLabel(count),
             disabled: loadedSourceCountsAreComplete && count === 0 && !selected.has(value),
           };
         }),
@@ -1229,6 +1242,11 @@ function DocumentSearchResultsPanelImpl({
   }
 
   if (filterPanelOpen) {
+    const anyLocalityCount = filterDocumentsByRetrievalScope(
+      draftSourceDocuments,
+      { ...activeDraft.scopeFilters, locality: undefined },
+      draftSelectedDocumentIds,
+    ).length;
     documentFilterGroups.push(
       resultFilterGroup({
         id: "locality",
@@ -1239,13 +1257,8 @@ function DocumentSearchResultsPanelImpl({
           {
             value: "all",
             label: "Any locality",
-            hint: loadedSourceCountHint(
-              filterDocumentsByRetrievalScope(
-                draftSourceDocuments,
-                { ...activeDraft.scopeFilters, locality: undefined },
-                draftSelectedDocumentIds,
-              ).length,
-            ),
+            hint: loadedSourceCountHint(anyLocalityCount),
+            hintLabel: loadedSourceCountLabel(anyLocalityCount),
           },
           ...(["local", "non_local"] as const).map((value) => {
             const count = filterDocumentsByRetrievalScope(
@@ -1257,6 +1270,7 @@ function DocumentSearchResultsPanelImpl({
               value,
               label: value === "local" ? "Local" : "Non-local",
               hint: loadedSourceCountHint(count),
+              hintLabel: loadedSourceCountLabel(count),
               disabled: loadedSourceCountsAreComplete && count === 0 && activeDraft.scopeFilters.locality !== value,
             };
           }),
@@ -1295,6 +1309,7 @@ function DocumentSearchResultsPanelImpl({
             value,
             label: value,
             hint: loadedSourceCountHint(count),
+            hintLabel: loadedSourceCountLabel(count),
             disabled: loadedSourceCountsAreComplete && count === 0 && !selected.has(value),
           };
         }),
@@ -1367,7 +1382,7 @@ function DocumentSearchResultsPanelImpl({
         panelId={filterPanelId}
         testId="document-filter-panel"
         title="Filter documents"
-        description="Set retrieval scope and refine the matches already returned. Source-scope counts cover loaded sources; changes run together across the full indexed library."
+        description="Set retrieval scope, then refine the matches. Changes apply together."
         chromeResetKey={query}
         groups={documentFilterGroups}
         applicationMode="staged"
@@ -1575,7 +1590,10 @@ function DocumentSearchResultsPanelImpl({
               <div className="grid gap-3 sm:gap-4 lg:grid-cols-2">
                 {renderedMatches.map((document, index) => {
                   const relevanceDisplay = relevanceTone(document);
-                  const relevanceVariant = relevanceDisplay.short === "High relevance" ? "high" : "relevant";
+                  // One accent per card. `high` is accent TEXT on the raised
+                  // surface (no fill), so a top hit showing both "Best match"
+                  // and "High relevance" still has a single filled accent.
+                  const relevanceVariant = relevanceDisplay.short === "High relevance" ? "high" : "neutral";
                   const openHref = documentOpenHref(document);
                   return (
                     <article
@@ -1585,7 +1603,7 @@ function DocumentSearchResultsPanelImpl({
                         sourceCard,
                         "content-auto",
                         "relative overflow-visible p-0 shadow-[var(--e1)] transition hover:border-[color:var(--clinical-accent-border)] hover:shadow-[var(--shadow-hover)] motion-reduce:transition-none",
-                        index === 0 && "border-t-[3px] border-t-[color:var(--clinical-accent)]",
+                        index === 0 && "border-t-2 border-t-[color:var(--clinical-accent)]",
                       )}
                     >
                       <div className="grid grid-cols-[5rem_minmax(0,1fr)] items-start gap-3 p-3 sm:grid-cols-[6rem_minmax(0,1fr)] sm:gap-4 sm:p-4">
@@ -1594,14 +1612,18 @@ function DocumentSearchResultsPanelImpl({
                           <h3 className="flex min-w-0 items-start gap-2">
                             <span
                               data-testid="document-result-rank"
-                              className="nums mt-2 grid h-8 min-w-8 shrink-0 place-items-center rounded-lg border border-[color:var(--clinical-accent-border)] bg-[color:var(--clinical-accent-soft)] px-1.5 text-sm font-extrabold text-[color:var(--clinical-accent)] shadow-[var(--shadow-inset)]"
+                              // An ordinal, not a status. The list order already
+                              // says which result is first, and a filled accent
+                              // chip competed with the title beside it for the
+                              // one accent this card is allowed to spend.
+                              className="nums mt-2.5 grid h-7 min-w-7 shrink-0 place-items-center rounded-lg border border-[color:var(--border-lux)] bg-[color:var(--surface-subtle)] px-1.5 text-2xs font-semibold text-[color:var(--text-muted)]"
                               aria-hidden="true"
                             >
                               {index + 1}
                             </span>
                             <Link
                               href={openHref}
-                              className="inline-flex min-h-12 min-w-0 items-center rounded-md text-base font-extrabold leading-5 text-[color:var(--text-heading)] transition hover:text-[color:var(--clinical-accent)] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[color:var(--focus)] sm:text-lg sm:leading-6"
+                              className="inline-flex min-h-12 min-w-0 items-center rounded-md text-base font-semibold leading-snug text-[color:var(--text-heading)] transition hover:text-[color:var(--clinical-accent)] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[color:var(--focus)] sm:text-lg sm:leading-6"
                             >
                               <span className="sr-only">Result {index + 1}: </span>
                               <span className="line-clamp-2">{documentDisplayTitle(document)}</span>
@@ -1609,17 +1631,14 @@ function DocumentSearchResultsPanelImpl({
                           </h3>
                           <div className="mt-2 flex flex-wrap gap-1.5 sm:mt-2.5">
                             {index === 0 ? (
-                              <DocumentBadge
-                                variant="best"
-                                className="min-h-7 rounded-lg px-2.5 text-2xs [font-weight:700]"
-                              >
+                              <DocumentBadge variant="best" className="min-h-7 rounded-lg px-2.5 text-2xs">
                                 Best match
                               </DocumentBadge>
                             ) : null}
                             <DocumentBadge
                               variant={relevanceVariant}
                               icon={Target}
-                              className="min-h-7 rounded-lg px-2.5 text-2xs [font-weight:600]"
+                              className="min-h-7 rounded-lg px-2.5 text-2xs"
                             >
                               {relevanceDisplay.short}
                               <span className="sr-only">, {relevanceDisplay.detail}</span>
@@ -1627,24 +1646,24 @@ function DocumentSearchResultsPanelImpl({
                             <DocumentBadge
                               variant="neutral"
                               icon={BookOpen}
-                              className="min-h-7 rounded-lg px-2.5 text-2xs [font-weight:600]"
+                              className="min-h-7 rounded-lg px-2.5 text-2xs"
                             >
                               {documentPageLabel(document)}
                             </DocumentBadge>
                             {document.tableCount > 0 ? (
                               <DocumentBadge
-                                variant="relevant"
+                                variant="neutral"
                                 icon={ListChecks}
-                                className="min-h-7 rounded-lg px-2.5 text-2xs [font-weight:600]"
+                                className="min-h-7 rounded-lg px-2.5 text-2xs"
                               >
                                 {document.tableCount} table{document.tableCount === 1 ? "" : "s"}
                               </DocumentBadge>
                             ) : null}
                             {document.imageCount > 0 ? (
                               <DocumentBadge
-                                variant="relevant"
+                                variant="neutral"
                                 icon={FileImage}
-                                className="min-h-7 rounded-lg px-2.5 text-2xs [font-weight:600]"
+                                className="min-h-7 rounded-lg px-2.5 text-2xs"
                               >
                                 {document.imageCount} image{document.imageCount === 1 ? "" : "s"}
                               </DocumentBadge>
@@ -1667,7 +1686,7 @@ function DocumentSearchResultsPanelImpl({
                         <DocumentActionLink
                           href={openHref}
                           icon={FileText}
-                          className="min-h-12 min-w-0 rounded-bl-xl bg-[color:var(--clinical-accent-soft)] px-2 !text-sm !font-extrabold text-[color:var(--clinical-accent)] hover:bg-[color:var(--clinical-accent-border)] [&_svg]:h-5 [&_svg]:w-5"
+                          className="min-h-12 min-w-0 rounded-bl-xl bg-[color:var(--clinical-accent-soft)] px-2 !text-sm !font-semibold text-[color:var(--clinical-accent)] hover:bg-[color:var(--clinical-accent-border)]"
                           aria-label={`Open ${document.title}`}
                         >
                           Open
@@ -1675,7 +1694,7 @@ function DocumentSearchResultsPanelImpl({
                         <DocumentActionButton
                           onClick={() => onAnswerFromDocument(document.document_id)}
                           icon={MessageSquareText}
-                          className="min-h-12 min-w-0 px-2 !text-sm font-bold text-[color:var(--text-heading)] [&_svg]:h-5 [&_svg]:w-5"
+                          className="min-h-12 min-w-0 px-2 !text-sm !font-semibold text-[color:var(--text)]"
                           aria-label={`Ask about ${document.title}`}
                         >
                           Ask
diff --git a/src/components/clinical-dashboard/result-filter-control.tsx b/src/components/clinical-dashboard/result-filter-control.tsx
index e9ede86aeb..8847a08fcd 100644
--- a/src/components/clinical-dashboard/result-filter-control.tsx
+++ b/src/components/clinical-dashboard/result-filter-control.tsx
@@ -39,6 +39,12 @@ export type ResultFilterOption<Value extends string> = {
   label: string;
   /** Trailing detail — a count, a qualifier. Never the only thing distinguishing two options. */
   hint?: string;
+  /** Short display form of `hint`. The announced name keeps `hint`'s units
+      ("1 loaded source"); the visible column shows only `hintLabel` ("1"). A
+      count phrased in full is wide enough that four options wrap one per line,
+      which is what pushed documents' governance groups into a ragged column.
+      Omit to display `hint` verbatim. */
+  hintLabel?: string;
   /** Canonical text used to find an abbreviated display label. */
   searchText?: string;
   /** Renders as a dead end: focusable and explained, but not selectable. */
@@ -340,7 +346,7 @@ function FilterRadioGroup({ group, panelId }: { group: ResultFilterLensGroup; pa
 
   return (
     <section className="min-w-0 border-t border-[color:var(--border)] py-1 first:border-t-0">
-      <h3 className="flex min-h-9 items-center gap-1.5 text-2xs font-bold uppercase tracking-eyebrow text-[color:var(--text-muted)]">
+      <h3 className="flex min-h-9 items-center gap-1.5 text-2xs font-semibold uppercase tracking-eyebrow text-[color:var(--text-muted)]">
         {/* The id is on the label text alone, not the heading — same fix as
             ResultFilterFacetChips' own badge: with the id on the h3 itself, a
             sibling `note` would concatenate into the group's accessible name
@@ -416,7 +422,9 @@ function FilterRadioGroup({ group, panelId }: { group: ResultFilterLensGroup; pa
             >
               {selected ? <Check aria-hidden="true" className="h-3 w-3 shrink-0" /> : null}
               <span className="truncate">{option.label}</span>
-              {option.hint ? <span className="nums text-[color:var(--text-muted)]">{option.hint}</span> : null}
+              {option.hint ? (
+                <span className="nums text-[color:var(--text-muted)]">{option.hintLabel ?? option.hint}</span>
+              ) : null}
               {deadEnd ? (
                 <span id={deadEndDescId} className="sr-only">
                   Not selectable from here.
@@ -483,8 +491,22 @@ export function ResultFilterFacetChips({
     !group.optionSections &&
     ((group.options.length >= 6 && group.options.length <= 20) ||
       (visibleOptions.length >= 6 && visibleOptions.length <= 20));
+  // Counted groups of two to five options sit below the six-option dense
+  // threshold, so they used to render as wrapping chips. A chip carrying a
+  // count is wide enough that four of them wrap one per line and leave a ragged
+  // right edge with most of the row empty — documents' Source status and
+  // Clinical validation are exactly that shape. The dense row renderer in two
+  // columns packs the same options into half the height with an aligned count
+  // column. A group with no counts keeps the chip row, which is still the right
+  // renderer for short bare labels.
+  const isCountedCompact =
+    !group.optionSections &&
+    visibleOptions.length >= 2 &&
+    visibleOptions.length <= 5 &&
+    visibleOptions.some((option) => Boolean(option.hint));
+  const usesRowRenderer = isDenseList || isCountedCompact;
 
-  const renderOptions = (items: ReadonlyArray<ResultFilterOption<string>>, isDense: boolean = isDenseList) =>
+  const renderOptions = (items: ReadonlyArray<ResultFilterOption<string>>, isDense: boolean = usesRowRenderer) =>
     items.map((option) => {
       const selected = group.selected.has(option.value);
       const deadEnd = Boolean(option.disabled) && !selected;
@@ -503,7 +525,7 @@ export function ResultFilterFacetChips({
           }}
           className={cn(
             isDense
-              ? "flex min-h-tap w-full min-w-0 items-center justify-between gap-2.5 rounded-lg border px-3 py-2 text-left text-xs font-semibold shadow-[var(--shadow-inset)] transition motion-reduce:transition-none sm:min-h-9 sm:py-1.5"
+              ? "flex min-h-tap w-full min-w-0 items-center justify-between gap-2.5 rounded-lg border px-3 py-2 text-left text-xs font-semibold shadow-[var(--shadow-inset)] transition motion-reduce:transition-none sm:min-h-10 sm:py-1.5"
               : "inline-flex min-h-tap max-w-full items-center gap-1.5 rounded-md border px-2.5 text-2xs font-semibold shadow-[var(--shadow-inset)] transition motion-reduce:transition-none sm:min-h-10 sm:gap-1 sm:px-2",
             "focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[color:var(--focus)]",
             selected
@@ -528,8 +550,8 @@ export function ResultFilterFacetChips({
             <span className="truncate">{option.label}</span>
           </div>
           {option.hint ? (
-            <span className="nums shrink-0 text-right text-xs font-bold tabular-nums text-[color:var(--text-muted)]">
-              {option.hint}
+            <span className="nums shrink-0 text-right text-2xs font-semibold tabular-nums text-[color:var(--text-muted)]">
+              {option.hintLabel ?? option.hint}
             </span>
           ) : null}
           {deadEnd ? (
@@ -543,7 +565,7 @@ export function ResultFilterFacetChips({
 
   return (
     <section className="min-w-0 border-t border-[color:var(--border)] py-1 first:border-t-0">
-      <h3 className="flex min-h-9 items-center gap-1.5 text-2xs font-bold uppercase tracking-eyebrow text-[color:var(--text-muted)]">
+      <h3 className="flex min-h-9 items-center gap-1.5 text-2xs font-semibold uppercase tracking-eyebrow text-[color:var(--text-muted)]">
         {/* The id is on the label text alone, not the heading. With the badge
             inside the labelled element the group's accessible name became
             "Domain 1" — the selection count leaking into the dimension's name,
@@ -555,7 +577,7 @@ export function ResultFilterFacetChips({
             aria-controls={disclosure.contentId}
             onClick={disclosure.onToggle}
             className={cn(
-              "flex min-h-tap w-full items-center gap-1.5 text-left text-2xs font-bold uppercase tracking-eyebrow text-[color:var(--text-muted)] sm:min-h-10",
+              "flex min-h-tap w-full items-center gap-1.5 text-left text-2xs font-semibold uppercase tracking-eyebrow text-[color:var(--text-muted)] sm:min-h-10",
               "focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-[color:var(--focus)]",
             )}
           >
@@ -598,7 +620,16 @@ export function ResultFilterFacetChips({
         aria-labelledby={groupLabelId}
         className={cn(
           "pb-2.5",
-          group.optionSections ? "grid gap-3" : isDenseList ? "grid gap-1" : "flex flex-wrap gap-2 sm:gap-1.5",
+          group.optionSections
+            ? "grid gap-3"
+            : isDenseList
+              ? "grid gap-1"
+              : isCountedCompact
+                ? // Two-up only once a column can actually hold a label. At
+                  // 320px each column's inner width is ~117px, which truncates
+                  // "Locally reviewed"; the narrowest phones keep one column.
+                  "grid grid-cols-1 gap-1.5 min-[380px]:grid-cols-2"
+                : "flex flex-wrap gap-2 sm:gap-1.5",
         )}
       >
         {group.optionSections
@@ -624,7 +655,7 @@ export function ResultFilterFacetChips({
                 </section>
               );
             })
-          : renderOptions(visibleOptions, isDenseList)}
+          : renderOptions(visibleOptions, usesRowRenderer)}
       </div>
     </section>
   );
@@ -665,7 +696,7 @@ export function ResultFilterScopeSelector<Value extends string>({
 }) {
   return (
     <fieldset className="min-w-0 rounded-xl border border-[color:var(--border)] bg-[color:var(--surface-subtle)] p-2.5">
-      <legend className="px-1 text-2xs font-bold uppercase tracking-eyebrow text-[color:var(--text-muted)]">
+      <legend className="px-1 text-2xs font-semibold uppercase tracking-eyebrow text-[color:var(--text-muted)]">
         {label}
       </legend>
       <div className="grid gap-2 sm:grid-cols-2">
@@ -899,7 +930,26 @@ export function ResultFilterSheet({
       open={open}
       onClose={onClose}
       title={title}
-      description={description}
+      // Header density is driven from here rather than from `Sheet`, so every
+      // filter surface tightens together while the app's other dialogs keep
+      // their own header. Three stacked tiers — a text-lg title, a three-line
+      // text-sm description and a bordered 48px close box — spent most of a
+      // phone viewport before the first filter was reachable.
+      descriptionContent={
+        description ? (
+          <p className="text-xs font-medium leading-5 text-[color:var(--text-muted)]">{description}</p>
+        ) : undefined
+      }
+      headerClassName="items-start px-4 py-3 sm:px-5 sm:py-3.5"
+      titleClassName="text-base sm:text-lg"
+      // `Sheet` takes this INSTEAD of `toolbarButton` (`??`, not a merge), so
+      // the tap target has to be restated. It stays h-tap/w-tap: 48px is this
+      // repo's production floor and dropping to 44px reintroduces a known
+      // ui-smoke flake. Only the border, fill and shadow are removed.
+      closeButtonClassName={cn(
+        "grid h-tap w-tap shrink-0 place-items-center rounded-lg text-[color:var(--text-muted)] transition hover:bg-[color:var(--surface-subtle)] hover:text-[color:var(--text)] motion-reduce:transition-none",
+        "focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[color:var(--focus)]",
+      )}
       portal
       placement="responsive-right"
       id={panelId}
@@ -911,7 +961,7 @@ export function ResultFilterSheet({
             onClick={onClearAll}
             data-testid={`${testId}-clear`}
             className={cn(
-              "search-band-ghost inline-flex min-h-tap items-center gap-1.5 rounded-lg border border-[color:var(--border)] bg-[color:var(--surface)] px-2 text-2xs font-bold text-[color:var(--text-muted)] hover:border-[color:var(--border-strong)] hover:text-[color:var(--text)] sm:min-h-10",
+              "search-band-ghost inline-flex min-h-tap items-center gap-1.5 rounded-lg border border-[color:var(--border)] bg-[color:var(--surface)] px-2 text-2xs font-semibold text-[color:var(--text-muted)] hover:border-[color:var(--border-strong)] hover:text-[color:var(--text)] sm:min-h-10",
               "focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[color:var(--focus)]",
             )}
           >
@@ -936,7 +986,7 @@ export function ResultFilterSheet({
               onClick={onApply ?? onClose}
               data-testid={`${testId}-done`}
               className={cn(
-                "inline-flex min-h-tap shrink-0 items-center justify-center rounded-lg border border-[color:var(--clinical-accent)] bg-[color:var(--clinical-accent)] px-4 text-xs font-extrabold text-[color:var(--clinical-accent-contrast)] shadow-[var(--shadow-inset)] transition hover:bg-[color:var(--clinical-accent-hover)] sm:min-h-10",
+                "inline-flex min-h-tap shrink-0 items-center justify-center rounded-lg border border-[color:var(--clinical-accent)] bg-[color:var(--clinical-accent)] px-4 text-xs font-semibold text-[color:var(--clinical-accent-contrast)] shadow-[var(--shadow-inset)] transition hover:bg-[color:var(--clinical-accent-hover)] sm:min-h-10",
                 "focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[color:var(--focus)]",
               )}
             >
@@ -953,7 +1003,7 @@ export function ResultFilterSheet({
               type="button"
               onClick={secondaryAction.onClick}
               className={cn(
-                "flex min-h-tap w-full items-center justify-between gap-3 rounded-lg border-t border-[color:var(--border)] px-1 pt-2.5 text-left text-xs font-bold text-[color:var(--clinical-accent)] hover:text-[color:var(--clinical-accent-hover)] sm:min-h-10",
+                "flex min-h-tap w-full items-center justify-between gap-3 rounded-lg border-t border-[color:var(--border)] px-1 pt-2.5 text-left text-xs font-semibold text-[color:var(--clinical-accent)] hover:text-[color:var(--clinical-accent-hover)] sm:min-h-10",
                 "focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[color:var(--focus)]",
               )}
             >
@@ -968,14 +1018,14 @@ export function ResultFilterSheet({
     >
       <div className="grid min-w-0 gap-1">
         {coverage ? (
-          <div className="min-w-0 pb-2.5">
+          <div className="min-w-0 pb-2">
             <div
               role="progressbar"
               aria-label={coverage.label ?? "Visible results"}
               aria-valuemin={0}
               aria-valuemax={Math.max(coverage.totalCount, 0)}
               aria-valuenow={Math.min(coverage.visibleCount, Math.max(coverage.totalCount, 0))}
-              className="h-1.5 w-full overflow-hidden rounded-full bg-[color:var(--surface-inset)]"
+              className="h-1 w-full overflow-hidden rounded-full bg-[color:var(--surface-inset)]"
             >
               <span
                 aria-hidden
@@ -989,9 +1039,11 @@ export function ResultFilterSheet({
                 }}
               />
             </div>
-            <p className="nums mt-1.5 text-xs font-semibold text-[color:var(--text-muted)]">
-              <span className="text-[color:var(--text-heading)]">{coverage.visibleCount.toLocaleString()}</span> of{" "}
-              {coverage.totalCount.toLocaleString()} retrieved matches visible
+            <p className="nums mt-1 text-2xs font-medium text-[color:var(--text-muted)]">
+              <span className="font-semibold text-[color:var(--text-heading)]">
+                {coverage.visibleCount.toLocaleString()}
+              </span>{" "}
+              of {coverage.totalCount.toLocaleString()} retrieved matches visible
             </p>
           </div>
         ) : null}
diff --git a/tests/decoration-on-text.contract.test.ts b/tests/decoration-on-text.contract.test.ts
index 96852c2696..a7b82b5beb 100644
--- a/tests/decoration-on-text.contract.test.ts
+++ b/tests/decoration-on-text.contract.test.ts
@@ -82,7 +82,9 @@ describe("decoration-on-text contracts", () => {
   // mode builds its groups with `resultFilterGroup`/`resultFilterFacetGroup`
   // — one check now covers both call shapes.
   it("keeps facet and scope counts on a text tier", () => {
-    const line = lineContaining(resultFilterControl, ">{option.hint}<");
+    // `hintLabel ?? hint` since counted options display a short form while the
+    // announced name keeps the unit; the tier requirement is unchanged.
+    const line = lineContaining(resultFilterControl, ">{option.hintLabel ?? option.hint}<");
     expect(line, "{option.hint} must not use the decoration tier").not.toContain("var(--text-soft)");
     expect(line).toContain("text-[color:var(--text-muted)]");
   });
diff --git a/tests/filter-contract.dom.test.tsx b/tests/filter-contract.dom.test.tsx
index d8f58fae4b..bef7eda245 100644
--- a/tests/filter-contract.dom.test.tsx
+++ b/tests/filter-contract.dom.test.tsx
@@ -14,16 +14,16 @@ afterEach(() => {
 });
 
 describe("filter contract and density rendering", () => {
-  it("renders facet groups with <= 5 options as compact wrapping chips", () => {
+  it("renders facet groups with <= 5 UNCOUNTED options as compact wrapping chips", () => {
     const onToggle = vi.fn();
     const group = resultFilterFacetGroup({
       id: "small-facet",
       label: "Category",
       selected: new Set(["a"]),
       options: [
-        { value: "a", label: "Option A", hint: "3" },
-        { value: "b", label: "Option B", hint: "5" },
-        { value: "c", label: "Option C", hint: "2" },
+        { value: "a", label: "Option A" },
+        { value: "b", label: "Option B" },
+        { value: "c", label: "Option C" },
       ],
       onToggle,
     });
@@ -46,6 +46,54 @@ describe("filter contract and density rendering", () => {
     expect(buttonA.className).toContain("min-h-tap");
   });
 
+  // A chip carrying a count is wide enough that four of them wrap one per line
+  // and leave most of each row empty — documents' Source status (4 options) and
+  // Clinical validation (3) were exactly that. Counted groups of 2–5 therefore
+  // use the row renderer in two columns instead. See docs/filter-contract.md §5.
+  it("renders facet groups with 2–5 COUNTED options as two-column rows, not chips", () => {
+    const onToggle = vi.fn();
+    const group = resultFilterFacetGroup({
+      id: "counted-facet",
+      label: "Source status",
+      selected: new Set(["current"]),
+      options: [
+        { value: "current", label: "Current", hint: "12 loaded sources", hintLabel: "12" },
+        { value: "review_due", label: "Review due", hint: "3 loaded sources", hintLabel: "3" },
+        { value: "outdated", label: "Outdated", hint: "1 loaded source", hintLabel: "1" },
+        { value: "unknown", label: "Unknown", hint: "0 loaded sources", hintLabel: "0" },
+      ],
+      onToggle,
+    });
+
+    render(
+      <ResultFilterSheet
+        open={true}
+        onClose={vi.fn()}
+        panelId="counted-filter-panel"
+        testId="counted-filter-panel"
+        title="Filter documents"
+        groups={[group]}
+      />,
+    );
+
+    const groupEl = screen.getByRole("group", { name: "Source status" });
+    // Two-up only where a column can hold a label; the narrowest phones stay
+    // single-column rather than truncating one.
+    expect(groupEl.className).toContain("grid-cols-1");
+    expect(groupEl.className).toContain("min-[380px]:grid-cols-2");
+
+    const current = screen.getByRole("button", { name: /^Current/ });
+    expect(current.className).toContain("w-full");
+    expect(current.className.split(/\s+/)).not.toContain("inline-flex");
+    // The phone floor is 48px and the pointer floor is the filter system's 40px.
+    expect(current.className).toContain("min-h-tap");
+    expect(current.className).toContain("sm:min-h-10");
+
+    // The announced name keeps the unit; only the visible column is shortened.
+    expect(current).toHaveAccessibleName("Current (12 loaded sources)");
+    expect(current).toHaveTextContent(/^Current12$/);
+  });
+
   it("renders facet groups with 6–20 options as dense full-width vertical list with right-aligned counts", async () => {
     const user = userEvent.setup();
     const onToggle = vi.fn();
diff --git a/tests/ui-smoke.spec.ts b/tests/ui-smoke.spec.ts
index 6c357da4fb..03b9b520ef 100644
--- a/tests/ui-smoke.spec.ts
+++ b/tests/ui-smoke.spec.ts
@@ -4099,7 +4099,11 @@ test.describe("Clinical KB UI smoke coverage", () => {
       expect(Math.max(...actionGeometry.widths) - Math.min(...actionGeometry.widths)).toBeLessThanOrEqual(1);
       expect(actionGeometry.actionFontSize).toBe(actionGeometry.expectedActionFontSize);
       expect(actionGeometry.actionDirection).toBe("row");
-      expect(actionGeometry.actionFontWeight).toBe("800");
+      // 600, not 800. The result cards spend hierarchy on size and space rather
+      // than weight (one accent per card), so the action rail reads at the same
+      // semibold as the title above it. Still pinned: an un-weighted action rail
+      // is what this assertion exists to catch.
+      expect(actionGeometry.actionFontWeight).toBe("600");
       for (const action of await documentResults.getByTestId("document-result-actions").locator(":scope > *").all()) {
         await expectMinTouchTarget(action, 48);
       }