/* Technology stack: copy left, 3:4 figure right. Show the full
   labelled topology. Unique filename: Bunny ignores CSS query strings. */

html.pg-visual .stack-split{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(280px,400px) !important;
  gap:0 2rem !important;
  align-items:start !important;
}
html.pg-visual .stack-split > .size-float-right,
html.pg-visual .main .sec figure.ma-visual-container.size-float-right{
  float:none !important;
  grid-column:2 !important;
  grid-row:1 !important;
  width:100% !important;
  max-width:400px !important;
  margin:0 !important;
  height:auto !important;
  align-self:start !important;
}
html.pg-visual .stack-split-copy{
  grid-column:1 !important;
  grid-row:1 !important;
  min-width:0 !important;
}
html.pg-visual .stack-split-copy > p,
html.pg-visual .stack-split-copy > .section-answer{
  max-width:none !important;
  width:auto !important;
  margin-left:0 !important;
  margin-right:0 !important;
}
html.pg-visual .stack-split-copy > p:last-child{
  margin-bottom:0 !important;
}
html.pg-visual .stack-split .premium-editorial-image{
  display:block !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  aspect-ratio:3 / 4 !important;
  object-fit:contain !important;
  object-position:center top !important;
}

@media (max-width:900px){
  html.pg-visual .stack-split{
    grid-template-columns:minmax(0,1fr) !important;
    gap:1.25rem 0 !important;
  }
  html.pg-visual .stack-split > .size-float-right,
  html.pg-visual .main .sec figure.ma-visual-container.size-float-right{
    grid-column:1 !important;
    grid-row:1 !important;
    max-width:400px !important;
    width:100% !important;
    margin:0 auto !important;
    height:auto !important;
  }
  html.pg-visual .stack-split-copy{
    grid-row:2 !important;
  }
}