
/* Cases overview inherits the News overview visual system */
html body:has(.spc-root),
html body:has(.spc-root) .spc-root,
html body:has(.spc-root) .spc-root *{
  font-family:Raleway,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
}
html body:has(.spc-root) .spring-fx-hero .fx-in{
  width:100%!important;max-width:1240px!important;margin:0 auto!important;
  padding-left:24px!important;padding-right:24px!important;
}
html body:has(.spc-root) .spring-fx-hero .fx-crumbs,
html body:has(.spc-root) .spring-fx-hero .fx-crumbs a{
  font-family:Raleway,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif!important;
  font-size:13px!important;line-height:19.5px!important;color:#9a9a97!important;
}
html body:has(.spc-root) .spring-fx-hero h1{
  max-width:800px!important;margin:0 0 16px!important;
  font-family:Raleway,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif!important;
  font-size:56px!important;line-height:1.05!important;font-weight:700!important;
  letter-spacing:normal!important;text-transform:none!important;color:#fff!important;
}
html body:has(.spc-root) .spring-fx-hero p{
  max-width:840px!important;margin:0 0 24px!important;
  font-family:Raleway,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif!important;
  font-size:18px!important;line-height:1.6!important;font-weight:400!important;
  color:rgba(255,255,255,.65)!important;
}
html body:has(.spc-root) .spring-fx-hero a.fx-cta{
  margin-top:0!important;padding:13px 26px!important;
  font-family:Raleway,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif!important;
  font-size:15px!important;line-height:22.5px!important;font-weight:600!important;
}

/* News section geometry */
html body:has(.spc-root) .spc-idxwrap{
  padding:96px 0!important;background:#fff!important;
  color:#3c3c3b!important;font-size:17px!important;line-height:1.72!important;
}
html body:has(.spc-root) .spc-idxwrap .spc-in{
  width:100%!important;max-width:1240px!important;margin:0 auto!important;
  padding:0 24px!important;
}
html body:has(.spc-root) .spc-filterbar{
  width:100%!important;min-height:86px!important;height:auto!important;
  display:flex!important;align-items:center!important;gap:10px!important;
  padding:16px 0 20px!important;margin:0!important;
}
html body:has(.spc-root) .spc-filterbar__search{
  width:400px!important;min-height:50px!important;height:50px!important;
  padding:6px 6px 6px 14px!important;border:1px solid #e7e8e1!important;
  border-radius:999px!important;background:#fff!important;
}
html body:has(.spc-root) .spc-filterbar__search input{
  min-width:0!important;font-size:14.08px!important;color:#3c3c3b!important;
}
html body:has(.spc-root) .spc-filterbar select{
  width:auto!important;max-width:270px!important;min-height:41px!important;
  padding:8px 36px 8px 16px!important;border:1px solid #e7e8e1!important;
  border-radius:999px!important;background-color:#fff!important;
  font-size:13.6px!important;line-height:23.392px!important;color:#3c3c3b!important;
}
html body:has(.spc-root) .spc-grid{
  width:100%!important;padding:0!important;
}
html body:has(.spc-root) .spc-grid .w-dyn-items{
  width:100%!important;display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px!important;
  align-items:stretch!important;
}
html body:has(.spc-root) .spc-grid .w-dyn-item{
  width:auto!important;display:flex!important;align-self:stretch!important;
}

/* Case cards now use the News card surface and type hierarchy */
html body:has(.spc-root) .spc-card{
  width:100%!important;height:100%!important;min-height:485px!important;
  display:flex!important;flex-direction:column!important;overflow:hidden!important;
  background:#fff!important;border:1px solid #e7e8e1!important;border-radius:16px!important;
  color:#3c3c3b!important;text-decoration:none!important;
}
html body:has(.spc-root) .spc-card .spc-cimg{
  width:100%!important;aspect-ratio:16/9!important;height:auto!important;
  flex:0 0 auto!important;background:#e9eae2!important;overflow:hidden!important;
}
html body:has(.spc-root) .spc-card .spc-cimg img{
  width:100%!important;height:100%!important;display:block!important;object-fit:cover!important;
}
html body:has(.spc-root) .spc-card .spc-cbody-1{
  width:100%!important;height:auto!important;min-height:270px!important;flex:1 1 auto!important;
  display:flex!important;flex-direction:column!important;gap:8px!important;
  padding:18px 20px 20px!important;color:#3c3c3b!important;
}
html body:has(.spc-root) .spc-card .spc-cat-1{
  align-self:flex-start!important;width:auto!important;max-width:100%!important;
  margin:0!important;padding:3px 10px!important;border-radius:999px!important;
  background:#7ca73f!important;color:#fff!important;
  font-size:10.88px!important;line-height:18.7136px!important;font-weight:700!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
html body:has(.spc-root) .spc-card .spc-ctitle{
  width:100%!important;height:auto!important;margin:0!important;
  font-size:16.8px!important;line-height:22.68px!important;font-weight:600!important;
  letter-spacing:normal!important;color:#3c3c3b!important;
}
html body:has(.spc-root) .spc-card .spc-cdesc{
  width:100%!important;height:auto!important;margin:0!important;
  display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:4!important;
  overflow:hidden!important;font-size:14.08px!important;line-height:22.528px!important;
  font-weight:400!important;color:#5c5d58!important;
}
html body:has(.spc-root) .spc-card .spc-cfoot-1{
  width:100%!important;height:38px!important;min-height:38px!important;
  margin:auto 0 0!important;padding:0!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  background:transparent!important;color:#3c3c3b!important;
}
html body:has(.spc-root) .spc-card .spc-cloc{
  font-size:12.48px!important;line-height:21.4656px!important;color:#5c5d58!important;
}
html body:has(.spc-root) .spc-card .spc-carrow{
  width:38px!important;height:38px!important;display:flex!important;
  align-items:center!important;justify-content:center!important;border-radius:50%!important;
  background:#3c3c3b!important;color:#fff!important;font-size:17.6px!important;
}
html body:has(.spc-root) .spc-card:hover{
  border-color:#7CA73F!important;box-shadow:0 12px 30px rgba(60,60,59,.08)!important;
}

/* Keep the cases-only newsletter block, but in the same News vocabulary */
html body:has(.spc-root) .spc-sub-wrap,
html body:has(.spc-root) #spx-cases-cta{
  font-family:Raleway,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif!important;
}
html body:has(.spc-root) .spc-sub-wrap{
  background:#fff!important;border-top:1px solid #e7e8e1!important;
}
@media(max-width:991px){
  html body:has(.spc-root) .spring-fx-hero h1{font-size:46px!important}
  html body:has(.spc-root) .spc-grid .w-dyn-items{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  html body:has(.spc-root) .spc-filterbar{flex-wrap:wrap!important}
  html body:has(.spc-root) .spc-filterbar__search{width:100%!important}
}
@media(max-width:767px){
  html body:has(.spc-root) .spring-fx-hero h1{font-size:38px!important}
  html body:has(.spc-root) .spc-idxwrap{padding:56px 0!important}
  html body:has(.spc-root) .spc-grid .w-dyn-items{grid-template-columns:1fr!important}
  html body:has(.spc-root) .spc-filterbar select{width:100%!important;max-width:none!important}
  html body:has(.spc-root) .spc-card{min-height:0!important}
}

html body:has(.spc-root) .spc-root,
html body:has(.spc-root) .spc-root *{
  font-family:Raleway,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif!important;
}
html body:has(.spc-root) .spc-filterbar__search{
  flex:0 0 400px!important;width:400px!important;
}
@media(max-width:991px){
  html body:has(.spc-root) .spc-filterbar__search{flex:1 0 100%!important;width:100%!important}
}
