/*
Shared responsive fixes for ALL pages.
These pages are mostly fixed-canvas/absolute-position exports.
index.html mobile design is handled separately in index-mobile.css.
*/

/* 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 {
max-width: 100%;
overflow-x: hidden !important;
overflow-x: clip;
}

/* Global phone guard — prevents horizontal scroll on all pages */
@media (max-width: 768px) {
html,
body {
overflow-x: hidden !important;
}
}