.table-wrap { overflow-x: auto; }
.table { width: 100%; border-collapse: collapse; font-size: var(--fs-body); line-height: var(--lh-body); color: var(--ink-body); }
.table th { text-align: start; font-weight: var(--fw-semibold); }
.table th, .table td { padding: var(--space-2) var(--space-3); border-bottom: 1px solid var(--neutral-border);  vertical-align: top; }
.table thead th { border-bottom: 1px solid var(--border-strong);  }
.table caption { text-align: start; font-size: var(--fs-caption); line-height: var(--lh-caption); color: var(--ink-muted); padding-block: var(--space-2); }
.table--compact { font-size: var(--fs-compact); line-height: var(--lh-compact); }
.table--compact th, .table--compact td { padding: var(--space-1) var(--space-2); border-bottom: 1px solid var(--border-subtle);  }
.list--compact { font-size: var(--fs-compact); line-height: var(--lh-compact); }
.list--compact li { padding: var(--space-1) 0; border-bottom: 1px solid var(--border-subtle);  }
:not(.wide-grid) > .table code, :not(.wide-grid) > .table .mono, h1 code { overflow-wrap: anywhere; }
.wide-grid { overflow-x: auto; border: 1px solid var(--border-subtle);  border-radius: var(--radius-md); }
.wide-grid:focus-visible { outline: 2px solid transparent;  outline-offset: 2px;  box-shadow: var(--focus-ring); }
.wide-grid > table { min-width: 100%; border-collapse: separate; border-spacing: 0; }
.wide-grid > .table th:first-child, .wide-grid > .table td:first-child { position: sticky; left: 0; z-index: 1; background: var(--surface-primary); }