/* Los wrappers <div> que @apostrophecms/apostrophe-astro inyecta alrededor de
   áreas/widgets solo en modo edición (?aposEdit=1) rompen el layout Webstudio
   (grid-column/row, flex child) porque el CSS atómico asume hijos directos.
   display:contents saca el wrapper de la generación de caja sin quitarlo del
   DOM, dejando layout idéntico entre edición y producción. */
[data-apos-area-newly-editable],
[data-apos-widget] {
  display: contents;
}