/* =========================================================
   KHC SINGLE SERVICE — TYPOGRAPHY + RESPONSIVE FIX
   Replace the old service-single-base44-match-v2.css with this.
   Scoped ONLY to single khc_service pages.
   ========================================================= */

.single-khc_service{
  --svc-navy:#12364f;
  --svc-navy-2:#0d4d66;
  --svc-blue:#079bd3;
  --svc-red:#ef3340;
  --svc-text:#173e59;
  --svc-muted:#718b9a;
  --svc-ice:#eef7fb;
  --svc-ice-2:#e5f3f8;
  --svc-border:#d9e7ed;
}

/* ---------- BASE ---------- */
.single-khc_service .khc-service-hero,
.single-khc_service .khc-service-intro,
.single-khc_service .khc-service-includes,
.single-khc_service .khc-service-benefits,
.single-khc_service .khc-service-steps,
.single-khc_service .khc-service-faq,
.single-khc_service .khc-related-section,
.single-khc_service .khc-final-cta{
  font-family:Inter,Arial,sans-serif!important;
}

.single-khc_service .khc-service-hero *,
.single-khc_service .khc-service-intro *,
.single-khc_service .khc-service-includes *,
.single-khc_service .khc-service-benefits *,
.single-khc_service .khc-service-steps *,
.single-khc_service .khc-service-faq *,
.single-khc_service .khc-related-section *,
.single-khc_service .khc-final-cta *{
  box-sizing:border-box;
}

.single-khc_service .khc-container{
  width:min(calc(100% - 48px),1120px)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

.single-khc_service .khc-service-hero h1,
.single-khc_service .khc-service-intro h2,
.single-khc_service .khc-service-benefits h2,
.single-khc_service .khc-service-steps h2,
.single-khc_service .khc-service-faq h2,
.single-khc_service .khc-related-heading h2,
.single-khc_service .khc-final-cta h2{
  font-family:Manrope,Arial,sans-serif!important;
  font-weight:800!important;
  letter-spacing:-.035em!important;
}

/* ---------- HERO ---------- */
.single-khc_service .khc-service-hero{
  background:linear-gradient(108deg,#12364f 0%,#103f58 52%,#0d5369 100%)!important;
  color:#fff!important;
  padding:43px 0 47px!important;
}

.single-khc_service .khc-service-breadcrumb{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  margin:0 0 17px!important;
  color:#9fb6c2!important;
  font-family:Inter,Arial,sans-serif!important;
  font-size:11px!important;
  font-weight:400!important;
  line-height:1.45!important;
}

.single-khc_service .khc-service-breadcrumb a{
  color:#9fb6c2!important;
  text-decoration:none!important;
}

.single-khc_service .khc-service-breadcrumb span:last-child{
  color:#c0d0d7!important;
}

.single-khc_service .khc-service-hero .khc-eyebrow,
.single-khc_service .khc-service-intro-copy .khc-eyebrow,
.single-khc_service .khc-service-benefits .khc-eyebrow,
.single-khc_service .khc-service-steps .khc-eyebrow{
  display:block!important;
  margin:0 0 10px!important;
  color:var(--svc-blue)!important;
  font-family:Inter,Arial,sans-serif!important;
  font-size:10px!important;
  font-weight:800!important;
  letter-spacing:.20em!important;
  line-height:1.25!important;
}

.single-khc_service .khc-service-hero .khc-eyebrow{
  color:#55c5ed!important;
}

.single-khc_service .khc-service-hero h1{
  margin:0 0 10px!important;
  max-width:850px!important;
  color:#fff!important;
  font-size:clamp(42px,4.25vw,50px)!important;
  font-weight:800!important;
  line-height:1.04!important;
}

.single-khc_service .khc-service-hero p{
  max-width:720px!important;
  margin:0!important;
  color:#d4e1e7!important;
  font-family:Inter,Arial,sans-serif!important;
  font-size:15px!important;
  font-weight:400!important;
  line-height:1.55!important;
}

/* ---------- INTRO ---------- */
.single-khc_service .khc-service-intro{
  background:#fff!important;
  padding:72px 0 68px!important;
}

.single-khc_service .khc-service-intro-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  align-items:center!important;
  gap:52px!important;
}

.single-khc_service .khc-service-main-image{
  width:100%!important;
  aspect-ratio:4/3!important;
  overflow:hidden!important;
  border-radius:10px!important;
  background:#e7f4f8!important;
  box-shadow:0 12px 30px rgba(18,56,78,.12)!important;
}

.single-khc_service .khc-service-main-image img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}

.single-khc_service .khc-service-intro-copy h2{
  margin:0 0 12px!important;
  color:var(--svc-text)!important;
  font-size:clamp(32px,3.15vw,43px)!important;
  font-weight:800!important;
  line-height:1.08!important;
}

.single-khc_service .khc-service-intro-copy p{
  max-width:650px!important;
  margin:0!important;
  color:var(--svc-muted)!important;
  font-family:Inter,Arial,sans-serif!important;
  font-size:15px!important;
  font-weight:400!important;
  line-height:1.62!important;
}

.single-khc_service .khc-actions{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  margin-top:20px!important;
}

.single-khc_service .khc-actions .khc-btn{
  min-height:40px!important;
  padding:10px 17px!important;
  font-family:Inter,Arial,sans-serif!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:1.2!important;
}

/* ---------- INCLUDES / WHO MAY BENEFIT ---------- */
.single-khc_service .khc-service-includes{
  background:var(--svc-ice-2)!important;
  padding:39px 0 42px!important;
}

.single-khc_service .khc-service-includes-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:70px!important;
  align-items:start!important;
}

.single-khc_service .khc-service-info-column h3{
  margin:0 0 14px!important;
  color:var(--svc-text)!important;
  font-family:Inter,Arial,sans-serif!important;
  font-size:16px!important;
  font-weight:700!important;
  line-height:1.3!important;
}

.single-khc_service .khc-service-list{
  display:flex!important;
  flex-direction:column!important;
  gap:9px!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
}

.single-khc_service .khc-service-list li{
  display:flex!important;
  align-items:flex-start!important;
  gap:9px!important;
  margin:0!important;
  padding:0!important;
  color:var(--svc-text)!important;
  font-family:Inter,Arial,sans-serif!important;
  font-size:13px!important;
  font-weight:400!important;
  line-height:1.5!important;
}

.single-khc_service .khc-service-list li>span:last-child{
  flex:1 1 auto!important;
}

.single-khc_service .khc-list-icon{
  flex:0 0 15px!important;
  width:15px!important;
  height:15px!important;
  margin-top:2px!important;
  color:var(--svc-blue)!important;
}

.single-khc_service .khc-list-red li .khc-list-icon,
.single-khc_service .khc-list-red li i{
  color:var(--svc-red)!important;
}

.single-khc_service .khc-service-list .khc-list-icon svg{
  display:block!important;
  width:15px!important;
  height:15px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
}

/* ---------- KEY BENEFITS ---------- */
.single-khc_service .khc-service-benefits{
  background:#fff!important;
  padding:54px 0 57px!important;
}

.single-khc_service .khc-service-benefits .khc-section-heading{
  max-width:900px!important;
  margin:0 auto 29px!important;
  text-align:center!important;
}

.single-khc_service .khc-service-benefits h2{
  margin:0!important;
  color:var(--svc-text)!important;
  font-size:clamp(32px,3.2vw,42px)!important;
  font-weight:800!important;
  line-height:1.08!important;
}

.single-khc_service .khc-service-benefit-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:13px!important;
  margin:0!important;
}

.single-khc_service .khc-service-benefit-card{
  min-width:0!important;
  min-height:132px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  padding:20px 16px!important;
  background:#fff!important;
  border:1px solid var(--svc-border)!important;
  border-radius:8px!important;
  text-align:center!important;
  box-shadow:none!important;
}

.single-khc_service .khc-service-benefit-card .khc-card-icon{
  width:32px!important;
  height:32px!important;
  min-width:32px!important;
  min-height:32px!important;
  margin:0 auto 13px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:8px!important;
  background:#eaf7fc!important;
  color:var(--svc-blue)!important;
}

.single-khc_service .khc-service-benefit-card .khc-card-icon svg{
  display:block!important;
  width:16px!important;
  height:16px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
}

.single-khc_service .khc-service-benefit-card p{
  width:100%!important;
  max-width:235px!important;
  margin:0!important;
  color:var(--svc-text)!important;
  font-family:Inter,Arial,sans-serif!important;
  font-size:13px!important;
  font-weight:600!important;
  line-height:1.45!important;
}

/* ---------- HOW CARE WORKS ---------- */
.single-khc_service .khc-service-steps{
  background:var(--svc-ice)!important;
  padding:58px 0 61px!important;
}

.single-khc_service .khc-service-steps .khc-section-heading{
  max-width:800px!important;
  margin:0 auto 31px!important;
  text-align:center!important;
}

.single-khc_service .khc-service-steps h2{
  margin:0 0 10px!important;
  color:var(--svc-text)!important;
  font-size:clamp(32px,3.2vw,42px)!important;
  font-weight:800!important;
  line-height:1.08!important;
}

.single-khc_service .khc-service-steps .khc-section-heading>p{
  margin:0!important;
  color:var(--svc-muted)!important;
  font-family:Inter,Arial,sans-serif!important;
  font-size:14px!important;
  font-weight:400!important;
  line-height:1.55!important;
}

.single-khc_service .khc-service-steps-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:13px!important;
  margin:0!important;
}

.single-khc_service .khc-step{
  min-width:0!important;
  min-height:142px!important;
  padding:17px 16px!important;
  background:#fff!important;
  border:1px solid var(--svc-border)!important;
  border-radius:8px!important;
  box-shadow:none!important;
}

.single-khc_service .khc-step-num{
  margin:0 0 8px!important;
  color:#b4e3f2!important;
  font-family:Manrope,Arial,sans-serif!important;
  font-size:20px!important;
  font-weight:800!important;
  line-height:1!important;
}

.single-khc_service .khc-step h3{
  margin:0 0 7px!important;
  color:var(--svc-text)!important;
  font-family:Inter,Arial,sans-serif!important;
  font-size:13px!important;
  font-weight:700!important;
  line-height:1.3!important;
}

.single-khc_service .khc-step p{
  margin:0!important;
  color:var(--svc-muted)!important;
  font-family:Inter,Arial,sans-serif!important;
  font-size:12px!important;
  font-weight:400!important;
  line-height:1.55!important;
}

/* ---------- FAQ ---------- */
.single-khc_service .khc-service-faq{
  background:#fff!important;
  padding:56px 0 59px!important;
}

.single-khc_service .khc-service-faq .khc-inline-icon{
  width:32px!important;
  height:32px!important;
  margin:0 auto 13px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:8px!important;
  background:#eaf7fc!important;
  color:var(--svc-blue)!important;
}

.single-khc_service .khc-service-faq .khc-inline-icon svg{
  display:block!important;
  width:16px!important;
  height:16px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
}

.single-khc_service .khc-service-faq .khc-inline-icon i{
  color:var(--svc-blue)!important;
  font-size:15px!important;
}

.single-khc_service .khc-service-faq .khc-section-heading{
  max-width:850px!important;
  margin:0 auto 28px!important;
  text-align:center!important;
}

.single-khc_service .khc-service-faq h2{
  margin:0!important;
  color:var(--svc-text)!important;
  font-size:clamp(32px,3.2vw,42px)!important;
  font-weight:800!important;
  line-height:1.08!important;
}

.single-khc_service .khc-faq-service{
  width:min(100%,650px)!important;
  margin:0 auto!important;
}

.single-khc_service .khc-faq-service details{
  margin:0 0 8px!important;
  padding:0!important;
  background:#fff!important;
  border:1px solid var(--svc-border)!important;
  border-radius:7px!important;
  overflow:hidden!important;
}

.single-khc_service .khc-faq-service summary{
  min-height:46px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:15px!important;
  padding:12px 16px!important;
  color:var(--svc-text)!important;
  font-family:Inter,Arial,sans-serif!important;
  font-size:13px!important;
  font-weight:600!important;
  line-height:1.4!important;
  list-style:none!important;
  cursor:pointer!important;
}

.single-khc_service .khc-faq-service summary::-webkit-details-marker{
  display:none!important;
}

.single-khc_service .khc-faq-chevron{
  flex:0 0 auto!important;
  color:var(--svc-blue)!important;
}

.single-khc_service .khc-faq-chevron svg{
  display:block!important;
  width:13px!important;
  height:13px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:2!important;
  transition:transform .2s ease!important;
}

.single-khc_service .khc-faq-service details[open] .khc-faq-chevron svg{
  transform:rotate(180deg)!important;
}

.single-khc_service .khc-faq-service details p{
  margin:0!important;
  padding:0 16px 15px!important;
  color:var(--svc-muted)!important;
  font-family:Inter,Arial,sans-serif!important;
  font-size:13px!important;
  font-weight:400!important;
  line-height:1.6!important;
}

/* ---------- RELATED SERVICES ---------- */
.single-khc_service .khc-related-section{
  background:var(--svc-ice-2)!important;
  padding:48px 0 50px!important;
}

.single-khc_service .khc-related-heading{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:20px!important;
  margin:0 0 18px!important;
}

.single-khc_service .khc-related-heading h2{
  margin:0!important;
  color:var(--svc-text)!important;
  font-size:26px!important;
  font-weight:800!important;
  line-height:1.1!important;
}

.single-khc_service .khc-more{
  color:var(--svc-blue)!important;
  font-family:Inter,Arial,sans-serif!important;
  font-size:11px!important;
  font-weight:800!important;
  text-decoration:none!important;
}

.single-khc_service .khc-related-service-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:13px!important;
}

.single-khc_service .khc-related-card{
  min-width:0!important;
  min-height:64px!important;
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:11px!important;
  padding:8px 12px!important;
  background:#fff!important;
  border:1px solid var(--svc-border)!important;
  border-radius:8px!important;
  text-decoration:none!important;
}

.single-khc_service .khc-related-card img,
.single-khc_service .khc-related-thumb{
  width:44px!important;
  height:44px!important;
  border-radius:6px!important;
  object-fit:cover!important;
  overflow:hidden!important;
}

.single-khc_service .khc-related-thumb{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#eaf7fc!important;
  color:var(--svc-blue)!important;
}

.single-khc_service .khc-related-text{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:3px!important;
}

.single-khc_service .khc-related-text strong{
  overflow:hidden!important;
  color:var(--svc-text)!important;
  font-family:Inter,Arial,sans-serif!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:1.25!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

.single-khc_service .khc-related-text small{
  color:var(--svc-muted)!important;
  font-family:Inter,Arial,sans-serif!important;
  font-size:10px!important;
  font-weight:400!important;
  line-height:1.25!important;
}

.single-khc_service .khc-related-arrow{
  color:var(--svc-blue)!important;
  font-size:16px!important;
  line-height:1!important;
}

/* ---------- FINAL CTA ---------- */
.single-khc_service .khc-final-cta{
  background:var(--svc-ice)!important;
  padding:51px 0 64px!important;
}

.single-khc_service .khc-final-cta .khc-cta{
  width:min(100%,1000px)!important;
  margin:0 auto!important;
  padding:43px 35px!important;
  background:linear-gradient(112deg,#102f49 0%,#0d4d66 100%)!important;
  border-radius:9px!important;
  text-align:center!important;
  box-shadow:0 14px 32px rgba(18,56,78,.10)!important;
}

.single-khc_service .khc-final-cta .khc-cta h2{
  margin:0 0 10px!important;
  color:#fff!important;
  font-size:clamp(28px,3vw,38px)!important;
  font-weight:800!important;
  line-height:1.1!important;
}

.single-khc_service .khc-final-cta .khc-cta p{
  max-width:650px!important;
  margin:0 auto!important;
  color:#d2e0e7!important;
  font-family:Inter,Arial,sans-serif!important;
  font-size:14px!important;
  font-weight:400!important;
  line-height:1.55!important;
}

.single-khc_service .khc-final-cta .khc-actions{
  margin-top:20px!important;
}

.single-khc_service .khc-final-cta .khc-btn{
  min-height:40px!important;
  padding:10px 17px!important;
  font-family:Inter,Arial,sans-serif!important;
  font-size:12px!important;
  font-weight:700!important;
}

/* ---------- PROTECT ICONS ---------- */
.single-khc_service .khc-service-benefit-card svg,
.single-khc_service .khc-inline-icon svg,
.single-khc_service .khc-list-icon svg,
.single-khc_service .khc-faq-chevron svg{
  opacity:1!important;
  visibility:visible!important;
}

/* ---------- TABLET ---------- */
@media (max-width:900px){
  .single-khc_service .khc-container{
    width:min(calc(100% - 40px),760px)!important;
  }

  .single-khc_service .khc-service-intro-grid{
    grid-template-columns:1fr 1fr!important;
    gap:32px!important;
  }

  .single-khc_service .khc-service-includes-grid{
    gap:38px!important;
  }

  .single-khc_service .khc-service-benefit-grid,
  .single-khc_service .khc-service-steps-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  .single-khc_service .khc-related-service-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  .single-khc_service .khc-service-intro-copy h2{
    font-size:34px!important;
  }

  .single-khc_service .khc-service-intro-copy p,
  .single-khc_service .khc-service-hero p{
    font-size:14px!important;
  }
}

/* ---------- MOBILE ---------- */
@media (max-width:600px){
  .single-khc_service .khc-container{
    width:min(calc(100% - 32px),520px)!important;
  }

  .single-khc_service .khc-service-hero{
    padding:34px 0 39px!important;
  }

  .single-khc_service .khc-service-breadcrumb{
    margin-bottom:13px!important;
    font-size:10px!important;
  }

  .single-khc_service .khc-service-hero .khc-eyebrow,
  .single-khc_service .khc-service-intro-copy .khc-eyebrow,
  .single-khc_service .khc-service-benefits .khc-eyebrow,
  .single-khc_service .khc-service-steps .khc-eyebrow{
    font-size:9px!important;
  }

  .single-khc_service .khc-service-hero h1{
    font-size:clamp(34px,9vw,44px)!important;
    line-height:1.05!important;
  }

  .single-khc_service .khc-service-hero p{
    font-size:14px!important;
    line-height:1.55!important;
  }

  .single-khc_service .khc-service-intro{
    padding:48px 0 51px!important;
  }

  .single-khc_service .khc-service-intro-grid{
    grid-template-columns:1fr!important;
    gap:30px!important;
  }

  .single-khc_service .khc-service-intro-copy h2{
    font-size:31px!important;
  }

  .single-khc_service .khc-service-intro-copy p{
    font-size:14px!important;
  }

  .single-khc_service .khc-service-includes{
    padding:39px 0 36px!important;
  }

  .single-khc_service .khc-service-includes-grid{
    grid-template-columns:1fr!important;
    gap:28px!important;
  }

  .single-khc_service .khc-service-info-column h3{
    font-size:16px!important;
  }

  .single-khc_service .khc-service-list li{
    font-size:13px!important;
  }

  .single-khc_service .khc-service-benefits{
    padding:48px 0 50px!important;
  }

  .single-khc_service .khc-service-benefits h2,
  .single-khc_service .khc-service-steps h2,
  .single-khc_service .khc-service-faq h2{
    font-size:31px!important;
  }

  .single-khc_service .khc-service-benefit-grid,
  .single-khc_service .khc-service-steps-grid{
    grid-template-columns:1fr!important;
  }

  .single-khc_service .khc-service-benefit-card{
    min-height:112px!important;
  }

  .single-khc_service .khc-service-benefit-card p{
    font-size:13px!important;
  }

  .single-khc_service .khc-service-steps{
    padding:49px 0 51px!important;
  }

  .single-khc_service .khc-service-steps .khc-section-heading>p{
    font-size:13px!important;
  }

  .single-khc_service .khc-step{
    min-height:120px!important;
  }

  .single-khc_service .khc-step h3{
    font-size:13px!important;
  }

  .single-khc_service .khc-step p{
    font-size:12px!important;
  }

  .single-khc_service .khc-service-faq{
    padding:48px 0 50px!important;
  }

  .single-khc_service .khc-faq-service{
    width:100%!important;
  }

  .single-khc_service .khc-faq-service summary{
    font-size:13px!important;
  }

  .single-khc_service .khc-faq-service details p{
    font-size:13px!important;
  }

  .single-khc_service .khc-related-section{
    padding:42px 0 44px!important;
  }

  .single-khc_service .khc-related-service-grid{
    grid-template-columns:1fr!important;
  }

  .single-khc_service .khc-related-text strong{
    font-size:12px!important;
  }

  .single-khc_service .khc-related-text small{
    font-size:10px!important;
  }

  .single-khc_service .khc-final-cta{
    padding:40px 0 50px!important;
  }

  .single-khc_service .khc-final-cta .khc-cta{
    padding:35px 20px!important;
  }

  .single-khc_service .khc-final-cta .khc-cta h2{
    font-size:28px!important;
  }

  .single-khc_service .khc-final-cta .khc-cta p{
    font-size:13px!important;
  }

  .single-khc_service .khc-actions{
    gap:8px!important;
  }
}

@media (max-width:420px){
  .single-khc_service .khc-actions .khc-btn{
    width:auto!important;
    font-size:11px!important;
    padding:10px 13px!important;
  }

  .single-khc_service .khc-related-heading h2{
    font-size:22px!important;
  }
}