/*
  WEBSITE HOST CONTRACT
  ---------------------
  The host controls placement and available width.
  Visual size is adjusted through the component token
  --ck-network-visual-scale, not host transform or zoom.
*/
.ck-network-embed{
  width:min(100%,1500px);
  margin:clamp(8px,1.5vw,24px) auto 0;
  min-width:0;
  position:relative;
  overflow:visible;
}
.ck-network-embed>clinikhub-network{
  display:block;
  width:100%;
  margin-inline:auto;
  min-width:0;
  --ck-network-font-family:
    "Plus Jakarta Sans",
    Inter,
    ui-sans-serif,
    system-ui,
    sans-serif;
}

#features{
  padding-top:clamp(44px,4.2vw,64px);
  padding-bottom:clamp(58px,5vw,82px);
}

#features .reveal h2{
  font-size:clamp(2.15rem,3.45vw,2.8rem);
  line-height:.98;
}

#features .ck-capability-map{
  width:min(1540px,calc(100vw - 96px));
  margin:clamp(-38px,-2.4vw,-18px) auto 0;
  display:grid;
  grid-template-columns:minmax(210px,250px) minmax(620px,820px) minmax(210px,250px);
  justify-content:center;
  align-items:center;
  gap:clamp(24px,3vw,48px);
  min-width:0;
}

#features .ck-capability-map .ck-network-embed{
  width:100%;
  margin:0;
}

#features .ck-capability-rail{
  display:grid;
  gap:clamp(8px,1vw,14px);
  min-width:0;
}

#features .ck-capability-rail--left{
  text-align:right;
}

#features .ck-capability-row{
  padding-block:clamp(10px,1vw,15px);
}

#features .ck-capability-kicker{
  display:block;
  font-size:10px;
  line-height:1;
  font-weight:760;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:rgba(247,246,241,.42);
}

#features .ck-capability-row h3{
  margin:7px 0 0;
  font-size:clamp(15px,.88vw,18px);
  line-height:1.12;
  font-weight:800;
  letter-spacing:-.035em;
  color:#fff;
  text-wrap:balance;
}

#features .ck-capability-row p{
  margin:7px 0 0;
  font-size:clamp(12px,.68vw,13px);
  line-height:1.35;
  font-weight:560;
  color:rgba(247,246,241,.58);
  text-wrap:pretty;
}

@media (max-width:1280px){
  #features{
    padding-top:clamp(30px,3.5vw,44px);
  }

  #features .reveal h2{
    font-size:clamp(2.05rem,3.7vw,2.55rem);
  }

  #features .ck-capability-map{
    width:min(1220px,calc(100vw - 64px));
    grid-template-columns:minmax(180px,220px) minmax(560px,700px) minmax(180px,220px);
    gap:clamp(18px,2.4vw,36px);
    margin-top:clamp(-44px,-3vw,-24px);
  }
}

@media (max-width:1020px){
  #features .ck-capability-map{
    width:min(1040px,calc(100vw - 40px));
    grid-template-columns:1fr;
    gap:clamp(18px,3vw,34px);
  }

  #features .ck-capability-map .ck-network-embed{
    order:1;
  }

  #features .ck-capability-rail{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
  }

  #features .ck-capability-rail--left,
  #features .ck-capability-rail--right{
    text-align:left;
  }

  #features .ck-capability-rail--left{
    order:2;
  }

  #features .ck-capability-rail--right{
    order:3;
  }
}

@media (max-width:760px){
  #features .ck-capability-map{
    width:min(100%,calc(100vw - 28px));
  }

  #features .ck-capability-rail{
    grid-template-columns:1fr;
    gap:0;
  }
}

/*
  Optional label-only typography:
  --ck-network-label-font-family: "Your Label Font", sans-serif;

  When omitted, labels inherit --ck-network-font-family.
*/