/* BATCH 88 — final clean CPO overview
   The top CPO Journey remains the sole stage navigator. The page body is reduced to
   one concise explanation, one full uncropped visual, and one Previous/Next pair. */
.batch88-cpo-overview{
  height:auto!important;
  min-height:520px!important;
  grid-template-columns:38% 62%!important;
  align-items:stretch!important;
  padding-bottom:34px!important;
}
.batch88-cpo-overview .story-copy{
  padding:28px 30px 24px max(4.2vw,calc((100vw - 1280px)/2))!important;
  justify-content:center!important;
  overflow:visible!important;
}
.batch88-cpo-overview .story-copy h1{
  font-size:clamp(36px,3.55vw,54px)!important;
  line-height:.98!important;
  margin:8px 0 14px!important;
}
.batch88-cpo-overview .story-copy>p{
  font-size:12.5px!important;
  line-height:1.53!important;
  margin:0 0 10px!important;
  max-width:560px!important;
}
.batch88-cpo-overview .cpo-route-status{margin-bottom:4px!important}
.batch88-cpo-overview .batch85-nav{
  margin-top:14px!important;
  max-width:560px!important;
}
.batch88-cpo-overview .story-visual{
  padding:22px 30px 22px 10px!important;
  min-height:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.batch88-cpo-overview .story-visual img{
  width:100%!important;
  height:auto!important;
  max-height:560px!important;
  object-fit:contain!important;
  object-position:center!important;
  border-radius:12px!important;
  background:#f4f8f7!important;
  box-shadow:0 12px 30px rgba(17,49,60,.09)!important;
}
/* Batch 88 intentionally removes the duplicate explanatory card flow. */
.batch88-cpo-overview .batch87-summary{display:none!important}
@media(max-width:1100px){
  .batch88-cpo-overview{grid-template-columns:42% 58%!important}
  .batch88-cpo-overview .story-copy{padding-left:28px!important}
  .batch88-cpo-overview .story-visual{padding-right:20px!important}
}
@media(max-width:900px){
  .batch88-cpo-overview{grid-template-columns:1fr!important;padding-bottom:40px!important}
  .batch88-cpo-overview .story-copy{padding:28px 7vw 18px!important}
  .batch88-cpo-overview .story-visual{padding:0 7vw 22px!important}
  .batch88-cpo-overview .story-visual img{max-height:none!important}
}