/**
 * Manual prose — tables.
 *
 * General rules:
 * 1. Container — full-width card with 1 px tertiary border, 8 px radius,
 *    overflow hidden; no internal grid lines.
 * 2. Header — surface-elevation background, 16 px / medium / text-primary;
 *    separated from the body by a 40 % opacity primary-border divider.
 * 3. Body — zebra rows (bg-primary ↔ surface-elevation), 14 px / regular /
 *    text-secondary, top-aligned cells, 16 px padding.
 * 4. Inline code in cells — pill badge (surface-tertiary, primary border,
 *    16 px radius); overrides the global inline-code style inside tables.
 */

/* --- Container --- */
.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;
	}
}


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

/* --- Header --- */
.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);
}

/* --- Body (zebra) --- */
.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) !important;
}

/* --- Credential / inline-code pills inside cells --- */
.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 !important;
	background: var(--sd-surface-2);
}

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

}