/* Section body replicates the top-level blocks.blocks flex layout so that
   --block-desktop-width on child wrappers keeps working inside a section */
.cms-section-body {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  margin-left: -0.75rem;
  margin-right: -0.75rem;
}

.cms-section-body > div {
  width: var(--block-desktop-width, 100%);
  box-sizing: border-box;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

/* Tablet and mobile: always full width regardless of desktop width setting */
@media (max-width: 768px) {
  .cms-section-body {
    margin-left: 0;
    margin-right: 0;
  }

  .cms-section-body > div {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}