/* Approved homepage section boundaries. Share the existing muted rule color;
   the hero, planner band, choice list and footer retain their own boundaries. */
#bc-library-preview #bc-house-synthesis #b2-home {
  --home-divider-color: var(--core-rule, #A4AEA8);
  --home-divider-width: 1px;
}

/* Place the rule in the existing inter-section space. Pseudo-elements avoid
   adding a grid item, shifting either column, or separating a heading from it. */
#bc-library-preview #bc-house-synthesis #b2-home > :is(.s-people, .bcx-house) {
  position: relative;
}
#bc-library-preview #bc-house-synthesis #b2-home > :is(.s-people, .bcx-house)::before {
  content: "";
  position: absolute;
  inset-inline: var(--home-gutter);
  top: 0;
  border-top: var(--home-divider-width) solid var(--home-divider-color);
  pointer-events: none;
}

@media (max-width: 960px) {
  /* Stacked introductions already have a 680px reading width. */
  #bc-library-preview #bc-house-synthesis #b2-home > :is(.s-people, .bcx-house)::before {
    inset-inline: 0;
    width: calc(100% - 2 * var(--home-gutter));
    max-width: 680px;
    margin-inline: auto;
  }
  #bc-library-preview #bc-house-synthesis #b2-home .bcx-work-return {
    border-top: var(--home-divider-width) solid var(--home-divider-color);
  }
}
