.custom-code__content {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	font-size: 16px;
}

.custom-code__content table {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid var(--border, #e5e5e5);
	background: var(--white, #ffffff);
}

.custom-code__content caption {
	text-align: left;
	padding: 0 0 12px;
	color: var(--secondary-text, #898989);
}

.custom-code__content th,
.custom-code__content td {
	border: 1px solid var(--border, #e5e5e5);
	padding: 12px 16px;
	vertical-align: top;
	text-align: left;
}

.custom-code__content thead th {
	background: var(--light-bg, #fafafa);
	color: var(--main-text, #151515);
	font-weight: 600;
}

.custom-code__content tbody tr:nth-child(even) {
	background: var(--light-bg, #fafafa);
}

.custom-code__content a {
	color: var(--accent, #07a04a);
	text-decoration: underline;
}

.custom-code__content ul,
.custom-code__content ol,
.custom-code__content p {
	margin: 0;
}

.custom-code__content p + p,
.custom-code__content ul + p,
.custom-code__content p + ul,
.custom-code__content ol + p,
.custom-code__content p + ol {
	margin-top: 16px;
}

/* На мобилках часто таблицы широкие — пусть будет скролл */
@media (max-width: 767px) {
	.custom-code__content table {
		min-width: 640px;
	}
}
.custom-code__content {
	max-width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

/* чтобы таблица вела себя предсказуемо */
.custom-code__content table {
	width: 100%;
	max-width: 100%;
	border-collapse: collapse;
	border: 1px solid var(--border, #e5e5e5);
	background: var(--white, #ffffff);
}

/* на узких экранах включаем "скролл-таблицу" */
@media (max-width: 767px) {
	.custom-code__content table {
		min-width: 720px; /* можно 640–900, под твои таблицы */
	}

	.custom-code__content th,
	.custom-code__content td {
		padding: 10px 12px;
		font-size: 14px;
		line-height: 1.4;
		word-break: break-word;
		hyphens: auto;
	}
	.custom-code__content thead th {
		white-space: nowrap;
	}
}