contain-css-svelte 1.2.3 → 1.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (50) hide show
  1. package/dist/Card.svelte +216 -288
  2. package/dist/controls/Button.svelte +39 -1
  3. package/dist/controls/ButtonLink.svelte +39 -1
  4. package/dist/controls/Checkbox.svelte +38 -0
  5. package/dist/controls/CircleButton.svelte +39 -1
  6. package/dist/controls/Input.svelte +39 -1
  7. package/dist/controls/RadioButton.svelte +38 -0
  8. package/dist/controls/Select.svelte +38 -0
  9. package/dist/controls/Slider.svelte +39 -1
  10. package/dist/controls/TabItem.svelte +39 -1
  11. package/dist/controls/Toggle.svelte +39 -1
  12. package/dist/dropdowns/DropdownMenu.svelte +39 -1
  13. package/dist/index.d.ts +2 -1
  14. package/dist/index.js +2 -1
  15. package/dist/layout/Accordion.svelte +39 -1
  16. package/dist/layout/Bar.svelte +49 -1
  17. package/dist/layout/ColumnContainer.svelte +39 -1
  18. package/dist/layout/Columns.svelte +39 -1
  19. package/dist/layout/Container.svelte +217 -292
  20. package/dist/layout/DataList.svelte +39 -1
  21. package/dist/layout/DataListItem.svelte +217 -292
  22. package/dist/layout/Fieldset.svelte +39 -1
  23. package/dist/layout/Form.svelte +217 -292
  24. package/dist/layout/FormItem.svelte +39 -1
  25. package/dist/layout/GridLayout.svelte +38 -0
  26. package/dist/layout/Hero.svelte +217 -292
  27. package/dist/layout/Inline.svelte +45 -1
  28. package/dist/layout/MenuList.svelte +39 -1
  29. package/dist/layout/Page.svelte +44 -2
  30. package/dist/layout/RowContainer.svelte +39 -1
  31. package/dist/layout/Sidebar.svelte +757 -65
  32. package/dist/layout/Sidebar.svelte.d.ts +58 -1
  33. package/dist/layout/SidebarContainer.svelte +198 -0
  34. package/dist/layout/SidebarContainer.svelte.d.ts +20 -0
  35. package/dist/layout/SplitPane.svelte +39 -1
  36. package/dist/layout/Stack.svelte +45 -1
  37. package/dist/layout/TabBar.svelte +39 -1
  38. package/dist/layout/Table.svelte +469 -443
  39. package/dist/layout/Tile.svelte +216 -291
  40. package/dist/misc/CodeInner.svelte +39 -1
  41. package/dist/misc/Progress.svelte +217 -292
  42. package/dist/misc/Tag.svelte +39 -1
  43. package/dist/overlays/Dialog.svelte +217 -292
  44. package/dist/overlays/Tooltip.svelte +267 -349
  45. package/dist/sass/_responsive.scss +15 -0
  46. package/dist/sass/_typography.scss +203 -191
  47. package/dist/typography/TextLayout.svelte +494 -292
  48. package/dist/vars/defaults.css +258 -0
  49. package/dist/vars/typography-context.css +271 -0
  50. package/package.json +1 -1
@@ -1,184 +1,266 @@
1
1
  <script lang="ts">/* No attribute pass-through, deliberately: the sticky variant renders the
2
- visible tables AND a visually-hidden clone of them used to measure column
3
- widths. Spreading a caller's `id` would emit it twice, which is invalid.
4
- Set attributes on the <table> markup you pass in as `thead`/`tbody`. */
2
+ header twice -- once as the visible sticky <table>, once collapsed inside
3
+ the body table so the browser sizes the columns from it. Spreading a
4
+ caller's `id` would emit it twice, which is invalid. Set attributes on the
5
+ <table> markup you pass in as `thead`/`tbody`. */
5
6
  let { sticky = false, column_widths = null, thead, tbody, children, } = $props();
6
7
  // svelte-ignore state_referenced_locally
7
8
  let columns = $state(column_widths || []);
8
- /* Code for syncing column widths for scrolling table solution */
9
- let headClone = $state(null);
10
- let bodyClone = $state(null);
9
+ /* Column-width syncing for the sticky-header layout.
10
+
11
+ The sticky header and the scrolling body have to look like one table, but
12
+ a single <table> cannot do it: `position: sticky` on a <thead> loses its
13
+ borders under `border-collapse: collapse` (verified in Chromium, Firefox
14
+ and WebKit), and this library's whole border system is built on collapsed
15
+ borders. So the header is its own <table>, sized from a measured colgroup.
16
+
17
+ The trick that keeps that honest: the body table renders the REAL <thead>
18
+ too, at `visibility: collapse`. That keeps the header's full contribution
19
+ to column widths while costing zero vertical space -- so the browser sizes
20
+ the columns from header and body together, in one ordinary layout pass.
21
+ There is nothing to blend, nothing measured against the wrong containing
22
+ block, and no second copy of the body.
23
+
24
+ `visibility: collapse` also drops that copy out of the accessibility tree
25
+ and out of the tab order in all three engines; the copy is marked `inert`
26
+ as well (see below) so that is stated rather than implied. Note the
27
+ consequence: the
28
+ body table has no exposed column headers -- the visible sticky header is
29
+ the accessible one. That matches the previous behavior, but it is a real
30
+ gap, and only a genuine single-table layout would close it. */
31
+ let bodyTable = $state(null);
32
+ let headTable = $state(null);
33
+ let columnCount = $state(0);
34
+ /* See trimHeadOverhang(): a fixed-layout table's collapsed outer borders
35
+ make it render a little wider than the width we ask for. */
36
+ let overhang = $state(0);
11
37
  let resizeObserver = $state(null);
12
38
  let tableWidth = $state(null);
13
39
  import { onDestroy } from "svelte";
14
40
  onDestroy(() => {
15
- if (resizeObserver) {
16
- if (headClone)
17
- resizeObserver.unobserve(headClone);
18
- if (bodyClone)
19
- resizeObserver.unobserve(bodyClone);
20
- resizeObserver.disconnect();
21
- resizeObserver = null;
22
- }
41
+ resizeObserver?.disconnect();
42
+ resizeObserver = null;
23
43
  });
44
+ /* How many columns the table has. Pure colspan arithmetic over every row --
45
+ no widths involved, so this is exact even when every row carries a colspan.
46
+ The widest row wins, which also covers rows shortened by a rowspan above. */
47
+ function countColumns(table) {
48
+ let max = 0;
49
+ for (const row of Array.from(table.rows)) {
50
+ let n = 0;
51
+ for (const cell of Array.from(row.cells))
52
+ n += cell.colSpan || 1;
53
+ if (n > max)
54
+ max = n;
55
+ }
56
+ return max;
57
+ }
58
+ /* Read the column widths off the ruler row: one empty, borderless, zero-
59
+ height cell per column, sitting in the real table. Because it is built to
60
+ have exactly one cell per column, there is no "find a row without a
61
+ colspan" guesswork and no dividing a spanned cell evenly and hoping. */
62
+ function measureRuler(table) {
63
+ const row = table.querySelector(".column-ruler > tr");
64
+ if (!row)
65
+ return [];
66
+ return Array.from(row.children).map((cell) => cell.getBoundingClientRect().width);
67
+ }
68
+ /* The table's own width is the truth; the per-cell widths only give the
69
+ proportions. They don't add up to it, because `border-collapse: collapse`
70
+ makes adjacent cells share a border that each of them reports in full, so
71
+ the sum overshoots by about one border per interior boundary. Left alone,
72
+ that makes the header table wider than the body it sits on. The overcount
73
+ is a constant per boundary rather than a percentage, so spread it evenly. */
74
+ function fitToTableWidth(widths, width) {
75
+ if (!widths.length || !width)
76
+ return widths;
77
+ const total = widths.reduce((sum, w) => sum + w, 0);
78
+ const delta = total - width;
79
+ if (Math.abs(delta) < 0.5)
80
+ return widths;
81
+ const perColumn = delta / widths.length;
82
+ return widths.map((w) => Math.max(0, w - perColumn));
83
+ }
24
84
  function syncColumnWidths() {
25
- if (!headClone || !bodyClone)
85
+ if (!bodyTable)
86
+ return;
87
+ /* First pass sizes the ruler. Rendering it makes this effect run again,
88
+ and the second pass does the measuring. */
89
+ const count = countColumns(bodyTable);
90
+ if (count !== columnCount) {
91
+ columnCount = count;
92
+ corrections = 0;
26
93
  return;
27
- const getFlattenedCellWidths = (row) => {
28
- if (!row)
29
- return [];
30
- const cells = Array.from(row.children);
31
- const colWidths = [];
32
- let colIndex = 0;
33
- for (const cell of cells) {
34
- const colspan = parseInt(cell.getAttribute("colspan") || "1", 10);
35
- const width = cell.offsetWidth / colspan;
36
- for (let j = 0; j < colspan; j++) {
37
- colWidths[colIndex++] = width;
38
- }
39
- }
40
- return colWidths;
41
- };
42
- const getTotalCols = (row) => {
43
- if (!row)
44
- return 0;
45
- return Array.from(row.children).reduce((acc, cell) => acc + parseInt(cell.getAttribute("colspan") || "1", 10), 0);
46
- };
47
- const hasNoColspan = (row) => !Array.from(row.children).some((cell) => cell.hasAttribute("colspan"));
48
- const findBestRow = (table) => {
49
- // Fast path: first row covers the vast majority of real tables
50
- const firstRow = table.querySelector("tbody tr, tr");
51
- if (firstRow && hasNoColspan(firstRow))
52
- return firstRow;
53
- // Slow path: single pass — return on first no-colspan row found,
54
- // while simultaneously tracking the least-colspan row as a fallback.
55
- let best = null;
56
- let bestSpanCount = Infinity;
57
- for (const row of table.querySelectorAll("tr")) {
58
- if (hasNoColspan(row))
59
- return row;
60
- const spanCount = getTotalCols(row);
61
- if (spanCount < bestSpanCount) {
62
- bestSpanCount = spanCount;
63
- best = row;
64
- }
65
- }
66
- return best;
67
- };
68
- // Step 1: pick best candidate rows
69
- let headRow = findBestRow(headClone);
70
- let bodyRow = findBestRow(bodyClone);
71
- // Step 2: if their total col counts don't match, try to find a pair that does
72
- if (headRow && bodyRow && getTotalCols(headRow) !== getTotalCols(bodyRow)) {
73
- const headRows = Array.from(headClone.querySelectorAll("tr"));
74
- const bodyRows = Array.from(bodyClone.querySelectorAll("tr"));
75
- outer: for (const hr of headRows) {
76
- const hCols = getTotalCols(hr);
77
- for (const br of bodyRows) {
78
- if (hCols === getTotalCols(br)) {
79
- headRow = hr;
80
- bodyRow = br;
81
- break outer;
82
- }
83
- }
84
- }
85
- }
86
- // Step 3: flatten widths and compute max
87
- const headWidths = getFlattenedCellWidths(headRow);
88
- const bodyWidths = getFlattenedCellWidths(bodyRow);
89
- const numCols = Math.max(headWidths.length, bodyWidths.length);
90
- const maxColWidths = [];
91
- for (let i = 0; i < numCols; i++) {
92
- maxColWidths[i] = Math.max(headWidths[i] || 0, bodyWidths[i] || 0);
93
94
  }
94
- columns = maxColWidths;
95
- fitTableToColGroup(columns);
95
+ const widths = measureRuler(bodyTable);
96
+ if (!widths.length)
97
+ return;
98
+ const width = bodyTable.getBoundingClientRect().width;
99
+ columns = fitToTableWidth(widths, width - overhang);
100
+ tableWidth = width - overhang;
96
101
  }
97
- function fitTableToColGroup(columns) {
98
- let totalWidth = 0;
99
- for (let c of columns) {
100
- totalWidth += c;
101
- }
102
- tableWidth = totalWidth;
102
+ /* The header table is `table-layout: fixed` with `box-sizing: border-box`,
103
+ and under `border-collapse: collapse` its outer borders are added on top
104
+ of the column widths -- so it renders a pixel or two wider than the width
105
+ we set, and its right edge overhangs the body. The amount isn't derivable
106
+ from the computed border widths (it differs per table), so measure it once
107
+ and fold it back in. One correction converges; the guard stops it from
108
+ hunting if a layout ever refuses to settle. */
109
+ let corrections = 0;
110
+ function trimHeadOverhang() {
111
+ if (!headTable || !bodyTable || !columns.length)
112
+ return;
113
+ const delta = headTable.getBoundingClientRect().width -
114
+ bodyTable.getBoundingClientRect().width;
115
+ if (Math.abs(delta) < 0.5 || corrections > 3)
116
+ return;
117
+ corrections += 1;
118
+ overhang += delta;
119
+ syncColumnWidths();
103
120
  }
104
- let hasInitialized = $state(false);
105
121
  $effect(() => {
106
- if (thead && sticky && !hasInitialized) {
107
- setupWidths();
108
- }
122
+ if (column_widths || !sticky || !thead || !bodyTable)
123
+ return;
124
+ // Read columnCount so this re-runs once the ruler row has rendered.
125
+ columnCount;
126
+ syncColumnWidths();
127
+ observeColumns();
128
+ });
129
+ $effect(() => {
130
+ columns;
131
+ trimHeadOverhang();
109
132
  });
110
- function setupWidths() {
111
- if (column_widths)
133
+ /* The body table's copy of the header is there to be measured, not used,
134
+ so say so. `visibility: collapse` already keeps it out of the tab order,
135
+ but that is a side effect rather than a statement -- and tools that
136
+ only recognize `visibility: hidden` (testing-library's role queries, for
137
+ one) otherwise find every header control twice. `inert` is the accurate
138
+ word for a copy-for-measurement: out of the focus order and out of the
139
+ accessibility tree, with no effect on layout.
140
+
141
+ The thead is the caller's markup, rendered from their snippet, so it
142
+ cannot carry the attributes in the template. Watch the table's direct
143
+ children instead, in case the caller's snippet swaps its <thead> out. */
144
+ $effect(() => {
145
+ if (!bodyTable)
112
146
  return;
113
- // If no column widths provided, reset columns to empty
114
- columns = [];
115
- if (thead && sticky && headClone && bodyClone) {
116
- syncColumnWidths();
117
- // Set up ResizeObserver to keep columns in sync when content or size changes.
118
- // Debounce via rAF so rapid Svelte updates only trigger one sync per frame.
119
- if (!resizeObserver &&
120
- typeof window !== "undefined" &&
121
- window.ResizeObserver) {
122
- let rafPending = false;
123
- resizeObserver = new ResizeObserver(() => {
124
- if (!rafPending) {
125
- rafPending = true;
126
- requestAnimationFrame(() => {
127
- rafPending = false;
128
- syncColumnWidths();
129
- });
130
- }
131
- });
132
- if (headClone)
133
- resizeObserver.observe(headClone);
134
- if (bodyClone)
135
- resizeObserver.observe(bodyClone);
147
+ const table = bodyTable;
148
+ const mark = () => {
149
+ for (const head of table.querySelectorAll(":scope > thead")) {
150
+ if (!head.hasAttribute("inert"))
151
+ head.setAttribute("inert", "");
152
+ if (head.getAttribute("aria-hidden") !== "true")
153
+ head.setAttribute("aria-hidden", "true");
136
154
  }
137
- hasInitialized = true;
155
+ };
156
+ mark();
157
+ if (typeof MutationObserver === "undefined")
158
+ return;
159
+ const observer = new MutationObserver(mark);
160
+ observer.observe(table, { childList: true });
161
+ return () => observer.disconnect();
162
+ });
163
+ /* Keep columns in sync as the table changes underneath us.
164
+
165
+ Watching the table itself is not enough, and this is the subtle one:
166
+ reordering columns leaves the table exactly the same width, so a
167
+ ResizeObserver on the table never fires -- yet every column width has
168
+ moved and the header's colgroup is now stale. (Consumers have had to
169
+ paper over this by remounting the component on a column-set key.)
170
+
171
+ So observe the ruler cells: one per column, they ARE the quantity being
172
+ copied into the colgroup. Reorder them and they swap widths, which fires;
173
+ resize the container and they all change, which fires. Swap two columns of
174
+ identical width and nothing fires -- correctly, because the colgroup would
175
+ be unchanged. ResizeObserver reports them despite `visibility: collapse`,
176
+ verified in Chromium, Firefox and WebKit.
177
+
178
+ Debounced via rAF so a burst of Svelte updates costs one sync per frame. */
179
+ let observedCount = -1;
180
+ let observedRuler = null;
181
+ function observeColumns() {
182
+ if (!bodyTable)
183
+ return;
184
+ if (typeof window === "undefined" || !window.ResizeObserver)
185
+ return;
186
+ const cells = Array.from(bodyTable.querySelectorAll(".column-ruler > tr > td"));
187
+ // The ruler is rendered a tick after the column count is known, so the
188
+ // first call through here finds nothing. Bail without recording anything,
189
+ // and the effect that set the count will bring us straight back.
190
+ if (!cells.length)
191
+ return;
192
+ // Re-attach only when the ruler actually changed, or the observation
193
+ // callback that firing `observe()` produces would re-enter and loop.
194
+ if (observedRuler === cells[0] && observedCount === cells.length)
195
+ return;
196
+ observedRuler = cells[0];
197
+ observedCount = cells.length;
198
+ if (!resizeObserver) {
199
+ let rafPending = false;
200
+ resizeObserver = new ResizeObserver(() => {
201
+ if (rafPending)
202
+ return;
203
+ rafPending = true;
204
+ requestAnimationFrame(() => {
205
+ rafPending = false;
206
+ /* A fresh layout, so the overhang may be re-measured. Correcting
207
+ only ever touches the header table, never the observed ruler, so
208
+ this cannot re-enter. */
209
+ corrections = 0;
210
+ syncColumnWidths();
211
+ });
212
+ });
138
213
  }
214
+ resizeObserver.disconnect();
215
+ resizeObserver.observe(bodyTable);
216
+ for (const cell of cells)
217
+ resizeObserver.observe(cell);
139
218
  }
140
219
  </script>
141
220
 
142
221
  {#if sticky}
143
222
  {#if thead}
144
223
  <div class="scrolling-table">
224
+ <!-- The visible, interactive header. Sticky as a whole <table>, because
225
+ a sticky <thead> loses its borders under border-collapse: collapse.
226
+ Its colgroup is copied from the real table's measured columns. -->
145
227
  <table
146
228
  class="fixed-table-head"
147
- style:width="{tableWidth}px"
148
- style:max-width="{tableWidth}px"
229
+ bind:this={headTable}
230
+ style:width={tableWidth ? `${tableWidth}px` : null}
231
+ style:max-width={tableWidth ? `${tableWidth}px` : null}
149
232
  >
150
- <colgroup>
151
- {#each columns as width}
152
- <col style="width: {width}px" />
153
- {/each}
154
- </colgroup>
233
+ {#if columns.length}
234
+ <colgroup>
235
+ {#each columns as width}
236
+ <col style="width: {width}px" />
237
+ {/each}
238
+ </colgroup>
239
+ {/if}
155
240
  {@render thead?.()}
156
241
  </table>
157
- <table
158
- class="scrolling-table-body"
159
- style:width="{tableWidth}px"
160
- style:max-width="{tableWidth}px"
161
- >
162
- <colgroup>
163
- {#each columns as width}
164
- <col style="width: {width}px" />
165
- {/each}
166
- </colgroup>
167
- {@render tbody?.()}
168
- <!-- Table body content -->
169
- {@render children?.()}
170
- <!-- default slot for additional content -->
171
- </table>
172
- </div>
173
- <div class="visually-hidden">
174
- <table class="fixed-table-head" bind:this={headClone}>
242
+
243
+ <!-- The real table. It carries the header as well as the body, so the
244
+ browser sizes the columns from both at once; the header copy is
245
+ collapsed in CSS, keeping its width contribution at zero height. -->
246
+ <table class="scrolling-table-body" bind:this={bodyTable}>
175
247
  {@render thead?.()}
176
- </table>
177
- <table class="scrolling-table-body" bind:this={bodyClone}>
178
248
  {@render tbody?.()}
179
249
  <!-- Table body content -->
180
250
  {@render children?.()}
181
251
  <!-- default slot for additional content -->
252
+ {#if columnCount}
253
+ <!-- The ruler: one cell per column, so column widths can be read
254
+ directly instead of guessed at from whichever row looks safe.
255
+ Collapsed, so it costs no height and contributes no width. -->
256
+ <tbody class="column-ruler" aria-hidden="true">
257
+ <tr>
258
+ {#each { length: columnCount } as _}
259
+ <td></td>
260
+ {/each}
261
+ </tr>
262
+ </tbody>
263
+ {/if}
182
264
  </table>
183
265
  </div>
184
266
  {:else}
@@ -201,7 +283,33 @@ function setupWidths() {
201
283
  </table>
202
284
  {/if}
203
285
 
204
- <style>/* Logical, not top/bottom/left/right: margin-block/margin-inline already take
286
+ <style>/* Per-level heading (h1-h6) box/typography properties, resolved to PRIVATE,
287
+ inheriting custom properties (--_h1-color, --_h2-font-size, etc) rather than
288
+ assigned directly to a matched h1-h6 selector. Nothing in this file matches
289
+ an actual heading element anymore -- see typography-context.css (vars/), which
290
+ is the single, global, :where()-scoped rule that actually reads these vars
291
+ and applies them to real elements. That split is what lets a component
292
+ nested arbitrarily deep (through <article>, <Tile>, whatever) still get the
293
+ nearest ancestor's heading styling: these are ordinary inherited custom
294
+ properties, so DOM proximity decides which component's values apply, not
295
+ selector specificity or stylesheet order. See AGENTS-INTERNAL.md. */
296
+ /* All six heading levels' context vars in one call -- what every
297
+ "typography container" component (Container, Card, Tile, TextLayout, ...)
298
+ includes on itself once, alongside the shared --_heading-* vars below. */
299
+ /* Shared prose-measure group: p, blockquote, dl, ul, ol. li/dt/dd don't get
300
+ their own vars -- they're never wider than their ul/ol/dl parent's own
301
+ max-width box, so they're already bounded for free by ordinary block
302
+ layout, not by anything selector-based reaching them individually. */
303
+ /* p specifically also gets the fuller typography-props-bare treatment
304
+ (paragraph-prefixed), which -- same as in the original selector-based
305
+ version -- is declared/consumed AFTER the shared prose vars above, so it
306
+ wins for whichever properties both groups set. */
307
+ /* The first paragraph in a typography context (p:first-of-type, or a p right
308
+ after a heading) gets its own, slightly different treatment -- larger lede
309
+ text, no top margin. Structural matching (:first-of-type, `h1 + p`) still
310
+ has to happen where the real element is, in the global consumer rule; only
311
+ the VALUES move to context vars here. */
312
+ /* Logical, not top/bottom/left/right: margin-block/margin-inline already take
205
313
  one value (both sides equal) or two (start end), so there is no separate
206
314
  "which side" prop to remember and no 4-value shorthand order to get wrong.
207
315
  Defaults to 0 on purpose -- unlike padding-props above, a margin that
@@ -209,6 +317,18 @@ function setupWidths() {
209
317
  day this mixin got added to a new component. Callers opt in with an actual
210
318
  value. (Container does not use this mixin: it wants --gap/auto as its
211
319
  defaults, which do not fit the "0 unless asked" contract here.) */
320
+ /* The width at or below which a Sidebar swaps its grab-bar rail for the sheet
321
+ affordance -- a floating button that opens a panel over the content.
322
+
323
+ Page has to agree with Sidebar about this, because Page is what floats the
324
+ aside out of flow and reserves the strip of padding the sheet button sits
325
+ in. They used to disagree: Sidebar switched at 512px and Page at 600px,
326
+ which left a band between 513 and 600 where Page had already lifted the
327
+ aside out of the layout while the Sidebar inside it was still showing a
328
+ rail -- a grab bar floating on top of the content, which is the affordance
329
+ we deliberately avoid everywhere else.
330
+
331
+ One definition, used by both, so they cannot drift again. */
212
332
  /* Warning: because we define a fallback
213
333
  media query, the media query can override the container
214
334
  if we stack a bunch of these in a row and aren't thoughtful about the order.
@@ -324,297 +444,184 @@ table {
324
444
  text-indent: var(--table-indent, var(--surface-indent, var(--paragraph-indent, var(--indent, unset))));
325
445
  font-variant: var(--table-font-variant, var(--surface-font-variant, var(--paragraph-font-variant, var(--font-variant, unset))));
326
446
  text-align: var(--table-text-align, var(--surface-text-align, var(--paragraph-text-align, var(--text-align, unset))));
327
- }
328
-
329
- table :global(p),
330
- table :global(blockquote),
331
- table :global(dl),
332
- table :global(ul),
333
- table :global(ol) {
334
- max-width: var(--table-line-width, var(--surface-line-width, var(--paragraph-line-width, var(--line-width, 40em))));
335
- font-family: var(--table-body-font-family, var(--surface-body-font-family, var(--paragraph-body-font-family, var(--body-font-family, var(--font-family)))));
336
- line-height: var(--table-line-height, var(--surface-line-height, var(--paragraph-line-height, var(--line-height, 1.5))));
337
- margin-left: auto;
338
- margin-right: auto;
339
- font-weight: var(--table-body-font-weight, var(--surface-body-font-weight, var(--paragraph-body-font-weight, var(--body-font-weight, unset))));
340
- }
341
-
342
- table :global(h1),
343
- table :global(h2),
344
- table :global(h3),
345
- table :global(h4),
346
- table :global(h5),
347
- table :global(h6) {
348
- max-width: var(--table-line-width, var(--surface-line-width, var(--paragraph-line-width, var(--line-width, unset))));
349
- margin-left: auto;
350
- margin-right: auto;
351
- box-sizing: border-box;
352
- margin-bottom: var(--table-heading-margin-bottom, var(--surface-heading-margin-bottom, var(--paragraph-heading-margin-bottom, var(--heading-margin-bottom, 0))));
353
- margin-top: var(--table-heading-margin-top, var(--surface-heading-margin-top, var(--paragraph-heading-margin-top, var(--heading-margin-top, 1.5em))));
354
- }
355
-
356
- table :global(h1:first-child),
357
- table :global(h2:first-child),
358
- table :global(h3:first-child),
359
- table :global(h4:first-child),
360
- table :global(h5:first-child),
361
- table :global(h6:first-child) {
362
- margin-top: var(--table-first-heading-margin-top, var(--surface-first-heading-margin-top, var(--paragraph-first-heading-margin-top, var(--first-heading-margin-top, 0))));
363
- }
364
-
365
- table :global(h1) {
366
- --_heading-color: var(--table-heading-1-fg, var(--surface-heading-1-fg, var(--paragraph-heading-1-fg, var(--table-heading-major-fg, var(--surface-heading-major-fg, var(--paragraph-heading-major-fg, var(--table-heading-fg, var(--surface-heading-fg, var(--paragraph-heading-fg, var(--heading-1-fg, var(--heading-major-fg, var(--heading-fg, revert))))))))))));
367
- color: var(--_heading-color);
368
- --_heading-background: var(--table-heading-1-bg, var(--surface-heading-1-bg, var(--paragraph-heading-1-bg, var(--table-heading-major-bg, var(--surface-heading-major-bg, var(--paragraph-heading-major-bg, var(--table-heading-bg, var(--surface-heading-bg, var(--paragraph-heading-bg, var(--heading-1-bg, var(--heading-major-bg, var(--heading-bg, transparent))))))))))));
369
- background: var(--_heading-background);
370
- --_heading-padding: var(--table-heading-1-padding, var(--surface-heading-1-padding, var(--paragraph-heading-1-padding, var(--table-heading-major-padding, var(--surface-heading-major-padding, var(--paragraph-heading-major-padding, var(--table-heading-padding, var(--surface-heading-padding, var(--paragraph-heading-padding, var(--heading-1-padding, var(--heading-major-padding, var(--heading-padding, 0))))))))))));
371
- padding: var(--_heading-padding);
372
- --_heading-border: var(--table-heading-1-border, var(--surface-heading-1-border, var(--paragraph-heading-1-border, var(--table-heading-major-border, var(--surface-heading-major-border, var(--paragraph-heading-major-border, var(--table-heading-border, var(--surface-heading-border, var(--paragraph-heading-border, var(--heading-1-border, var(--heading-major-border, var(--heading-border, none))))))))))));
373
- border: var(--_heading-border);
374
- border-width: var(--table-heading-1-border-width, var(--surface-heading-1-border-width, var(--paragraph-heading-1-border-width, var(--table-heading-major-border-width, var(--surface-heading-major-border-width, var(--paragraph-heading-major-border-width, var(--table-heading-border-width, var(--surface-heading-border-width, var(--paragraph-heading-border-width, var(--heading-1-border-width, var(--heading-major-border-width, var(--heading-border-width, var(--__missing-border-width)))))))))))));
375
- border-style: var(--table-heading-1-border-style, var(--surface-heading-1-border-style, var(--paragraph-heading-1-border-style, var(--table-heading-major-border-style, var(--surface-heading-major-border-style, var(--paragraph-heading-major-border-style, var(--table-heading-border-style, var(--surface-heading-border-style, var(--paragraph-heading-border-style, var(--heading-1-border-style, var(--heading-major-border-style, var(--heading-border-style, var(--__missing-border-style)))))))))))));
376
- border-color: var(--table-heading-1-border-color, var(--surface-heading-1-border-color, var(--paragraph-heading-1-border-color, var(--table-heading-major-border-color, var(--surface-heading-major-border-color, var(--paragraph-heading-major-border-color, var(--table-heading-border-color, var(--surface-heading-border-color, var(--paragraph-heading-border-color, var(--heading-1-border-color, var(--heading-major-border-color, var(--heading-border-color, var(--__missing-border-color)))))))))))));
377
- --_heading-border-radius: var(--table-heading-1-border-radius, var(--surface-heading-1-border-radius, var(--paragraph-heading-1-border-radius, var(--table-heading-major-border-radius, var(--surface-heading-major-border-radius, var(--paragraph-heading-major-border-radius, var(--table-heading-border-radius, var(--surface-heading-border-radius, var(--paragraph-heading-border-radius, var(--heading-1-border-radius, var(--heading-major-border-radius, var(--heading-border-radius, 0))))))))))));
378
- border-radius: var(--_heading-border-radius);
379
- --_heading-box-shadow: var(--table-heading-1-box-shadow, var(--surface-heading-1-box-shadow, var(--paragraph-heading-1-box-shadow, var(--table-heading-major-box-shadow, var(--surface-heading-major-box-shadow, var(--paragraph-heading-major-box-shadow, var(--table-heading-box-shadow, var(--surface-heading-box-shadow, var(--paragraph-heading-box-shadow, var(--heading-1-box-shadow, var(--heading-major-box-shadow, var(--heading-box-shadow, none))))))))))));
380
- box-shadow: var(--_heading-box-shadow);
381
- font-family: var(--table-heading-1-font-family, var(--surface-heading-1-font-family, var(--paragraph-heading-1-font-family, var(--table-heading-major-font-family, var(--surface-heading-major-font-family, var(--paragraph-heading-major-font-family, var(--table-heading-font-family, var(--surface-heading-font-family, var(--paragraph-heading-font-family, var(--heading-1-font-family, var(--heading-major-font-family, var(--heading-font-family, var(--font-family, revert)))))))))))));
382
- text-transform: var(--table-heading-1-text-transform, var(--surface-heading-1-text-transform, var(--paragraph-heading-1-text-transform, var(--table-heading-major-text-transform, var(--surface-heading-major-text-transform, var(--paragraph-heading-major-text-transform, var(--table-heading-text-transform, var(--surface-heading-text-transform, var(--paragraph-heading-text-transform, var(--heading-1-text-transform, var(--heading-major-text-transform, var(--heading-text-transform, var(--text-transform, revert)))))))))))));
383
- text-decoration: var(--table-heading-1-text-decoration, var(--surface-heading-1-text-decoration, var(--paragraph-heading-1-text-decoration, var(--table-heading-major-text-decoration, var(--surface-heading-major-text-decoration, var(--paragraph-heading-major-text-decoration, var(--table-heading-text-decoration, var(--surface-heading-text-decoration, var(--paragraph-heading-text-decoration, var(--heading-1-text-decoration, var(--heading-major-text-decoration, var(--heading-text-decoration, var(--text-decoration, revert)))))))))))));
384
- font-size: var(--table-heading-1-font-size, var(--surface-heading-1-font-size, var(--paragraph-heading-1-font-size, var(--table-heading-major-font-size, var(--surface-heading-major-font-size, var(--paragraph-heading-major-font-size, var(--table-heading-font-size, var(--surface-heading-font-size, var(--paragraph-heading-font-size, var(--heading-1-font-size, var(--heading-major-font-size, var(--heading-font-size, revert))))))))))));
385
- font-weight: var(--table-heading-1-font-weight, var(--surface-heading-1-font-weight, var(--paragraph-heading-1-font-weight, var(--table-heading-major-font-weight, var(--surface-heading-major-font-weight, var(--paragraph-heading-major-font-weight, var(--table-heading-font-weight, var(--surface-heading-font-weight, var(--paragraph-heading-font-weight, var(--heading-1-font-weight, var(--heading-major-font-weight, var(--heading-font-weight, var(--font-weight, revert)))))))))))));
386
- line-height: var(--table-heading-1-line-height, var(--surface-heading-1-line-height, var(--paragraph-heading-1-line-height, var(--table-heading-major-line-height, var(--surface-heading-major-line-height, var(--paragraph-heading-major-line-height, var(--table-heading-line-height, var(--surface-heading-line-height, var(--paragraph-heading-line-height, var(--heading-1-line-height, var(--heading-major-line-height, var(--heading-line-height, var(--line-height, revert)))))))))))));
387
- letter-spacing: var(--table-heading-1-letter-spacing, var(--surface-heading-1-letter-spacing, var(--paragraph-heading-1-letter-spacing, var(--table-heading-major-letter-spacing, var(--surface-heading-major-letter-spacing, var(--paragraph-heading-major-letter-spacing, var(--table-heading-letter-spacing, var(--surface-heading-letter-spacing, var(--paragraph-heading-letter-spacing, var(--heading-1-letter-spacing, var(--heading-major-letter-spacing, var(--heading-letter-spacing, var(--letter-spacing, revert)))))))))))));
388
- text-indent: var(--table-heading-1-indent, var(--surface-heading-1-indent, var(--paragraph-heading-1-indent, var(--table-heading-major-indent, var(--surface-heading-major-indent, var(--paragraph-heading-major-indent, var(--table-heading-indent, var(--surface-heading-indent, var(--paragraph-heading-indent, var(--heading-1-indent, var(--heading-major-indent, var(--heading-indent, var(--indent, revert)))))))))))));
389
- font-variant: var(--table-heading-1-font-variant, var(--surface-heading-1-font-variant, var(--paragraph-heading-1-font-variant, var(--table-heading-major-font-variant, var(--surface-heading-major-font-variant, var(--paragraph-heading-major-font-variant, var(--table-heading-font-variant, var(--surface-heading-font-variant, var(--paragraph-heading-font-variant, var(--heading-1-font-variant, var(--heading-major-font-variant, var(--heading-font-variant, var(--font-variant, revert)))))))))))));
390
- text-align: var(--table-heading-1-text-align, var(--surface-heading-1-text-align, var(--paragraph-heading-1-text-align, var(--table-heading-major-text-align, var(--surface-heading-major-text-align, var(--paragraph-heading-major-text-align, var(--table-heading-text-align, var(--surface-heading-text-align, var(--paragraph-heading-text-align, var(--heading-1-text-align, var(--heading-major-text-align, var(--heading-text-align, var(--text-align, revert)))))))))))));
391
- }
392
-
393
- table :global(h2) {
394
- --_heading-color: var(--table-heading-2-fg, var(--surface-heading-2-fg, var(--paragraph-heading-2-fg, var(--table-heading-major-fg, var(--surface-heading-major-fg, var(--paragraph-heading-major-fg, var(--table-heading-fg, var(--surface-heading-fg, var(--paragraph-heading-fg, var(--heading-2-fg, var(--heading-major-fg, var(--heading-fg, revert))))))))))));
395
- color: var(--_heading-color);
396
- --_heading-background: var(--table-heading-2-bg, var(--surface-heading-2-bg, var(--paragraph-heading-2-bg, var(--table-heading-major-bg, var(--surface-heading-major-bg, var(--paragraph-heading-major-bg, var(--table-heading-bg, var(--surface-heading-bg, var(--paragraph-heading-bg, var(--heading-2-bg, var(--heading-major-bg, var(--heading-bg, transparent))))))))))));
397
- background: var(--_heading-background);
398
- --_heading-padding: var(--table-heading-2-padding, var(--surface-heading-2-padding, var(--paragraph-heading-2-padding, var(--table-heading-major-padding, var(--surface-heading-major-padding, var(--paragraph-heading-major-padding, var(--table-heading-padding, var(--surface-heading-padding, var(--paragraph-heading-padding, var(--heading-2-padding, var(--heading-major-padding, var(--heading-padding, 0))))))))))));
399
- padding: var(--_heading-padding);
400
- --_heading-border: var(--table-heading-2-border, var(--surface-heading-2-border, var(--paragraph-heading-2-border, var(--table-heading-major-border, var(--surface-heading-major-border, var(--paragraph-heading-major-border, var(--table-heading-border, var(--surface-heading-border, var(--paragraph-heading-border, var(--heading-2-border, var(--heading-major-border, var(--heading-border, none))))))))))));
401
- border: var(--_heading-border);
402
- border-width: var(--table-heading-2-border-width, var(--surface-heading-2-border-width, var(--paragraph-heading-2-border-width, var(--table-heading-major-border-width, var(--surface-heading-major-border-width, var(--paragraph-heading-major-border-width, var(--table-heading-border-width, var(--surface-heading-border-width, var(--paragraph-heading-border-width, var(--heading-2-border-width, var(--heading-major-border-width, var(--heading-border-width, var(--__missing-border-width)))))))))))));
403
- border-style: var(--table-heading-2-border-style, var(--surface-heading-2-border-style, var(--paragraph-heading-2-border-style, var(--table-heading-major-border-style, var(--surface-heading-major-border-style, var(--paragraph-heading-major-border-style, var(--table-heading-border-style, var(--surface-heading-border-style, var(--paragraph-heading-border-style, var(--heading-2-border-style, var(--heading-major-border-style, var(--heading-border-style, var(--__missing-border-style)))))))))))));
404
- border-color: var(--table-heading-2-border-color, var(--surface-heading-2-border-color, var(--paragraph-heading-2-border-color, var(--table-heading-major-border-color, var(--surface-heading-major-border-color, var(--paragraph-heading-major-border-color, var(--table-heading-border-color, var(--surface-heading-border-color, var(--paragraph-heading-border-color, var(--heading-2-border-color, var(--heading-major-border-color, var(--heading-border-color, var(--__missing-border-color)))))))))))));
405
- --_heading-border-radius: var(--table-heading-2-border-radius, var(--surface-heading-2-border-radius, var(--paragraph-heading-2-border-radius, var(--table-heading-major-border-radius, var(--surface-heading-major-border-radius, var(--paragraph-heading-major-border-radius, var(--table-heading-border-radius, var(--surface-heading-border-radius, var(--paragraph-heading-border-radius, var(--heading-2-border-radius, var(--heading-major-border-radius, var(--heading-border-radius, 0))))))))))));
406
- border-radius: var(--_heading-border-radius);
407
- --_heading-box-shadow: var(--table-heading-2-box-shadow, var(--surface-heading-2-box-shadow, var(--paragraph-heading-2-box-shadow, var(--table-heading-major-box-shadow, var(--surface-heading-major-box-shadow, var(--paragraph-heading-major-box-shadow, var(--table-heading-box-shadow, var(--surface-heading-box-shadow, var(--paragraph-heading-box-shadow, var(--heading-2-box-shadow, var(--heading-major-box-shadow, var(--heading-box-shadow, none))))))))))));
408
- box-shadow: var(--_heading-box-shadow);
409
- font-family: var(--table-heading-2-font-family, var(--surface-heading-2-font-family, var(--paragraph-heading-2-font-family, var(--table-heading-major-font-family, var(--surface-heading-major-font-family, var(--paragraph-heading-major-font-family, var(--table-heading-font-family, var(--surface-heading-font-family, var(--paragraph-heading-font-family, var(--heading-2-font-family, var(--heading-major-font-family, var(--heading-font-family, var(--font-family, revert)))))))))))));
410
- text-transform: var(--table-heading-2-text-transform, var(--surface-heading-2-text-transform, var(--paragraph-heading-2-text-transform, var(--table-heading-major-text-transform, var(--surface-heading-major-text-transform, var(--paragraph-heading-major-text-transform, var(--table-heading-text-transform, var(--surface-heading-text-transform, var(--paragraph-heading-text-transform, var(--heading-2-text-transform, var(--heading-major-text-transform, var(--heading-text-transform, var(--text-transform, revert)))))))))))));
411
- text-decoration: var(--table-heading-2-text-decoration, var(--surface-heading-2-text-decoration, var(--paragraph-heading-2-text-decoration, var(--table-heading-major-text-decoration, var(--surface-heading-major-text-decoration, var(--paragraph-heading-major-text-decoration, var(--table-heading-text-decoration, var(--surface-heading-text-decoration, var(--paragraph-heading-text-decoration, var(--heading-2-text-decoration, var(--heading-major-text-decoration, var(--heading-text-decoration, var(--text-decoration, revert)))))))))))));
412
- font-size: var(--table-heading-2-font-size, var(--surface-heading-2-font-size, var(--paragraph-heading-2-font-size, var(--table-heading-major-font-size, var(--surface-heading-major-font-size, var(--paragraph-heading-major-font-size, var(--table-heading-font-size, var(--surface-heading-font-size, var(--paragraph-heading-font-size, var(--heading-2-font-size, var(--heading-major-font-size, var(--heading-font-size, revert))))))))))));
413
- font-weight: var(--table-heading-2-font-weight, var(--surface-heading-2-font-weight, var(--paragraph-heading-2-font-weight, var(--table-heading-major-font-weight, var(--surface-heading-major-font-weight, var(--paragraph-heading-major-font-weight, var(--table-heading-font-weight, var(--surface-heading-font-weight, var(--paragraph-heading-font-weight, var(--heading-2-font-weight, var(--heading-major-font-weight, var(--heading-font-weight, var(--font-weight, revert)))))))))))));
414
- line-height: var(--table-heading-2-line-height, var(--surface-heading-2-line-height, var(--paragraph-heading-2-line-height, var(--table-heading-major-line-height, var(--surface-heading-major-line-height, var(--paragraph-heading-major-line-height, var(--table-heading-line-height, var(--surface-heading-line-height, var(--paragraph-heading-line-height, var(--heading-2-line-height, var(--heading-major-line-height, var(--heading-line-height, var(--line-height, revert)))))))))))));
415
- letter-spacing: var(--table-heading-2-letter-spacing, var(--surface-heading-2-letter-spacing, var(--paragraph-heading-2-letter-spacing, var(--table-heading-major-letter-spacing, var(--surface-heading-major-letter-spacing, var(--paragraph-heading-major-letter-spacing, var(--table-heading-letter-spacing, var(--surface-heading-letter-spacing, var(--paragraph-heading-letter-spacing, var(--heading-2-letter-spacing, var(--heading-major-letter-spacing, var(--heading-letter-spacing, var(--letter-spacing, revert)))))))))))));
416
- text-indent: var(--table-heading-2-indent, var(--surface-heading-2-indent, var(--paragraph-heading-2-indent, var(--table-heading-major-indent, var(--surface-heading-major-indent, var(--paragraph-heading-major-indent, var(--table-heading-indent, var(--surface-heading-indent, var(--paragraph-heading-indent, var(--heading-2-indent, var(--heading-major-indent, var(--heading-indent, var(--indent, revert)))))))))))));
417
- font-variant: var(--table-heading-2-font-variant, var(--surface-heading-2-font-variant, var(--paragraph-heading-2-font-variant, var(--table-heading-major-font-variant, var(--surface-heading-major-font-variant, var(--paragraph-heading-major-font-variant, var(--table-heading-font-variant, var(--surface-heading-font-variant, var(--paragraph-heading-font-variant, var(--heading-2-font-variant, var(--heading-major-font-variant, var(--heading-font-variant, var(--font-variant, revert)))))))))))));
418
- text-align: var(--table-heading-2-text-align, var(--surface-heading-2-text-align, var(--paragraph-heading-2-text-align, var(--table-heading-major-text-align, var(--surface-heading-major-text-align, var(--paragraph-heading-major-text-align, var(--table-heading-text-align, var(--surface-heading-text-align, var(--paragraph-heading-text-align, var(--heading-2-text-align, var(--heading-major-text-align, var(--heading-text-align, var(--text-align, revert)))))))))))));
419
- }
420
-
421
- table :global(h3) {
422
- --_heading-color: var(--table-heading-3-fg, var(--surface-heading-3-fg, var(--paragraph-heading-3-fg, var(--table-heading-fg, var(--surface-heading-fg, var(--paragraph-heading-fg, var(--table-heading-fg, var(--surface-heading-fg, var(--paragraph-heading-fg, var(--heading-3-fg, var(--heading-fg, var(--heading-fg, revert))))))))))));
423
- color: var(--_heading-color);
424
- --_heading-background: var(--table-heading-3-bg, var(--surface-heading-3-bg, var(--paragraph-heading-3-bg, var(--table-heading-bg, var(--surface-heading-bg, var(--paragraph-heading-bg, var(--table-heading-bg, var(--surface-heading-bg, var(--paragraph-heading-bg, var(--heading-3-bg, var(--heading-bg, var(--heading-bg, transparent))))))))))));
425
- background: var(--_heading-background);
426
- --_heading-padding: var(--table-heading-3-padding, var(--surface-heading-3-padding, var(--paragraph-heading-3-padding, var(--table-heading-padding, var(--surface-heading-padding, var(--paragraph-heading-padding, var(--table-heading-padding, var(--surface-heading-padding, var(--paragraph-heading-padding, var(--heading-3-padding, var(--heading-padding, var(--heading-padding, 0))))))))))));
427
- padding: var(--_heading-padding);
428
- --_heading-border: var(--table-heading-3-border, var(--surface-heading-3-border, var(--paragraph-heading-3-border, var(--table-heading-border, var(--surface-heading-border, var(--paragraph-heading-border, var(--table-heading-border, var(--surface-heading-border, var(--paragraph-heading-border, var(--heading-3-border, var(--heading-border, var(--heading-border, none))))))))))));
429
- border: var(--_heading-border);
430
- border-width: var(--table-heading-3-border-width, var(--surface-heading-3-border-width, var(--paragraph-heading-3-border-width, var(--table-heading-border-width, var(--surface-heading-border-width, var(--paragraph-heading-border-width, var(--table-heading-border-width, var(--surface-heading-border-width, var(--paragraph-heading-border-width, var(--heading-3-border-width, var(--heading-border-width, var(--heading-border-width, var(--__missing-border-width)))))))))))));
431
- border-style: var(--table-heading-3-border-style, var(--surface-heading-3-border-style, var(--paragraph-heading-3-border-style, var(--table-heading-border-style, var(--surface-heading-border-style, var(--paragraph-heading-border-style, var(--table-heading-border-style, var(--surface-heading-border-style, var(--paragraph-heading-border-style, var(--heading-3-border-style, var(--heading-border-style, var(--heading-border-style, var(--__missing-border-style)))))))))))));
432
- border-color: var(--table-heading-3-border-color, var(--surface-heading-3-border-color, var(--paragraph-heading-3-border-color, var(--table-heading-border-color, var(--surface-heading-border-color, var(--paragraph-heading-border-color, var(--table-heading-border-color, var(--surface-heading-border-color, var(--paragraph-heading-border-color, var(--heading-3-border-color, var(--heading-border-color, var(--heading-border-color, var(--__missing-border-color)))))))))))));
433
- --_heading-border-radius: var(--table-heading-3-border-radius, var(--surface-heading-3-border-radius, var(--paragraph-heading-3-border-radius, var(--table-heading-border-radius, var(--surface-heading-border-radius, var(--paragraph-heading-border-radius, var(--table-heading-border-radius, var(--surface-heading-border-radius, var(--paragraph-heading-border-radius, var(--heading-3-border-radius, var(--heading-border-radius, var(--heading-border-radius, 0))))))))))));
434
- border-radius: var(--_heading-border-radius);
435
- --_heading-box-shadow: var(--table-heading-3-box-shadow, var(--surface-heading-3-box-shadow, var(--paragraph-heading-3-box-shadow, var(--table-heading-box-shadow, var(--surface-heading-box-shadow, var(--paragraph-heading-box-shadow, var(--table-heading-box-shadow, var(--surface-heading-box-shadow, var(--paragraph-heading-box-shadow, var(--heading-3-box-shadow, var(--heading-box-shadow, var(--heading-box-shadow, none))))))))))));
436
- box-shadow: var(--_heading-box-shadow);
437
- font-family: var(--table-heading-3-font-family, var(--surface-heading-3-font-family, var(--paragraph-heading-3-font-family, var(--table-heading-font-family, var(--surface-heading-font-family, var(--paragraph-heading-font-family, var(--table-heading-font-family, var(--surface-heading-font-family, var(--paragraph-heading-font-family, var(--heading-3-font-family, var(--heading-font-family, var(--heading-font-family, var(--font-family, revert)))))))))))));
438
- text-transform: var(--table-heading-3-text-transform, var(--surface-heading-3-text-transform, var(--paragraph-heading-3-text-transform, var(--table-heading-text-transform, var(--surface-heading-text-transform, var(--paragraph-heading-text-transform, var(--table-heading-text-transform, var(--surface-heading-text-transform, var(--paragraph-heading-text-transform, var(--heading-3-text-transform, var(--heading-text-transform, var(--heading-text-transform, var(--text-transform, revert)))))))))))));
439
- text-decoration: var(--table-heading-3-text-decoration, var(--surface-heading-3-text-decoration, var(--paragraph-heading-3-text-decoration, var(--table-heading-text-decoration, var(--surface-heading-text-decoration, var(--paragraph-heading-text-decoration, var(--table-heading-text-decoration, var(--surface-heading-text-decoration, var(--paragraph-heading-text-decoration, var(--heading-3-text-decoration, var(--heading-text-decoration, var(--heading-text-decoration, var(--text-decoration, revert)))))))))))));
440
- font-size: var(--table-heading-3-font-size, var(--surface-heading-3-font-size, var(--paragraph-heading-3-font-size, var(--table-heading-font-size, var(--surface-heading-font-size, var(--paragraph-heading-font-size, var(--table-heading-font-size, var(--surface-heading-font-size, var(--paragraph-heading-font-size, var(--heading-3-font-size, var(--heading-font-size, var(--heading-font-size, revert))))))))))));
441
- font-weight: var(--table-heading-3-font-weight, var(--surface-heading-3-font-weight, var(--paragraph-heading-3-font-weight, var(--table-heading-font-weight, var(--surface-heading-font-weight, var(--paragraph-heading-font-weight, var(--table-heading-font-weight, var(--surface-heading-font-weight, var(--paragraph-heading-font-weight, var(--heading-3-font-weight, var(--heading-font-weight, var(--heading-font-weight, var(--font-weight, revert)))))))))))));
442
- line-height: var(--table-heading-3-line-height, var(--surface-heading-3-line-height, var(--paragraph-heading-3-line-height, var(--table-heading-line-height, var(--surface-heading-line-height, var(--paragraph-heading-line-height, var(--table-heading-line-height, var(--surface-heading-line-height, var(--paragraph-heading-line-height, var(--heading-3-line-height, var(--heading-line-height, var(--heading-line-height, var(--line-height, revert)))))))))))));
443
- letter-spacing: var(--table-heading-3-letter-spacing, var(--surface-heading-3-letter-spacing, var(--paragraph-heading-3-letter-spacing, var(--table-heading-letter-spacing, var(--surface-heading-letter-spacing, var(--paragraph-heading-letter-spacing, var(--table-heading-letter-spacing, var(--surface-heading-letter-spacing, var(--paragraph-heading-letter-spacing, var(--heading-3-letter-spacing, var(--heading-letter-spacing, var(--heading-letter-spacing, var(--letter-spacing, revert)))))))))))));
444
- text-indent: var(--table-heading-3-indent, var(--surface-heading-3-indent, var(--paragraph-heading-3-indent, var(--table-heading-indent, var(--surface-heading-indent, var(--paragraph-heading-indent, var(--table-heading-indent, var(--surface-heading-indent, var(--paragraph-heading-indent, var(--heading-3-indent, var(--heading-indent, var(--heading-indent, var(--indent, revert)))))))))))));
445
- font-variant: var(--table-heading-3-font-variant, var(--surface-heading-3-font-variant, var(--paragraph-heading-3-font-variant, var(--table-heading-font-variant, var(--surface-heading-font-variant, var(--paragraph-heading-font-variant, var(--table-heading-font-variant, var(--surface-heading-font-variant, var(--paragraph-heading-font-variant, var(--heading-3-font-variant, var(--heading-font-variant, var(--heading-font-variant, var(--font-variant, revert)))))))))))));
446
- text-align: var(--table-heading-3-text-align, var(--surface-heading-3-text-align, var(--paragraph-heading-3-text-align, var(--table-heading-text-align, var(--surface-heading-text-align, var(--paragraph-heading-text-align, var(--table-heading-text-align, var(--surface-heading-text-align, var(--paragraph-heading-text-align, var(--heading-3-text-align, var(--heading-text-align, var(--heading-text-align, var(--text-align, revert)))))))))))));
447
- }
448
-
449
- table :global(h4) {
450
- --_heading-color: var(--table-heading-4-fg, var(--surface-heading-4-fg, var(--paragraph-heading-4-fg, var(--table-heading-fg, var(--surface-heading-fg, var(--paragraph-heading-fg, var(--table-heading-fg, var(--surface-heading-fg, var(--paragraph-heading-fg, var(--heading-4-fg, var(--heading-fg, var(--heading-fg, revert))))))))))));
451
- color: var(--_heading-color);
452
- --_heading-background: var(--table-heading-4-bg, var(--surface-heading-4-bg, var(--paragraph-heading-4-bg, var(--table-heading-bg, var(--surface-heading-bg, var(--paragraph-heading-bg, var(--table-heading-bg, var(--surface-heading-bg, var(--paragraph-heading-bg, var(--heading-4-bg, var(--heading-bg, var(--heading-bg, transparent))))))))))));
453
- background: var(--_heading-background);
454
- --_heading-padding: var(--table-heading-4-padding, var(--surface-heading-4-padding, var(--paragraph-heading-4-padding, var(--table-heading-padding, var(--surface-heading-padding, var(--paragraph-heading-padding, var(--table-heading-padding, var(--surface-heading-padding, var(--paragraph-heading-padding, var(--heading-4-padding, var(--heading-padding, var(--heading-padding, 0))))))))))));
455
- padding: var(--_heading-padding);
456
- --_heading-border: var(--table-heading-4-border, var(--surface-heading-4-border, var(--paragraph-heading-4-border, var(--table-heading-border, var(--surface-heading-border, var(--paragraph-heading-border, var(--table-heading-border, var(--surface-heading-border, var(--paragraph-heading-border, var(--heading-4-border, var(--heading-border, var(--heading-border, none))))))))))));
457
- border: var(--_heading-border);
458
- border-width: var(--table-heading-4-border-width, var(--surface-heading-4-border-width, var(--paragraph-heading-4-border-width, var(--table-heading-border-width, var(--surface-heading-border-width, var(--paragraph-heading-border-width, var(--table-heading-border-width, var(--surface-heading-border-width, var(--paragraph-heading-border-width, var(--heading-4-border-width, var(--heading-border-width, var(--heading-border-width, var(--__missing-border-width)))))))))))));
459
- border-style: var(--table-heading-4-border-style, var(--surface-heading-4-border-style, var(--paragraph-heading-4-border-style, var(--table-heading-border-style, var(--surface-heading-border-style, var(--paragraph-heading-border-style, var(--table-heading-border-style, var(--surface-heading-border-style, var(--paragraph-heading-border-style, var(--heading-4-border-style, var(--heading-border-style, var(--heading-border-style, var(--__missing-border-style)))))))))))));
460
- border-color: var(--table-heading-4-border-color, var(--surface-heading-4-border-color, var(--paragraph-heading-4-border-color, var(--table-heading-border-color, var(--surface-heading-border-color, var(--paragraph-heading-border-color, var(--table-heading-border-color, var(--surface-heading-border-color, var(--paragraph-heading-border-color, var(--heading-4-border-color, var(--heading-border-color, var(--heading-border-color, var(--__missing-border-color)))))))))))));
461
- --_heading-border-radius: var(--table-heading-4-border-radius, var(--surface-heading-4-border-radius, var(--paragraph-heading-4-border-radius, var(--table-heading-border-radius, var(--surface-heading-border-radius, var(--paragraph-heading-border-radius, var(--table-heading-border-radius, var(--surface-heading-border-radius, var(--paragraph-heading-border-radius, var(--heading-4-border-radius, var(--heading-border-radius, var(--heading-border-radius, 0))))))))))));
462
- border-radius: var(--_heading-border-radius);
463
- --_heading-box-shadow: var(--table-heading-4-box-shadow, var(--surface-heading-4-box-shadow, var(--paragraph-heading-4-box-shadow, var(--table-heading-box-shadow, var(--surface-heading-box-shadow, var(--paragraph-heading-box-shadow, var(--table-heading-box-shadow, var(--surface-heading-box-shadow, var(--paragraph-heading-box-shadow, var(--heading-4-box-shadow, var(--heading-box-shadow, var(--heading-box-shadow, none))))))))))));
464
- box-shadow: var(--_heading-box-shadow);
465
- font-family: var(--table-heading-4-font-family, var(--surface-heading-4-font-family, var(--paragraph-heading-4-font-family, var(--table-heading-font-family, var(--surface-heading-font-family, var(--paragraph-heading-font-family, var(--table-heading-font-family, var(--surface-heading-font-family, var(--paragraph-heading-font-family, var(--heading-4-font-family, var(--heading-font-family, var(--heading-font-family, var(--font-family, revert)))))))))))));
466
- text-transform: var(--table-heading-4-text-transform, var(--surface-heading-4-text-transform, var(--paragraph-heading-4-text-transform, var(--table-heading-text-transform, var(--surface-heading-text-transform, var(--paragraph-heading-text-transform, var(--table-heading-text-transform, var(--surface-heading-text-transform, var(--paragraph-heading-text-transform, var(--heading-4-text-transform, var(--heading-text-transform, var(--heading-text-transform, var(--text-transform, revert)))))))))))));
467
- text-decoration: var(--table-heading-4-text-decoration, var(--surface-heading-4-text-decoration, var(--paragraph-heading-4-text-decoration, var(--table-heading-text-decoration, var(--surface-heading-text-decoration, var(--paragraph-heading-text-decoration, var(--table-heading-text-decoration, var(--surface-heading-text-decoration, var(--paragraph-heading-text-decoration, var(--heading-4-text-decoration, var(--heading-text-decoration, var(--heading-text-decoration, var(--text-decoration, revert)))))))))))));
468
- font-size: var(--table-heading-4-font-size, var(--surface-heading-4-font-size, var(--paragraph-heading-4-font-size, var(--table-heading-font-size, var(--surface-heading-font-size, var(--paragraph-heading-font-size, var(--table-heading-font-size, var(--surface-heading-font-size, var(--paragraph-heading-font-size, var(--heading-4-font-size, var(--heading-font-size, var(--heading-font-size, revert))))))))))));
469
- font-weight: var(--table-heading-4-font-weight, var(--surface-heading-4-font-weight, var(--paragraph-heading-4-font-weight, var(--table-heading-font-weight, var(--surface-heading-font-weight, var(--paragraph-heading-font-weight, var(--table-heading-font-weight, var(--surface-heading-font-weight, var(--paragraph-heading-font-weight, var(--heading-4-font-weight, var(--heading-font-weight, var(--heading-font-weight, var(--font-weight, revert)))))))))))));
470
- line-height: var(--table-heading-4-line-height, var(--surface-heading-4-line-height, var(--paragraph-heading-4-line-height, var(--table-heading-line-height, var(--surface-heading-line-height, var(--paragraph-heading-line-height, var(--table-heading-line-height, var(--surface-heading-line-height, var(--paragraph-heading-line-height, var(--heading-4-line-height, var(--heading-line-height, var(--heading-line-height, var(--line-height, revert)))))))))))));
471
- letter-spacing: var(--table-heading-4-letter-spacing, var(--surface-heading-4-letter-spacing, var(--paragraph-heading-4-letter-spacing, var(--table-heading-letter-spacing, var(--surface-heading-letter-spacing, var(--paragraph-heading-letter-spacing, var(--table-heading-letter-spacing, var(--surface-heading-letter-spacing, var(--paragraph-heading-letter-spacing, var(--heading-4-letter-spacing, var(--heading-letter-spacing, var(--heading-letter-spacing, var(--letter-spacing, revert)))))))))))));
472
- text-indent: var(--table-heading-4-indent, var(--surface-heading-4-indent, var(--paragraph-heading-4-indent, var(--table-heading-indent, var(--surface-heading-indent, var(--paragraph-heading-indent, var(--table-heading-indent, var(--surface-heading-indent, var(--paragraph-heading-indent, var(--heading-4-indent, var(--heading-indent, var(--heading-indent, var(--indent, revert)))))))))))));
473
- font-variant: var(--table-heading-4-font-variant, var(--surface-heading-4-font-variant, var(--paragraph-heading-4-font-variant, var(--table-heading-font-variant, var(--surface-heading-font-variant, var(--paragraph-heading-font-variant, var(--table-heading-font-variant, var(--surface-heading-font-variant, var(--paragraph-heading-font-variant, var(--heading-4-font-variant, var(--heading-font-variant, var(--heading-font-variant, var(--font-variant, revert)))))))))))));
474
- text-align: var(--table-heading-4-text-align, var(--surface-heading-4-text-align, var(--paragraph-heading-4-text-align, var(--table-heading-text-align, var(--surface-heading-text-align, var(--paragraph-heading-text-align, var(--table-heading-text-align, var(--surface-heading-text-align, var(--paragraph-heading-text-align, var(--heading-4-text-align, var(--heading-text-align, var(--heading-text-align, var(--text-align, revert)))))))))))));
475
- }
476
-
477
- table :global(h5) {
478
- --_heading-color: var(--table-heading-5-fg, var(--surface-heading-5-fg, var(--paragraph-heading-5-fg, var(--table-heading-minor-fg, var(--surface-heading-minor-fg, var(--paragraph-heading-minor-fg, var(--table-heading-fg, var(--surface-heading-fg, var(--paragraph-heading-fg, var(--heading-5-fg, var(--heading-minor-fg, var(--heading-fg, revert))))))))))));
479
- color: var(--_heading-color);
480
- --_heading-background: var(--table-heading-5-bg, var(--surface-heading-5-bg, var(--paragraph-heading-5-bg, var(--table-heading-minor-bg, var(--surface-heading-minor-bg, var(--paragraph-heading-minor-bg, var(--table-heading-bg, var(--surface-heading-bg, var(--paragraph-heading-bg, var(--heading-5-bg, var(--heading-minor-bg, var(--heading-bg, transparent))))))))))));
481
- background: var(--_heading-background);
482
- --_heading-padding: var(--table-heading-5-padding, var(--surface-heading-5-padding, var(--paragraph-heading-5-padding, var(--table-heading-minor-padding, var(--surface-heading-minor-padding, var(--paragraph-heading-minor-padding, var(--table-heading-padding, var(--surface-heading-padding, var(--paragraph-heading-padding, var(--heading-5-padding, var(--heading-minor-padding, var(--heading-padding, 0))))))))))));
483
- padding: var(--_heading-padding);
484
- --_heading-border: var(--table-heading-5-border, var(--surface-heading-5-border, var(--paragraph-heading-5-border, var(--table-heading-minor-border, var(--surface-heading-minor-border, var(--paragraph-heading-minor-border, var(--table-heading-border, var(--surface-heading-border, var(--paragraph-heading-border, var(--heading-5-border, var(--heading-minor-border, var(--heading-border, none))))))))))));
485
- border: var(--_heading-border);
486
- border-width: var(--table-heading-5-border-width, var(--surface-heading-5-border-width, var(--paragraph-heading-5-border-width, var(--table-heading-minor-border-width, var(--surface-heading-minor-border-width, var(--paragraph-heading-minor-border-width, var(--table-heading-border-width, var(--surface-heading-border-width, var(--paragraph-heading-border-width, var(--heading-5-border-width, var(--heading-minor-border-width, var(--heading-border-width, var(--__missing-border-width)))))))))))));
487
- border-style: var(--table-heading-5-border-style, var(--surface-heading-5-border-style, var(--paragraph-heading-5-border-style, var(--table-heading-minor-border-style, var(--surface-heading-minor-border-style, var(--paragraph-heading-minor-border-style, var(--table-heading-border-style, var(--surface-heading-border-style, var(--paragraph-heading-border-style, var(--heading-5-border-style, var(--heading-minor-border-style, var(--heading-border-style, var(--__missing-border-style)))))))))))));
488
- border-color: var(--table-heading-5-border-color, var(--surface-heading-5-border-color, var(--paragraph-heading-5-border-color, var(--table-heading-minor-border-color, var(--surface-heading-minor-border-color, var(--paragraph-heading-minor-border-color, var(--table-heading-border-color, var(--surface-heading-border-color, var(--paragraph-heading-border-color, var(--heading-5-border-color, var(--heading-minor-border-color, var(--heading-border-color, var(--__missing-border-color)))))))))))));
489
- --_heading-border-radius: var(--table-heading-5-border-radius, var(--surface-heading-5-border-radius, var(--paragraph-heading-5-border-radius, var(--table-heading-minor-border-radius, var(--surface-heading-minor-border-radius, var(--paragraph-heading-minor-border-radius, var(--table-heading-border-radius, var(--surface-heading-border-radius, var(--paragraph-heading-border-radius, var(--heading-5-border-radius, var(--heading-minor-border-radius, var(--heading-border-radius, 0))))))))))));
490
- border-radius: var(--_heading-border-radius);
491
- --_heading-box-shadow: var(--table-heading-5-box-shadow, var(--surface-heading-5-box-shadow, var(--paragraph-heading-5-box-shadow, var(--table-heading-minor-box-shadow, var(--surface-heading-minor-box-shadow, var(--paragraph-heading-minor-box-shadow, var(--table-heading-box-shadow, var(--surface-heading-box-shadow, var(--paragraph-heading-box-shadow, var(--heading-5-box-shadow, var(--heading-minor-box-shadow, var(--heading-box-shadow, none))))))))))));
492
- box-shadow: var(--_heading-box-shadow);
493
- font-family: var(--table-heading-5-font-family, var(--surface-heading-5-font-family, var(--paragraph-heading-5-font-family, var(--table-heading-minor-font-family, var(--surface-heading-minor-font-family, var(--paragraph-heading-minor-font-family, var(--table-heading-font-family, var(--surface-heading-font-family, var(--paragraph-heading-font-family, var(--heading-5-font-family, var(--heading-minor-font-family, var(--heading-font-family, var(--font-family, revert)))))))))))));
494
- text-transform: var(--table-heading-5-text-transform, var(--surface-heading-5-text-transform, var(--paragraph-heading-5-text-transform, var(--table-heading-minor-text-transform, var(--surface-heading-minor-text-transform, var(--paragraph-heading-minor-text-transform, var(--table-heading-text-transform, var(--surface-heading-text-transform, var(--paragraph-heading-text-transform, var(--heading-5-text-transform, var(--heading-minor-text-transform, var(--heading-text-transform, var(--text-transform, revert)))))))))))));
495
- text-decoration: var(--table-heading-5-text-decoration, var(--surface-heading-5-text-decoration, var(--paragraph-heading-5-text-decoration, var(--table-heading-minor-text-decoration, var(--surface-heading-minor-text-decoration, var(--paragraph-heading-minor-text-decoration, var(--table-heading-text-decoration, var(--surface-heading-text-decoration, var(--paragraph-heading-text-decoration, var(--heading-5-text-decoration, var(--heading-minor-text-decoration, var(--heading-text-decoration, var(--text-decoration, revert)))))))))))));
496
- font-size: var(--table-heading-5-font-size, var(--surface-heading-5-font-size, var(--paragraph-heading-5-font-size, var(--table-heading-minor-font-size, var(--surface-heading-minor-font-size, var(--paragraph-heading-minor-font-size, var(--table-heading-font-size, var(--surface-heading-font-size, var(--paragraph-heading-font-size, var(--heading-5-font-size, var(--heading-minor-font-size, var(--heading-font-size, revert))))))))))));
497
- font-weight: var(--table-heading-5-font-weight, var(--surface-heading-5-font-weight, var(--paragraph-heading-5-font-weight, var(--table-heading-minor-font-weight, var(--surface-heading-minor-font-weight, var(--paragraph-heading-minor-font-weight, var(--table-heading-font-weight, var(--surface-heading-font-weight, var(--paragraph-heading-font-weight, var(--heading-5-font-weight, var(--heading-minor-font-weight, var(--heading-font-weight, var(--font-weight, revert)))))))))))));
498
- line-height: var(--table-heading-5-line-height, var(--surface-heading-5-line-height, var(--paragraph-heading-5-line-height, var(--table-heading-minor-line-height, var(--surface-heading-minor-line-height, var(--paragraph-heading-minor-line-height, var(--table-heading-line-height, var(--surface-heading-line-height, var(--paragraph-heading-line-height, var(--heading-5-line-height, var(--heading-minor-line-height, var(--heading-line-height, var(--line-height, revert)))))))))))));
499
- letter-spacing: var(--table-heading-5-letter-spacing, var(--surface-heading-5-letter-spacing, var(--paragraph-heading-5-letter-spacing, var(--table-heading-minor-letter-spacing, var(--surface-heading-minor-letter-spacing, var(--paragraph-heading-minor-letter-spacing, var(--table-heading-letter-spacing, var(--surface-heading-letter-spacing, var(--paragraph-heading-letter-spacing, var(--heading-5-letter-spacing, var(--heading-minor-letter-spacing, var(--heading-letter-spacing, var(--letter-spacing, revert)))))))))))));
500
- text-indent: var(--table-heading-5-indent, var(--surface-heading-5-indent, var(--paragraph-heading-5-indent, var(--table-heading-minor-indent, var(--surface-heading-minor-indent, var(--paragraph-heading-minor-indent, var(--table-heading-indent, var(--surface-heading-indent, var(--paragraph-heading-indent, var(--heading-5-indent, var(--heading-minor-indent, var(--heading-indent, var(--indent, revert)))))))))))));
501
- font-variant: var(--table-heading-5-font-variant, var(--surface-heading-5-font-variant, var(--paragraph-heading-5-font-variant, var(--table-heading-minor-font-variant, var(--surface-heading-minor-font-variant, var(--paragraph-heading-minor-font-variant, var(--table-heading-font-variant, var(--surface-heading-font-variant, var(--paragraph-heading-font-variant, var(--heading-5-font-variant, var(--heading-minor-font-variant, var(--heading-font-variant, var(--font-variant, revert)))))))))))));
502
- text-align: var(--table-heading-5-text-align, var(--surface-heading-5-text-align, var(--paragraph-heading-5-text-align, var(--table-heading-minor-text-align, var(--surface-heading-minor-text-align, var(--paragraph-heading-minor-text-align, var(--table-heading-text-align, var(--surface-heading-text-align, var(--paragraph-heading-text-align, var(--heading-5-text-align, var(--heading-minor-text-align, var(--heading-text-align, var(--text-align, revert)))))))))))));
503
- }
504
-
505
- table :global(h6) {
506
- --_heading-color: var(--table-heading-6-fg, var(--surface-heading-6-fg, var(--paragraph-heading-6-fg, var(--table-heading-minor-fg, var(--surface-heading-minor-fg, var(--paragraph-heading-minor-fg, var(--table-heading-fg, var(--surface-heading-fg, var(--paragraph-heading-fg, var(--heading-6-fg, var(--heading-minor-fg, var(--heading-fg, revert))))))))))));
507
- color: var(--_heading-color);
508
- --_heading-background: var(--table-heading-6-bg, var(--surface-heading-6-bg, var(--paragraph-heading-6-bg, var(--table-heading-minor-bg, var(--surface-heading-minor-bg, var(--paragraph-heading-minor-bg, var(--table-heading-bg, var(--surface-heading-bg, var(--paragraph-heading-bg, var(--heading-6-bg, var(--heading-minor-bg, var(--heading-bg, transparent))))))))))));
509
- background: var(--_heading-background);
510
- --_heading-padding: var(--table-heading-6-padding, var(--surface-heading-6-padding, var(--paragraph-heading-6-padding, var(--table-heading-minor-padding, var(--surface-heading-minor-padding, var(--paragraph-heading-minor-padding, var(--table-heading-padding, var(--surface-heading-padding, var(--paragraph-heading-padding, var(--heading-6-padding, var(--heading-minor-padding, var(--heading-padding, 0))))))))))));
511
- padding: var(--_heading-padding);
512
- --_heading-border: var(--table-heading-6-border, var(--surface-heading-6-border, var(--paragraph-heading-6-border, var(--table-heading-minor-border, var(--surface-heading-minor-border, var(--paragraph-heading-minor-border, var(--table-heading-border, var(--surface-heading-border, var(--paragraph-heading-border, var(--heading-6-border, var(--heading-minor-border, var(--heading-border, none))))))))))));
513
- border: var(--_heading-border);
514
- border-width: var(--table-heading-6-border-width, var(--surface-heading-6-border-width, var(--paragraph-heading-6-border-width, var(--table-heading-minor-border-width, var(--surface-heading-minor-border-width, var(--paragraph-heading-minor-border-width, var(--table-heading-border-width, var(--surface-heading-border-width, var(--paragraph-heading-border-width, var(--heading-6-border-width, var(--heading-minor-border-width, var(--heading-border-width, var(--__missing-border-width)))))))))))));
515
- border-style: var(--table-heading-6-border-style, var(--surface-heading-6-border-style, var(--paragraph-heading-6-border-style, var(--table-heading-minor-border-style, var(--surface-heading-minor-border-style, var(--paragraph-heading-minor-border-style, var(--table-heading-border-style, var(--surface-heading-border-style, var(--paragraph-heading-border-style, var(--heading-6-border-style, var(--heading-minor-border-style, var(--heading-border-style, var(--__missing-border-style)))))))))))));
516
- border-color: var(--table-heading-6-border-color, var(--surface-heading-6-border-color, var(--paragraph-heading-6-border-color, var(--table-heading-minor-border-color, var(--surface-heading-minor-border-color, var(--paragraph-heading-minor-border-color, var(--table-heading-border-color, var(--surface-heading-border-color, var(--paragraph-heading-border-color, var(--heading-6-border-color, var(--heading-minor-border-color, var(--heading-border-color, var(--__missing-border-color)))))))))))));
517
- --_heading-border-radius: var(--table-heading-6-border-radius, var(--surface-heading-6-border-radius, var(--paragraph-heading-6-border-radius, var(--table-heading-minor-border-radius, var(--surface-heading-minor-border-radius, var(--paragraph-heading-minor-border-radius, var(--table-heading-border-radius, var(--surface-heading-border-radius, var(--paragraph-heading-border-radius, var(--heading-6-border-radius, var(--heading-minor-border-radius, var(--heading-border-radius, 0))))))))))));
518
- border-radius: var(--_heading-border-radius);
519
- --_heading-box-shadow: var(--table-heading-6-box-shadow, var(--surface-heading-6-box-shadow, var(--paragraph-heading-6-box-shadow, var(--table-heading-minor-box-shadow, var(--surface-heading-minor-box-shadow, var(--paragraph-heading-minor-box-shadow, var(--table-heading-box-shadow, var(--surface-heading-box-shadow, var(--paragraph-heading-box-shadow, var(--heading-6-box-shadow, var(--heading-minor-box-shadow, var(--heading-box-shadow, none))))))))))));
520
- box-shadow: var(--_heading-box-shadow);
521
- font-family: var(--table-heading-6-font-family, var(--surface-heading-6-font-family, var(--paragraph-heading-6-font-family, var(--table-heading-minor-font-family, var(--surface-heading-minor-font-family, var(--paragraph-heading-minor-font-family, var(--table-heading-font-family, var(--surface-heading-font-family, var(--paragraph-heading-font-family, var(--heading-6-font-family, var(--heading-minor-font-family, var(--heading-font-family, var(--font-family, revert)))))))))))));
522
- text-transform: var(--table-heading-6-text-transform, var(--surface-heading-6-text-transform, var(--paragraph-heading-6-text-transform, var(--table-heading-minor-text-transform, var(--surface-heading-minor-text-transform, var(--paragraph-heading-minor-text-transform, var(--table-heading-text-transform, var(--surface-heading-text-transform, var(--paragraph-heading-text-transform, var(--heading-6-text-transform, var(--heading-minor-text-transform, var(--heading-text-transform, var(--text-transform, revert)))))))))))));
523
- text-decoration: var(--table-heading-6-text-decoration, var(--surface-heading-6-text-decoration, var(--paragraph-heading-6-text-decoration, var(--table-heading-minor-text-decoration, var(--surface-heading-minor-text-decoration, var(--paragraph-heading-minor-text-decoration, var(--table-heading-text-decoration, var(--surface-heading-text-decoration, var(--paragraph-heading-text-decoration, var(--heading-6-text-decoration, var(--heading-minor-text-decoration, var(--heading-text-decoration, var(--text-decoration, revert)))))))))))));
524
- font-size: var(--table-heading-6-font-size, var(--surface-heading-6-font-size, var(--paragraph-heading-6-font-size, var(--table-heading-minor-font-size, var(--surface-heading-minor-font-size, var(--paragraph-heading-minor-font-size, var(--table-heading-font-size, var(--surface-heading-font-size, var(--paragraph-heading-font-size, var(--heading-6-font-size, var(--heading-minor-font-size, var(--heading-font-size, revert))))))))))));
525
- font-weight: var(--table-heading-6-font-weight, var(--surface-heading-6-font-weight, var(--paragraph-heading-6-font-weight, var(--table-heading-minor-font-weight, var(--surface-heading-minor-font-weight, var(--paragraph-heading-minor-font-weight, var(--table-heading-font-weight, var(--surface-heading-font-weight, var(--paragraph-heading-font-weight, var(--heading-6-font-weight, var(--heading-minor-font-weight, var(--heading-font-weight, var(--font-weight, revert)))))))))))));
526
- line-height: var(--table-heading-6-line-height, var(--surface-heading-6-line-height, var(--paragraph-heading-6-line-height, var(--table-heading-minor-line-height, var(--surface-heading-minor-line-height, var(--paragraph-heading-minor-line-height, var(--table-heading-line-height, var(--surface-heading-line-height, var(--paragraph-heading-line-height, var(--heading-6-line-height, var(--heading-minor-line-height, var(--heading-line-height, var(--line-height, revert)))))))))))));
527
- letter-spacing: var(--table-heading-6-letter-spacing, var(--surface-heading-6-letter-spacing, var(--paragraph-heading-6-letter-spacing, var(--table-heading-minor-letter-spacing, var(--surface-heading-minor-letter-spacing, var(--paragraph-heading-minor-letter-spacing, var(--table-heading-letter-spacing, var(--surface-heading-letter-spacing, var(--paragraph-heading-letter-spacing, var(--heading-6-letter-spacing, var(--heading-minor-letter-spacing, var(--heading-letter-spacing, var(--letter-spacing, revert)))))))))))));
528
- text-indent: var(--table-heading-6-indent, var(--surface-heading-6-indent, var(--paragraph-heading-6-indent, var(--table-heading-minor-indent, var(--surface-heading-minor-indent, var(--paragraph-heading-minor-indent, var(--table-heading-indent, var(--surface-heading-indent, var(--paragraph-heading-indent, var(--heading-6-indent, var(--heading-minor-indent, var(--heading-indent, var(--indent, revert)))))))))))));
529
- font-variant: var(--table-heading-6-font-variant, var(--surface-heading-6-font-variant, var(--paragraph-heading-6-font-variant, var(--table-heading-minor-font-variant, var(--surface-heading-minor-font-variant, var(--paragraph-heading-minor-font-variant, var(--table-heading-font-variant, var(--surface-heading-font-variant, var(--paragraph-heading-font-variant, var(--heading-6-font-variant, var(--heading-minor-font-variant, var(--heading-font-variant, var(--font-variant, revert)))))))))))));
530
- text-align: var(--table-heading-6-text-align, var(--surface-heading-6-text-align, var(--paragraph-heading-6-text-align, var(--table-heading-minor-text-align, var(--surface-heading-minor-text-align, var(--paragraph-heading-minor-text-align, var(--table-heading-text-align, var(--surface-heading-text-align, var(--paragraph-heading-text-align, var(--heading-6-text-align, var(--heading-minor-text-align, var(--heading-text-align, var(--text-align, revert)))))))))))));
531
- }
532
-
533
- table :global(p) {
534
- font-family: var(--table-paragraph-font-family, var(--surface-paragraph-font-family, var(--paragraph-paragraph-font-family, var(--paragraph-font-family, inherit))));
535
- text-transform: var(--table-paragraph-text-transform, var(--surface-paragraph-text-transform, var(--paragraph-paragraph-text-transform, var(--paragraph-text-transform, inherit))));
536
- text-decoration: var(--table-paragraph-text-decoration, var(--surface-paragraph-text-decoration, var(--paragraph-paragraph-text-decoration, var(--paragraph-text-decoration, inherit))));
537
- --_font-size: var(--table-paragraph-font-size, var(--surface-paragraph-font-size, var(--paragraph-paragraph-font-size, var(--paragraph-font-size, inherit))));
538
- font-size: var(--_font-size);
539
- font-weight: var(--table-paragraph-font-weight, var(--surface-paragraph-font-weight, var(--paragraph-paragraph-font-weight, var(--paragraph-font-weight, inherit))));
540
- line-height: var(--table-paragraph-line-height, var(--surface-paragraph-line-height, var(--paragraph-paragraph-line-height, var(--paragraph-line-height, inherit))));
541
- letter-spacing: var(--table-paragraph-letter-spacing, var(--surface-paragraph-letter-spacing, var(--paragraph-paragraph-letter-spacing, var(--paragraph-letter-spacing, inherit))));
542
- text-indent: var(--table-paragraph-indent, var(--surface-paragraph-indent, var(--paragraph-paragraph-indent, var(--paragraph-indent, inherit))));
543
- font-variant: var(--table-paragraph-font-variant, var(--surface-paragraph-font-variant, var(--paragraph-paragraph-font-variant, var(--paragraph-font-variant, inherit))));
544
- text-align: var(--table-paragraph-text-align, var(--surface-paragraph-text-align, var(--paragraph-paragraph-text-align, var(--paragraph-text-align, inherit))));
545
- }
546
-
547
- table :global(p:first-of-type),
548
- table :global(h1 + p),
549
- table :global(h2 + p),
550
- table :global(h3 + p),
551
- table :global(h4 + p),
552
- table :global(h5 + p),
553
- table :global(h6 + p) {
554
- font-family: var(--table-first-paragraph-font-family, var(--surface-first-paragraph-font-family, var(--paragraph-first-paragraph-font-family, var(--table-paragraph-font-family, var(--surface-paragraph-font-family, var(--paragraph-paragraph-font-family, var(--paragraph-font-family, var(--first-paragraph-font-family, inherit))))))));
555
- text-transform: var(--table-first-paragraph-text-transform, var(--surface-first-paragraph-text-transform, var(--paragraph-first-paragraph-text-transform, var(--table-paragraph-text-transform, var(--surface-paragraph-text-transform, var(--paragraph-paragraph-text-transform, var(--paragraph-text-transform, var(--first-paragraph-text-transform, inherit))))))));
556
- text-decoration: var(--table-first-paragraph-text-decoration, var(--surface-first-paragraph-text-decoration, var(--paragraph-first-paragraph-text-decoration, var(--table-paragraph-text-decoration, var(--surface-paragraph-text-decoration, var(--paragraph-paragraph-text-decoration, var(--paragraph-text-decoration, var(--first-paragraph-text-decoration, inherit))))))));
557
- --_font-size: var(--table-first-paragraph-font-size, var(--surface-first-paragraph-font-size, var(--paragraph-first-paragraph-font-size, var(--table-paragraph-font-size, var(--surface-paragraph-font-size, var(--paragraph-paragraph-font-size, var(--paragraph-font-size, var(--first-paragraph-font-size, inherit))))))));
558
- font-size: var(--_font-size);
559
- font-weight: var(--table-first-paragraph-font-weight, var(--surface-first-paragraph-font-weight, var(--paragraph-first-paragraph-font-weight, var(--table-paragraph-font-weight, var(--surface-paragraph-font-weight, var(--paragraph-paragraph-font-weight, var(--paragraph-font-weight, var(--first-paragraph-font-weight, inherit))))))));
560
- line-height: var(--table-first-paragraph-line-height, var(--surface-first-paragraph-line-height, var(--paragraph-first-paragraph-line-height, var(--table-paragraph-line-height, var(--surface-paragraph-line-height, var(--paragraph-paragraph-line-height, var(--paragraph-line-height, var(--first-paragraph-line-height, inherit))))))));
561
- letter-spacing: var(--table-first-paragraph-letter-spacing, var(--surface-first-paragraph-letter-spacing, var(--paragraph-first-paragraph-letter-spacing, var(--table-paragraph-letter-spacing, var(--surface-paragraph-letter-spacing, var(--paragraph-paragraph-letter-spacing, var(--paragraph-letter-spacing, var(--first-paragraph-letter-spacing, inherit))))))));
562
- text-indent: var(--table-first-paragraph-indent, var(--surface-first-paragraph-indent, var(--paragraph-first-paragraph-indent, var(--table-paragraph-indent, var(--surface-paragraph-indent, var(--paragraph-paragraph-indent, var(--paragraph-indent, var(--first-paragraph-indent, inherit))))))));
563
- font-variant: var(--table-first-paragraph-font-variant, var(--surface-first-paragraph-font-variant, var(--paragraph-first-paragraph-font-variant, var(--table-paragraph-font-variant, var(--surface-paragraph-font-variant, var(--paragraph-paragraph-font-variant, var(--paragraph-font-variant, var(--first-paragraph-font-variant, inherit))))))));
564
- text-align: var(--table-first-paragraph-text-align, var(--surface-first-paragraph-text-align, var(--paragraph-first-paragraph-text-align, var(--table-paragraph-text-align, var(--surface-paragraph-text-align, var(--paragraph-paragraph-text-align, var(--paragraph-text-align, var(--first-paragraph-text-align, inherit))))))));
565
- font-size: var(--table-first-paragraph-font-size, var(--surface-first-paragraph-font-size, var(--paragraph-first-paragraph-font-size, var(--first-paragraph-font-size, var(--table-paragraph-font-size, var(--surface-paragraph-font-size, var(--paragraph-paragraph-font-size, var(--paragraph-font-size, inherit))))))));
566
- line-height: var(--table-first-paragraph-line-height, var(--surface-first-paragraph-line-height, var(--paragraph-first-paragraph-line-height, var(--first-paragraph-line-height, var(--table-paragraph-line-height, var(--surface-paragraph-line-height, var(--paragraph-paragraph-line-height, var(--paragraph-line-height, inherit))))))));
567
- margin-block-start: var(--table-first-paragraph-margin-top, var(--surface-first-paragraph-margin-top, var(--paragraph-first-paragraph-margin-top, var(--first-paragraph-margin-top, 0))));
568
- }
569
-
570
- table :global(p:first-of-type::first-line),
571
- table :global(h1 + p::first-line),
572
- table :global(h2 + p::first-line),
573
- table :global(h3 + p::first-line),
574
- table :global(h4 + p::first-line),
575
- table :global(h5 + p::first-line),
576
- table :global(h6 + p::first-line) {
577
- font-family: var(--first-line-font-family, var(--table-first-line-font-family, var(--surface-first-line-font-family, var(--paragraph-first-line-font-family, var(--first-line-font-family, inherit)))));
578
- text-transform: var(--first-line-text-transform, var(--table-first-line-text-transform, var(--surface-first-line-text-transform, var(--paragraph-first-line-text-transform, var(--first-line-text-transform, inherit)))));
579
- text-decoration: var(--first-line-text-decoration, var(--table-first-line-text-decoration, var(--surface-first-line-text-decoration, var(--paragraph-first-line-text-decoration, var(--first-line-text-decoration, inherit)))));
580
- --_font-size: var(--first-line-font-size, var(--table-first-line-font-size, var(--surface-first-line-font-size, var(--paragraph-first-line-font-size, var(--first-line-font-size, inherit)))));
581
- font-size: var(--_font-size);
582
- font-weight: var(--first-line-font-weight, var(--table-first-line-font-weight, var(--surface-first-line-font-weight, var(--paragraph-first-line-font-weight, var(--first-line-font-weight, inherit)))));
583
- line-height: var(--first-line-line-height, var(--table-first-line-line-height, var(--surface-first-line-line-height, var(--paragraph-first-line-line-height, var(--first-line-line-height, inherit)))));
584
- letter-spacing: var(--first-line-letter-spacing, var(--table-first-line-letter-spacing, var(--surface-first-line-letter-spacing, var(--paragraph-first-line-letter-spacing, var(--first-line-letter-spacing, inherit)))));
585
- text-indent: var(--first-line-indent, var(--table-first-line-indent, var(--surface-first-line-indent, var(--paragraph-first-line-indent, var(--first-line-indent, inherit)))));
586
- font-variant: var(--first-line-font-variant, var(--table-first-line-font-variant, var(--surface-first-line-font-variant, var(--paragraph-first-line-font-variant, var(--first-line-font-variant, inherit)))));
587
- text-align: var(--first-line-text-align, var(--table-first-line-text-align, var(--surface-first-line-text-align, var(--paragraph-first-line-text-align, var(--first-line-text-align, inherit)))));
588
- }
589
-
590
- table :global(p:first-of-type::first-letter),
591
- table :global(h1 + p::first-letter),
592
- table :global(h2 + p::first-letter),
593
- table :global(h3 + p::first-letter),
594
- table :global(h4 + p::first-letter),
595
- table :global(h5 + p::first-letter),
596
- table :global(h6 + p::first-letter) {
597
- font-family: var(--first-letter-font-family, var(--table-first-letter-font-family, var(--surface-first-letter-font-family, var(--paragraph-first-letter-font-family, inherit))));
598
- text-transform: var(--first-letter-text-transform, var(--table-first-letter-text-transform, var(--surface-first-letter-text-transform, var(--paragraph-first-letter-text-transform, inherit))));
599
- text-decoration: var(--first-letter-text-decoration, var(--table-first-letter-text-decoration, var(--surface-first-letter-text-decoration, var(--paragraph-first-letter-text-decoration, inherit))));
600
- --_font-size: var(--first-letter-font-size, var(--table-first-letter-font-size, var(--surface-first-letter-font-size, var(--paragraph-first-letter-font-size, inherit))));
601
- font-size: var(--_font-size);
602
- font-weight: var(--first-letter-font-weight, var(--table-first-letter-font-weight, var(--surface-first-letter-font-weight, var(--paragraph-first-letter-font-weight, inherit))));
603
- line-height: var(--first-letter-line-height, var(--table-first-letter-line-height, var(--surface-first-letter-line-height, var(--paragraph-first-letter-line-height, inherit))));
604
- letter-spacing: var(--first-letter-letter-spacing, var(--table-first-letter-letter-spacing, var(--surface-first-letter-letter-spacing, var(--paragraph-first-letter-letter-spacing, inherit))));
605
- text-indent: var(--first-letter-indent, var(--table-first-letter-indent, var(--surface-first-letter-indent, var(--paragraph-first-letter-indent, inherit))));
606
- font-variant: var(--first-letter-font-variant, var(--table-first-letter-font-variant, var(--surface-first-letter-font-variant, var(--paragraph-first-letter-font-variant, inherit))));
607
- text-align: var(--first-letter-text-align, var(--table-first-letter-text-align, var(--surface-first-letter-text-align, var(--paragraph-first-letter-text-align, inherit))));
608
- --link-bg: var(--table-link-bg, var(--surface-link-bg, var(--paragraph-link-bg, inherit)));
609
- --link-fg: var(--table-link-fg, var(--surface-link-fg, var(--paragraph-link-fg, inherit)));
610
- background: var(--table-first-letter-bg, var(--surface-first-letter-bg, var(--first-letter-bg, inherit)));
611
- color: var(--table-first-letter-fg, var(--surface-first-letter-fg, var(--first-letter-fg, inherit)));
612
- float: var(--first-letter-float, none);
613
- margin-right: var(--first-letter-margin-right, 0);
614
- padding-top: var(--first-letter-padding-top, 0);
615
- }
616
-
617
- table {
447
+ --_prose-max-width: var(--table-line-width, var(--surface-line-width, var(--paragraph-line-width, var(--line-width, 40em))));
448
+ --_prose-font-family: var(--table-body-font-family, var(--surface-body-font-family, var(--paragraph-body-font-family, var(--body-font-family, var(--font-family)))));
449
+ --_prose-line-height: var(--table-line-height, var(--surface-line-height, var(--paragraph-line-height, var(--line-height, 1.5))));
450
+ /* Start-aligned: a measure-capped paragraph in a Card or a Tile sits
451
+ against its container's leading edge like any other block. Centring the
452
+ measure is what a prose column asks for, and TextLayout -- the one
453
+ component that IS a prose column -- opts back in to `auto`. */
454
+ --_prose-margin-inline: var(--table-prose-margin-inline, var(--surface-prose-margin-inline, var(--paragraph-prose-margin-inline, var(--prose-margin-inline, 0))));
455
+ --_prose-font-weight: var(--table-body-font-weight, var(--surface-body-font-weight, var(--paragraph-body-font-weight, var(--body-font-weight, unset))));
456
+ --_paragraph-font-family: var(--table-paragraph-font-family, var(--surface-paragraph-font-family, var(--paragraph-paragraph-font-family, var(--paragraph-font-family, inherit))));
457
+ --_paragraph-text-transform: var(--table-paragraph-text-transform, var(--surface-paragraph-text-transform, var(--paragraph-paragraph-text-transform, var(--paragraph-text-transform, inherit))));
458
+ --_paragraph-text-decoration: var(--table-paragraph-text-decoration, var(--surface-paragraph-text-decoration, var(--paragraph-paragraph-text-decoration, var(--paragraph-text-decoration, inherit))));
459
+ --_paragraph-font-size: var(--table-paragraph-font-size, var(--surface-paragraph-font-size, var(--paragraph-paragraph-font-size, var(--paragraph-font-size, inherit))));
460
+ --_paragraph-font-weight: var(--table-paragraph-font-weight, var(--surface-paragraph-font-weight, var(--paragraph-paragraph-font-weight, var(--paragraph-font-weight, inherit))));
461
+ --_paragraph-line-height: var(--table-paragraph-line-height, var(--surface-paragraph-line-height, var(--paragraph-paragraph-line-height, var(--paragraph-line-height, inherit))));
462
+ --_paragraph-letter-spacing: var(--table-paragraph-letter-spacing, var(--surface-paragraph-letter-spacing, var(--paragraph-paragraph-letter-spacing, var(--paragraph-letter-spacing, inherit))));
463
+ --_paragraph-text-indent: var(--table-paragraph-indent, var(--surface-paragraph-indent, var(--paragraph-paragraph-indent, var(--paragraph-indent, inherit))));
464
+ --_paragraph-font-variant: var(--table-paragraph-font-variant, var(--surface-paragraph-font-variant, var(--paragraph-paragraph-font-variant, var(--paragraph-font-variant, inherit))));
465
+ --_paragraph-text-align: var(--table-paragraph-text-align, var(--surface-paragraph-text-align, var(--paragraph-paragraph-text-align, var(--paragraph-text-align, inherit))));
466
+ --_first-paragraph-font-family: var(--table-first-paragraph-font-family, var(--surface-first-paragraph-font-family, var(--paragraph-first-paragraph-font-family, var(--table-paragraph-font-family, var(--surface-paragraph-font-family, var(--paragraph-paragraph-font-family, var(--paragraph-font-family, inherit)))))));
467
+ --_first-paragraph-text-transform: var(--table-first-paragraph-text-transform, var(--surface-first-paragraph-text-transform, var(--paragraph-first-paragraph-text-transform, var(--table-paragraph-text-transform, var(--surface-paragraph-text-transform, var(--paragraph-paragraph-text-transform, var(--paragraph-text-transform, inherit)))))));
468
+ --_first-paragraph-text-decoration: var(--table-first-paragraph-text-decoration, var(--surface-first-paragraph-text-decoration, var(--paragraph-first-paragraph-text-decoration, var(--table-paragraph-text-decoration, var(--surface-paragraph-text-decoration, var(--paragraph-paragraph-text-decoration, var(--paragraph-text-decoration, inherit)))))));
469
+ --_first-paragraph-font-weight: var(--table-first-paragraph-font-weight, var(--surface-first-paragraph-font-weight, var(--paragraph-first-paragraph-font-weight, var(--table-paragraph-font-weight, var(--surface-paragraph-font-weight, var(--paragraph-paragraph-font-weight, var(--paragraph-font-weight, inherit)))))));
470
+ --_first-paragraph-letter-spacing: var(--table-first-paragraph-letter-spacing, var(--surface-first-paragraph-letter-spacing, var(--paragraph-first-paragraph-letter-spacing, var(--table-paragraph-letter-spacing, var(--surface-paragraph-letter-spacing, var(--paragraph-paragraph-letter-spacing, var(--paragraph-letter-spacing, inherit)))))));
471
+ --_first-paragraph-text-indent: var(--table-first-paragraph-indent, var(--surface-first-paragraph-indent, var(--paragraph-first-paragraph-indent, var(--table-paragraph-indent, var(--surface-paragraph-indent, var(--paragraph-paragraph-indent, var(--paragraph-indent, inherit)))))));
472
+ --_first-paragraph-font-variant: var(--table-first-paragraph-font-variant, var(--surface-first-paragraph-font-variant, var(--paragraph-first-paragraph-font-variant, var(--table-paragraph-font-variant, var(--surface-paragraph-font-variant, var(--paragraph-paragraph-font-variant, var(--paragraph-font-variant, inherit)))))));
473
+ --_first-paragraph-text-align: var(--table-first-paragraph-text-align, var(--surface-first-paragraph-text-align, var(--paragraph-first-paragraph-text-align, var(--table-paragraph-text-align, var(--surface-paragraph-text-align, var(--paragraph-paragraph-text-align, var(--paragraph-text-align, inherit)))))));
474
+ --_first-paragraph-font-size: var(--table-first-paragraph-font-size, var(--surface-first-paragraph-font-size, var(--paragraph-first-paragraph-font-size, var(--first-paragraph-font-size, var(--table-paragraph-font-size, var(--surface-paragraph-font-size, var(--paragraph-paragraph-font-size, var(--paragraph-font-size, inherit))))))));
475
+ --_first-paragraph-line-height: var(--table-first-paragraph-line-height, var(--surface-first-paragraph-line-height, var(--paragraph-first-paragraph-line-height, var(--first-paragraph-line-height, var(--table-paragraph-line-height, var(--surface-paragraph-line-height, var(--paragraph-paragraph-line-height, var(--paragraph-line-height, inherit))))))));
476
+ --_first-paragraph-margin-top: var(--table-first-paragraph-margin-top, var(--surface-first-paragraph-margin-top, var(--paragraph-first-paragraph-margin-top, var(--first-paragraph-margin-top, 0))));
477
+ --_first-line-font-family: var(--first-line-font-family, var(--table-first-line-font-family, var(--surface-first-line-font-family, var(--paragraph-first-line-font-family, var(--first-line-font-family, inherit)))));
478
+ --_first-line-text-transform: var(--first-line-text-transform, var(--table-first-line-text-transform, var(--surface-first-line-text-transform, var(--paragraph-first-line-text-transform, var(--first-line-text-transform, inherit)))));
479
+ --_first-line-text-decoration: var(--first-line-text-decoration, var(--table-first-line-text-decoration, var(--surface-first-line-text-decoration, var(--paragraph-first-line-text-decoration, var(--first-line-text-decoration, inherit)))));
480
+ --_first-line-font-size: var(--first-line-font-size, var(--table-first-line-font-size, var(--surface-first-line-font-size, var(--paragraph-first-line-font-size, var(--first-line-font-size, inherit)))));
481
+ --_first-line-font-weight: var(--first-line-font-weight, var(--table-first-line-font-weight, var(--surface-first-line-font-weight, var(--paragraph-first-line-font-weight, var(--first-line-font-weight, inherit)))));
482
+ --_first-line-line-height: var(--first-line-line-height, var(--table-first-line-line-height, var(--surface-first-line-line-height, var(--paragraph-first-line-line-height, var(--first-line-line-height, inherit)))));
483
+ --_first-line-letter-spacing: var(--first-line-letter-spacing, var(--table-first-line-letter-spacing, var(--surface-first-line-letter-spacing, var(--paragraph-first-line-letter-spacing, var(--first-line-letter-spacing, inherit)))));
484
+ --_first-line-text-indent: var(--first-line-indent, var(--table-first-line-indent, var(--surface-first-line-indent, var(--paragraph-first-line-indent, var(--first-line-indent, inherit)))));
485
+ --_first-line-font-variant: var(--first-line-font-variant, var(--table-first-line-font-variant, var(--surface-first-line-font-variant, var(--paragraph-first-line-font-variant, var(--first-line-font-variant, inherit)))));
486
+ --_first-line-text-align: var(--first-line-text-align, var(--table-first-line-text-align, var(--surface-first-line-text-align, var(--paragraph-first-line-text-align, var(--first-line-text-align, inherit)))));
487
+ --_first-letter-font-family: var(--first-letter-font-family, var(--table-first-letter-font-family, var(--surface-first-letter-font-family, var(--paragraph-first-letter-font-family, inherit))));
488
+ --_first-letter-text-transform: var(--first-letter-text-transform, var(--table-first-letter-text-transform, var(--surface-first-letter-text-transform, var(--paragraph-first-letter-text-transform, inherit))));
489
+ --_first-letter-text-decoration: var(--first-letter-text-decoration, var(--table-first-letter-text-decoration, var(--surface-first-letter-text-decoration, var(--paragraph-first-letter-text-decoration, inherit))));
490
+ --_first-letter-font-size: var(--first-letter-font-size, var(--table-first-letter-font-size, var(--surface-first-letter-font-size, var(--paragraph-first-letter-font-size, inherit))));
491
+ --_first-letter-font-weight: var(--first-letter-font-weight, var(--table-first-letter-font-weight, var(--surface-first-letter-font-weight, var(--paragraph-first-letter-font-weight, inherit))));
492
+ --_first-letter-line-height: var(--first-letter-line-height, var(--table-first-letter-line-height, var(--surface-first-letter-line-height, var(--paragraph-first-letter-line-height, inherit))));
493
+ --_first-letter-letter-spacing: var(--first-letter-letter-spacing, var(--table-first-letter-letter-spacing, var(--surface-first-letter-letter-spacing, var(--paragraph-first-letter-letter-spacing, inherit))));
494
+ --_first-letter-text-indent: var(--first-letter-indent, var(--table-first-letter-indent, var(--surface-first-letter-indent, var(--paragraph-first-letter-indent, inherit))));
495
+ --_first-letter-font-variant: var(--first-letter-font-variant, var(--table-first-letter-font-variant, var(--surface-first-letter-font-variant, var(--paragraph-first-letter-font-variant, inherit))));
496
+ --_first-letter-text-align: var(--first-letter-text-align, var(--table-first-letter-text-align, var(--surface-first-letter-text-align, var(--paragraph-first-letter-text-align, inherit))));
497
+ --_first-letter-link-bg: var(--table-link-bg, var(--surface-link-bg, var(--paragraph-link-bg, inherit)));
498
+ --_first-letter-link-fg: var(--table-link-fg, var(--surface-link-fg, var(--paragraph-link-fg, inherit)));
499
+ --_first-letter-background: var(--table-first-letter-bg, var(--surface-first-letter-bg, var(--first-letter-bg, inherit)));
500
+ --_first-letter-color: var(--table-first-letter-fg, var(--surface-first-letter-fg, var(--first-letter-fg, inherit)));
501
+ /* Private context vars only -- consumed once, globally, by the :where()
502
+ rule in vars/typography-context.css, not by a selector matching h1-h6 here.
503
+ See the comment above heading-box-context-vars(). */
504
+ --_heading-max-width: var(--table-line-width, var(--surface-line-width, var(--paragraph-line-width, var(--line-width, unset))));
505
+ /* Same as --_prose-margin-inline: start-aligned in a container, centred
506
+ only by TextLayout. */
507
+ --_heading-margin-inline: var(--table-heading-margin-inline, var(--surface-heading-margin-inline, var(--paragraph-heading-margin-inline, var(--heading-margin-inline, 0))));
508
+ --_heading-margin-bottom: var(--table-heading-margin-bottom, var(--surface-heading-margin-bottom, var(--paragraph-heading-margin-bottom, var(--heading-margin-bottom, 0))));
509
+ --_heading-margin-top: var(--table-heading-margin-top, var(--surface-heading-margin-top, var(--paragraph-heading-margin-top, var(--heading-margin-top, 1.5em))));
510
+ --_heading-first-margin-top: var(--table-first-heading-margin-top, var(--surface-first-heading-margin-top, var(--paragraph-first-heading-margin-top, var(--first-heading-margin-top, 0))));
511
+ --_h1-color: var(--table-heading-1-fg, var(--surface-heading-1-fg, var(--paragraph-heading-1-fg, var(--table-heading-major-fg, var(--surface-heading-major-fg, var(--paragraph-heading-major-fg, var(--table-heading-fg, var(--surface-heading-fg, var(--paragraph-heading-fg, var(--heading-1-fg, var(--heading-major-fg, var(--heading-fg, revert))))))))))));
512
+ --_h1-background: var(--table-heading-1-bg, var(--surface-heading-1-bg, var(--paragraph-heading-1-bg, var(--table-heading-major-bg, var(--surface-heading-major-bg, var(--paragraph-heading-major-bg, var(--table-heading-bg, var(--surface-heading-bg, var(--paragraph-heading-bg, var(--heading-1-bg, var(--heading-major-bg, var(--heading-bg, transparent))))))))))));
513
+ --_h1-padding: var(--table-heading-1-padding, var(--surface-heading-1-padding, var(--paragraph-heading-1-padding, var(--table-heading-major-padding, var(--surface-heading-major-padding, var(--paragraph-heading-major-padding, var(--table-heading-padding, var(--surface-heading-padding, var(--paragraph-heading-padding, var(--heading-1-padding, var(--heading-major-padding, var(--heading-padding, 0))))))))))));
514
+ --_h1-border: var(--table-heading-1-border, var(--surface-heading-1-border, var(--paragraph-heading-1-border, var(--table-heading-major-border, var(--surface-heading-major-border, var(--paragraph-heading-major-border, var(--table-heading-border, var(--surface-heading-border, var(--paragraph-heading-border, var(--heading-1-border, var(--heading-major-border, var(--heading-border, none))))))))))));
515
+ --_h1-border-width: var(--table-heading-1-border-width, var(--surface-heading-1-border-width, var(--paragraph-heading-1-border-width, var(--table-heading-major-border-width, var(--surface-heading-major-border-width, var(--paragraph-heading-major-border-width, var(--table-heading-border-width, var(--surface-heading-border-width, var(--paragraph-heading-border-width, var(--heading-1-border-width, var(--heading-major-border-width, var(--heading-border-width, var(--__missing-border-width)))))))))))));
516
+ --_h1-border-style: var(--table-heading-1-border-style, var(--surface-heading-1-border-style, var(--paragraph-heading-1-border-style, var(--table-heading-major-border-style, var(--surface-heading-major-border-style, var(--paragraph-heading-major-border-style, var(--table-heading-border-style, var(--surface-heading-border-style, var(--paragraph-heading-border-style, var(--heading-1-border-style, var(--heading-major-border-style, var(--heading-border-style, var(--__missing-border-style)))))))))))));
517
+ --_h1-border-color: var(--table-heading-1-border-color, var(--surface-heading-1-border-color, var(--paragraph-heading-1-border-color, var(--table-heading-major-border-color, var(--surface-heading-major-border-color, var(--paragraph-heading-major-border-color, var(--table-heading-border-color, var(--surface-heading-border-color, var(--paragraph-heading-border-color, var(--heading-1-border-color, var(--heading-major-border-color, var(--heading-border-color, var(--__missing-border-color)))))))))))));
518
+ --_h1-border-radius: var(--table-heading-1-border-radius, var(--surface-heading-1-border-radius, var(--paragraph-heading-1-border-radius, var(--table-heading-major-border-radius, var(--surface-heading-major-border-radius, var(--paragraph-heading-major-border-radius, var(--table-heading-border-radius, var(--surface-heading-border-radius, var(--paragraph-heading-border-radius, var(--heading-1-border-radius, var(--heading-major-border-radius, var(--heading-border-radius, 0))))))))))));
519
+ --_h1-box-shadow: var(--table-heading-1-box-shadow, var(--surface-heading-1-box-shadow, var(--paragraph-heading-1-box-shadow, var(--table-heading-major-box-shadow, var(--surface-heading-major-box-shadow, var(--paragraph-heading-major-box-shadow, var(--table-heading-box-shadow, var(--surface-heading-box-shadow, var(--paragraph-heading-box-shadow, var(--heading-1-box-shadow, var(--heading-major-box-shadow, var(--heading-box-shadow, none))))))))))));
520
+ --_h1-font-family: var(--table-heading-1-font-family, var(--surface-heading-1-font-family, var(--paragraph-heading-1-font-family, var(--table-heading-major-font-family, var(--surface-heading-major-font-family, var(--paragraph-heading-major-font-family, var(--table-heading-font-family, var(--surface-heading-font-family, var(--paragraph-heading-font-family, var(--heading-1-font-family, var(--heading-major-font-family, var(--heading-font-family, var(--font-family, revert)))))))))))));
521
+ --_h1-text-transform: var(--table-heading-1-text-transform, var(--surface-heading-1-text-transform, var(--paragraph-heading-1-text-transform, var(--table-heading-major-text-transform, var(--surface-heading-major-text-transform, var(--paragraph-heading-major-text-transform, var(--table-heading-text-transform, var(--surface-heading-text-transform, var(--paragraph-heading-text-transform, var(--heading-1-text-transform, var(--heading-major-text-transform, var(--heading-text-transform, var(--text-transform, revert)))))))))))));
522
+ --_h1-text-decoration: var(--table-heading-1-text-decoration, var(--surface-heading-1-text-decoration, var(--paragraph-heading-1-text-decoration, var(--table-heading-major-text-decoration, var(--surface-heading-major-text-decoration, var(--paragraph-heading-major-text-decoration, var(--table-heading-text-decoration, var(--surface-heading-text-decoration, var(--paragraph-heading-text-decoration, var(--heading-1-text-decoration, var(--heading-major-text-decoration, var(--heading-text-decoration, var(--text-decoration, revert)))))))))))));
523
+ --_h1-font-size: var(--table-heading-1-font-size, var(--surface-heading-1-font-size, var(--paragraph-heading-1-font-size, var(--table-heading-major-font-size, var(--surface-heading-major-font-size, var(--paragraph-heading-major-font-size, var(--table-heading-font-size, var(--surface-heading-font-size, var(--paragraph-heading-font-size, var(--heading-1-font-size, var(--heading-major-font-size, var(--heading-font-size, revert))))))))))));
524
+ --_h1-font-weight: var(--table-heading-1-font-weight, var(--surface-heading-1-font-weight, var(--paragraph-heading-1-font-weight, var(--table-heading-major-font-weight, var(--surface-heading-major-font-weight, var(--paragraph-heading-major-font-weight, var(--table-heading-font-weight, var(--surface-heading-font-weight, var(--paragraph-heading-font-weight, var(--heading-1-font-weight, var(--heading-major-font-weight, var(--heading-font-weight, var(--font-weight, revert)))))))))))));
525
+ --_h1-line-height: var(--table-heading-1-line-height, var(--surface-heading-1-line-height, var(--paragraph-heading-1-line-height, var(--table-heading-major-line-height, var(--surface-heading-major-line-height, var(--paragraph-heading-major-line-height, var(--table-heading-line-height, var(--surface-heading-line-height, var(--paragraph-heading-line-height, var(--heading-1-line-height, var(--heading-major-line-height, var(--heading-line-height, var(--line-height, revert)))))))))))));
526
+ --_h1-letter-spacing: var(--table-heading-1-letter-spacing, var(--surface-heading-1-letter-spacing, var(--paragraph-heading-1-letter-spacing, var(--table-heading-major-letter-spacing, var(--surface-heading-major-letter-spacing, var(--paragraph-heading-major-letter-spacing, var(--table-heading-letter-spacing, var(--surface-heading-letter-spacing, var(--paragraph-heading-letter-spacing, var(--heading-1-letter-spacing, var(--heading-major-letter-spacing, var(--heading-letter-spacing, var(--letter-spacing, revert)))))))))))));
527
+ --_h1-text-indent: var(--table-heading-1-indent, var(--surface-heading-1-indent, var(--paragraph-heading-1-indent, var(--table-heading-major-indent, var(--surface-heading-major-indent, var(--paragraph-heading-major-indent, var(--table-heading-indent, var(--surface-heading-indent, var(--paragraph-heading-indent, var(--heading-1-indent, var(--heading-major-indent, var(--heading-indent, var(--indent, revert)))))))))))));
528
+ --_h1-font-variant: var(--table-heading-1-font-variant, var(--surface-heading-1-font-variant, var(--paragraph-heading-1-font-variant, var(--table-heading-major-font-variant, var(--surface-heading-major-font-variant, var(--paragraph-heading-major-font-variant, var(--table-heading-font-variant, var(--surface-heading-font-variant, var(--paragraph-heading-font-variant, var(--heading-1-font-variant, var(--heading-major-font-variant, var(--heading-font-variant, var(--font-variant, revert)))))))))))));
529
+ --_h1-text-align: var(--table-heading-1-text-align, var(--surface-heading-1-text-align, var(--paragraph-heading-1-text-align, var(--table-heading-major-text-align, var(--surface-heading-major-text-align, var(--paragraph-heading-major-text-align, var(--table-heading-text-align, var(--surface-heading-text-align, var(--paragraph-heading-text-align, var(--heading-1-text-align, var(--heading-major-text-align, var(--heading-text-align, var(--text-align, revert)))))))))))));
530
+ --_h2-color: var(--table-heading-2-fg, var(--surface-heading-2-fg, var(--paragraph-heading-2-fg, var(--table-heading-major-fg, var(--surface-heading-major-fg, var(--paragraph-heading-major-fg, var(--table-heading-fg, var(--surface-heading-fg, var(--paragraph-heading-fg, var(--heading-2-fg, var(--heading-major-fg, var(--heading-fg, revert))))))))))));
531
+ --_h2-background: var(--table-heading-2-bg, var(--surface-heading-2-bg, var(--paragraph-heading-2-bg, var(--table-heading-major-bg, var(--surface-heading-major-bg, var(--paragraph-heading-major-bg, var(--table-heading-bg, var(--surface-heading-bg, var(--paragraph-heading-bg, var(--heading-2-bg, var(--heading-major-bg, var(--heading-bg, transparent))))))))))));
532
+ --_h2-padding: var(--table-heading-2-padding, var(--surface-heading-2-padding, var(--paragraph-heading-2-padding, var(--table-heading-major-padding, var(--surface-heading-major-padding, var(--paragraph-heading-major-padding, var(--table-heading-padding, var(--surface-heading-padding, var(--paragraph-heading-padding, var(--heading-2-padding, var(--heading-major-padding, var(--heading-padding, 0))))))))))));
533
+ --_h2-border: var(--table-heading-2-border, var(--surface-heading-2-border, var(--paragraph-heading-2-border, var(--table-heading-major-border, var(--surface-heading-major-border, var(--paragraph-heading-major-border, var(--table-heading-border, var(--surface-heading-border, var(--paragraph-heading-border, var(--heading-2-border, var(--heading-major-border, var(--heading-border, none))))))))))));
534
+ --_h2-border-width: var(--table-heading-2-border-width, var(--surface-heading-2-border-width, var(--paragraph-heading-2-border-width, var(--table-heading-major-border-width, var(--surface-heading-major-border-width, var(--paragraph-heading-major-border-width, var(--table-heading-border-width, var(--surface-heading-border-width, var(--paragraph-heading-border-width, var(--heading-2-border-width, var(--heading-major-border-width, var(--heading-border-width, var(--__missing-border-width)))))))))))));
535
+ --_h2-border-style: var(--table-heading-2-border-style, var(--surface-heading-2-border-style, var(--paragraph-heading-2-border-style, var(--table-heading-major-border-style, var(--surface-heading-major-border-style, var(--paragraph-heading-major-border-style, var(--table-heading-border-style, var(--surface-heading-border-style, var(--paragraph-heading-border-style, var(--heading-2-border-style, var(--heading-major-border-style, var(--heading-border-style, var(--__missing-border-style)))))))))))));
536
+ --_h2-border-color: var(--table-heading-2-border-color, var(--surface-heading-2-border-color, var(--paragraph-heading-2-border-color, var(--table-heading-major-border-color, var(--surface-heading-major-border-color, var(--paragraph-heading-major-border-color, var(--table-heading-border-color, var(--surface-heading-border-color, var(--paragraph-heading-border-color, var(--heading-2-border-color, var(--heading-major-border-color, var(--heading-border-color, var(--__missing-border-color)))))))))))));
537
+ --_h2-border-radius: var(--table-heading-2-border-radius, var(--surface-heading-2-border-radius, var(--paragraph-heading-2-border-radius, var(--table-heading-major-border-radius, var(--surface-heading-major-border-radius, var(--paragraph-heading-major-border-radius, var(--table-heading-border-radius, var(--surface-heading-border-radius, var(--paragraph-heading-border-radius, var(--heading-2-border-radius, var(--heading-major-border-radius, var(--heading-border-radius, 0))))))))))));
538
+ --_h2-box-shadow: var(--table-heading-2-box-shadow, var(--surface-heading-2-box-shadow, var(--paragraph-heading-2-box-shadow, var(--table-heading-major-box-shadow, var(--surface-heading-major-box-shadow, var(--paragraph-heading-major-box-shadow, var(--table-heading-box-shadow, var(--surface-heading-box-shadow, var(--paragraph-heading-box-shadow, var(--heading-2-box-shadow, var(--heading-major-box-shadow, var(--heading-box-shadow, none))))))))))));
539
+ --_h2-font-family: var(--table-heading-2-font-family, var(--surface-heading-2-font-family, var(--paragraph-heading-2-font-family, var(--table-heading-major-font-family, var(--surface-heading-major-font-family, var(--paragraph-heading-major-font-family, var(--table-heading-font-family, var(--surface-heading-font-family, var(--paragraph-heading-font-family, var(--heading-2-font-family, var(--heading-major-font-family, var(--heading-font-family, var(--font-family, revert)))))))))))));
540
+ --_h2-text-transform: var(--table-heading-2-text-transform, var(--surface-heading-2-text-transform, var(--paragraph-heading-2-text-transform, var(--table-heading-major-text-transform, var(--surface-heading-major-text-transform, var(--paragraph-heading-major-text-transform, var(--table-heading-text-transform, var(--surface-heading-text-transform, var(--paragraph-heading-text-transform, var(--heading-2-text-transform, var(--heading-major-text-transform, var(--heading-text-transform, var(--text-transform, revert)))))))))))));
541
+ --_h2-text-decoration: var(--table-heading-2-text-decoration, var(--surface-heading-2-text-decoration, var(--paragraph-heading-2-text-decoration, var(--table-heading-major-text-decoration, var(--surface-heading-major-text-decoration, var(--paragraph-heading-major-text-decoration, var(--table-heading-text-decoration, var(--surface-heading-text-decoration, var(--paragraph-heading-text-decoration, var(--heading-2-text-decoration, var(--heading-major-text-decoration, var(--heading-text-decoration, var(--text-decoration, revert)))))))))))));
542
+ --_h2-font-size: var(--table-heading-2-font-size, var(--surface-heading-2-font-size, var(--paragraph-heading-2-font-size, var(--table-heading-major-font-size, var(--surface-heading-major-font-size, var(--paragraph-heading-major-font-size, var(--table-heading-font-size, var(--surface-heading-font-size, var(--paragraph-heading-font-size, var(--heading-2-font-size, var(--heading-major-font-size, var(--heading-font-size, revert))))))))))));
543
+ --_h2-font-weight: var(--table-heading-2-font-weight, var(--surface-heading-2-font-weight, var(--paragraph-heading-2-font-weight, var(--table-heading-major-font-weight, var(--surface-heading-major-font-weight, var(--paragraph-heading-major-font-weight, var(--table-heading-font-weight, var(--surface-heading-font-weight, var(--paragraph-heading-font-weight, var(--heading-2-font-weight, var(--heading-major-font-weight, var(--heading-font-weight, var(--font-weight, revert)))))))))))));
544
+ --_h2-line-height: var(--table-heading-2-line-height, var(--surface-heading-2-line-height, var(--paragraph-heading-2-line-height, var(--table-heading-major-line-height, var(--surface-heading-major-line-height, var(--paragraph-heading-major-line-height, var(--table-heading-line-height, var(--surface-heading-line-height, var(--paragraph-heading-line-height, var(--heading-2-line-height, var(--heading-major-line-height, var(--heading-line-height, var(--line-height, revert)))))))))))));
545
+ --_h2-letter-spacing: var(--table-heading-2-letter-spacing, var(--surface-heading-2-letter-spacing, var(--paragraph-heading-2-letter-spacing, var(--table-heading-major-letter-spacing, var(--surface-heading-major-letter-spacing, var(--paragraph-heading-major-letter-spacing, var(--table-heading-letter-spacing, var(--surface-heading-letter-spacing, var(--paragraph-heading-letter-spacing, var(--heading-2-letter-spacing, var(--heading-major-letter-spacing, var(--heading-letter-spacing, var(--letter-spacing, revert)))))))))))));
546
+ --_h2-text-indent: var(--table-heading-2-indent, var(--surface-heading-2-indent, var(--paragraph-heading-2-indent, var(--table-heading-major-indent, var(--surface-heading-major-indent, var(--paragraph-heading-major-indent, var(--table-heading-indent, var(--surface-heading-indent, var(--paragraph-heading-indent, var(--heading-2-indent, var(--heading-major-indent, var(--heading-indent, var(--indent, revert)))))))))))));
547
+ --_h2-font-variant: var(--table-heading-2-font-variant, var(--surface-heading-2-font-variant, var(--paragraph-heading-2-font-variant, var(--table-heading-major-font-variant, var(--surface-heading-major-font-variant, var(--paragraph-heading-major-font-variant, var(--table-heading-font-variant, var(--surface-heading-font-variant, var(--paragraph-heading-font-variant, var(--heading-2-font-variant, var(--heading-major-font-variant, var(--heading-font-variant, var(--font-variant, revert)))))))))))));
548
+ --_h2-text-align: var(--table-heading-2-text-align, var(--surface-heading-2-text-align, var(--paragraph-heading-2-text-align, var(--table-heading-major-text-align, var(--surface-heading-major-text-align, var(--paragraph-heading-major-text-align, var(--table-heading-text-align, var(--surface-heading-text-align, var(--paragraph-heading-text-align, var(--heading-2-text-align, var(--heading-major-text-align, var(--heading-text-align, var(--text-align, revert)))))))))))));
549
+ --_h3-color: var(--table-heading-3-fg, var(--surface-heading-3-fg, var(--paragraph-heading-3-fg, var(--table-heading-fg, var(--surface-heading-fg, var(--paragraph-heading-fg, var(--table-heading-fg, var(--surface-heading-fg, var(--paragraph-heading-fg, var(--heading-3-fg, var(--heading-fg, var(--heading-fg, revert))))))))))));
550
+ --_h3-background: var(--table-heading-3-bg, var(--surface-heading-3-bg, var(--paragraph-heading-3-bg, var(--table-heading-bg, var(--surface-heading-bg, var(--paragraph-heading-bg, var(--table-heading-bg, var(--surface-heading-bg, var(--paragraph-heading-bg, var(--heading-3-bg, var(--heading-bg, var(--heading-bg, transparent))))))))))));
551
+ --_h3-padding: var(--table-heading-3-padding, var(--surface-heading-3-padding, var(--paragraph-heading-3-padding, var(--table-heading-padding, var(--surface-heading-padding, var(--paragraph-heading-padding, var(--table-heading-padding, var(--surface-heading-padding, var(--paragraph-heading-padding, var(--heading-3-padding, var(--heading-padding, var(--heading-padding, 0))))))))))));
552
+ --_h3-border: var(--table-heading-3-border, var(--surface-heading-3-border, var(--paragraph-heading-3-border, var(--table-heading-border, var(--surface-heading-border, var(--paragraph-heading-border, var(--table-heading-border, var(--surface-heading-border, var(--paragraph-heading-border, var(--heading-3-border, var(--heading-border, var(--heading-border, none))))))))))));
553
+ --_h3-border-width: var(--table-heading-3-border-width, var(--surface-heading-3-border-width, var(--paragraph-heading-3-border-width, var(--table-heading-border-width, var(--surface-heading-border-width, var(--paragraph-heading-border-width, var(--table-heading-border-width, var(--surface-heading-border-width, var(--paragraph-heading-border-width, var(--heading-3-border-width, var(--heading-border-width, var(--heading-border-width, var(--__missing-border-width)))))))))))));
554
+ --_h3-border-style: var(--table-heading-3-border-style, var(--surface-heading-3-border-style, var(--paragraph-heading-3-border-style, var(--table-heading-border-style, var(--surface-heading-border-style, var(--paragraph-heading-border-style, var(--table-heading-border-style, var(--surface-heading-border-style, var(--paragraph-heading-border-style, var(--heading-3-border-style, var(--heading-border-style, var(--heading-border-style, var(--__missing-border-style)))))))))))));
555
+ --_h3-border-color: var(--table-heading-3-border-color, var(--surface-heading-3-border-color, var(--paragraph-heading-3-border-color, var(--table-heading-border-color, var(--surface-heading-border-color, var(--paragraph-heading-border-color, var(--table-heading-border-color, var(--surface-heading-border-color, var(--paragraph-heading-border-color, var(--heading-3-border-color, var(--heading-border-color, var(--heading-border-color, var(--__missing-border-color)))))))))))));
556
+ --_h3-border-radius: var(--table-heading-3-border-radius, var(--surface-heading-3-border-radius, var(--paragraph-heading-3-border-radius, var(--table-heading-border-radius, var(--surface-heading-border-radius, var(--paragraph-heading-border-radius, var(--table-heading-border-radius, var(--surface-heading-border-radius, var(--paragraph-heading-border-radius, var(--heading-3-border-radius, var(--heading-border-radius, var(--heading-border-radius, 0))))))))))));
557
+ --_h3-box-shadow: var(--table-heading-3-box-shadow, var(--surface-heading-3-box-shadow, var(--paragraph-heading-3-box-shadow, var(--table-heading-box-shadow, var(--surface-heading-box-shadow, var(--paragraph-heading-box-shadow, var(--table-heading-box-shadow, var(--surface-heading-box-shadow, var(--paragraph-heading-box-shadow, var(--heading-3-box-shadow, var(--heading-box-shadow, var(--heading-box-shadow, none))))))))))));
558
+ --_h3-font-family: var(--table-heading-3-font-family, var(--surface-heading-3-font-family, var(--paragraph-heading-3-font-family, var(--table-heading-font-family, var(--surface-heading-font-family, var(--paragraph-heading-font-family, var(--table-heading-font-family, var(--surface-heading-font-family, var(--paragraph-heading-font-family, var(--heading-3-font-family, var(--heading-font-family, var(--heading-font-family, var(--font-family, revert)))))))))))));
559
+ --_h3-text-transform: var(--table-heading-3-text-transform, var(--surface-heading-3-text-transform, var(--paragraph-heading-3-text-transform, var(--table-heading-text-transform, var(--surface-heading-text-transform, var(--paragraph-heading-text-transform, var(--table-heading-text-transform, var(--surface-heading-text-transform, var(--paragraph-heading-text-transform, var(--heading-3-text-transform, var(--heading-text-transform, var(--heading-text-transform, var(--text-transform, revert)))))))))))));
560
+ --_h3-text-decoration: var(--table-heading-3-text-decoration, var(--surface-heading-3-text-decoration, var(--paragraph-heading-3-text-decoration, var(--table-heading-text-decoration, var(--surface-heading-text-decoration, var(--paragraph-heading-text-decoration, var(--table-heading-text-decoration, var(--surface-heading-text-decoration, var(--paragraph-heading-text-decoration, var(--heading-3-text-decoration, var(--heading-text-decoration, var(--heading-text-decoration, var(--text-decoration, revert)))))))))))));
561
+ --_h3-font-size: var(--table-heading-3-font-size, var(--surface-heading-3-font-size, var(--paragraph-heading-3-font-size, var(--table-heading-font-size, var(--surface-heading-font-size, var(--paragraph-heading-font-size, var(--table-heading-font-size, var(--surface-heading-font-size, var(--paragraph-heading-font-size, var(--heading-3-font-size, var(--heading-font-size, var(--heading-font-size, revert))))))))))));
562
+ --_h3-font-weight: var(--table-heading-3-font-weight, var(--surface-heading-3-font-weight, var(--paragraph-heading-3-font-weight, var(--table-heading-font-weight, var(--surface-heading-font-weight, var(--paragraph-heading-font-weight, var(--table-heading-font-weight, var(--surface-heading-font-weight, var(--paragraph-heading-font-weight, var(--heading-3-font-weight, var(--heading-font-weight, var(--heading-font-weight, var(--font-weight, revert)))))))))))));
563
+ --_h3-line-height: var(--table-heading-3-line-height, var(--surface-heading-3-line-height, var(--paragraph-heading-3-line-height, var(--table-heading-line-height, var(--surface-heading-line-height, var(--paragraph-heading-line-height, var(--table-heading-line-height, var(--surface-heading-line-height, var(--paragraph-heading-line-height, var(--heading-3-line-height, var(--heading-line-height, var(--heading-line-height, var(--line-height, revert)))))))))))));
564
+ --_h3-letter-spacing: var(--table-heading-3-letter-spacing, var(--surface-heading-3-letter-spacing, var(--paragraph-heading-3-letter-spacing, var(--table-heading-letter-spacing, var(--surface-heading-letter-spacing, var(--paragraph-heading-letter-spacing, var(--table-heading-letter-spacing, var(--surface-heading-letter-spacing, var(--paragraph-heading-letter-spacing, var(--heading-3-letter-spacing, var(--heading-letter-spacing, var(--heading-letter-spacing, var(--letter-spacing, revert)))))))))))));
565
+ --_h3-text-indent: var(--table-heading-3-indent, var(--surface-heading-3-indent, var(--paragraph-heading-3-indent, var(--table-heading-indent, var(--surface-heading-indent, var(--paragraph-heading-indent, var(--table-heading-indent, var(--surface-heading-indent, var(--paragraph-heading-indent, var(--heading-3-indent, var(--heading-indent, var(--heading-indent, var(--indent, revert)))))))))))));
566
+ --_h3-font-variant: var(--table-heading-3-font-variant, var(--surface-heading-3-font-variant, var(--paragraph-heading-3-font-variant, var(--table-heading-font-variant, var(--surface-heading-font-variant, var(--paragraph-heading-font-variant, var(--table-heading-font-variant, var(--surface-heading-font-variant, var(--paragraph-heading-font-variant, var(--heading-3-font-variant, var(--heading-font-variant, var(--heading-font-variant, var(--font-variant, revert)))))))))))));
567
+ --_h3-text-align: var(--table-heading-3-text-align, var(--surface-heading-3-text-align, var(--paragraph-heading-3-text-align, var(--table-heading-text-align, var(--surface-heading-text-align, var(--paragraph-heading-text-align, var(--table-heading-text-align, var(--surface-heading-text-align, var(--paragraph-heading-text-align, var(--heading-3-text-align, var(--heading-text-align, var(--heading-text-align, var(--text-align, revert)))))))))))));
568
+ --_h4-color: var(--table-heading-4-fg, var(--surface-heading-4-fg, var(--paragraph-heading-4-fg, var(--table-heading-fg, var(--surface-heading-fg, var(--paragraph-heading-fg, var(--table-heading-fg, var(--surface-heading-fg, var(--paragraph-heading-fg, var(--heading-4-fg, var(--heading-fg, var(--heading-fg, revert))))))))))));
569
+ --_h4-background: var(--table-heading-4-bg, var(--surface-heading-4-bg, var(--paragraph-heading-4-bg, var(--table-heading-bg, var(--surface-heading-bg, var(--paragraph-heading-bg, var(--table-heading-bg, var(--surface-heading-bg, var(--paragraph-heading-bg, var(--heading-4-bg, var(--heading-bg, var(--heading-bg, transparent))))))))))));
570
+ --_h4-padding: var(--table-heading-4-padding, var(--surface-heading-4-padding, var(--paragraph-heading-4-padding, var(--table-heading-padding, var(--surface-heading-padding, var(--paragraph-heading-padding, var(--table-heading-padding, var(--surface-heading-padding, var(--paragraph-heading-padding, var(--heading-4-padding, var(--heading-padding, var(--heading-padding, 0))))))))))));
571
+ --_h4-border: var(--table-heading-4-border, var(--surface-heading-4-border, var(--paragraph-heading-4-border, var(--table-heading-border, var(--surface-heading-border, var(--paragraph-heading-border, var(--table-heading-border, var(--surface-heading-border, var(--paragraph-heading-border, var(--heading-4-border, var(--heading-border, var(--heading-border, none))))))))))));
572
+ --_h4-border-width: var(--table-heading-4-border-width, var(--surface-heading-4-border-width, var(--paragraph-heading-4-border-width, var(--table-heading-border-width, var(--surface-heading-border-width, var(--paragraph-heading-border-width, var(--table-heading-border-width, var(--surface-heading-border-width, var(--paragraph-heading-border-width, var(--heading-4-border-width, var(--heading-border-width, var(--heading-border-width, var(--__missing-border-width)))))))))))));
573
+ --_h4-border-style: var(--table-heading-4-border-style, var(--surface-heading-4-border-style, var(--paragraph-heading-4-border-style, var(--table-heading-border-style, var(--surface-heading-border-style, var(--paragraph-heading-border-style, var(--table-heading-border-style, var(--surface-heading-border-style, var(--paragraph-heading-border-style, var(--heading-4-border-style, var(--heading-border-style, var(--heading-border-style, var(--__missing-border-style)))))))))))));
574
+ --_h4-border-color: var(--table-heading-4-border-color, var(--surface-heading-4-border-color, var(--paragraph-heading-4-border-color, var(--table-heading-border-color, var(--surface-heading-border-color, var(--paragraph-heading-border-color, var(--table-heading-border-color, var(--surface-heading-border-color, var(--paragraph-heading-border-color, var(--heading-4-border-color, var(--heading-border-color, var(--heading-border-color, var(--__missing-border-color)))))))))))));
575
+ --_h4-border-radius: var(--table-heading-4-border-radius, var(--surface-heading-4-border-radius, var(--paragraph-heading-4-border-radius, var(--table-heading-border-radius, var(--surface-heading-border-radius, var(--paragraph-heading-border-radius, var(--table-heading-border-radius, var(--surface-heading-border-radius, var(--paragraph-heading-border-radius, var(--heading-4-border-radius, var(--heading-border-radius, var(--heading-border-radius, 0))))))))))));
576
+ --_h4-box-shadow: var(--table-heading-4-box-shadow, var(--surface-heading-4-box-shadow, var(--paragraph-heading-4-box-shadow, var(--table-heading-box-shadow, var(--surface-heading-box-shadow, var(--paragraph-heading-box-shadow, var(--table-heading-box-shadow, var(--surface-heading-box-shadow, var(--paragraph-heading-box-shadow, var(--heading-4-box-shadow, var(--heading-box-shadow, var(--heading-box-shadow, none))))))))))));
577
+ --_h4-font-family: var(--table-heading-4-font-family, var(--surface-heading-4-font-family, var(--paragraph-heading-4-font-family, var(--table-heading-font-family, var(--surface-heading-font-family, var(--paragraph-heading-font-family, var(--table-heading-font-family, var(--surface-heading-font-family, var(--paragraph-heading-font-family, var(--heading-4-font-family, var(--heading-font-family, var(--heading-font-family, var(--font-family, revert)))))))))))));
578
+ --_h4-text-transform: var(--table-heading-4-text-transform, var(--surface-heading-4-text-transform, var(--paragraph-heading-4-text-transform, var(--table-heading-text-transform, var(--surface-heading-text-transform, var(--paragraph-heading-text-transform, var(--table-heading-text-transform, var(--surface-heading-text-transform, var(--paragraph-heading-text-transform, var(--heading-4-text-transform, var(--heading-text-transform, var(--heading-text-transform, var(--text-transform, revert)))))))))))));
579
+ --_h4-text-decoration: var(--table-heading-4-text-decoration, var(--surface-heading-4-text-decoration, var(--paragraph-heading-4-text-decoration, var(--table-heading-text-decoration, var(--surface-heading-text-decoration, var(--paragraph-heading-text-decoration, var(--table-heading-text-decoration, var(--surface-heading-text-decoration, var(--paragraph-heading-text-decoration, var(--heading-4-text-decoration, var(--heading-text-decoration, var(--heading-text-decoration, var(--text-decoration, revert)))))))))))));
580
+ --_h4-font-size: var(--table-heading-4-font-size, var(--surface-heading-4-font-size, var(--paragraph-heading-4-font-size, var(--table-heading-font-size, var(--surface-heading-font-size, var(--paragraph-heading-font-size, var(--table-heading-font-size, var(--surface-heading-font-size, var(--paragraph-heading-font-size, var(--heading-4-font-size, var(--heading-font-size, var(--heading-font-size, revert))))))))))));
581
+ --_h4-font-weight: var(--table-heading-4-font-weight, var(--surface-heading-4-font-weight, var(--paragraph-heading-4-font-weight, var(--table-heading-font-weight, var(--surface-heading-font-weight, var(--paragraph-heading-font-weight, var(--table-heading-font-weight, var(--surface-heading-font-weight, var(--paragraph-heading-font-weight, var(--heading-4-font-weight, var(--heading-font-weight, var(--heading-font-weight, var(--font-weight, revert)))))))))))));
582
+ --_h4-line-height: var(--table-heading-4-line-height, var(--surface-heading-4-line-height, var(--paragraph-heading-4-line-height, var(--table-heading-line-height, var(--surface-heading-line-height, var(--paragraph-heading-line-height, var(--table-heading-line-height, var(--surface-heading-line-height, var(--paragraph-heading-line-height, var(--heading-4-line-height, var(--heading-line-height, var(--heading-line-height, var(--line-height, revert)))))))))))));
583
+ --_h4-letter-spacing: var(--table-heading-4-letter-spacing, var(--surface-heading-4-letter-spacing, var(--paragraph-heading-4-letter-spacing, var(--table-heading-letter-spacing, var(--surface-heading-letter-spacing, var(--paragraph-heading-letter-spacing, var(--table-heading-letter-spacing, var(--surface-heading-letter-spacing, var(--paragraph-heading-letter-spacing, var(--heading-4-letter-spacing, var(--heading-letter-spacing, var(--heading-letter-spacing, var(--letter-spacing, revert)))))))))))));
584
+ --_h4-text-indent: var(--table-heading-4-indent, var(--surface-heading-4-indent, var(--paragraph-heading-4-indent, var(--table-heading-indent, var(--surface-heading-indent, var(--paragraph-heading-indent, var(--table-heading-indent, var(--surface-heading-indent, var(--paragraph-heading-indent, var(--heading-4-indent, var(--heading-indent, var(--heading-indent, var(--indent, revert)))))))))))));
585
+ --_h4-font-variant: var(--table-heading-4-font-variant, var(--surface-heading-4-font-variant, var(--paragraph-heading-4-font-variant, var(--table-heading-font-variant, var(--surface-heading-font-variant, var(--paragraph-heading-font-variant, var(--table-heading-font-variant, var(--surface-heading-font-variant, var(--paragraph-heading-font-variant, var(--heading-4-font-variant, var(--heading-font-variant, var(--heading-font-variant, var(--font-variant, revert)))))))))))));
586
+ --_h4-text-align: var(--table-heading-4-text-align, var(--surface-heading-4-text-align, var(--paragraph-heading-4-text-align, var(--table-heading-text-align, var(--surface-heading-text-align, var(--paragraph-heading-text-align, var(--table-heading-text-align, var(--surface-heading-text-align, var(--paragraph-heading-text-align, var(--heading-4-text-align, var(--heading-text-align, var(--heading-text-align, var(--text-align, revert)))))))))))));
587
+ --_h5-color: var(--table-heading-5-fg, var(--surface-heading-5-fg, var(--paragraph-heading-5-fg, var(--table-heading-minor-fg, var(--surface-heading-minor-fg, var(--paragraph-heading-minor-fg, var(--table-heading-fg, var(--surface-heading-fg, var(--paragraph-heading-fg, var(--heading-5-fg, var(--heading-minor-fg, var(--heading-fg, revert))))))))))));
588
+ --_h5-background: var(--table-heading-5-bg, var(--surface-heading-5-bg, var(--paragraph-heading-5-bg, var(--table-heading-minor-bg, var(--surface-heading-minor-bg, var(--paragraph-heading-minor-bg, var(--table-heading-bg, var(--surface-heading-bg, var(--paragraph-heading-bg, var(--heading-5-bg, var(--heading-minor-bg, var(--heading-bg, transparent))))))))))));
589
+ --_h5-padding: var(--table-heading-5-padding, var(--surface-heading-5-padding, var(--paragraph-heading-5-padding, var(--table-heading-minor-padding, var(--surface-heading-minor-padding, var(--paragraph-heading-minor-padding, var(--table-heading-padding, var(--surface-heading-padding, var(--paragraph-heading-padding, var(--heading-5-padding, var(--heading-minor-padding, var(--heading-padding, 0))))))))))));
590
+ --_h5-border: var(--table-heading-5-border, var(--surface-heading-5-border, var(--paragraph-heading-5-border, var(--table-heading-minor-border, var(--surface-heading-minor-border, var(--paragraph-heading-minor-border, var(--table-heading-border, var(--surface-heading-border, var(--paragraph-heading-border, var(--heading-5-border, var(--heading-minor-border, var(--heading-border, none))))))))))));
591
+ --_h5-border-width: var(--table-heading-5-border-width, var(--surface-heading-5-border-width, var(--paragraph-heading-5-border-width, var(--table-heading-minor-border-width, var(--surface-heading-minor-border-width, var(--paragraph-heading-minor-border-width, var(--table-heading-border-width, var(--surface-heading-border-width, var(--paragraph-heading-border-width, var(--heading-5-border-width, var(--heading-minor-border-width, var(--heading-border-width, var(--__missing-border-width)))))))))))));
592
+ --_h5-border-style: var(--table-heading-5-border-style, var(--surface-heading-5-border-style, var(--paragraph-heading-5-border-style, var(--table-heading-minor-border-style, var(--surface-heading-minor-border-style, var(--paragraph-heading-minor-border-style, var(--table-heading-border-style, var(--surface-heading-border-style, var(--paragraph-heading-border-style, var(--heading-5-border-style, var(--heading-minor-border-style, var(--heading-border-style, var(--__missing-border-style)))))))))))));
593
+ --_h5-border-color: var(--table-heading-5-border-color, var(--surface-heading-5-border-color, var(--paragraph-heading-5-border-color, var(--table-heading-minor-border-color, var(--surface-heading-minor-border-color, var(--paragraph-heading-minor-border-color, var(--table-heading-border-color, var(--surface-heading-border-color, var(--paragraph-heading-border-color, var(--heading-5-border-color, var(--heading-minor-border-color, var(--heading-border-color, var(--__missing-border-color)))))))))))));
594
+ --_h5-border-radius: var(--table-heading-5-border-radius, var(--surface-heading-5-border-radius, var(--paragraph-heading-5-border-radius, var(--table-heading-minor-border-radius, var(--surface-heading-minor-border-radius, var(--paragraph-heading-minor-border-radius, var(--table-heading-border-radius, var(--surface-heading-border-radius, var(--paragraph-heading-border-radius, var(--heading-5-border-radius, var(--heading-minor-border-radius, var(--heading-border-radius, 0))))))))))));
595
+ --_h5-box-shadow: var(--table-heading-5-box-shadow, var(--surface-heading-5-box-shadow, var(--paragraph-heading-5-box-shadow, var(--table-heading-minor-box-shadow, var(--surface-heading-minor-box-shadow, var(--paragraph-heading-minor-box-shadow, var(--table-heading-box-shadow, var(--surface-heading-box-shadow, var(--paragraph-heading-box-shadow, var(--heading-5-box-shadow, var(--heading-minor-box-shadow, var(--heading-box-shadow, none))))))))))));
596
+ --_h5-font-family: var(--table-heading-5-font-family, var(--surface-heading-5-font-family, var(--paragraph-heading-5-font-family, var(--table-heading-minor-font-family, var(--surface-heading-minor-font-family, var(--paragraph-heading-minor-font-family, var(--table-heading-font-family, var(--surface-heading-font-family, var(--paragraph-heading-font-family, var(--heading-5-font-family, var(--heading-minor-font-family, var(--heading-font-family, var(--font-family, revert)))))))))))));
597
+ --_h5-text-transform: var(--table-heading-5-text-transform, var(--surface-heading-5-text-transform, var(--paragraph-heading-5-text-transform, var(--table-heading-minor-text-transform, var(--surface-heading-minor-text-transform, var(--paragraph-heading-minor-text-transform, var(--table-heading-text-transform, var(--surface-heading-text-transform, var(--paragraph-heading-text-transform, var(--heading-5-text-transform, var(--heading-minor-text-transform, var(--heading-text-transform, var(--text-transform, revert)))))))))))));
598
+ --_h5-text-decoration: var(--table-heading-5-text-decoration, var(--surface-heading-5-text-decoration, var(--paragraph-heading-5-text-decoration, var(--table-heading-minor-text-decoration, var(--surface-heading-minor-text-decoration, var(--paragraph-heading-minor-text-decoration, var(--table-heading-text-decoration, var(--surface-heading-text-decoration, var(--paragraph-heading-text-decoration, var(--heading-5-text-decoration, var(--heading-minor-text-decoration, var(--heading-text-decoration, var(--text-decoration, revert)))))))))))));
599
+ --_h5-font-size: var(--table-heading-5-font-size, var(--surface-heading-5-font-size, var(--paragraph-heading-5-font-size, var(--table-heading-minor-font-size, var(--surface-heading-minor-font-size, var(--paragraph-heading-minor-font-size, var(--table-heading-font-size, var(--surface-heading-font-size, var(--paragraph-heading-font-size, var(--heading-5-font-size, var(--heading-minor-font-size, var(--heading-font-size, revert))))))))))));
600
+ --_h5-font-weight: var(--table-heading-5-font-weight, var(--surface-heading-5-font-weight, var(--paragraph-heading-5-font-weight, var(--table-heading-minor-font-weight, var(--surface-heading-minor-font-weight, var(--paragraph-heading-minor-font-weight, var(--table-heading-font-weight, var(--surface-heading-font-weight, var(--paragraph-heading-font-weight, var(--heading-5-font-weight, var(--heading-minor-font-weight, var(--heading-font-weight, var(--font-weight, revert)))))))))))));
601
+ --_h5-line-height: var(--table-heading-5-line-height, var(--surface-heading-5-line-height, var(--paragraph-heading-5-line-height, var(--table-heading-minor-line-height, var(--surface-heading-minor-line-height, var(--paragraph-heading-minor-line-height, var(--table-heading-line-height, var(--surface-heading-line-height, var(--paragraph-heading-line-height, var(--heading-5-line-height, var(--heading-minor-line-height, var(--heading-line-height, var(--line-height, revert)))))))))))));
602
+ --_h5-letter-spacing: var(--table-heading-5-letter-spacing, var(--surface-heading-5-letter-spacing, var(--paragraph-heading-5-letter-spacing, var(--table-heading-minor-letter-spacing, var(--surface-heading-minor-letter-spacing, var(--paragraph-heading-minor-letter-spacing, var(--table-heading-letter-spacing, var(--surface-heading-letter-spacing, var(--paragraph-heading-letter-spacing, var(--heading-5-letter-spacing, var(--heading-minor-letter-spacing, var(--heading-letter-spacing, var(--letter-spacing, revert)))))))))))));
603
+ --_h5-text-indent: var(--table-heading-5-indent, var(--surface-heading-5-indent, var(--paragraph-heading-5-indent, var(--table-heading-minor-indent, var(--surface-heading-minor-indent, var(--paragraph-heading-minor-indent, var(--table-heading-indent, var(--surface-heading-indent, var(--paragraph-heading-indent, var(--heading-5-indent, var(--heading-minor-indent, var(--heading-indent, var(--indent, revert)))))))))))));
604
+ --_h5-font-variant: var(--table-heading-5-font-variant, var(--surface-heading-5-font-variant, var(--paragraph-heading-5-font-variant, var(--table-heading-minor-font-variant, var(--surface-heading-minor-font-variant, var(--paragraph-heading-minor-font-variant, var(--table-heading-font-variant, var(--surface-heading-font-variant, var(--paragraph-heading-font-variant, var(--heading-5-font-variant, var(--heading-minor-font-variant, var(--heading-font-variant, var(--font-variant, revert)))))))))))));
605
+ --_h5-text-align: var(--table-heading-5-text-align, var(--surface-heading-5-text-align, var(--paragraph-heading-5-text-align, var(--table-heading-minor-text-align, var(--surface-heading-minor-text-align, var(--paragraph-heading-minor-text-align, var(--table-heading-text-align, var(--surface-heading-text-align, var(--paragraph-heading-text-align, var(--heading-5-text-align, var(--heading-minor-text-align, var(--heading-text-align, var(--text-align, revert)))))))))))));
606
+ --_h6-color: var(--table-heading-6-fg, var(--surface-heading-6-fg, var(--paragraph-heading-6-fg, var(--table-heading-minor-fg, var(--surface-heading-minor-fg, var(--paragraph-heading-minor-fg, var(--table-heading-fg, var(--surface-heading-fg, var(--paragraph-heading-fg, var(--heading-6-fg, var(--heading-minor-fg, var(--heading-fg, revert))))))))))));
607
+ --_h6-background: var(--table-heading-6-bg, var(--surface-heading-6-bg, var(--paragraph-heading-6-bg, var(--table-heading-minor-bg, var(--surface-heading-minor-bg, var(--paragraph-heading-minor-bg, var(--table-heading-bg, var(--surface-heading-bg, var(--paragraph-heading-bg, var(--heading-6-bg, var(--heading-minor-bg, var(--heading-bg, transparent))))))))))));
608
+ --_h6-padding: var(--table-heading-6-padding, var(--surface-heading-6-padding, var(--paragraph-heading-6-padding, var(--table-heading-minor-padding, var(--surface-heading-minor-padding, var(--paragraph-heading-minor-padding, var(--table-heading-padding, var(--surface-heading-padding, var(--paragraph-heading-padding, var(--heading-6-padding, var(--heading-minor-padding, var(--heading-padding, 0))))))))))));
609
+ --_h6-border: var(--table-heading-6-border, var(--surface-heading-6-border, var(--paragraph-heading-6-border, var(--table-heading-minor-border, var(--surface-heading-minor-border, var(--paragraph-heading-minor-border, var(--table-heading-border, var(--surface-heading-border, var(--paragraph-heading-border, var(--heading-6-border, var(--heading-minor-border, var(--heading-border, none))))))))))));
610
+ --_h6-border-width: var(--table-heading-6-border-width, var(--surface-heading-6-border-width, var(--paragraph-heading-6-border-width, var(--table-heading-minor-border-width, var(--surface-heading-minor-border-width, var(--paragraph-heading-minor-border-width, var(--table-heading-border-width, var(--surface-heading-border-width, var(--paragraph-heading-border-width, var(--heading-6-border-width, var(--heading-minor-border-width, var(--heading-border-width, var(--__missing-border-width)))))))))))));
611
+ --_h6-border-style: var(--table-heading-6-border-style, var(--surface-heading-6-border-style, var(--paragraph-heading-6-border-style, var(--table-heading-minor-border-style, var(--surface-heading-minor-border-style, var(--paragraph-heading-minor-border-style, var(--table-heading-border-style, var(--surface-heading-border-style, var(--paragraph-heading-border-style, var(--heading-6-border-style, var(--heading-minor-border-style, var(--heading-border-style, var(--__missing-border-style)))))))))))));
612
+ --_h6-border-color: var(--table-heading-6-border-color, var(--surface-heading-6-border-color, var(--paragraph-heading-6-border-color, var(--table-heading-minor-border-color, var(--surface-heading-minor-border-color, var(--paragraph-heading-minor-border-color, var(--table-heading-border-color, var(--surface-heading-border-color, var(--paragraph-heading-border-color, var(--heading-6-border-color, var(--heading-minor-border-color, var(--heading-border-color, var(--__missing-border-color)))))))))))));
613
+ --_h6-border-radius: var(--table-heading-6-border-radius, var(--surface-heading-6-border-radius, var(--paragraph-heading-6-border-radius, var(--table-heading-minor-border-radius, var(--surface-heading-minor-border-radius, var(--paragraph-heading-minor-border-radius, var(--table-heading-border-radius, var(--surface-heading-border-radius, var(--paragraph-heading-border-radius, var(--heading-6-border-radius, var(--heading-minor-border-radius, var(--heading-border-radius, 0))))))))))));
614
+ --_h6-box-shadow: var(--table-heading-6-box-shadow, var(--surface-heading-6-box-shadow, var(--paragraph-heading-6-box-shadow, var(--table-heading-minor-box-shadow, var(--surface-heading-minor-box-shadow, var(--paragraph-heading-minor-box-shadow, var(--table-heading-box-shadow, var(--surface-heading-box-shadow, var(--paragraph-heading-box-shadow, var(--heading-6-box-shadow, var(--heading-minor-box-shadow, var(--heading-box-shadow, none))))))))))));
615
+ --_h6-font-family: var(--table-heading-6-font-family, var(--surface-heading-6-font-family, var(--paragraph-heading-6-font-family, var(--table-heading-minor-font-family, var(--surface-heading-minor-font-family, var(--paragraph-heading-minor-font-family, var(--table-heading-font-family, var(--surface-heading-font-family, var(--paragraph-heading-font-family, var(--heading-6-font-family, var(--heading-minor-font-family, var(--heading-font-family, var(--font-family, revert)))))))))))));
616
+ --_h6-text-transform: var(--table-heading-6-text-transform, var(--surface-heading-6-text-transform, var(--paragraph-heading-6-text-transform, var(--table-heading-minor-text-transform, var(--surface-heading-minor-text-transform, var(--paragraph-heading-minor-text-transform, var(--table-heading-text-transform, var(--surface-heading-text-transform, var(--paragraph-heading-text-transform, var(--heading-6-text-transform, var(--heading-minor-text-transform, var(--heading-text-transform, var(--text-transform, revert)))))))))))));
617
+ --_h6-text-decoration: var(--table-heading-6-text-decoration, var(--surface-heading-6-text-decoration, var(--paragraph-heading-6-text-decoration, var(--table-heading-minor-text-decoration, var(--surface-heading-minor-text-decoration, var(--paragraph-heading-minor-text-decoration, var(--table-heading-text-decoration, var(--surface-heading-text-decoration, var(--paragraph-heading-text-decoration, var(--heading-6-text-decoration, var(--heading-minor-text-decoration, var(--heading-text-decoration, var(--text-decoration, revert)))))))))))));
618
+ --_h6-font-size: var(--table-heading-6-font-size, var(--surface-heading-6-font-size, var(--paragraph-heading-6-font-size, var(--table-heading-minor-font-size, var(--surface-heading-minor-font-size, var(--paragraph-heading-minor-font-size, var(--table-heading-font-size, var(--surface-heading-font-size, var(--paragraph-heading-font-size, var(--heading-6-font-size, var(--heading-minor-font-size, var(--heading-font-size, revert))))))))))));
619
+ --_h6-font-weight: var(--table-heading-6-font-weight, var(--surface-heading-6-font-weight, var(--paragraph-heading-6-font-weight, var(--table-heading-minor-font-weight, var(--surface-heading-minor-font-weight, var(--paragraph-heading-minor-font-weight, var(--table-heading-font-weight, var(--surface-heading-font-weight, var(--paragraph-heading-font-weight, var(--heading-6-font-weight, var(--heading-minor-font-weight, var(--heading-font-weight, var(--font-weight, revert)))))))))))));
620
+ --_h6-line-height: var(--table-heading-6-line-height, var(--surface-heading-6-line-height, var(--paragraph-heading-6-line-height, var(--table-heading-minor-line-height, var(--surface-heading-minor-line-height, var(--paragraph-heading-minor-line-height, var(--table-heading-line-height, var(--surface-heading-line-height, var(--paragraph-heading-line-height, var(--heading-6-line-height, var(--heading-minor-line-height, var(--heading-line-height, var(--line-height, revert)))))))))))));
621
+ --_h6-letter-spacing: var(--table-heading-6-letter-spacing, var(--surface-heading-6-letter-spacing, var(--paragraph-heading-6-letter-spacing, var(--table-heading-minor-letter-spacing, var(--surface-heading-minor-letter-spacing, var(--paragraph-heading-minor-letter-spacing, var(--table-heading-letter-spacing, var(--surface-heading-letter-spacing, var(--paragraph-heading-letter-spacing, var(--heading-6-letter-spacing, var(--heading-minor-letter-spacing, var(--heading-letter-spacing, var(--letter-spacing, revert)))))))))))));
622
+ --_h6-text-indent: var(--table-heading-6-indent, var(--surface-heading-6-indent, var(--paragraph-heading-6-indent, var(--table-heading-minor-indent, var(--surface-heading-minor-indent, var(--paragraph-heading-minor-indent, var(--table-heading-indent, var(--surface-heading-indent, var(--paragraph-heading-indent, var(--heading-6-indent, var(--heading-minor-indent, var(--heading-indent, var(--indent, revert)))))))))))));
623
+ --_h6-font-variant: var(--table-heading-6-font-variant, var(--surface-heading-6-font-variant, var(--paragraph-heading-6-font-variant, var(--table-heading-minor-font-variant, var(--surface-heading-minor-font-variant, var(--paragraph-heading-minor-font-variant, var(--table-heading-font-variant, var(--surface-heading-font-variant, var(--paragraph-heading-font-variant, var(--heading-6-font-variant, var(--heading-minor-font-variant, var(--heading-font-variant, var(--font-variant, revert)))))))))))));
624
+ --_h6-text-align: var(--table-heading-6-text-align, var(--surface-heading-6-text-align, var(--paragraph-heading-6-text-align, var(--table-heading-minor-text-align, var(--surface-heading-minor-text-align, var(--paragraph-heading-minor-text-align, var(--table-heading-text-align, var(--surface-heading-text-align, var(--paragraph-heading-text-align, var(--heading-6-text-align, var(--heading-minor-text-align, var(--heading-text-align, var(--text-align, revert)))))))))))));
618
625
  box-sizing: border-box;
619
626
  border: var(--table-border, var(--surface-border, var(--paragraph-border, var(--border, var(--border-width, 1px) var(--border-style, solid) var(--border-color, var(--fg))))));
620
627
  border-width: var(--table-border-width, var(--surface-border-width, var(--paragraph-border-width, var(--__missing-border-width))));
@@ -1108,11 +1115,30 @@ table :global(tr > th:first-child:has(~ td)) {
1108
1115
  border-top: none;
1109
1116
  }
1110
1117
 
1111
- .visually-hidden {
1112
- visibility: hidden;
1113
- /* opacity: 0.5; */
1114
- pointer-events: none;
1115
- position: fixed;
1118
+ /* The body table's own copy of the header. `visibility: collapse` is the
1119
+ one primitive that keeps a row group's contribution to column widths while
1120
+ reclaiming all of its vertical space -- so the browser solves the columns
1121
+ from header and body in a single pass, and the visible sticky header just
1122
+ copies the answer. Verified in Chromium, Firefox and WebKit, under
1123
+ `border-collapse: collapse` as well as `separate`.
1124
+
1125
+ `visibility: hidden` will NOT do: it keeps the header's full height and
1126
+ you get a blank gap. `display: none` is worse -- no layout, nothing to
1127
+ measure, and the columns size from the body alone. */
1128
+ .scrolling-table-body > :global(thead) {
1129
+ visibility: collapse;
1130
+ }
1131
+
1132
+ /* One cell per column, so widths can be read off directly. Collapsed for
1133
+ zero height, and stripped of padding and borders so it can never be the
1134
+ thing that decides a column's minimum width. */
1135
+ .column-ruler {
1136
+ visibility: collapse;
1137
+ }
1138
+
1139
+ .column-ruler > tr > td {
1140
+ padding: 0;
1141
+ border: 0;
1116
1142
  }
1117
1143
 
1118
1144
  /* Interactive affordances: target rows/cells with tabindex for keyboard accessibility */