/*
	Shared responsive fixes for all pages.
	These pages are mostly fixed-canvas/absolute-position exports;
	on smaller screens we scale the whole canvas to fit to avoid
	horizontal scrolling and content getting cut off.
*/

/* Global overflow + sizing guards */
*,
*::before,
*::after {
	box-sizing: border-box;
}

html,
body {
	width: 100%;
	margin: 0;
	padding: 0;
	overflow-x: hidden !important;
}

/* Keep exported design intact when converting text to links */
a {
	color: inherit;
	text-decoration: none;
}

a:visited {
	color: inherit;
}

a.group,
a.lock,
a.path {
	display: block;
}

/* Prevent images/svg/video from forcing overflow */
img,
svg,
video,
canvas,
iframe {
	max-width: 100%;
	height: auto;
}

/* Long words/URLs should wrap instead of causing side-scroll */
p,
span,
a,
li,
div {
	overflow-wrap: anywhere;
	word-break: break-word;
}

/* Keep the main canvas inside the viewport */
.main-container {
	width: 100%;
	max-width: 100%;
	overflow-x: hidden !important;
	overflow-x: clip;
}