/**
 * GHJ Creator Hub: responsive safety net.
 * Keeps long single word headings from overflowing narrow screens and
 * stops any element from forcing a horizontal scrollbar on phones.
 */

@media (max-width: 1024px) {
	body h1,
	body .elementor-widget-heading h1.elementor-heading-title {
		font-size: clamp(40px, 10.5vw, 64px);
	}
	body h2,
	body .elementor-widget-heading h2.elementor-heading-title {
		font-size: clamp(26px, 6.6vw, 44px);
	}
}

@media (max-width: 767px) {
	h1,
	h2,
	h3,
	h4 {
		overflow-wrap: break-word;
		word-wrap: break-word;
		hyphens: auto;
	}

	.elementor-widget-image img,
	.ghj-server-logo img {
		max-width: 100%;
		height: auto;
	}

	table,
	pre {
		display: block;
		max-width: 100%;
		overflow-x: auto;
	}
}