/*
 * Таблицы на страницах Privacy Policy и Terms (шаблон page-privacy-policy.php, секция .gtp-legal) помещаются в экран
 * телефона. 2026-10-16, changes/2026-10-16-legal-pages (S11). Подключается только этим шаблоном.
 * Было: на 375 px таблицы 537/423 px — общие правила темы (ячейки min-width: 80px, длинные слова вроде
 * qtrans_front_language не переносятся) и прокрутка всей страницы вбок. Стало: таблица по ширине колонки текста,
 * длинные слова переносятся, на телефоне — меньше отступы и шрифт.
 * Заголовок страницы (H1 из названия) на телефоне тоже не помещался: «конфиденциальности», «Privaatsuspoliitika» —
 * одно длинное слово крупным шрифтом. Размер H1 на экранах ≤ 767 px — по ширине экрана (clamp), перенос внутри слова —
 * только если слово всё равно не влезает. В тексте и подзаголовках — перенос только слов длиннее строки, без автодефисов.
 */
.gtp-legal .articles-wrapper table {
	width: 100% !important;
	min-width: 0 !important;
	max-width: 100%;
	table-layout: auto;
}
.gtp-legal .articles-wrapper table th,
.gtp-legal .articles-wrapper table td {
	min-width: 0 !important;
	max-width: none !important;
	word-break: break-word;
	overflow-wrap: anywhere;
	hyphens: auto;
}
.gtp-legal .gtp-page-title {
	overflow-wrap: anywhere;
	hyphens: auto;
}
.gtp-legal .articles-wrapper h2,
.gtp-legal .articles-wrapper h3,
.gtp-legal .articles-wrapper h4,
.gtp-legal .articles-wrapper p,
.gtp-legal .articles-wrapper li {
	overflow-wrap: anywhere;
}
@media (max-width: 767px) {
	.gtp-legal .gtp-page-title {
		font-size: clamp(22px, 7.4vw, 36px);
		line-height: 1.2;
	}
	.gtp-legal .articles-wrapper table {
		margin: 20px 0;
	}
	.gtp-legal .articles-wrapper table th,
	.gtp-legal .articles-wrapper table td {
		padding: 8px 6px !important;
		font-size: 13px !important;
		line-height: 1.4;
	}
}
@media (max-width: 400px) {
	.gtp-legal .articles-wrapper table th,
	.gtp-legal .articles-wrapper table td {
		padding: 6px 4px !important;
		font-size: 12px !important;
	}
}