From 9d95ed9c68393a228769a845177d8d958f5d37d4 Mon Sep 17 00:00:00 2001
From: Michael Assraf <michael@flamingo.cx>
Date: Fri, 9 Oct 2026 19:04:14 -0400
Subject: [PATCH 1/8] feat(trust-center): CU-17tkuw5w0k7 offer the page as a
 PDF; share the section and monitoring rules with the file [preview:none]

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 .../__tests__/trust-center-page.test.tsx      |  8 +++
 .../help-center-pages/trust-center-page.tsx   | 56 +++++++++----------
 .../src/types/trust-center.ts                 | 56 +++++++++++++++++--
 3 files changed, 88 insertions(+), 32 deletions(-)

diff --git a/openframe-frontend-core/src/components/help-center-pages/__tests__/trust-center-page.test.tsx b/openframe-frontend-core/src/components/help-center-pages/__tests__/trust-center-page.test.tsx
index 1513e80d00..ac71737964 100644
--- a/openframe-frontend-core/src/components/help-center-pages/__tests__/trust-center-page.test.tsx
+++ b/openframe-frontend-core/src/components/help-center-pages/__tests__/trust-center-page.test.tsx
@@ -208,6 +208,14 @@ describe('TrustCenterPage', () => {
     expect(screen.getByRole('link', { name: 'View Privacy policy' })).toHaveAttribute('target', '_blank');
   });
 
+  it("offers the page as a PDF: the hub's pdf route beside the endpoint, query string kept, in a new tab", () => {
+    render(<TrustCenterPage endpoint="/content/api/trust-center?tenant=a" initialData={makeData()} />);
+    // PageLayout renders its actions once per breakpoint (desktop + mobile bar).
+    const link = screen.getAllByRole('link', { name: 'Download PDF' })[0];
+    expect(link).toHaveAttribute('href', '/content/api/trust-center/pdf?tenant=a');
+    expect(link).toHaveAttribute('target', '_blank');
+  });
+
   it('hides empty sections and the request CTA when nothing is gated', () => {
     render(
       <TrustCenterPage
diff --git a/openframe-frontend-core/src/components/help-center-pages/trust-center-page.tsx b/openframe-frontend-core/src/components/help-center-pages/trust-center-page.tsx
index 32273bab4f..d671c803d5 100644
--- a/openframe-frontend-core/src/components/help-center-pages/trust-center-page.tsx
+++ b/openframe-frontend-core/src/components/help-center-pages/trust-center-page.tsx
@@ -5,7 +5,7 @@
  *
  * ONE page, not tabs (2026 trust-center practice: buyers skim and Ctrl-F, and a
  * questionnaire needs a deep link per section): hero with the monitoring status
- * and the two actions, then anchored sections in reading order
+ * and the actions (Download PDF, Request access), then anchored sections in reading order
  * (`TRUST_CENTER_SECTIONS`: AI & data use → compliance → controls → documents →
  * subprocessors → FAQ → questions) with a sticky section rail on desktop
  * (`StickySectionNav` + `useScrollSpy`, the vendor-page / DocViewer pattern).
@@ -34,11 +34,12 @@ import { useSelfFetch } from '../../hooks/use-self-fetch';
 import {
   TRUST_CENTER_API_PATH,
   TRUST_CENTER_CACHE_SECONDS,
-  TRUST_CENTER_SECTIONS,
   TRUST_CENTER_TAGLINE,
   TRUST_CENTER_TITLE,
-  isTrustCenterMonitored,
+  trustCenterMonitoringStatus,
   trustCenterDocumentUrl,
+  trustCenterPdfUrl,
+  visibleTrustCenterSections,
   type TrustCenterControlsPage,
   type TrustCenterPublic,
   type TrustCenterSectionId,
@@ -46,8 +47,9 @@ import {
 import { STICKY_HEADER_OFFSET_PX } from '../../utils/same-page-hash-nav';
 import { useScrollSpy } from '../docs/use-scroll-spy';
 import { FaqSection, type FaqSectionProps } from '../faq/faq-section';
+import { Download01Icon } from '../icons-v2-generated/interface/download-01-icon';
 import { PageShell } from '../layout/article-detail-layout';
-import { PageLayout } from '../layout/page-layout';
+import { PageLayout, type PageActionButton } from '../layout/page-layout';
 import { StickySectionNav } from '../navigation/sticky-section-nav';
 import { DataAttribution } from '../ui/data-attribution';
 import { EntityImage } from '../ui/entity-image';
@@ -93,20 +95,6 @@ interface TrustSectionView {
   render: (data: TrustCenterPublic) => ReactNode;
 }
 
-/** Sections that have content, in page order. */
-function visibleSections(data: TrustCenterPublic): Array<(typeof TRUST_CENTER_SECTIONS)[number]> {
-  const hasContent: Record<TrustCenterSectionId, boolean> = {
-    ai: data.aiPractices.length > 0,
-    compliance: data.frameworks.length > 0,
-    controls: data.controlDomains.length > 0,
-    documents: data.documents.length > 0,
-    subprocessors: data.subprocessors.length > 0,
-    faq: data.faqs.length > 0,
-    contact: true,
-  };
-  return TRUST_CENTER_SECTIONS.filter(section => hasContent[section.id]);
-}
-
 /**
  * The Controls section's first answer, from the page's own server data: the
  * first category's controls with no query — exactly what the controls endpoint
@@ -136,12 +124,9 @@ function monitoringStatus(
   hydrated: boolean,
   nowMs: number,
 ): { status: 'success' | 'pending' | 'missing'; label: string } {
-  if (!data.connected) return { status: 'missing', label: 'Live control monitoring is not enabled yet' };
   // Before mount the clock is the server's, so the text claims nothing either way.
-  if (!hydrated) return { status: 'missing', label: 'Checking monitoring status' };
-  return isTrustCenterMonitored(data, nowMs)
-    ? { status: 'success', label: 'Controls continuously monitored' }
-    : { status: 'pending', label: 'Monitoring paused' };
+  if (data.connected && !hydrated) return { status: 'missing', label: 'Checking monitoring status' };
+  return trustCenterMonitoringStatus(data, nowMs);
 }
 
 export function TrustCenterPage({
@@ -180,7 +165,7 @@ export function TrustCenterPage({
     documentTitle: null,
   });
 
-  const sections = useMemo(() => (data ? visibleSections(data) : []), [data]);
+  const sections = useMemo(() => (data ? visibleTrustCenterSections(data) : []), [data]);
   // Anchors. The scroll spy lights the rail from whatever scrolls the sections
   // (the window, or a host shell's `<main overflow-y-auto>` — OpenFrame's
   // `AppLayout`) and keeps the URL's hash on the section in view (`syncHash`;
@@ -202,12 +187,27 @@ export function TrustCenterPage({
   const closeRequest = useCallback(() => setRequest(current => ({ ...current, open: false })), []);
 
   const hasGatedDocuments = data?.documents.some(document => document.access === 'request') ?? false;
-  const actions = hasGatedDocuments
-    ? [{ label: 'Request access', variant: 'accent' as const, onClick: () => openRequest(null) }]
+  // The PDF is the page's own content as a file (the hub's `pdf` route beside
+  // `endpoint`), so it is offered once there is content. A new tab: the answer
+  // is an attachment, which the browser saves without leaving the page.
+  const actions: PageActionButton[] | undefined = data
+    ? [
+        {
+          label: 'Download PDF',
+          variant: 'outline',
+          icon: <Download01Icon aria-hidden="true" />,
+          href: trustCenterPdfUrl(endpoint),
+          openInNewTab: true,
+          prefetch: false,
+        },
+        ...(hasGatedDocuments
+          ? [{ label: 'Request access', variant: 'accent' as const, onClick: () => openRequest(null) }]
+          : []),
+      ]
     : undefined;
 
   // Section id → its content. Titles come from `TRUST_CENTER_SECTIONS`; which
-  // sections show comes from `visibleSections` — this map only says what each renders.
+  // sections show comes from `visibleTrustCenterSections` — this map only says what each renders.
   const views: Record<TrustCenterSectionId, TrustSectionView> = {
     ai: {
       lead: TRUST_SECTION_LEADS.ai,
@@ -321,7 +321,7 @@ function TrustCenterChrome({
   actions,
   children,
 }: Required<Pick<TrustCenterPageProps, 'shell' | 'title' | 'subtitle' | 'backButton'>> & {
-  actions?: Array<{ label: string; variant: 'accent'; onClick: () => void }>;
+  actions?: PageActionButton[];
   children: ReactNode;
 }) {
   const router = useRouter();
diff --git a/openframe-frontend-core/src/types/trust-center.ts b/openframe-frontend-core/src/types/trust-center.ts
index b9fca2942e..3f703dd13f 100644
--- a/openframe-frontend-core/src/types/trust-center.ts
+++ b/openframe-frontend-core/src/types/trust-center.ts
@@ -188,6 +188,21 @@ export function isTrustCenterMonitored(
   return Number.isFinite(synced) && nowMs - synced <= data.monitoredWindowMs;
 }
 
+/**
+ * THE monitoring claim and its wording, judged against a clock: monitored,
+ * paused, or not enabled. The page reads it after mount (its own clock) and the
+ * PDF when it is generated, so both say the same thing in the same words.
+ */
+export function trustCenterMonitoringStatus(
+  data: Pick<TrustCenterPublic, 'connected' | 'syncedAt' | 'monitoredWindowMs'>,
+  nowMs: number,
+): { status: 'success' | 'pending' | 'missing'; label: string } {
+  if (!data.connected) return { status: 'missing', label: 'Live control monitoring is not enabled yet' };
+  return isTrustCenterMonitored(data, nowMs)
+    ? { status: 'success', label: 'Controls continuously monitored' }
+    : { status: 'pending', label: 'Monitoring paused' };
+}
+
 /** "SOC 2 Type II: In progress · ISO 27001: Planned" — the ONE framework summary line (chat card, RAG mapper). */
 export function trustFrameworksSummary(
   frameworks: ReadonlyArray<Pick<TrustCenterFramework, 'label' | 'monitoring' | 'percent'>>,
@@ -195,10 +210,16 @@ export function trustFrameworksSummary(
   return frameworks.map(f => `${f.label}: ${trustFrameworkBadge(f)}`).join(' · ');
 }
 
+/** A path BESIDE the page's `endpoint`, which may carry a query string (an embed proxy): `endpoint/segment?query`. */
+function besideTrustCenterEndpoint(endpoint: string, segment: string): string {
+  const [path, query] = endpoint.split('?', 2);
+  return `${path}/${segment}${query ? `?${query}` : ''}`;
+}
+
 /**
  * Where a public document opens: its own link, or — for a file — the hub's
- * documents route beside the page's `endpoint` (which may carry a query string,
- * e.g. an embed proxy). `null` for a document that is only available on request.
+ * documents route beside the page's `endpoint`. `null` for a document that is
+ * only available on request.
  */
 export function trustCenterDocumentUrl(
   endpoint: string,
@@ -206,8 +227,35 @@ export function trustCenterDocumentUrl(
 ): string | null {
   if (document.access !== 'public') return null;
   if (document.externalUrl) return document.externalUrl;
-  const [path, query] = endpoint.split('?', 2);
-  return `${path}/documents/${encodeURIComponent(document.id)}${query ? `?${query}` : ''}`;
+  return besideTrustCenterEndpoint(endpoint, `documents/${encodeURIComponent(document.id)}`);
+}
+
+/** Where the page downloads as a PDF: the hub's `pdf` route beside the page's `endpoint`. */
+export function trustCenterPdfUrl(endpoint: string): string {
+  return besideTrustCenterEndpoint(endpoint, 'pdf');
+}
+
+/**
+ * THE rule for which sections a trust center shows, in reading order: a section
+ * with nothing to list is left out; Contact always shows. The page and its PDF
+ * both read it, so the two can never disagree about what is published.
+ */
+export function visibleTrustCenterSections(
+  data: Pick<
+    TrustCenterPublic,
+    'aiPractices' | 'frameworks' | 'controlDomains' | 'documents' | 'subprocessors' | 'faqs'
+  >,
+): Array<(typeof TRUST_CENTER_SECTIONS)[number]> {
+  const hasContent: Record<TrustCenterSectionId, boolean> = {
+    ai: data.aiPractices.length > 0,
+    compliance: data.frameworks.length > 0,
+    controls: data.controlDomains.length > 0,
+    documents: data.documents.length > 0,
+    subprocessors: data.subprocessors.length > 0,
+    faq: data.faqs.length > 0,
+    contact: true,
+  };
+  return TRUST_CENTER_SECTIONS.filter(section => hasContent[section.id]);
 }
 
 // ---------------------------------------------------------------------------

From f0509900c8af7d840c35ad44dc481ccd16dd5818 Mon Sep 17 00:00:00 2001
From: Michael Assraf <michael@flamingo.cx>
Date: Fri, 9 Oct 2026 20:52:40 -0400
Subject: [PATCH 2/8] feat(trust-center): CU-17tkuw5w0k7 on a phone the PDF
 download is a quiet link under the title, never in the bottom bar
 (showOnlyDesktop page actions) [preview:none]

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 .../__tests__/trust-center-page.test.tsx      | 28 +++++++++++++++---
 .../help-center-pages/trust-center-page.tsx   | 29 +++++++++++++++++--
 .../src/components/layout/page-container.tsx  |  5 ++--
 .../src/components/layout/page-layout.tsx     |  5 ++--
 .../src/components/ui/page-actions.tsx        | 25 ++++++++++++----
 5 files changed, 77 insertions(+), 15 deletions(-)

diff --git a/openframe-frontend-core/src/components/help-center-pages/__tests__/trust-center-page.test.tsx b/openframe-frontend-core/src/components/help-center-pages/__tests__/trust-center-page.test.tsx
index ac71737964..5b4fd7a5b7 100644
--- a/openframe-frontend-core/src/components/help-center-pages/__tests__/trust-center-page.test.tsx
+++ b/openframe-frontend-core/src/components/help-center-pages/__tests__/trust-center-page.test.tsx
@@ -210,10 +210,30 @@ describe('TrustCenterPage', () => {
 
   it("offers the page as a PDF: the hub's pdf route beside the endpoint, query string kept, in a new tab", () => {
     render(<TrustCenterPage endpoint="/content/api/trust-center?tenant=a" initialData={makeData()} />);
-    // PageLayout renders its actions once per breakpoint (desktop + mobile bar).
-    const link = screen.getAllByRole('link', { name: 'Download PDF' })[0];
-    expect(link).toHaveAttribute('href', '/content/api/trust-center/pdf?tenant=a');
-    expect(link).toHaveAttribute('target', '_blank');
+    const links = screen.getAllByRole('link', { name: 'Download PDF' });
+    for (const link of links) {
+      expect(link).toHaveAttribute('href', '/content/api/trust-center/pdf?tenant=a');
+      expect(link).toHaveAttribute('target', '_blank');
+    }
+  });
+
+  it('keeps the download out of the phone bottom bar: the bar holds Request access only, the download is an inline link', () => {
+    render(<TrustCenterPage initialData={makeData()} />);
+    // The bottom bar draws its actions full width (`flex-1`): Request access is there, the download is not.
+    const inBar = (element: HTMLElement) => element.className.split(' ').includes('flex-1');
+    expect(screen.getAllByRole('button', { name: 'Request access' }).filter(inBar)).toHaveLength(1);
+    const downloads = screen.getAllByRole('link', { name: 'Download PDF' });
+    expect(downloads.filter(inBar)).toHaveLength(0);
+    // The phone's link: shown below the `md` step only, in the page body.
+    expect(downloads.filter(link => link.className.split(' ').includes('md:hidden'))).toHaveLength(1);
+  });
+
+  it('draws nothing in the bottom bar when the download is the only action', () => {
+    render(<TrustCenterPage initialData={makeData({ documents: [] })} />);
+    expect(screen.queryByRole('button', { name: 'Request access' })).toBeNull();
+    const downloads = screen.getAllByRole('link', { name: 'Download PDF' });
+    expect(downloads.length).toBeGreaterThan(0);
+    expect(downloads.filter(link => link.className.split(' ').includes('flex-1'))).toHaveLength(0);
   });
 
   it('hides empty sections and the request CTA when nothing is gated', () => {
diff --git a/openframe-frontend-core/src/components/help-center-pages/trust-center-page.tsx b/openframe-frontend-core/src/components/help-center-pages/trust-center-page.tsx
index d671c803d5..366c8b13d6 100644
--- a/openframe-frontend-core/src/components/help-center-pages/trust-center-page.tsx
+++ b/openframe-frontend-core/src/components/help-center-pages/trust-center-page.tsx
@@ -51,6 +51,7 @@ import { Download01Icon } from '../icons-v2-generated/interface/download-01-icon
 import { PageShell } from '../layout/article-detail-layout';
 import { PageLayout, type PageActionButton } from '../layout/page-layout';
 import { StickySectionNav } from '../navigation/sticky-section-nav';
+import { Button } from '../ui/button/button';
 import { DataAttribution } from '../ui/data-attribution';
 import { EntityImage } from '../ui/entity-image';
 import { LoadError } from '../ui/error-state';
@@ -111,6 +112,9 @@ function controlsSeed(data: TrustCenterPublic): TrustCenterControlsPage {
   };
 }
 
+/** The download's wording, in the header action and the phone's inline link. */
+const DOWNLOAD_PDF_LABEL = 'Download PDF';
+
 /** How often an open page re-judges "monitored" against the clock. */
 const MONITORING_CLOCK_TICK_MS = 60_000;
 
@@ -190,15 +194,24 @@ export function TrustCenterPage({
   // The PDF is the page's own content as a file (the hub's `pdf` route beside
   // `endpoint`), so it is offered once there is content. A new tab: the answer
   // is an attachment, which the browser saves without leaving the page.
+  //
+  // WHERE: with the page's actions at the top of the page, like every trust
+  // center's hero actions. On a wide window that is the header's action slot.
+  // On a phone the header's actions become a bar fixed to the bottom of the
+  // screen, which is for the page's main task (Request access): an occasional
+  // download on a read-only page does not belong there (`showOnlyDesktop`), so
+  // it is a quiet link in the status row under the title instead.
+  const pdfUrl = trustCenterPdfUrl(endpoint);
   const actions: PageActionButton[] | undefined = data
     ? [
         {
-          label: 'Download PDF',
+          label: DOWNLOAD_PDF_LABEL,
           variant: 'outline',
           icon: <Download01Icon aria-hidden="true" />,
-          href: trustCenterPdfUrl(endpoint),
+          href: pdfUrl,
           openInNewTab: true,
           prefetch: false,
+          showOnlyDesktop: true,
         },
         ...(hasGatedDocuments
           ? [{ label: 'Request access', variant: 'accent' as const, onClick: () => openRequest(null) }]
@@ -266,6 +279,18 @@ export function TrustCenterPage({
               lastUpdated={data.syncedAt}
             />
           ) : null}
+          {/* The phone's Download PDF (see `actions`): the same breakpoint the bottom bar uses. */}
+          <Button
+            variant="link"
+            size="wrap"
+            href={pdfUrl}
+            openInNewTab
+            prefetch={false}
+            leftIcon={<Download01Icon aria-hidden="true" />}
+            className="self-start md:hidden"
+          >
+            {DOWNLOAD_PDF_LABEL}
+          </Button>
         </div>
 
         <div className={TRUST_BODY_GRID_CLASS}>
diff --git a/openframe-frontend-core/src/components/layout/page-container.tsx b/openframe-frontend-core/src/components/layout/page-container.tsx
index 231ff7a93a..e586c0a874 100644
--- a/openframe-frontend-core/src/components/layout/page-container.tsx
+++ b/openframe-frontend-core/src/components/layout/page-container.tsx
@@ -3,7 +3,7 @@
 import type React from 'react';
 import { cn } from '../../utils/cn';
 import type { ActionsMenuGroup } from '../ui/actions-menu';
-import { PageActions, type PageActionButton } from '../ui/page-actions';
+import { mobilePageActions, PageActions, type PageActionButton } from '../ui/page-actions';
 import { BackButton } from './back-button';
 import { accentSentenceMarks } from './page-heading';
 
@@ -208,7 +208,8 @@ function renderAdvancedPageContainer({
   };
 
   // Check if we need bottom padding for mobile fixed actions
-  const needsBottomPadding = actions && actions.length > 0 && getActionsVariant() === 'primary-buttons';
+  const needsBottomPadding =
+    !!actions && mobilePageActions(actions).length > 0 && getActionsVariant() === 'primary-buttons';
 
   const paddingClasses = {
     none: '',
diff --git a/openframe-frontend-core/src/components/layout/page-layout.tsx b/openframe-frontend-core/src/components/layout/page-layout.tsx
index 147fe90951..d59f5898d8 100644
--- a/openframe-frontend-core/src/components/layout/page-layout.tsx
+++ b/openframe-frontend-core/src/components/layout/page-layout.tsx
@@ -47,7 +47,7 @@
 import type React from 'react';
 import { cn } from '../../utils/cn';
 import type { ActionsMenuGroup } from '../ui/actions-menu';
-import type { PageActionButton } from '../ui/page-actions';
+import { mobilePageActions, type PageActionButton } from '../ui/page-actions';
 import { TitleBlock } from './title-block';
 
 export interface PageLayoutProps {
@@ -113,7 +113,8 @@ export function PageLayout({
   titleWrap,
 }: PageLayoutProps) {
   const hasActions = actions && actions.length > 0;
-  const needsBottomPadding = hasActions && actionsVariant === 'primary-buttons';
+  // Room for the mobile bottom bar, which holds only the actions the mobile surface shows.
+  const needsBottomPadding = !!actions && mobilePageActions(actions).length > 0 && actionsVariant === 'primary-buttons';
   const hasHeader = showHeader && (title || subtitle || image || backButton || hasActions || selector || loading);
 
   return (
diff --git a/openframe-frontend-core/src/components/ui/page-actions.tsx b/openframe-frontend-core/src/components/ui/page-actions.tsx
index c8d2da6427..8fa682f682 100644
--- a/openframe-frontend-core/src/components/ui/page-actions.tsx
+++ b/openframe-frontend-core/src/components/ui/page-actions.tsx
@@ -29,6 +29,13 @@ export type PageActionButton = {
   loading?: boolean;
   /** Show action only on mobile (below md). Default: visible on all screens. */
   showOnlyMobile?: boolean;
+  /**
+   * Keep the action out of the MOBILE surface (the fixed bottom bar, the "…"
+   * menu). For an occasional utility on a read-only page (a download, an
+   * export): the bar is for the page's main task, so the page offers the
+   * action inline instead. Default: visible on all screens.
+   */
+  showOnlyDesktop?: boolean;
   /**
    * Render the desktop button as icon-only (label hidden, icon centered). The full
    * label still appears in the mobile "..." dropdown. The desktop icon is forced to
@@ -57,6 +64,11 @@ export type PageActionButton = {
   tooltip?: React.ReactNode;
 };
 
+/** The actions the mobile surface shows: everything but `showOnlyDesktop` ones. */
+export function mobilePageActions(actions: PageActionButton[]): PageActionButton[] {
+  return actions.filter(action => !action.showOnlyDesktop);
+}
+
 function actionKey(action: PageActionButton, idx: number) {
   return `${action.label ?? action.ariaLabel ?? 'action'}-${idx}`;
 }
@@ -345,11 +357,12 @@ function IconButtonsVariant({
   const desktopActions = actions.filter(a => !a.showOnlyMobile);
   const hasMenuActions = !!menuActions && menuActions.some(g => g.items.length > 0);
 
-  const isSingleAction = actions.length === 1 && !actions[0].submenu?.length;
-  const singleAction = isSingleAction ? actions[0] : null;
+  const mobileActions = mobilePageActions(actions);
+  const isSingleAction = mobileActions.length === 1 && !mobileActions[0].submenu?.length;
+  const singleAction = isSingleAction ? mobileActions[0] : null;
   const useSingleActionMobile = isSingleAction && !hasMenuActions;
 
-  const mobileMenuGroups = [{ items: actions.flatMap(actionToMenuItems) }, ...(menuActions ?? [])];
+  const mobileMenuGroups = [{ items: mobileActions.flatMap(actionToMenuItems) }, ...(menuActions ?? [])];
   const hasMobileMenuItems = mobileMenuGroups.some(g => g.items.length > 0);
 
   return (
@@ -429,7 +442,9 @@ function PrimaryButtonsVariant({
         {loading ? <MobileTriggerSkeleton /> : <CompactPrimaryActions actions={desktopActions} />}
       </div>
 
-      <MobileBottomActions actions={sortedActions} loading={loading} />
+      {mobilePageActions(sortedActions).length > 0 ? (
+        <MobileBottomActions actions={mobilePageActions(sortedActions)} loading={loading} />
+      ) : null}
     </>
   );
 }
@@ -454,7 +469,7 @@ function MenuPrimaryVariant({
   const desktopActions = actions.filter(a => !a.showOnlyMobile);
   const hasMenuActions = menuActions.some(g => g.items.length > 0);
 
-  const mobileMenuGroups = [{ items: actions.flatMap(actionToMenuItems) }, ...menuActions];
+  const mobileMenuGroups = [{ items: mobilePageActions(actions).flatMap(actionToMenuItems) }, ...menuActions];
   const hasMobileMenuItems = mobileMenuGroups.some(g => g.items.length > 0);
 
   return (

From cd66e8fd795f617ab1e88937ec84fbf2d9db9012 Mon Sep 17 00:00:00 2001
From: Michael Assraf <michael@flamingo.cx>
Date: Fri, 9 Oct 2026 20:59:09 -0400
Subject: [PATCH 3/8] fix(trust-center): CU-17tkuw5w0k7 the PDF download is one
 quiet link at the end of the status line, in that line's type; no header
 button, no bottom bar [preview:none]

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 .../__tests__/trust-center-page.test.tsx      | 33 +++------
 .../help-center-pages/trust-center-page.tsx   | 67 ++++++-------------
 .../src/components/layout/page-container.tsx  |  5 +-
 .../src/components/layout/page-layout.tsx     |  5 +-
 .../src/components/ui/data-attribution.tsx    | 57 ++++++++++++++--
 .../src/components/ui/page-actions.tsx        | 25 ++-----
 6 files changed, 90 insertions(+), 102 deletions(-)

diff --git a/openframe-frontend-core/src/components/help-center-pages/__tests__/trust-center-page.test.tsx b/openframe-frontend-core/src/components/help-center-pages/__tests__/trust-center-page.test.tsx
index 5b4fd7a5b7..e6eed1e7e3 100644
--- a/openframe-frontend-core/src/components/help-center-pages/__tests__/trust-center-page.test.tsx
+++ b/openframe-frontend-core/src/components/help-center-pages/__tests__/trust-center-page.test.tsx
@@ -208,32 +208,19 @@ describe('TrustCenterPage', () => {
     expect(screen.getByRole('link', { name: 'View Privacy policy' })).toHaveAttribute('target', '_blank');
   });
 
-  it("offers the page as a PDF: the hub's pdf route beside the endpoint, query string kept, in a new tab", () => {
+  it("offers the page as a PDF: ONE quiet link in the status line, the hub's pdf route beside the endpoint, in a new tab", () => {
     render(<TrustCenterPage endpoint="/content/api/trust-center?tenant=a" initialData={makeData()} />);
-    const links = screen.getAllByRole('link', { name: 'Download PDF' });
-    for (const link of links) {
-      expect(link).toHaveAttribute('href', '/content/api/trust-center/pdf?tenant=a');
-      expect(link).toHaveAttribute('target', '_blank');
-    }
-  });
-
-  it('keeps the download out of the phone bottom bar: the bar holds Request access only, the download is an inline link', () => {
-    render(<TrustCenterPage initialData={makeData()} />);
-    // The bottom bar draws its actions full width (`flex-1`): Request access is there, the download is not.
-    const inBar = (element: HTMLElement) => element.className.split(' ').includes('flex-1');
-    expect(screen.getAllByRole('button', { name: 'Request access' }).filter(inBar)).toHaveLength(1);
-    const downloads = screen.getAllByRole('link', { name: 'Download PDF' });
-    expect(downloads.filter(inBar)).toHaveLength(0);
-    // The phone's link: shown below the `md` step only, in the page body.
-    expect(downloads.filter(link => link.className.split(' ').includes('md:hidden'))).toHaveLength(1);
+    const link = screen.getByRole('link', { name: 'Download PDF' });
+    expect(link).toHaveAttribute('href', '/content/api/trust-center/pdf?tenant=a');
+    expect(link).toHaveAttribute('target', '_blank');
+    // Never a header button (nor, on a phone, part of the fixed bottom bar): those are for Request access.
+    expect(screen.queryByRole('button', { name: 'Download PDF' })).toBeNull();
   });
 
-  it('draws nothing in the bottom bar when the download is the only action', () => {
-    render(<TrustCenterPage initialData={makeData({ documents: [] })} />);
-    expect(screen.queryByRole('button', { name: 'Request access' })).toBeNull();
-    const downloads = screen.getAllByRole('link', { name: 'Download PDF' });
-    expect(downloads.length).toBeGreaterThan(0);
-    expect(downloads.filter(link => link.className.split(' ').includes('flex-1'))).toHaveLength(0);
+  it('still offers the PDF when monitoring is not connected (no source line to end)', () => {
+    render(<TrustCenterPage initialData={makeData({ connected: false, syncedAt: null })} />);
+    expect(screen.getByRole('link', { name: 'Download PDF' })).toHaveAttribute('href', '/api/trust-center/pdf');
+    expect(screen.queryByText(/Data synced from/)).toBeNull();
   });
 
   it('hides empty sections and the request CTA when nothing is gated', () => {
diff --git a/openframe-frontend-core/src/components/help-center-pages/trust-center-page.tsx b/openframe-frontend-core/src/components/help-center-pages/trust-center-page.tsx
index 366c8b13d6..0f932702d9 100644
--- a/openframe-frontend-core/src/components/help-center-pages/trust-center-page.tsx
+++ b/openframe-frontend-core/src/components/help-center-pages/trust-center-page.tsx
@@ -5,7 +5,7 @@
  *
  * ONE page, not tabs (2026 trust-center practice: buyers skim and Ctrl-F, and a
  * questionnaire needs a deep link per section): hero with the monitoring status
- * and the actions (Download PDF, Request access), then anchored sections in reading order
+ * (with the page's PDF as a quiet link at its end) and the Request access action, then anchored sections in reading order
  * (`TRUST_CENTER_SECTIONS`: AI & data use → compliance → controls → documents →
  * subprocessors → FAQ → questions) with a sticky section rail on desktop
  * (`StickySectionNav` + `useScrollSpy`, the vendor-page / DocViewer pattern).
@@ -49,10 +49,9 @@ import { useScrollSpy } from '../docs/use-scroll-spy';
 import { FaqSection, type FaqSectionProps } from '../faq/faq-section';
 import { Download01Icon } from '../icons-v2-generated/interface/download-01-icon';
 import { PageShell } from '../layout/article-detail-layout';
-import { PageLayout, type PageActionButton } from '../layout/page-layout';
+import { PageLayout } from '../layout/page-layout';
 import { StickySectionNav } from '../navigation/sticky-section-nav';
-import { Button } from '../ui/button/button';
-import { DataAttribution } from '../ui/data-attribution';
+import { DataAttribution, DataAttributionLink } from '../ui/data-attribution';
 import { EntityImage } from '../ui/entity-image';
 import { LoadError } from '../ui/error-state';
 import { StatusIndicator } from '../ui/status-indicator';
@@ -112,9 +111,6 @@ function controlsSeed(data: TrustCenterPublic): TrustCenterControlsPage {
   };
 }
 
-/** The download's wording, in the header action and the phone's inline link. */
-const DOWNLOAD_PDF_LABEL = 'Download PDF';
-
 /** How often an open page re-judges "monitored" against the clock. */
 const MONITORING_CLOCK_TICK_MS = 60_000;
 
@@ -191,33 +187,19 @@ export function TrustCenterPage({
   const closeRequest = useCallback(() => setRequest(current => ({ ...current, open: false })), []);
 
   const hasGatedDocuments = data?.documents.some(document => document.access === 'request') ?? false;
-  // The PDF is the page's own content as a file (the hub's `pdf` route beside
-  // `endpoint`), so it is offered once there is content. A new tab: the answer
-  // is an attachment, which the browser saves without leaving the page.
-  //
-  // WHERE: with the page's actions at the top of the page, like every trust
-  // center's hero actions. On a wide window that is the header's action slot.
-  // On a phone the header's actions become a bar fixed to the bottom of the
-  // screen, which is for the page's main task (Request access): an occasional
-  // download on a read-only page does not belong there (`showOnlyDesktop`), so
-  // it is a quiet link in the status row under the title instead.
-  const pdfUrl = trustCenterPdfUrl(endpoint);
-  const actions: PageActionButton[] | undefined = data
-    ? [
-        {
-          label: DOWNLOAD_PDF_LABEL,
-          variant: 'outline',
-          icon: <Download01Icon aria-hidden="true" />,
-          href: pdfUrl,
-          openInNewTab: true,
-          prefetch: false,
-          showOnlyDesktop: true,
-        },
-        ...(hasGatedDocuments
-          ? [{ label: 'Request access', variant: 'accent' as const, onClick: () => openRequest(null) }]
-          : []),
-      ]
+  const actions = hasGatedDocuments
+    ? [{ label: 'Request access', variant: 'accent' as const, onClick: () => openRequest(null) }]
     : undefined;
+  // The page as a file (the hub's `pdf` route beside `endpoint`). An occasional
+  // utility on a read-only page, so it is NOT a header action (a button there,
+  // and a fixed bar on a phone, are for the page's task: Request access). It is
+  // one quiet link at the end of the status line under the title, in that
+  // line's own type, at every width.
+  const download = {
+    label: 'Download PDF',
+    href: trustCenterPdfUrl(endpoint),
+    icon: <Download01Icon className="size-4" aria-hidden="true" />,
+  };
 
   // Section id → its content. Titles come from `TRUST_CENTER_SECTIONS`; which
   // sections show comes from `visibleTrustCenterSections` — this map only says what each renders.
@@ -277,20 +259,11 @@ export function TrustCenterPage({
               }
               source={data.dataSource.name}
               lastUpdated={data.syncedAt}
+              action={download}
             />
-          ) : null}
-          {/* The phone's Download PDF (see `actions`): the same breakpoint the bottom bar uses. */}
-          <Button
-            variant="link"
-            size="wrap"
-            href={pdfUrl}
-            openInNewTab
-            prefetch={false}
-            leftIcon={<Download01Icon aria-hidden="true" />}
-            className="self-start md:hidden"
-          >
-            {DOWNLOAD_PDF_LABEL}
-          </Button>
+          ) : (
+            <DataAttributionLink {...download} />
+          )}
         </div>
 
         <div className={TRUST_BODY_GRID_CLASS}>
@@ -346,7 +319,7 @@ function TrustCenterChrome({
   actions,
   children,
 }: Required<Pick<TrustCenterPageProps, 'shell' | 'title' | 'subtitle' | 'backButton'>> & {
-  actions?: PageActionButton[];
+  actions?: Array<{ label: string; variant: 'accent'; onClick: () => void }>;
   children: ReactNode;
 }) {
   const router = useRouter();
diff --git a/openframe-frontend-core/src/components/layout/page-container.tsx b/openframe-frontend-core/src/components/layout/page-container.tsx
index e586c0a874..231ff7a93a 100644
--- a/openframe-frontend-core/src/components/layout/page-container.tsx
+++ b/openframe-frontend-core/src/components/layout/page-container.tsx
@@ -3,7 +3,7 @@
 import type React from 'react';
 import { cn } from '../../utils/cn';
 import type { ActionsMenuGroup } from '../ui/actions-menu';
-import { mobilePageActions, PageActions, type PageActionButton } from '../ui/page-actions';
+import { PageActions, type PageActionButton } from '../ui/page-actions';
 import { BackButton } from './back-button';
 import { accentSentenceMarks } from './page-heading';
 
@@ -208,8 +208,7 @@ function renderAdvancedPageContainer({
   };
 
   // Check if we need bottom padding for mobile fixed actions
-  const needsBottomPadding =
-    !!actions && mobilePageActions(actions).length > 0 && getActionsVariant() === 'primary-buttons';
+  const needsBottomPadding = actions && actions.length > 0 && getActionsVariant() === 'primary-buttons';
 
   const paddingClasses = {
     none: '',
diff --git a/openframe-frontend-core/src/components/layout/page-layout.tsx b/openframe-frontend-core/src/components/layout/page-layout.tsx
index d59f5898d8..147fe90951 100644
--- a/openframe-frontend-core/src/components/layout/page-layout.tsx
+++ b/openframe-frontend-core/src/components/layout/page-layout.tsx
@@ -47,7 +47,7 @@
 import type React from 'react';
 import { cn } from '../../utils/cn';
 import type { ActionsMenuGroup } from '../ui/actions-menu';
-import { mobilePageActions, type PageActionButton } from '../ui/page-actions';
+import type { PageActionButton } from '../ui/page-actions';
 import { TitleBlock } from './title-block';
 
 export interface PageLayoutProps {
@@ -113,8 +113,7 @@ export function PageLayout({
   titleWrap,
 }: PageLayoutProps) {
   const hasActions = actions && actions.length > 0;
-  // Room for the mobile bottom bar, which holds only the actions the mobile surface shows.
-  const needsBottomPadding = !!actions && mobilePageActions(actions).length > 0 && actionsVariant === 'primary-buttons';
+  const needsBottomPadding = hasActions && actionsVariant === 'primary-buttons';
   const hasHeader = showHeader && (title || subtitle || image || backButton || hasActions || selector || loading);
 
   return (
diff --git a/openframe-frontend-core/src/components/ui/data-attribution.tsx b/openframe-frontend-core/src/components/ui/data-attribution.tsx
index fb329b038f..4278e953ab 100644
--- a/openframe-frontend-core/src/components/ui/data-attribution.tsx
+++ b/openframe-frontend-core/src/components/ui/data-attribution.tsx
@@ -1,6 +1,13 @@
 import type { ReactNode } from 'react';
 import { formatDate } from '../../utils/format';
 
+export interface DataAttributionAction {
+  label: string;
+  href: string;
+  /** A 16px glyph before the label (e.g. `<Download01Icon className="size-4" />`). */
+  icon?: ReactNode;
+}
+
 export interface DataAttributionProps {
   /** The source's mark, sized by the caller (e.g. `<CartaIcon className="h-4 w-4" />`). */
   icon?: ReactNode;
@@ -8,6 +15,40 @@ export interface DataAttributionProps {
   source: string;
   /** ISO instant of the last successful sync, or null when it never ran. */
   lastUpdated: string | null;
+  /** One quiet link at the end of the line: a way to take this data away (a file of it). */
+  action?: DataAttributionAction;
+}
+
+const LINE_CLASS =
+  'flex shrink-0 flex-col gap-[var(--spacing-system-xxs)] text-ods-text-primary text-h6 content-sm:flex-row content-sm:items-center content-sm:gap-[var(--spacing-system-sf)]';
+const ITEM_CLASS = 'flex items-center gap-[var(--spacing-system-xsf)]';
+
+function Separator() {
+  return (
+    <span className="hidden text-ods-text-secondary content-sm:inline" aria-hidden="true">
+      &middot;
+    </span>
+  );
+}
+
+/**
+ * The line's link, in the line's own type: secondary text, underlined, never
+ * louder than the facts beside it. Opens in a new tab (a file downloads there
+ * without leaving the page). Exported for a surface that shows the link while
+ * it has no source to attribute yet.
+ */
+export function DataAttributionLink({ label, href, icon }: DataAttributionAction) {
+  return (
+    <a
+      href={href}
+      target="_blank"
+      rel="noopener noreferrer"
+      className={`${ITEM_CLASS} text-ods-text-secondary underline underline-offset-2 transition-colors text-h6 hover:text-ods-text-primary`}
+    >
+      {icon}
+      <span>{label}</span>
+    </a>
+  );
 }
 
 /**
@@ -16,17 +57,21 @@ export interface DataAttributionProps {
  * UTC (`formatDate`), so a server-rendered page and its hydrated copy print the
  * same text.
  */
-export function DataAttribution({ icon, source, lastUpdated }: DataAttributionProps) {
+export function DataAttribution({ icon, source, lastUpdated, action }: DataAttributionProps) {
   return (
-    <div className="flex shrink-0 flex-col gap-[var(--spacing-system-xxs)] text-ods-text-primary text-h6 content-sm:flex-row content-sm:items-center content-sm:gap-[var(--spacing-system-sf)]">
-      <div className="flex items-center gap-[var(--spacing-system-xsf)]">
+    <div className={LINE_CLASS}>
+      <div className={ITEM_CLASS}>
         {icon}
         <span>Data synced from {source}</span>
       </div>
-      <span className="hidden text-ods-text-secondary content-sm:inline" aria-hidden="true">
-        &middot;
-      </span>
+      <Separator />
       <span className="text-ods-text-secondary">Last updated: {lastUpdated ? formatDate(lastUpdated) : 'Never'}</span>
+      {action ? (
+        <>
+          <Separator />
+          <DataAttributionLink {...action} />
+        </>
+      ) : null}
     </div>
   );
 }
diff --git a/openframe-frontend-core/src/components/ui/page-actions.tsx b/openframe-frontend-core/src/components/ui/page-actions.tsx
index 8fa682f682..c8d2da6427 100644
--- a/openframe-frontend-core/src/components/ui/page-actions.tsx
+++ b/openframe-frontend-core/src/components/ui/page-actions.tsx
@@ -29,13 +29,6 @@ export type PageActionButton = {
   loading?: boolean;
   /** Show action only on mobile (below md). Default: visible on all screens. */
   showOnlyMobile?: boolean;
-  /**
-   * Keep the action out of the MOBILE surface (the fixed bottom bar, the "…"
-   * menu). For an occasional utility on a read-only page (a download, an
-   * export): the bar is for the page's main task, so the page offers the
-   * action inline instead. Default: visible on all screens.
-   */
-  showOnlyDesktop?: boolean;
   /**
    * Render the desktop button as icon-only (label hidden, icon centered). The full
    * label still appears in the mobile "..." dropdown. The desktop icon is forced to
@@ -64,11 +57,6 @@ export type PageActionButton = {
   tooltip?: React.ReactNode;
 };
 
-/** The actions the mobile surface shows: everything but `showOnlyDesktop` ones. */
-export function mobilePageActions(actions: PageActionButton[]): PageActionButton[] {
-  return actions.filter(action => !action.showOnlyDesktop);
-}
-
 function actionKey(action: PageActionButton, idx: number) {
   return `${action.label ?? action.ariaLabel ?? 'action'}-${idx}`;
 }
@@ -357,12 +345,11 @@ function IconButtonsVariant({
   const desktopActions = actions.filter(a => !a.showOnlyMobile);
   const hasMenuActions = !!menuActions && menuActions.some(g => g.items.length > 0);
 
-  const mobileActions = mobilePageActions(actions);
-  const isSingleAction = mobileActions.length === 1 && !mobileActions[0].submenu?.length;
-  const singleAction = isSingleAction ? mobileActions[0] : null;
+  const isSingleAction = actions.length === 1 && !actions[0].submenu?.length;
+  const singleAction = isSingleAction ? actions[0] : null;
   const useSingleActionMobile = isSingleAction && !hasMenuActions;
 
-  const mobileMenuGroups = [{ items: mobileActions.flatMap(actionToMenuItems) }, ...(menuActions ?? [])];
+  const mobileMenuGroups = [{ items: actions.flatMap(actionToMenuItems) }, ...(menuActions ?? [])];
   const hasMobileMenuItems = mobileMenuGroups.some(g => g.items.length > 0);
 
   return (
@@ -442,9 +429,7 @@ function PrimaryButtonsVariant({
         {loading ? <MobileTriggerSkeleton /> : <CompactPrimaryActions actions={desktopActions} />}
       </div>
 
-      {mobilePageActions(sortedActions).length > 0 ? (
-        <MobileBottomActions actions={mobilePageActions(sortedActions)} loading={loading} />
-      ) : null}
+      <MobileBottomActions actions={sortedActions} loading={loading} />
     </>
   );
 }
@@ -469,7 +454,7 @@ function MenuPrimaryVariant({
   const desktopActions = actions.filter(a => !a.showOnlyMobile);
   const hasMenuActions = menuActions.some(g => g.items.length > 0);
 
-  const mobileMenuGroups = [{ items: mobilePageActions(actions).flatMap(actionToMenuItems) }, ...menuActions];
+  const mobileMenuGroups = [{ items: actions.flatMap(actionToMenuItems) }, ...menuActions];
   const hasMobileMenuItems = mobileMenuGroups.some(g => g.items.length > 0);
 
   return (

From 3ee55ef4fe34f69fd03a03d16ffbfa7c377de3e4 Mon Sep 17 00:00:00 2001
From: Michael Assraf <michael@flamingo.cx>
Date: Fri, 9 Oct 2026 21:05:04 -0400
Subject: [PATCH 4/8] feat(ui): CU-17tkuw5w0k7 DownloadButton, the shared small
 download button; the Trust Center's PDF uses it in the status line
 [preview:none]

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 .../__tests__/trust-center-page.test.tsx      |  6 +--
 .../help-center-pages/trust-center-page.tsx   | 16 +++-----
 .../ui/__tests__/download-button.test.tsx     | 26 +++++++++++++
 .../src/components/ui/data-attribution.tsx    | 38 ++-----------------
 .../src/components/ui/download-button.tsx     | 32 ++++++++++++++++
 .../src/components/ui/index.ts                |  1 +
 6 files changed, 71 insertions(+), 48 deletions(-)
 create mode 100644 openframe-frontend-core/src/components/ui/__tests__/download-button.test.tsx
 create mode 100644 openframe-frontend-core/src/components/ui/download-button.tsx

diff --git a/openframe-frontend-core/src/components/help-center-pages/__tests__/trust-center-page.test.tsx b/openframe-frontend-core/src/components/help-center-pages/__tests__/trust-center-page.test.tsx
index e6eed1e7e3..e91f5c8421 100644
--- a/openframe-frontend-core/src/components/help-center-pages/__tests__/trust-center-page.test.tsx
+++ b/openframe-frontend-core/src/components/help-center-pages/__tests__/trust-center-page.test.tsx
@@ -208,13 +208,13 @@ describe('TrustCenterPage', () => {
     expect(screen.getByRole('link', { name: 'View Privacy policy' })).toHaveAttribute('target', '_blank');
   });
 
-  it("offers the page as a PDF: ONE quiet link in the status line, the hub's pdf route beside the endpoint, in a new tab", () => {
+  it("offers the page as a PDF: ONE small download button in the status line, the hub's pdf route beside the endpoint, in a new tab", () => {
     render(<TrustCenterPage endpoint="/content/api/trust-center?tenant=a" initialData={makeData()} />);
     const link = screen.getByRole('link', { name: 'Download PDF' });
     expect(link).toHaveAttribute('href', '/content/api/trust-center/pdf?tenant=a');
     expect(link).toHaveAttribute('target', '_blank');
-    // Never a header button (nor, on a phone, part of the fixed bottom bar): those are for Request access.
-    expect(screen.queryByRole('button', { name: 'Download PDF' })).toBeNull();
+    // One control only: never also a header action or part of the phone's fixed bottom bar (those are for Request access).
+    expect(screen.getAllByText('Download PDF')).toHaveLength(1);
   });
 
   it('still offers the PDF when monitoring is not connected (no source line to end)', () => {
diff --git a/openframe-frontend-core/src/components/help-center-pages/trust-center-page.tsx b/openframe-frontend-core/src/components/help-center-pages/trust-center-page.tsx
index 0f932702d9..9b7f6e61b4 100644
--- a/openframe-frontend-core/src/components/help-center-pages/trust-center-page.tsx
+++ b/openframe-frontend-core/src/components/help-center-pages/trust-center-page.tsx
@@ -47,11 +47,11 @@ import {
 import { STICKY_HEADER_OFFSET_PX } from '../../utils/same-page-hash-nav';
 import { useScrollSpy } from '../docs/use-scroll-spy';
 import { FaqSection, type FaqSectionProps } from '../faq/faq-section';
-import { Download01Icon } from '../icons-v2-generated/interface/download-01-icon';
 import { PageShell } from '../layout/article-detail-layout';
 import { PageLayout } from '../layout/page-layout';
 import { StickySectionNav } from '../navigation/sticky-section-nav';
-import { DataAttribution, DataAttributionLink } from '../ui/data-attribution';
+import { DataAttribution } from '../ui/data-attribution';
+import { DownloadButton } from '../ui/download-button';
 import { EntityImage } from '../ui/entity-image';
 import { LoadError } from '../ui/error-state';
 import { StatusIndicator } from '../ui/status-indicator';
@@ -193,13 +193,9 @@ export function TrustCenterPage({
   // The page as a file (the hub's `pdf` route beside `endpoint`). An occasional
   // utility on a read-only page, so it is NOT a header action (a button there,
   // and a fixed bar on a phone, are for the page's task: Request access). It is
-  // one quiet link at the end of the status line under the title, in that
-  // line's own type, at every width.
-  const download = {
-    label: 'Download PDF',
-    href: trustCenterPdfUrl(endpoint),
-    icon: <Download01Icon className="size-4" aria-hidden="true" />,
-  };
+  // the shared small `DownloadButton` at the end of the status line under the
+  // title, at every width.
+  const download = <DownloadButton label="Download PDF" href={trustCenterPdfUrl(endpoint)} />;
 
   // Section id → its content. Titles come from `TRUST_CENTER_SECTIONS`; which
   // sections show comes from `visibleTrustCenterSections` — this map only says what each renders.
@@ -262,7 +258,7 @@ export function TrustCenterPage({
               action={download}
             />
           ) : (
-            <DataAttributionLink {...download} />
+            download
           )}
         </div>
 
diff --git a/openframe-frontend-core/src/components/ui/__tests__/download-button.test.tsx b/openframe-frontend-core/src/components/ui/__tests__/download-button.test.tsx
new file mode 100644
index 0000000000..bb3032c2cb
--- /dev/null
+++ b/openframe-frontend-core/src/components/ui/__tests__/download-button.test.tsx
@@ -0,0 +1,26 @@
+import { fireEvent, render, screen } from '@testing-library/react';
+import { describe, expect, it, vi } from 'vitest';
+import { DownloadButton } from '../download-button';
+
+describe('DownloadButton', () => {
+  it('with an href it is a link that opens the file in a new tab', () => {
+    render(<DownloadButton label="Download PDF" href="/api/trust-center/pdf" />);
+    const link = screen.getByRole('link', { name: 'Download PDF' });
+    expect(link).toHaveAttribute('href', '/api/trust-center/pdf');
+    expect(link).toHaveAttribute('target', '_blank');
+  });
+
+  it('with an onClick the host downloads the file itself', () => {
+    const onClick = vi.fn();
+    render(<DownloadButton label="Download PDF" onClick={onClick} />);
+    fireEvent.click(screen.getByRole('button', { name: 'Download PDF' }));
+    expect(onClick).toHaveBeenCalledTimes(1);
+  });
+
+  it('is the regular small outline button unless the host says otherwise', () => {
+    const { rerender } = render(<DownloadButton label="Download PDF" onClick={() => {}} />);
+    const regular = screen.getByRole('button', { name: 'Download PDF' }).className;
+    rerender(<DownloadButton label="Download PDF" variant="transparent" onClick={() => {}} />);
+    expect(screen.getByRole('button', { name: 'Download PDF' }).className).not.toBe(regular);
+  });
+});
diff --git a/openframe-frontend-core/src/components/ui/data-attribution.tsx b/openframe-frontend-core/src/components/ui/data-attribution.tsx
index 4278e953ab..3de3c788ad 100644
--- a/openframe-frontend-core/src/components/ui/data-attribution.tsx
+++ b/openframe-frontend-core/src/components/ui/data-attribution.tsx
@@ -1,13 +1,6 @@
 import type { ReactNode } from 'react';
 import { formatDate } from '../../utils/format';
 
-export interface DataAttributionAction {
-  label: string;
-  href: string;
-  /** A 16px glyph before the label (e.g. `<Download01Icon className="size-4" />`). */
-  icon?: ReactNode;
-}
-
 export interface DataAttributionProps {
   /** The source's mark, sized by the caller (e.g. `<CartaIcon className="h-4 w-4" />`). */
   icon?: ReactNode;
@@ -15,8 +8,8 @@ export interface DataAttributionProps {
   source: string;
   /** ISO instant of the last successful sync, or null when it never ran. */
   lastUpdated: string | null;
-  /** One quiet link at the end of the line: a way to take this data away (a file of it). */
-  action?: DataAttributionAction;
+  /** One control at the end of the line: a way to take this data away (a `DownloadButton` for a file of it). */
+  action?: ReactNode;
 }
 
 const LINE_CLASS =
@@ -31,26 +24,6 @@ function Separator() {
   );
 }
 
-/**
- * The line's link, in the line's own type: secondary text, underlined, never
- * louder than the facts beside it. Opens in a new tab (a file downloads there
- * without leaving the page). Exported for a surface that shows the link while
- * it has no source to attribute yet.
- */
-export function DataAttributionLink({ label, href, icon }: DataAttributionAction) {
-  return (
-    <a
-      href={href}
-      target="_blank"
-      rel="noopener noreferrer"
-      className={`${ITEM_CLASS} text-ods-text-secondary underline underline-offset-2 transition-colors text-h6 hover:text-ods-text-primary`}
-    >
-      {icon}
-      <span>{label}</span>
-    </a>
-  );
-}
-
 /**
  * THE "Data synced from <source> · Last updated: <date>" line every synced
  * surface shows (the cap table, the financials, the Trust Center). The date is
@@ -66,12 +39,7 @@ export function DataAttribution({ icon, source, lastUpdated, action }: DataAttri
       </div>
       <Separator />
       <span className="text-ods-text-secondary">Last updated: {lastUpdated ? formatDate(lastUpdated) : 'Never'}</span>
-      {action ? (
-        <>
-          <Separator />
-          <DataAttributionLink {...action} />
-        </>
-      ) : null}
+      {action ? <div className="flex content-sm:pl-[var(--spacing-system-xs)]">{action}</div> : null}
     </div>
   );
 }
diff --git a/openframe-frontend-core/src/components/ui/download-button.tsx b/openframe-frontend-core/src/components/ui/download-button.tsx
new file mode 100644
index 0000000000..1e1a3ca5be
--- /dev/null
+++ b/openframe-frontend-core/src/components/ui/download-button.tsx
@@ -0,0 +1,32 @@
+import { Download01Icon } from '../icons-v2-generated/interface/download-01-icon';
+import { Button, type ButtonProps } from './button/button';
+
+export type DownloadButtonProps = Omit<ButtonProps, 'leftIcon' | 'children'> & {
+  /** What is downloaded, as the button says it ("Download PDF"). */
+  label: string;
+};
+
+/**
+ * THE download button: a regular small outline `Button` with the download
+ * glyph, wherever a surface hands the reader a file of what it shows (the Trust
+ * Center's PDF, the margin report's PDF). One look and one size, so a download
+ * reads the same on every page and never louder than the page's own action.
+ *
+ * With `href` it is a link that opens in a new tab (an attachment downloads
+ * there without leaving the page). With `onClick` the host fetches the file
+ * itself and passes `loading` while it does.
+ */
+export function DownloadButton({ label, variant = 'outline', size = 'small', href, ...props }: DownloadButtonProps) {
+  return (
+    <Button
+      variant={variant}
+      size={size}
+      leftIcon={<Download01Icon aria-hidden="true" />}
+      href={href}
+      {...(href ? { openInNewTab: true, prefetch: false } : {})}
+      {...props}
+    >
+      {label}
+    </Button>
+  );
+}
diff --git a/openframe-frontend-core/src/components/ui/index.ts b/openframe-frontend-core/src/components/ui/index.ts
index 95e54e6beb..b5f86e1de8 100644
--- a/openframe-frontend-core/src/components/ui/index.ts
+++ b/openframe-frontend-core/src/components/ui/index.ts
@@ -108,6 +108,7 @@ export * from './device-card';
 export * from './device-card-compact';
 export * from './entity-image';
 export * from './data-attribution';
+export * from './download-button';
 export * from './compliance-badge';
 export * from './feature-card';
 export * from './feature-list';

From c9c2a4e1b39d7c0b04accdd9fa3fdc6ce7feb48b Mon Sep 17 00:00:00 2001
From: Michael Assraf <michael@flamingo.cx>
Date: Fri, 9 Oct 2026 21:35:43 -0400
Subject: [PATCH 5/8] fix(ui): CU-17tkuw5w0k7 the download button is the ghost
 button; the status lines stack with even 8px spacing on a phone
 [preview:none]

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 .../help-center-pages/trust-center-sections.tsx        |  4 ++--
 .../components/ui/__tests__/download-button.test.tsx   |  4 ++--
 .../src/components/ui/data-attribution.tsx             |  2 +-
 .../src/components/ui/download-button.tsx              | 10 ++++++++--
 4 files changed, 13 insertions(+), 7 deletions(-)

diff --git a/openframe-frontend-core/src/components/help-center-pages/trust-center-sections.tsx b/openframe-frontend-core/src/components/help-center-pages/trust-center-sections.tsx
index c3284237c2..e2adc3414c 100644
--- a/openframe-frontend-core/src/components/help-center-pages/trust-center-sections.tsx
+++ b/openframe-frontend-core/src/components/help-center-pages/trust-center-sections.tsx
@@ -72,7 +72,7 @@ const BODY_TEXT = 'text-h6 text-ods-text-secondary';
  * beside the section rail.
  */
 export const TRUST_STATUS_ROW_CLASS =
-  'flex flex-col gap-[var(--spacing-system-xs)] content-md:flex-row content-md:items-center content-md:justify-between';
+  'flex flex-col gap-[var(--spacing-system-xsf)] content-md:flex-row content-md:items-center content-md:justify-between';
 export const TRUST_BODY_GRID_CLASS =
   'grid grid-cols-1 gap-[var(--spacing-system-xl)] content-lg:grid-cols-[minmax(0,1fr)_12rem]';
 export const TRUST_SECTIONS_COLUMN_CLASS = 'flex min-w-0 flex-col gap-[var(--spacing-system-xxl)]';
@@ -675,7 +675,7 @@ export function TrustCenterSkeleton() {
           <TextSkeleton.Body className="w-44" />
         </div>
         {/* `DataAttribution`'s own layout: two lines below `sm`, one row above it. */}
-        <div className="flex shrink-0 flex-col gap-[var(--spacing-system-xxs)] content-sm:flex-row content-sm:items-center content-sm:gap-[var(--spacing-system-sf)]">
+        <div className="flex shrink-0 flex-col gap-[var(--spacing-system-xsf)] content-sm:flex-row content-sm:items-center content-sm:gap-[var(--spacing-system-sf)]">
           <div className="flex items-center gap-[var(--spacing-system-xsf)]">
             <UnifiedSkeleton className="size-4 rounded" />
             <TextSkeleton.Body className="w-36" />
diff --git a/openframe-frontend-core/src/components/ui/__tests__/download-button.test.tsx b/openframe-frontend-core/src/components/ui/__tests__/download-button.test.tsx
index bb3032c2cb..f1afbac30e 100644
--- a/openframe-frontend-core/src/components/ui/__tests__/download-button.test.tsx
+++ b/openframe-frontend-core/src/components/ui/__tests__/download-button.test.tsx
@@ -17,10 +17,10 @@ describe('DownloadButton', () => {
     expect(onClick).toHaveBeenCalledTimes(1);
   });
 
-  it('is the regular small outline button unless the host says otherwise', () => {
+  it('is the regular small ghost button unless the host says otherwise', () => {
     const { rerender } = render(<DownloadButton label="Download PDF" onClick={() => {}} />);
     const regular = screen.getByRole('button', { name: 'Download PDF' }).className;
-    rerender(<DownloadButton label="Download PDF" variant="transparent" onClick={() => {}} />);
+    rerender(<DownloadButton label="Download PDF" variant="outline" onClick={() => {}} />);
     expect(screen.getByRole('button', { name: 'Download PDF' }).className).not.toBe(regular);
   });
 });
diff --git a/openframe-frontend-core/src/components/ui/data-attribution.tsx b/openframe-frontend-core/src/components/ui/data-attribution.tsx
index 3de3c788ad..3e7a23c67b 100644
--- a/openframe-frontend-core/src/components/ui/data-attribution.tsx
+++ b/openframe-frontend-core/src/components/ui/data-attribution.tsx
@@ -13,7 +13,7 @@ export interface DataAttributionProps {
 }
 
 const LINE_CLASS =
-  'flex shrink-0 flex-col gap-[var(--spacing-system-xxs)] text-ods-text-primary text-h6 content-sm:flex-row content-sm:items-center content-sm:gap-[var(--spacing-system-sf)]';
+  'flex shrink-0 flex-col gap-[var(--spacing-system-xsf)] text-ods-text-primary text-h6 content-sm:flex-row content-sm:items-center content-sm:gap-[var(--spacing-system-sf)]';
 const ITEM_CLASS = 'flex items-center gap-[var(--spacing-system-xsf)]';
 
 function Separator() {
diff --git a/openframe-frontend-core/src/components/ui/download-button.tsx b/openframe-frontend-core/src/components/ui/download-button.tsx
index 1e1a3ca5be..aa670fa6ac 100644
--- a/openframe-frontend-core/src/components/ui/download-button.tsx
+++ b/openframe-frontend-core/src/components/ui/download-button.tsx
@@ -7,7 +7,7 @@ export type DownloadButtonProps = Omit<ButtonProps, 'leftIcon' | 'children'> & {
 };
 
 /**
- * THE download button: a regular small outline `Button` with the download
+ * THE download button: a regular small ghost `Button` (`transparent`) with the download
  * glyph, wherever a surface hands the reader a file of what it shows (the Trust
  * Center's PDF, the margin report's PDF). One look and one size, so a download
  * reads the same on every page and never louder than the page's own action.
@@ -16,7 +16,13 @@ export type DownloadButtonProps = Omit<ButtonProps, 'leftIcon' | 'children'> & {
  * there without leaving the page). With `onClick` the host fetches the file
  * itself and passes `loading` while it does.
  */
-export function DownloadButton({ label, variant = 'outline', size = 'small', href, ...props }: DownloadButtonProps) {
+export function DownloadButton({
+  label,
+  variant = 'transparent',
+  size = 'small',
+  href,
+  ...props
+}: DownloadButtonProps) {
   return (
     <Button
       variant={variant}

From 9956eb9f9b36bc03a99fa7e1b13fa1e1d33790de Mon Sep 17 00:00:00 2001
From: Michael Assraf <michael@flamingo.cx>
Date: Fri, 9 Oct 2026 21:49:21 -0400
Subject: [PATCH 6/8] fix(ui): CU-17tkuw5w0k7 the download button's text is the
 secondary colour of the facts beside it (the link variant) [preview:none]

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 .../ui/__tests__/download-button.test.tsx      |  2 +-
 .../src/components/ui/download-button.tsx      | 18 +++++++-----------
 2 files changed, 8 insertions(+), 12 deletions(-)

diff --git a/openframe-frontend-core/src/components/ui/__tests__/download-button.test.tsx b/openframe-frontend-core/src/components/ui/__tests__/download-button.test.tsx
index f1afbac30e..43fb6946ef 100644
--- a/openframe-frontend-core/src/components/ui/__tests__/download-button.test.tsx
+++ b/openframe-frontend-core/src/components/ui/__tests__/download-button.test.tsx
@@ -17,7 +17,7 @@ describe('DownloadButton', () => {
     expect(onClick).toHaveBeenCalledTimes(1);
   });
 
-  it('is the regular small ghost button unless the host says otherwise', () => {
+  it('is the regular small quiet button unless the host says otherwise', () => {
     const { rerender } = render(<DownloadButton label="Download PDF" onClick={() => {}} />);
     const regular = screen.getByRole('button', { name: 'Download PDF' }).className;
     rerender(<DownloadButton label="Download PDF" variant="outline" onClick={() => {}} />);
diff --git a/openframe-frontend-core/src/components/ui/download-button.tsx b/openframe-frontend-core/src/components/ui/download-button.tsx
index aa670fa6ac..5f7c67de46 100644
--- a/openframe-frontend-core/src/components/ui/download-button.tsx
+++ b/openframe-frontend-core/src/components/ui/download-button.tsx
@@ -7,22 +7,18 @@ export type DownloadButtonProps = Omit<ButtonProps, 'leftIcon' | 'children'> & {
 };
 
 /**
- * THE download button: a regular small ghost `Button` (`transparent`) with the download
- * glyph, wherever a surface hands the reader a file of what it shows (the Trust
- * Center's PDF, the margin report's PDF). One look and one size, so a download
- * reads the same on every page and never louder than the page's own action.
+ * THE download button: a regular small `Button` in the quiet `link` variant
+ * (no surface, secondary text like the facts it sits beside, the accent on
+ * hover) with the download glyph, wherever a surface hands the reader a file of
+ * what it shows (the Trust Center's PDF, the margin report's PDF). One look and
+ * one size, so a download reads the same on every page and never louder than
+ * the page's own action.
  *
  * With `href` it is a link that opens in a new tab (an attachment downloads
  * there without leaving the page). With `onClick` the host fetches the file
  * itself and passes `loading` while it does.
  */
-export function DownloadButton({
-  label,
-  variant = 'transparent',
-  size = 'small',
-  href,
-  ...props
-}: DownloadButtonProps) {
+export function DownloadButton({ label, variant = 'link', size = 'small', href, ...props }: DownloadButtonProps) {
   return (
     <Button
       variant={variant}

From a806729a6cc40ee5ca48f790b5e0e1d443788a0e Mon Sep 17 00:00:00 2001
From: Michael Assraf <michael@flamingo.cx>
Date: Fri, 9 Oct 2026 22:28:12 -0400
Subject: [PATCH 7/8] feat(trust-center): CU-17tkuw5w0k7 beforeFaq: host
 content sits before the FAQ, so the FAQ closes the page [preview:none]

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 .../__tests__/trust-center-page.test.tsx      | 25 ++++++++++++-
 .../help-center-pages/trust-center-page.tsx   | 36 ++++++++++++++++---
 2 files changed, 56 insertions(+), 5 deletions(-)

diff --git a/openframe-frontend-core/src/components/help-center-pages/__tests__/trust-center-page.test.tsx b/openframe-frontend-core/src/components/help-center-pages/__tests__/trust-center-page.test.tsx
index e91f5c8421..555f4dec87 100644
--- a/openframe-frontend-core/src/components/help-center-pages/__tests__/trust-center-page.test.tsx
+++ b/openframe-frontend-core/src/components/help-center-pages/__tests__/trust-center-page.test.tsx
@@ -13,7 +13,11 @@ import {
   type TrustCenterControlsPage,
   type TrustCenterPublic,
 } from '../../../types/trust-center';
-import { TRUST_CENTER_FIXTURE_WINDOW_MS, makeTrustCenterData } from '../__fixtures__/trust-center';
+import {
+  TRUST_CENTER_FIXTURE_FAQ,
+  TRUST_CENTER_FIXTURE_WINDOW_MS,
+  makeTrustCenterData,
+} from '../__fixtures__/trust-center';
 import { TrustCenterPage, TrustCenterPageSkeleton } from '../trust-center-page';
 import { TRUST_SECTION_LEADS } from '../trust-center-sections';
 
@@ -223,6 +227,25 @@ describe('TrustCenterPage', () => {
     expect(screen.queryByText(/Data synced from/)).toBeNull();
   });
 
+  it('with host content before it, the FAQ is the last thing on the page, after that content', () => {
+    render(
+      <TrustCenterPage
+        initialData={makeData({ faqs: [TRUST_CENTER_FIXTURE_FAQ] })}
+        beforeFaq={<h2>Why we build in the open</h2>}
+      />,
+    );
+    const headings = screen.getAllByRole('heading', { level: 2 }).map(h => h.textContent);
+    expect(headings.indexOf('Why we build in the open')).toBeGreaterThan(headings.indexOf('Contact'));
+    expect(headings.indexOf('FAQ')).toBeGreaterThan(headings.indexOf('Why we build in the open'));
+    expect(headings.filter(h => h === 'FAQ')).toHaveLength(1);
+  });
+
+  it('without host content the FAQ closes the sections column, as before', () => {
+    render(<TrustCenterPage initialData={makeData({ faqs: [TRUST_CENTER_FIXTURE_FAQ] })} />);
+    const headings = screen.getAllByRole('heading', { level: 2 }).map(h => h.textContent);
+    expect(headings.indexOf('FAQ')).toBeGreaterThan(headings.indexOf('Contact'));
+  });
+
   it('hides empty sections and the request CTA when nothing is gated', () => {
     render(
       <TrustCenterPage
diff --git a/openframe-frontend-core/src/components/help-center-pages/trust-center-page.tsx b/openframe-frontend-core/src/components/help-center-pages/trust-center-page.tsx
index 9b7f6e61b4..af61ad2e05 100644
--- a/openframe-frontend-core/src/components/help-center-pages/trust-center-page.tsx
+++ b/openframe-frontend-core/src/components/help-center-pages/trust-center-page.tsx
@@ -87,6 +87,13 @@ export interface TrustCenterPageProps {
   subtitle?: string;
   /** The FAQ section's "ask the assistant" card (`FaqSection`'s `ask`): the host states its topic. Absent: no card. */
   ask?: FaqSectionProps['ask'];
+  /**
+   * Host content shown after the trust sections and BEFORE the FAQ (the hub's
+   * own "why we build in the open" sections). The FAQ is the last thing on a
+   * page, so with this the page draws: trust sections, this content at the
+   * page's full width, then the FAQ. Absent: the FAQ closes the sections column.
+   */
+  beforeFaq?: ReactNode;
 }
 
 /** One section's page content. Its `h2` is the `TRUST_CENTER_SECTIONS` label — never a literal here. */
@@ -137,6 +144,7 @@ export function TrustCenterPage({
   title = TRUST_CENTER_TITLE,
   subtitle = TRUST_CENTER_TAGLINE,
   ask,
+  beforeFaq,
 }: TrustCenterPageProps) {
   const { data, isLoading, error, reload } = useSelfFetch<TrustCenterPublic>(endpoint, {
     initialData,
@@ -230,6 +238,11 @@ export function TrustCenterPage({
     contact: { render: () => <ContactSection onContact={() => openRequest(null)} /> },
   };
 
+  // With host content before it, the FAQ leaves the sections column and closes the page (below).
+  const faqSection = sections.find(section => section.id === 'faq');
+  const faqLast = Boolean(beforeFaq) && Boolean(faqSection);
+  const columnSections = faqLast ? sections.filter(section => section.id !== 'faq') : sections;
+
   let body: ReactNode;
   if (error && !data) {
     body = <LoadError message="Could not load the trust center" onRetry={reload} />;
@@ -264,7 +277,7 @@ export function TrustCenterPage({
 
         <div className={TRUST_BODY_GRID_CLASS}>
           <div className={TRUST_SECTIONS_COLUMN_CLASS}>
-            {sections.map(section => {
+            {columnSections.map(section => {
               const view = views[section.id];
               return (
                 <TrustSection key={section.id} id={section.id} title={section.label} lead={view.lead}>
@@ -296,9 +309,24 @@ export function TrustCenterPage({
   }
 
   return (
-    <TrustCenterChrome shell={shell} title={title} subtitle={subtitle} backButton={backButton} actions={actions}>
-      {body}
-    </TrustCenterChrome>
+    <>
+      <TrustCenterChrome shell={shell} title={title} subtitle={subtitle} backButton={backButton} actions={actions}>
+        {body}
+      </TrustCenterChrome>
+      {beforeFaq}
+      {faqLast && faqSection && data ? (
+        // The page's own content box and the sections' column, so the FAQ lines up with what is above the host content.
+        <div className={shell ? 'bg-ods-bg' : undefined}>
+          <div className={shell ? 'page-shell-content mx-auto max-w-[1920px]' : 'page-shell-content'}>
+            <div className={TRUST_BODY_GRID_CLASS}>
+              <TrustSection id={faqSection.id} title={faqSection.label} lead={views.faq.lead}>
+                {views.faq.render(data)}
+              </TrustSection>
+            </div>
+          </div>
+        </div>
+      ) : null}
+    </>
   );
 }
 

From fd3c41b4bce3ec3f26f912e9de6d81acac0e8768 Mon Sep 17 00:00:00 2001
From: Michael Assraf <michael@flamingo.cx>
Date: Fri, 9 Oct 2026 22:33:27 -0400
Subject: [PATCH 8/8] fix(trust-center): CU-17tkuw5w0k7 the closing FAQ takes
 the page's full content width, like the FAQ on every other page
 [preview:none]

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 .../help-center-pages/trust-center-page.tsx           | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

diff --git a/openframe-frontend-core/src/components/help-center-pages/trust-center-page.tsx b/openframe-frontend-core/src/components/help-center-pages/trust-center-page.tsx
index af61ad2e05..a908a36afa 100644
--- a/openframe-frontend-core/src/components/help-center-pages/trust-center-page.tsx
+++ b/openframe-frontend-core/src/components/help-center-pages/trust-center-page.tsx
@@ -315,14 +315,13 @@ export function TrustCenterPage({
       </TrustCenterChrome>
       {beforeFaq}
       {faqLast && faqSection && data ? (
-        // The page's own content box and the sections' column, so the FAQ lines up with what is above the host content.
+        // The page's own content box at its FULL width (no section-rail column): a closing FAQ takes the
+        // same space the FAQ block takes at the foot of every other page.
         <div className={shell ? 'bg-ods-bg' : undefined}>
           <div className={shell ? 'page-shell-content mx-auto max-w-[1920px]' : 'page-shell-content'}>
-            <div className={TRUST_BODY_GRID_CLASS}>
-              <TrustSection id={faqSection.id} title={faqSection.label} lead={views.faq.lead}>
-                {views.faq.render(data)}
-              </TrustSection>
-            </div>
+            <TrustSection id={faqSection.id} title={faqSection.label} lead={views.faq.lead}>
+              {views.faq.render(data)}
+            </TrustSection>
           </div>
         </div>
       ) : null}