/**
 * Background adv flex layout.
 *
 * Wraps #page-wrapper in a three-column flex row with fixed-width aside
 * columns for the clickable background_adv images. The aside columns are
 * hidden on narrow viewports via Bootstrap's d-none d-xxl-block utility.
 */

.page-grid {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
}

.page-grid__main {
  flex: 1 1 auto;
  min-width: 0;
}

.page-grid__adv {
  flex: 0 0 300px;
  width: 300px;
  overflow: hidden;
  position: sticky;
  top: 0;
  align-self: flex-start;
  z-index: 0;
}

.bg-adv,
.bg-adv__link {
  display: block;
}

.bg-adv__img {
  display: block;
  max-width: 100%;
  height: auto;
}