/* Opt-in layout only: no selector below matches an ungrouped publication. */
.aern-autolayout-group {
  box-sizing: border-box;
  display: flex;
  position: relative;
  flex: 1 1 auto;
  flex-direction: var(--aern-group-direction, row);
  align-items: var(--aern-group-align, center);
  justify-content: var(--aern-group-justify, flex-start);
  flex-wrap: var(--aern-group-wrap, wrap);
  gap: var(--aern-group-gap, 16px);
  min-width: 0;
  max-width: 100%;
  max-inline-size: 100%;
}

.aern-autolayout-group[data-aern-group-zone="hero"],
.aern-autolayout-group[data-aern-group-zone="world"],
.aern-autolayout-group[data-aern-group-zone="about"],
.aern-autolayout-group[data-aern-group-zone="start"],
.aern-autolayout-group[data-aern-group-zone="design-blocks"] {
  width: 100%;
  grid-column: 1 / -1;
}

.aern-autolayout-group > [data-aern-group-member] {
  box-sizing: border-box;
  flex-shrink: 1;
  min-width: 0 !important;
  max-width: 100% !important;
  max-inline-size: 100% !important;
  margin: 0 !important;
  overflow-wrap: anywhere;
}

/* A nested container participates in its parent's alignment, rather than
   retaining the full-page width reserved for independent root groups. */
.aern-autolayout-group > .aern-autolayout-group[data-aern-group-member] {
  width: auto;
  min-height: 0;
}

.aern-autolayout-group[data-aern-group-zone="world"] > [data-aern-group-member],
.aern-autolayout-group[data-aern-group-zone="about"] > [data-aern-group-member],
.aern-autolayout-group[data-aern-group-zone="start"] > [data-aern-group-member],
.aern-autolayout-group[data-aern-group-zone="design-blocks"] > [data-aern-group-member] {
  flex: 0 1 auto;
}

.aern-autolayout-group[data-aern-group-direction="row"][data-aern-group-zone="world"] > [data-aern-group-member],
.aern-autolayout-group[data-aern-group-direction="row"][data-aern-group-zone="about"] > [data-aern-group-member],
.aern-autolayout-group[data-aern-group-direction="row"][data-aern-group-zone="start"] > [data-aern-group-member],
.aern-autolayout-group[data-aern-group-direction="row"][data-aern-group-zone="design-blocks"] > [data-aern-group-member] {
  flex: 1 1 240px;
}

.aern-autolayout-group > [data-aern-group-member] :where(h1, h2, h3, p, strong, .btn, .brand-name, .home-brand-caption, .community-brand-caption),
.aern-autolayout-group > [data-aern-group-member]:is(h1, h2, h3, p) {
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
}

.aern-autolayout-group .nav-main > a,
.aern-autolayout-group .nav-auth > a,
.aern-autolayout-group .home-hero-actions .btn {
  min-width: 0;
  max-width: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
}

.aern-autolayout-group .nav-auth {
  flex-wrap: wrap;
}

/* Muting is CSS-only. Saved coordinates, inline CSS, image crop transforms,
   hover effects, and typography stay intact and reappear on ungrouping. */
.aern-autolayout-group > [data-aern-group-member].aern-editor-layout-applied,
.aern-autolayout-group > [data-aern-group-member].aern-editor-section-layout,
.aern-autolayout-group > [data-aern-group-member] .aern-editor-layout-applied,
.aern-autolayout-group > [data-aern-group-member] .aern-editor-section-layout {
  --aern-editor-x: 0px !important;
  --aern-editor-y: 0px !important;
  --aern-editor-scale: 1 !important;
  --aern-editor-z: 0 !important;
}