/* Responsive fixes applied site-wide */
*{box-sizing:border-box}
html,body{height:100%}
/* Avoid forcing overflow hidden globally — that can hide scrollbars and break accessibility.
    Use targeted max-width/overflow rules for elements that actually cause overflow. */
body{margin:0;word-wrap:break-word}
/* Ensure main containers don't overflow */
main, .container, .max-w-6xl, .max-w-7xl{max-width:100%;padding-left:12px;padding-right:12px}
/* Make fixed navs not overlap content on small screens */
nav[aria-label="Main Navigation"], .nav, header[role="banner"]{position:fixed;top:0;left:0;right:0;z-index:60}
main{padding-top:72px}
/* Prevent iframes and images from overflowing */
iframe, img, video{max-width:100%;height:auto}
/* Prevent long code blocks breaking layout */
pre, code, .editor-panel textarea{white-space:pre-wrap;word-break:break-word}
/* Hide suspicious fixed bottom elements (back-to-top, cookie controls when necessary) */
#back-to-top, .back-to-top, .scroll-to-top, .site-scroll-button{display:none !important}
/* Slightly tweak container widths for small screens */
@media (max-width:640px){
    main{padding-top:80px}
    .pg-main{flex-direction:column}
}