/* Only explicit choices override a component's original layout. No viewport-width hacks. */
.vl-component[data-vl-width="contained"],.vl-project-content>.vl-component[data-vl-width="contained"],.editor-styles-wrapper .vl-component[data-vl-width="contained"]{width:100%;max-width:1920px;margin-left:auto;margin-right:auto}
.vl-reference[data-vl-width="contained"]>:first-child{width:100%;max-width:1920px;margin-left:auto;margin-right:auto}
.vl-component[data-vl-width="full"],.vl-project-content>.vl-component[data-vl-width="full"],.editor-styles-wrapper .vl-component[data-vl-width="full"]{width:100%;max-width:none;margin-left:0;margin-right:0;padding-left:0;padding-right:0}
.vl-reference[data-vl-width="full"]>:first-child{width:100%;max-width:none;margin-left:0;margin-right:0;padding-left:0;padding-right:0}
/* Keep headings and slider controls comfortably inset when the media reaches the edges. */
.vl-component[data-vl-width="full"]>h2{margin-left:32px;margin-right:32px}
.vl-component[data-vl-width="full"]>.vl-slider>.vl-slider-controls,.vl-component[data-vl-width="full"]>.vl-comparison-slider>.vl-slider-controls{margin-left:32px;margin-right:32px}
@media(max-width:479px){.vl-component[data-vl-width="full"]>h2,.vl-component[data-vl-width="full"]>.vl-slider>.vl-slider-controls,.vl-component[data-vl-width="full"]>.vl-comparison-slider>.vl-slider-controls{margin-left:16px;margin-right:16px}}