/* Desktop edits retain natural media proportions. Mobile returns to readable flow. */
.free-layout-tail { flex: 0 0 auto; height: var(--free-layout-tail, 0px); pointer-events: none; }
/* Old grid/relative boxes must not extend the page beyond its visible content. */
body:not([data-page="home"]) > main { overflow: clip; }
[data-flow-offset] { margin-top: calc(var(--flow-base-top, 0px) + var(--flow-offset-y, 0px)) !important; }
@media (min-width: 761px) {
  [data-text-box] > .editable-text { white-space: pre-wrap !important; overflow-wrap: anywhere !important; }
  [data-text-box] .greeting-unit { white-space: normal; }
}
body.is-editing [data-text-box] > .editable-text { white-space: pre-wrap !important; overflow-wrap: anywhere !important; }
@media (max-width: 760px) {
  body:not(.is-editing) [data-flow-offset] { margin-top: var(--flow-base-top, 0px) !important; }
  body:not(.is-editing) [data-layout-free] { translate: none !important; }
  body:not(.is-editing) [data-text-box] { width: auto !important; max-width: 100% !important; min-width: 0 !important; flex: 0 1 auto !important; }
  body:not(.is-editing) main [data-free-media] {
    width: 100% !important; max-width: 100% !important;
    left: 0 !important; top: 0 !important; margin-inline: 0 !important;
  }
  body:not(.is-editing) main .custom-background-image[data-free-media] { height: 100% !important; }
  body:not(.is-editing) .free-layout-tail { height: 0 !important; }
}