/* v7.3 targeted Search block separation fix */
:root{
  --sj-block-blue:#4b78b8;
  --sj-block-blue-soft:#edf5fd;
  --sj-block-orange:#ff6b2c;
  --sj-block-navy:#102a42;
  --sj-block-navy-2:#173b5d;
}

/* Keep all five content cards on one clear row on desktop */
body.motion-v7 #search .content-engine{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:14px!important;
  margin-top:28px!important;
  align-items:stretch!important;
}
body.motion-v7 #search .content-type{
  min-width:0!important;
  min-height:220px!important;
  padding:22px 20px!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,#ffffff 0%,#f6f9fc 100%)!important;
  border:1px solid rgba(75,120,184,.24)!important;
  box-shadow:0 12px 28px rgba(4,23,39,.13)!important;
  color:#17324a!important;
  position:relative!important;
  overflow:hidden!important;
}
body.motion-v7 #search .content-type::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:0!important;
  height:4px!important;
  background:linear-gradient(90deg,var(--sj-block-blue),var(--sj-block-orange))!important;
}
body.motion-v7 #search .content-type b{
  display:block!important;
  margin:4px 0 18px!important;
  color:var(--sj-block-blue)!important;
  font-family:"Bodoni Moda",serif!important;
  font-size:38px!important;
  line-height:1!important;
  font-weight:700!important;
}
body.motion-v7 #search .content-type strong{
  display:block!important;
  color:#17324a!important;
  font-size:16px!important;
  line-height:1.35!important;
  margin-bottom:12px!important;
}
body.motion-v7 #search .content-type span{
  display:block!important;
  color:#587087!important;
  font-size:12px!important;
  line-height:1.72!important;
}

/* Give the Month 6 ownership metrics five distinct cards instead of one flat strip */
body.motion-v7 #search .outcome-strip{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:14px!important;
  margin-top:30px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
body.motion-v7 #search .outcome-strip article{
  min-width:0!important;
  min-height:150px!important;
  padding:20px 18px!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#1d466a 0%,#173a5b 100%)!important;
  border:1px solid rgba(159,196,235,.22)!important;
  box-shadow:0 10px 24px rgba(4,23,39,.14)!important;
  color:#fff!important;
  position:relative!important;
  overflow:hidden!important;
}
body.motion-v7 #search .outcome-strip article::after{
  content:""!important;
  position:absolute!important;
  left:18px!important;
  right:18px!important;
  bottom:0!important;
  height:3px!important;
  border-radius:999px 999px 0 0!important;
  background:linear-gradient(90deg,var(--sj-block-blue),var(--sj-block-orange))!important;
  opacity:.95!important;
}
body.motion-v7 #search .outcome-strip small{
  display:block!important;
  color:#b9cee1!important;
  font-size:9px!important;
  line-height:1.35!important;
  letter-spacing:.13em!important;
  text-transform:uppercase!important;
  margin-bottom:9px!important;
}
body.motion-v7 #search .outcome-strip b{
  display:block!important;
  color:#fff!important;
  font-family:"Bodoni Moda",serif!important;
  font-size:31px!important;
  line-height:1.05!important;
  margin:0 0 9px!important;
  font-weight:700!important;
}
body.motion-v7 #search .outcome-strip span{
  display:block!important;
  color:#d8e5f0!important;
  font-size:11px!important;
  line-height:1.6!important;
}

/* More room between the content cards and ownership cards */
body.motion-v7 #search .content-engine + .outcome-strip{
  margin-top:34px!important;
}

@media(max-width:1180px){
  body.motion-v7 #search .content-engine,
  body.motion-v7 #search .outcome-strip{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}
@media(max-width:820px){
  body.motion-v7 #search .content-engine,
  body.motion-v7 #search .outcome-strip{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body.motion-v7 #search .content-type,
  body.motion-v7 #search .outcome-strip article{
    min-height:0!important;
  }
}
@media(max-width:520px){
  body.motion-v7 #search .content-engine,
  body.motion-v7 #search .outcome-strip{
    grid-template-columns:1fr!important;
  }
}
