/* Preserve the normal layout while allowing enlarged text to take more space. */
@media (min-width: 992px) {
  #brx-header .header-nav-wrapper,
  #brx-header .bt-header-section__navigation,
  #brx-header .bt-header-section__navigation-wrapper,
  #brx-header .bt-header-section__navigation-inner,
  #brxe-fdacfd {
    min-inline-size: 0;
    max-inline-size: 100%;
  }

  #brx-header .header-nav-wrapper,
  #brxe-bf5610 {
    flex: 1 1 0%;
  }

  #brxe-c6fa12 {
    min-inline-size: 0;
    flex-wrap: wrap;
  }

  #brxe-rljhiy {
    flex: 0 0 auto;
  }

  #brx-header .bt-header-section__topbar--nav {
    flex-wrap: wrap;
    block-size: auto;
  }
}

main .brxe-heading {
  min-inline-size: 0;
  max-inline-size: 100%;
  overflow-wrap: anywhere;
}

/* A wide data table retains its columns and gets its own scrollable region. */
#brxe-rhinua > .brxe-container:has(> .cup-table) {
  max-inline-size: 100%;
  overflow-x: auto;
}

/* Use the approved readable grey for the existing form placeholders. */
body .wsf-form :is(input.wsf-field, textarea.wsf-field)[placeholder]::placeholder {
  color: var(--ci-readable-muted);
  opacity: 1;
}

/* Keep search text above the existing diagonal top-bar decoration. */
#brxe-zkrdsu > :is(.text, .icon) {
  position: relative;
  z-index: 2;
}

/* The event archive is a full-width page, so its wide block must fit the viewport. */
body > .tribe-events-view.alignwide {
  inline-size: 100%;
  max-inline-size: 100%;
  margin-inline: 0;
}

/* Keep the public card examples readable on narrow screens. */
@media (max-width: 767px) {
  body.page-id-2216 .grid--4 {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* Constrain fixed-size audio embeds and the single-event template. */
.brxe-post-content > div:has(> iframe[src^="https://audio.com/embed/"]),
.brxe-post-content > div > iframe[src^="https://audio.com/embed/"],
.brxe-post-content > div:has(> iframe[src^="https://audio.com/embed/"]) > a {
  max-inline-size: 100%;
}
body.single-tribe_events #tribe-events-pg-template {
  min-inline-size: 0;
  inline-size: 100%;
}
body.single-tribe_events #tribe-events-pg-template .ci-btn {
  min-inline-size: 0;
  max-inline-size: 100%;
}
body.single-tribe_events #tribe-events-pg-template .ci-btn > span {
  min-inline-size: 0;
  overflow-wrap: anywhere;
}