.sd-doc-body table {
	font-size: 14px;
	line-height: 1.4;
	overflow: hidden;
	width: 100%;
	margin: 0 0 1.2em;
	border-spacing: 0;
	border-collapse: separate;
	border: 1px solid var(--sd-border-subtle);
	border-radius: var(--sd-radius-sm);
	background: var(--sd-surface);
}

@media (max-width: 1200px) {
	.sd-doc-body table {
		display: inline-block;
		overflow-x: auto;
		width: fit-content;
		max-width: 100%;
		table-layout: fixed;
		white-space: nowrap;
	}
}

.sd-doc-body th,
.sd-doc-body td {
	padding: 16px;
	text-align: left;
	vertical-align: top;
	border: none;
}

.sd-doc-body thead th {
	font-size: 16px;
	font-weight: 500;
	line-height: 26px;
	color: var(--sd-text);
	border-bottom: 1px solid var(--sd-border-subtle);
	background: var(--sd-surface);
}

.sd-doc-body tbody td {
	color: var(--sd-text-soft);
	border-top: 1px solid var(--sd-border-subtle);
}

.sd-doc-body tbody tr:first-child > td {
	border-top: none;
}

.sd-doc-body tbody tr:nth-child(odd) td {
	background: var(--sd-bg);
}

.sd-doc-body tbody tr:nth-child(even) td {
	background: var(--sd-surface);
}

.sd-doc-body table td:nth-child(-n+4):not(:last-child),
.sd-doc-body table th:nth-child(-n+4):not(:last-child) {
	width: max(15vw, 200px);
}

.sd-doc-body table :not(pre) > code {
	font-size: 14px;
	line-height: 1.4;
	margin: 1px 0;
	padding: 4px 12px;
	color: var(--sd-text);
	border: 1px solid var(--sd-border-strong);
	border-radius: 8px;
	background: var(--sd-surface-2);
}

@media (min-width: 768px) {
	.sd-doc-body table :not(pre) > code {
		display: inline-block;
	}
}