/* 
 * Layout Fix for Full-Width Content
 * Wraps loose content in a center container
 */

/* Content directly in body that should be contained */
body > p,
body > h1:not([class*="mbr-"]), 
body > h2:not([class*="mbr-"]), 
body > h3:not([class*="mbr-"]), 
body > h4:not([class*="mbr-"]), 
body > h5:not([class*="mbr-"]), 
body > h6:not([class*="mbr-"]),
body > ul:not([class*="navbar"]),
body > ol,
body > div:not([class]),
body > img:not([class*="mbr-"]):not(.w-100):not(.label-left):not(.label-right) {
    max-width: 1320px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    display: block;
    box-sizing: border-box;
}

/* Ensure images don't overflow their container */
body > img {
    height: auto;
}

/* Add spacing for loose paragraphs */
body > p {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

/* Smooth Scrolling */
html {
    scroll-behavior: smooth;
}

/* Optional: Improve scrollbar aesthetics */
::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
    background: #555;
}