diff --git a/ui/src/lib/offer.test.ts b/ui/src/lib/offer.test.ts
index c606a78..0e7fd58 100644
--- a/ui/src/lib/offer.test.ts
+++ b/ui/src/lib/offer.test.ts
@@ -39,4 +39,14 @@ describe('renderLegalHtml', () => {
     expect(html).toContain('<title>Публичная оферта — Эрудит</title>');
     expect(html).toContain('href="https://erudit-game.ru/offer/"');
   });
+
+  it('scopes the shrink-to-fit first-column table rule to the offer only', () => {
+    // The offer opts into the nowrap product-name column via body.offer; other legal pages (the
+    // privacy data table) must NOT get it, or their prose first column cannot wrap.
+    expect(renderOfferHtml('# x')).toContain('<body class="offer">');
+    const generic = renderLegalHtml('# x', { title: 't', canonical: 'c' });
+    expect(generic).toContain('<body>');
+    expect(generic).not.toContain('<body class=');
+    expect(generic).toContain('.offer td:first-child');
+  });
 });
diff --git a/ui/src/lib/offer.ts b/ui/src/lib/offer.ts
index 12d40e7..78d3352 100644
--- a/ui/src/lib/offer.ts
+++ b/ui/src/lib/offer.ts
@@ -15,7 +15,7 @@ import { marked } from 'marked';
  * page carries its own minimal light/dark styling so it needs neither the app bundle
  * nor `app.css`.
  */
-export function renderLegalHtml(markdown: string, opts: { title: string; canonical: string }): string {
+export function renderLegalHtml(markdown: string, opts: { title: string; canonical: string; bodyClass?: string }): string {
   const body = marked.parse(markdown, { async: false }) as string;
   return `<!doctype html>
 <html lang="ru">
@@ -94,11 +94,14 @@ export function renderLegalHtml(markdown: string, opts: { title: string; canonic
       td {
         border: 1px solid var(--cell-border);
         padding: 6px 10px;
+        /* Top-align: the privacy data table's prose cells differ in height per row. */
+        vertical-align: top;
       }
-      /* The product-name column shrinks to its content and never wraps; the price columns share the
-         rest of the width (width:1% is the shrink-to-fit idiom paired with the table's width:100%). */
-      th:first-child,
-      td:first-child {
+      /* Offer only: the product-name column shrinks to its content and never wraps; the price columns
+         share the rest of the width (width:1% is the shrink-to-fit idiom paired with width:100%). Other
+         legal tables (the privacy data table) keep the default auto layout so their prose cells wrap. */
+      .offer th:first-child,
+      .offer td:first-child {
         width: 1%;
         white-space: nowrap;
       }
@@ -110,7 +113,7 @@ export function renderLegalHtml(markdown: string, opts: { title: string; canonic
       }
     </style>
   </head>
-  <body>
+  <body${opts.bodyClass ? ' class="' + opts.bodyClass + '"' : ''}>
     <main>
       ${body}
     </main>
@@ -127,5 +130,6 @@ export function renderOfferHtml(markdown: string): string {
   return renderLegalHtml(markdown, {
     title: 'Публичная оферта — Эрудит',
     canonical: 'https://erudit-game.ru/offer/',
+    bodyClass: 'offer',
   });
 }
