/* V295 — compact core-technology workflow comparison.
   Keep the existing neutral SkiinOBS/OBS Doctor palette; reduce visual weight only. */
.hero-experience #core-technology .core-tech-architecture{
  max-width:900px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.hero-experience #core-technology .core-tech-architecture .native-workflow-row{
  grid-template-columns:150px minmax(0,1fr)!important;
  gap:14px!important;
  padding:16px 20px!important;
  min-height:0!important;
  margin-bottom:9px!important;
  border-radius:16px!important;
  box-shadow:0 6px 20px rgba(15,23,42,.022)!important;
}
.hero-experience #core-technology .core-tech-architecture .native-workflow-row.jp-skiinobs-flow{
  grid-template-columns:150px minmax(0,1fr) auto!important;
}
.hero-experience #core-technology .core-tech-architecture .native-workflow-label{
  font-size:13.5px!important;
  line-height:1.4!important;
  font-weight:780!important;
}
.hero-experience #core-technology .core-tech-architecture .native-workflow-chain{
  gap:9px!important;
  row-gap:7px!important;
}
.hero-experience #core-technology .core-tech-architecture .native-workflow-chain span{
  min-height:34px!important;
  padding:0 12px!important;
  border-radius:10px!important;
  font-size:13.5px!important;
  line-height:1.3!important;
  font-weight:680!important;
}
.hero-experience #core-technology .core-tech-architecture .native-workflow-chain b{
  font-size:15px!important;
}
.hero-experience #core-technology .core-tech-architecture .jp-difference-note{
  padding:7px 11px!important;
  border-radius:999px!important;
  font-size:12.5px!important;
  line-height:1.3!important;
  font-weight:760!important;
}
@media(max-width:980px){
  .hero-experience #core-technology .core-tech-architecture{max-width:820px!important;}
  .hero-experience #core-technology .core-tech-architecture .native-workflow-row,
  .hero-experience #core-technology .core-tech-architecture .native-workflow-row.jp-skiinobs-flow{
    grid-template-columns:1fr!important;
    gap:8px!important;
    padding:14px 15px!important;
    border-radius:15px!important;
  }
  .hero-experience #core-technology .core-tech-architecture .jp-difference-note{
    justify-self:center!important;
  }
}
@media(max-width:767px){
  .hero-experience #core-technology .core-tech-architecture .native-workflow-row,
  .hero-experience #core-technology .core-tech-architecture .native-workflow-row.jp-skiinobs-flow{
    padding:12px 10px!important;
    margin-bottom:7px!important;
    border-radius:14px!important;
  }
  .hero-experience #core-technology .core-tech-architecture .native-workflow-label{
    font-size:13px!important;
  }
  .hero-experience #core-technology .core-tech-architecture .native-workflow-chain{
    gap:7px!important;
    row-gap:7px!important;
  }
  .hero-experience #core-technology .core-tech-architecture .native-workflow-chain span{
    min-height:32px!important;
    padding:0 10px!important;
    font-size:13px!important;
    border-radius:9px!important;
  }
  .hero-experience #core-technology .core-tech-architecture .native-workflow-chain b{
    font-size:14px!important;
  }
  .hero-experience #core-technology .core-tech-architecture .jp-difference-note{
    width:auto!important;
    max-width:100%!important;
    padding:7px 10px!important;
    font-size:12px!important;
  }
}