fix: fit tables within content width (#96)

* fix: use display table to fit columns within content width

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

* fix: table-layout fixed with cell wrap and top alignment

Override Apsara cell overflow/nowrap to allow multiline content.
Add wide table example for testing.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

---------

Co-authored-by: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Author: rsbh

examples/basic/content/docs/index.mdx

@@ -104,6 +104,17 @@ chronicle dev
 | email   | string | Email address      |
 | active  | bool   | Account status     |
 
+### Wide Table
+
+| Name | Type | Default | Required | Description | Example | Notes |
+|------|------|---------|----------|-------------|---------|-------|
+| id | number | auto | yes | Unique identifier for the resource | 42 | Auto-incremented |
+| name | string | none | yes | Lorem ipsum dolor sit amet, consectetur adipiscing elit sed do eiusmod tempor | John Doe | Must be unique across all tenants in the system |
+| email | string | none | yes | Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip | john@example.com | Validated against RFC 5322 format specification |
+| role | string | viewer | no | Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat | admin | One of: admin, editor, viewer, guest, superadmin |
+| created_at | datetime | now | no | Excepteur sint occaecat cupidatat non proident sunt in culpa qui officia deserunt | 2024-01-15T10:30:00Z | ISO 8601 format with timezone offset required |
+| metadata | object | empty | no | Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque | key-value pairs | Max 10 keys allowed per resource entity |
+
 ## Horizontal Rule
 
 ---

packages/chronicle/src/themes/default/Page.module.css

@@ -104,12 +104,21 @@
 }
 
 .content table {
-  display: block;
-  max-width: 100%;
-  overflow-x: auto;
+  display: table;
+  table-layout: fixed;
+  width: 100%;
   margin-bottom: var(--rs-space-5);
 }
 
+.content table td,
+.content table th {
+  overflow: visible;
+  white-space: normal;
+  text-overflow: unset;
+  word-wrap: break-word;
+  vertical-align: top;
+}
+
 .content details {
   border: 1px solid var(--rs-color-border-base-primary);
   border-radius: var(--rs-radius-2);

packages/chronicle/src/themes/paper/Page.module.css

@@ -200,12 +200,21 @@
 }
 
 .content table {
-  display: block;
+  display: table;
+  table-layout: fixed;
   width: 100%;
-  overflow-x: auto;
   margin-bottom: var(--rs-space-5);
 }
 
+.content table td,
+.content table th {
+  overflow: visible;
+  white-space: normal;
+  text-overflow: unset;
+  word-wrap: break-word;
+  vertical-align: top;
+}
+
 .content a {
   font-size: inherit;
 }