/* ========================================================================== Canvas scale-to-fit responsiveness -------------------------------------------------------------------------- This design is built as fixed-size 1382x768px "page" canvases (Canva Sites export). Responsiveness is achieved by uniformly scaling each canvas down to fit the viewport width, exactly as the original design requires for pixel-perfect fidelity across devices. This replaces the original inline runtime hacks with the same visual behavior, but without the `!important` overrides and without the `overflow:hidden` rule the export placed on (which blocked the page from scrolling at all outside Canva's own editor shell). ========================================================================== */ html, body { overflow-x: hidden; max-width: 100vw; } /* Page must be able to scroll naturally: do not lock height/overflow here. */ body { overflow-y: visible; height: auto; min-height: 100%; } .rGeu6w { width: 100%; max-width: 100%; } .rGeu6w > div { width: 100%; height: calc(768px * min(1, calc(100vw / 1382px))); overflow: hidden; } .rGeu6w > div > ._8jGYJw { transform: scale(min(1, calc(100vw / 1382px))); transform-origin: top left; } /* Canva editor-only overlay hooks - inert on a real site, kept so no CSS selector in the exported markup is left dangling. */ #LBKg8ky0WPlNPG1y, #LB2TS2yJyX3BGkfh { pointer-events: none; } .sf-hidden { display: none !important; }