/* Same palette and content. Three shared columns: explanation left, evidence right.
   DOM ordering is changed in comparison.js so keyboard and visual order agree. */
html[data-home-flow="straight"][data-home-sizing="refined"][data-home-cohesion="focused"][data-choice-colors="greens"][data-homepage-version="v2"][data-paths-version="stacked"][data-color-rhythm="refined"][data-house-version="slate"]:has(#b2-home.bcx-home:not([hidden])) #bc-library-preview #bc-house-synthesis #b2-home {
  & .bcx-continuity, & .bcx-buying, & .s-people {
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    align-items:start!important;
    gap:var(--home-gap)!important;
    padding:var(--home-space) var(--home-gutter)!important;
  }
  & .bcx-continuity-copy, & .bcx-buying-copy, & .s-people-copy {order:0!important;}
  & .bcx-example, & .bcx-buying-art, & .s-people-art {order:1!important;}

  /* The two acquisition columns share top and bottom edges without fixed heights.
     Extra height goes into the workflow rows, never stretched type or screenshots. */
  & .bcx-buying-art {align-self:stretch!important;}
  & .bcx-acquisition-preview {
    display:flex!important;flex-direction:column!important;
    height:100%;min-height:0;box-sizing:border-box;
  }
  & .bcx-acquisition-preview .av-open {
    display:flex!important;flex-direction:column!important;flex:1;
    text-decoration:none!important;
  }
  & .bcx-acquisition-preview .av-open:hover {text-decoration:none!important;}
  & .bcx-acquisition-preview .av-board {
    display:flex;flex-direction:column;flex:1;
    padding:var(--home-panel)!important;
  }
  & .bcx-acquisition-preview .av-route {flex:1;grid-auto-rows:minmax(68px,1fr);}
  & .bcx-acquisition-preview .av-action {flex:none;}
  & .bcx-acquisition-preview .av-action,
  & .bcx-product-open {min-height:48px!important;font-size:15px!important;line-height:1.5!important;}

  /* Centered copy made the third section jump below the reading line. */
  & .s-people-copy {align-self:stretch!important;display:flex;flex-direction:column;justify-content:center;}
  & .s-people-copy .s-button {align-self:flex-start;}
  & .s-people-art {align-self:start!important;}

  @media(max-width:960px) {
    & .bcx-continuity, & .bcx-buying, & .s-people {grid-template-columns:minmax(0,1fr)!important;gap:32px!important;}
    & .bcx-acquisition-preview {height:auto;}
    & .bcx-acquisition-preview .av-open, & .bcx-acquisition-preview .av-board {flex:initial;}
    & .bcx-acquisition-preview .av-route {flex:initial;}
    & .s-people-copy {display:block;}
  }
  @media(max-width:600px) {
    & .bcx-acquisition-preview .av-board {padding:18px!important;}
    & .bcx-acquisition-preview .av-route {grid-auto-rows:minmax(64px,1fr);}
  }
}