@moduix/react 2.5.0 → 2.6.0

package/dist/components/typeset/Typeset_module.css

@@ -1,234 +1,347 @@
-@layer moduix.components {
+@layer base {
   .root-DaHOOi {
-    box-sizing: border-box;
-    color: var(--moduix-color-foreground);
-    font-family: var(--moduix-typeset-font-body, inherit);
-    font-size: calc(var(--moduix-typeset-size, 1em) * 1.125);
-    line-height: var(--moduix-typeset-leading, 1.75);
-    overflow-wrap: anywhere;
+    --moduix-typeset-font-body: inherit;
+    --moduix-typeset-font-heading: var(--moduix-font-sans);
+    --moduix-typeset-font-mono: var(--moduix-font-mono);
+    --moduix-typeset-size: 1em;
+    --moduix-typeset-leading: 1.75;
+    --moduix-typeset-flow: 1.25em;
   }
+}
 
-  @media (min-width: 48rem), print {
+@layer components {
+  .root-DaHOOi {
+    font-family: var(--moduix-typeset-font-body);
+    font-size: calc(var(--moduix-typeset-size) * 1.125);
+    line-height: var(--moduix-typeset-leading);
+    color: var(--moduix-color-foreground, currentColor);
+    overflow-wrap: break-word;
+    margin-trim: block-start;
+  }
+
+  @media (width >= 48rem), print {
     .root-DaHOOi {
-      font-size: var(--moduix-typeset-size, 1em);
+      font-size: var(--moduix-typeset-size);
     }
   }
 
   .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(p) {
-    margin-block: var(--moduix-typeset-flow, 1.25em) 0;
+    margin-block-start: var(--moduix-typeset-flow);
+    margin-block-end: 0;
   }
 
   .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(h1, h2, h3, h4, h5, h6) {
-    color: var(--moduix-color-foreground);
-    font-family: var(--moduix-typeset-font-heading, var(--moduix-font-sans));
-    font-weight: var(--moduix-weight-semibold);
-    letter-spacing: -.02em;
+    color: var(--moduix-color-foreground, currentColor);
+    font-family: var(--moduix-typeset-font-heading);
     margin-block-end: 0;
+    font-weight: 600;
   }
 
   .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(h1) {
-    margin-block-start: var(--moduix-typeset-flow, 1.25em);
+    margin-block-start: var(--moduix-typeset-flow);
     font-size: 1.75em;
     line-height: 1.3;
   }
 
   .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(h2) {
-    margin-block-start: calc(var(--moduix-typeset-flow, 1.25em) * 1.4);
+    margin-block-start: calc(var(--moduix-typeset-flow) * 1.4);
     font-size: 1.25em;
     line-height: 1.4;
   }
 
   .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(h3) {
-    margin-block-start: var(--moduix-typeset-flow, 1.25em);
+    margin-block-start: var(--moduix-typeset-flow);
     font-size: 1.125em;
     line-height: 1.45;
   }
 
   .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(h4) {
-    margin-block-start: var(--moduix-typeset-flow, 1.25em);
+    margin-block-start: var(--moduix-typeset-flow);
     font-size: 1em;
     line-height: 1.5;
   }
 
   .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(h5) {
-    color: var(--moduix-color-muted-foreground);
+    color: var(--moduix-color-muted-foreground, color-mix(in oklab, currentColor 60%, transparent));
+    margin-block-start: calc(var(--moduix-typeset-flow) / .875);
     font-size: .875em;
-    font-weight: var(--moduix-weight-medium);
-    margin-block-start: calc(var(--moduix-typeset-flow, 1.25em) / .875);
+    font-weight: 500;
     line-height: 1.5;
   }
 
   .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(h6) {
-    color: var(--moduix-color-muted-foreground);
-    font-size: .8125em;
-    font-weight: var(--moduix-weight-medium);
     letter-spacing: .08em;
     text-transform: uppercase;
-    margin-block-start: calc(var(--moduix-typeset-flow, 1.25em) / .8125);
+    color: var(--moduix-color-muted-foreground, color-mix(in oklab, currentColor 60%, transparent));
+    margin-block-start: calc(var(--moduix-typeset-flow) / .8125);
+    font-size: .8125em;
+    font-weight: 500;
     line-height: 1.5;
   }
 
   .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where([id]) {
-    scroll-margin-block-start: var(--moduix-typeset-flow, 1.25em);
+    scroll-margin-block-start: var(--moduix-typeset-flow);
   }
 
   .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(h1 + *, h2 + *, h3 + *, h4 + *, h5 + *, h6 + *) {
     margin-block-start: 1em;
   }
 
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(:is(h1, h2, h3, h4) :is(code)) {
+    font-size: .9em;
+  }
+
   .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(a) {
-    color: var(--moduix-color-primary);
-    text-underline-offset: .15em;
-    text-decoration: underline;
-    text-decoration-thickness: .08em;
+    color: inherit;
+    text-decoration-line: underline;
+    -webkit-text-decoration-color: color-mix(in oklab, currentColor 30%, transparent);
+    text-decoration-color: color-mix(in oklab, currentColor 30%, transparent);
+    font-weight: 500;
   }
 
-  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(ul, ol) {
-    margin-block: var(--moduix-typeset-flow, 1.25em) 0;
-    padding-inline-start: 1.5em;
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(a:hover) {
+    text-decoration-color: currentColor;
+  }
+
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(a:focus-visible) {
+    outline: 2px solid var(--moduix-color-ring, currentColor);
+    outline-offset: 2px;
+    border-radius: .125em;
+  }
+
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(:is(h1, h2, h3, h4, h5, h6) :is(a)) {
+    font-weight: inherit;
+  }
+
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(strong, b), .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(:is(h1, h2, h3, h4) :is(strong, b)) {
+    font-weight: 600;
+  }
+
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(mark) {
+    color: inherit;
+    background-color: #f4ce2366;
+    background-color: lab(84.3279% 2.77337 79.232 / .4);
+    border-radius: .2em;
+    padding: .05em .15em;
+  }
+
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(abbr[title]) {
+    text-underline-offset: .2em;
+    cursor: help;
+    text-decoration-line: underline;
+    text-decoration-style: dotted;
+  }
+
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(del, s) {
+    color: var(--moduix-color-muted-foreground, color-mix(in oklab, currentColor 60%, transparent));
+    text-decoration-line: line-through;
+  }
+
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(sup, sub) {
+    vertical-align: baseline;
+    font-size: .75em;
+    line-height: 0;
+    position: relative;
+  }
+
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(sup) {
+    top: -.5em;
+  }
+
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(sub) {
+    bottom: -.25em;
+  }
+
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(sup a) {
+    font-weight: 500;
+    text-decoration-line: none;
   }
 
   .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(ul) {
-    list-style: outside;
+    list-style-type: disc;
   }
 
   .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(ol) {
-    list-style: decimal;
+    list-style-type: decimal;
   }
 
   .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(ul ul) {
-    list-style: circle;
+    list-style-type: circle;
   }
 
   .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(ul ul ul) {
-    list-style: square;
+    list-style-type: square;
   }
 
-  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(ol ol) {
-    list-style: lower-alpha;
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(ol[type="a" i]) {
+    list-style-type: lower-alpha;
   }
 
-  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(ol ol ol) {
-    list-style: lower-roman;
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(ol[type="i" i]) {
+    list-style-type: lower-roman;
   }
 
-  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(li)::marker {
-    color: var(--moduix-color-muted-foreground);
-    font-weight: var(--moduix-weight-semibold);
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(ol[type="A" s]) {
+    list-style-type: upper-alpha;
   }
 
-  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(li + li) {
-    margin-block-start: .25em;
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(ol[type="I" s]) {
+    list-style-type: upper-roman;
+  }
+
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(ul, ol) {
+    margin-block-start: var(--moduix-typeset-flow);
+    margin-block-end: 0;
+    padding-inline-start: 1.5em;
+  }
+
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(li) {
+    margin-block-start: .5em;
+    padding-inline-start: .4em;
   }
 
-  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(li > ul, li > ol) {
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(li > p, li > ul, li > ol) {
     margin-block-start: .5em;
   }
 
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(ul > li)::marker {
+    color: var(--moduix-color-muted-foreground, color-mix(in oklab, currentColor 60%, transparent));
+  }
+
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(ol > li)::marker {
+    color: var(--moduix-color-muted-foreground, color-mix(in oklab, currentColor 60%, transparent));
+  }
+
   .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(ul.contains-task-list) {
     padding-inline-start: .25em;
-    list-style: none;
+    list-style-type: none;
   }
 
   .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(li.task-list-item > input[type="checkbox"]) {
     vertical-align: -.1em;
-    accent-color: var(--moduix-color-primary);
+    accent-color: var(--moduix-color-primary, currentColor);
     margin-inline-end: .5em;
   }
 
-  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(blockquote) {
-    margin-block: var(--moduix-typeset-flow, 1.25em) 0;
-    border-inline-start: var(--moduix-border-width-md) solid var(--moduix-color-border);
-    color: var(--moduix-color-muted-foreground);
-    margin-inline: 0;
-    padding-inline-start: 1em;
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(details) {
+    margin-block-start: var(--moduix-typeset-flow);
+    margin-block-end: 0;
   }
 
-  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(:not(pre) > code) {
-    border-radius: var(--moduix-radius-sm);
-    background: var(--moduix-color-muted);
-    color: var(--moduix-color-foreground);
-    font-family: var(--moduix-typeset-font-mono, var(--moduix-font-mono));
-    padding: .1em .3em;
-    font-size: .875em;
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(summary) {
+    cursor: pointer;
+    font-weight: 500;
   }
 
-  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(pre) {
-    max-width: 100%;
-    margin-block: var(--moduix-typeset-flow, 1.25em) 0;
-    border: var(--moduix-border-width-sm) solid var(--moduix-color-border);
-    border-radius: var(--moduix-radius-md);
-    background: var(--moduix-color-muted);
-    color: var(--moduix-color-foreground);
-    font-family: var(--moduix-typeset-font-mono, var(--moduix-font-mono));
-    padding: 1em;
-    font-size: .875em;
-    line-height: 1.6;
-    overflow-x: auto;
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(summary)::marker {
+    color: var(--moduix-color-muted-foreground, color-mix(in oklab, currentColor 60%, transparent));
   }
 
-  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(pre > code) {
-    color: inherit;
-    font: inherit;
-    background: none;
-    border-radius: 0;
-    padding: 0;
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(kbd) {
+    border: 1px solid
+        var(--moduix-color-border, color-mix(in oklab, currentColor 20%, transparent));
+    border-radius: min(calc(var(--moduix-radius-md, .5em) * .6), .35em);
+    border-block-end-width: 2px;
+    padding: .0625em .35em;
+    font-family: inherit;
+    font-size: .85em;
+    font-weight: 500;
   }
 
-  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(hr) {
-    margin-block: var(--moduix-typeset-flow, 1.25em) 0;
-    border: 0;
-    border-block-start: var(--moduix-border-width-sm) solid var(--moduix-color-border);
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(dl) {
+    margin-block-start: var(--moduix-typeset-flow);
+    margin-block-end: 0;
   }
 
-  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(table) {
-    width: 100%;
-    max-width: 100%;
-    margin-block: var(--moduix-typeset-flow, 1.25em) 0;
-    border-collapse: separate;
-    border-spacing: 0;
-    border-block-end: var(--moduix-border-width-sm) solid var(--moduix-color-border);
-    font-variant-numeric: tabular-nums;
-    font-size: 1em;
-    line-height: 1.5;
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(dt) {
+    margin-block-start: 1em;
+    font-weight: 500;
   }
 
-  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(thead th) {
-    font-weight: var(--moduix-weight-medium);
-    text-align: start;
-    white-space: nowrap;
-    padding: .65em 1em;
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(dt + dt) {
+    margin-block-start: .25em;
   }
 
-  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(:is(tbody, tfoot) :is(td, th)) {
-    border-block-start: var(--moduix-border-width-sm) solid var(--moduix-color-border);
-    text-align: start;
-    vertical-align: top;
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(dd) {
+    color: var(--moduix-color-muted-foreground, color-mix(in oklab, currentColor 60%, transparent));
+    margin-block-start: .25em;
+    margin-inline-start: 0;
+    padding-inline-start: 1em;
+  }
+
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(:not(pre) > code) {
+    background-color: var(--moduix-color-muted, color-mix(in oklab, currentColor 8%, transparent));
+    font-family: var(--moduix-typeset-font-mono);
+    border-radius: min(calc(var(--moduix-radius-md, .5em) * .6), .35em);
+    padding: .125em .3em;
+    font-size: .85em;
+  }
+
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(pre) {
+    background-color: var(--moduix-color-muted, color-mix(in oklab, currentColor 8%, transparent));
+    font-family: var(--moduix-typeset-font-mono);
+    tab-size: 2;
+    border-radius: var(--moduix-radius-md, .5em);
+    direction: ltr;
+    margin-block-start: calc(var(--moduix-typeset-flow) / .875);
+    margin-block-end: 0;
     padding: .75em 1em;
+    font-size: .875em;
+    line-height: 1.5;
+    overflow-x: auto;
   }
 
-  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(tbody th, tfoot th) {
-    font-weight: var(--moduix-weight-medium);
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(pre code) {
+    font-family: inherit;
+    font-size: inherit;
+    background-color: #0000;
+    border-radius: 0;
+    padding: 0;
   }
 
-  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(th:first-child, td:first-child) {
-    padding-inline-start: 0;
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(blockquote) {
+    border-inline-start: 2px solid
+        var(--moduix-color-border, color-mix(in oklab, currentColor 20%, transparent));
+    margin-block-start: var(--moduix-typeset-flow);
+    margin-block-end: 0;
+    margin-inline: 0;
+    padding-inline-start: 1em;
   }
 
-  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(th[align="center"], td[align="center"]) {
-    text-align: center;
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(hr) {
+    border: 0;
+    border-block-start: 1px solid
+        var(--moduix-color-border, color-mix(in oklab, currentColor 20%, transparent));
+    margin-block-start: calc(var(--moduix-typeset-flow) * 2.4);
+    margin-block-end: 0;
   }
 
-  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(th[align="right"], td[align="right"]) {
-    text-align: end;
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(hr + h1, hr + h2, hr + h3, hr + h4) {
+    margin-block-start: var(--moduix-typeset-flow);
+  }
+
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(.footnotes, [data-footnotes]) {
+    border-block-start: 1px solid
+        var(--moduix-color-border, color-mix(in oklab, currentColor 20%, transparent));
+    color: var(--moduix-color-muted-foreground, color-mix(in oklab, currentColor 60%, transparent));
+    margin-block-start: calc(var(--moduix-typeset-flow) * 2);
+    padding-block-start: var(--moduix-typeset-flow);
+    font-size: .875em;
+  }
+
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(math[display="block"]) {
+    margin-block-start: var(--moduix-typeset-flow);
+    margin-block-end: 0;
+    padding-block: .25em;
+    overflow: auto hidden;
   }
 
   .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(img, video) {
+    border-radius: var(--moduix-radius-md, .5em);
     max-width: 100%;
     height: auto;
-    margin-block: var(--moduix-typeset-flow, 1.25em) 0;
-    border-radius: var(--moduix-radius-md);
-    display: block;
+    margin-block-start: var(--moduix-typeset-flow);
+    margin-block-end: 0;
   }
 
   .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(p img) {
@@ -236,14 +349,15 @@
   }
 
   .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(figure) {
-    margin-block: var(--moduix-typeset-flow, 1.25em) 0;
+    margin-block-start: var(--moduix-typeset-flow);
+    margin-block-end: 0;
     margin-inline: 0;
   }
 
   .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(figcaption, caption) {
-    color: var(--moduix-color-muted-foreground);
+    color: var(--moduix-color-muted-foreground, color-mix(in oklab, currentColor 60%, transparent));
     text-align: center;
-    margin-block-start: .75em;
+    margin-block-start: .857143em;
     font-size: .875em;
   }
 
@@ -251,75 +365,102 @@
     caption-side: bottom;
   }
 
-  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(details) {
-    margin-block: var(--moduix-typeset-flow, 1.25em) 0;
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(table) {
+    font-variant-numeric: tabular-nums;
+    border-collapse: separate;
+    border-spacing: 0;
+    border-block-end: 1px solid
+        var(--moduix-color-border, color-mix(in oklab, currentColor 20%, transparent));
+    max-width: 100%;
+    margin-block-start: var(--moduix-typeset-flow);
+    margin-block-end: 0;
+    font-size: 1em;
+    line-height: 1.5;
   }
 
-  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(summary) {
-    cursor: pointer;
-    font-weight: var(--moduix-weight-medium);
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(.scroll-ZsvXUQ) {
+    margin-block-start: var(--moduix-typeset-flow);
+    overflow-x: auto;
   }
 
-  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(summary)::marker {
-    color: var(--moduix-color-muted-foreground);
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(.scroll-ZsvXUQ > *) {
+    margin-block-start: 0;
   }
 
-  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(dl) {
-    margin-block: var(--moduix-typeset-flow, 1.25em) 0;
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(.scroll-ZsvXUQ table) {
+    width: max-content;
+    max-width: none;
   }
 
-  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(dt) {
-    font-weight: var(--moduix-weight-medium);
-    margin-block-start: 1em;
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(thead th) {
+    text-align: start;
+    white-space: nowrap;
+    padding: .65em 1em;
+    font-weight: 500;
   }
 
-  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(dt + dt) {
-    margin-block-start: .25em;
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(:is(tbody, tfoot) :is(td, th)) {
+    text-align: start;
+    vertical-align: top;
+    border-block-start: 1px solid
+        var(--moduix-color-border, color-mix(in oklab, currentColor 20%, transparent));
+    padding: .75em 1em;
   }
 
-  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(dd) {
-    color: var(--moduix-color-muted-foreground);
-    margin-block-start: .25em;
-    margin-inline-start: 0;
-    padding-inline-start: 1em;
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(tbody th, tfoot th) {
+    font-weight: 500;
   }
 
-  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(.footnotes, [data-footnotes]) {
-    margin-block: calc(var(--moduix-typeset-flow, 1.25em) * 2) 0;
-    border-block-start: var(--moduix-border-width-sm) solid var(--moduix-color-border);
-    color: var(--moduix-color-muted-foreground);
-    padding-block-start: var(--moduix-typeset-flow, 1.25em);
-    font-size: .875em;
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(th:first-child, td:first-child) {
+    padding-inline-start: 0;
   }
 
-  .root-DaHOOi > :where(:first-child):not(:where(.not-typeset, [data-not-typeset])), .root-DaHOOi :where(li > :first-child, blockquote > :first-child, td > :first-child, th > :first-child, dd > :first-child, figure > :first-child, figure > picture > img):not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)) {
-    margin-block-start: 0;
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(th[align="center"], td[align="center"]) {
+    text-align: center;
   }
 
-  .scroll-ZsvXUQ {
-    max-width: 100%;
-    overscroll-behavior-inline: contain;
-    margin-block-start: var(--moduix-typeset-flow, 1.25em);
-    overflow-x: auto;
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(th[align="right"], td[align="right"]) {
+    text-align: end;
   }
 
-  .scroll-ZsvXUQ:focus-visible {
-    outline: var(--moduix-focus-ring-width, var(--moduix-border-width-md)) solid
-        var(--moduix-color-ring);
-    outline-offset: var(--moduix-focus-ring-inset-offset);
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(li > blockquote, li > table, li > figure) {
+    margin-block-start: .5em;
+  }
+
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(li > pre) {
+    margin-block-start: .571429em;
+  }
+
+  @media print {
+    .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(pre, table, blockquote, figure) {
+      break-inside: avoid;
+    }
+
+    .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(h1, h2, h3, h4) {
+      break-after: avoid;
+    }
   }
 
-  .root-DaHOOi > .scroll-ZsvXUQ:first-child, .root-DaHOOi .scroll-ZsvXUQ > * {
+  @media (forced-colors: active) {
+    .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(:not(pre) > code) {
+      border: 1px solid;
+    }
+  }
+
+  .root-DaHOOi > :where(:first-child):not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)), .root-DaHOOi > :where(:first-child) > :where(:first-child):not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)), .root-DaHOOi :where(li > :first-child, blockquote > :first-child, td > :first-child, th > :first-child, dd > :first-child, figure > :first-child, figure > picture > img):not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)) {
     margin-block-start: 0;
   }
 
-  .root-DaHOOi .scroll-ZsvXUQ table {
-    width: max-content;
-    max-width: none;
+  .scroll-ZsvXUQ {
+    box-sizing: border-box;
+    overscroll-behavior-inline: contain;
+    max-width: 100%;
   }
 
-  :is(.not-typeset .root-DaHOOi, .not-typeset .root-DaHOOi *, .not-typeset .scroll-ZsvXUQ, .not-typeset .scroll-ZsvXUQ *, [data-not-typeset] .root-DaHOOi, [data-not-typeset] .root-DaHOOi *, [data-not-typeset] .scroll-ZsvXUQ, [data-not-typeset] .scroll-ZsvXUQ *, .root-DaHOOi.not-typeset, .root-DaHOOi.not-typeset *, .root-DaHOOi[data-not-typeset], .root-DaHOOi[data-not-typeset] *, .scroll-ZsvXUQ.not-typeset, .scroll-ZsvXUQ.not-typeset *, .scroll-ZsvXUQ[data-not-typeset], .scroll-ZsvXUQ[data-not-typeset] *) {
-    all: revert-layer;
+  .scroll-ZsvXUQ:focus-visible {
+    outline: var(--moduix-focus-ring-width, var(--moduix-border-width-md)) solid
+      var(--moduix-color-ring);
+    outline-offset: var(--moduix-focus-ring-inset-offset);
   }
 }