/* Ensure box sizing includes padding and borders to prevent width overlaps */
*, *::before, *::after {
    box-sizing: border-box;
}

/* Prevent horizontal scroll and overlap issues */
html, body {
    overflow-x: hidden;
    width: 100%;
    margin: 0;
    padding: 0;
}

/* Responsive images and media to prevent them from breaking out of containers */
img, picture, video, canvas, svg {
    max-width: 100%;
    height: auto;
}

/* Prevent text from overflowing its container */
p, h1, h2, h3, h4, h5, h6, a, span, div {
    overflow-wrap: break-word;
    word-wrap: break-word;
}