/* ==========================================================================
   KOBIL — Industries/Healthcare — Section: Overview
   ("A Healthy Foundation: Security, Compliance, and Trust.")
   Liegt auf der weißen page-surface (1360px): Inhalt 1280px zentriert
   (40px Inset). Figma: Main Contetnt startet 80px unter Surface-Oberkante,
   overview y=0…192, Case-Study-Band folgt bei y=312 → 120px Abstand.
   Links H2 (576px, Accents inline blau, manueller Umbruch nach "A Healthy"),
   rechts Body M (488px), Gap 91px.
   Keine Wellen-Vektoren im Overview-Band (erster Vector ab y≈474).
   ========================================================================== */

.sec-healthcare-overview {
  width: 100%;
  padding: 80px 40px 120px;
}

.sec-healthcare-overview__inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  max-width: 1280px;
  margin: 0 auto;
}

/* ---- Eyebrow (Figma Tagline/desktop: 12px Dot, Gap 10, Tracking 0.48) ---- */

.sec-healthcare-overview__eyebrow {
  gap: 10px;
  color: var(--navy-70);
  letter-spacing: 0.48px;
  line-height: 18px;
}

.sec-healthcare-overview__eyebrow::before {
  width: 12px;
  height: 12px;
}

/* ---- Zwei Spalten: H2 links (576px), Copy rechts (488px), Gap 91px ---- */

.sec-healthcare-overview__columns {
  display: flex;
  align-items: flex-start;
  gap: 91px;
  width: 100%;
}

.sec-healthcare-overview__title {
  flex: 0 1 576px;
  max-width: 576px;
  font-family: var(--font-sans);
  font-size: 40px;
  font-weight: 700;
  line-height: 50px;
  color: var(--navy);
}

.sec-healthcare-overview__title-accent {
  color: var(--blue);
}

.sec-healthcare-overview__body {
  flex: 0 1 488px;
  max-width: 488px;
  font-family: var(--font-sans);
  font-size: 16px;
  font-weight: 400;
  line-height: 23px;
  color: var(--navy-80);
}

/* ==========================================================================
   Responsive
   ========================================================================== */

@media (max-width: 1024px) {
  .sec-healthcare-overview {
    padding: 64px 40px 88px;
  }

  .sec-healthcare-overview__columns {
    flex-direction: column;
    align-items: stretch;
    gap: 32px;
  }

  .sec-healthcare-overview__title,
  .sec-healthcare-overview__body {
    flex: 0 0 auto;
    width: 100%;
    max-width: 604px;
  }
}

@media (max-width: 768px) {
  .sec-healthcare-overview {
    padding: 48px 24px 64px;
  }

  .sec-healthcare-overview__title {
    font-size: 32px;
    line-height: 40px;
  }
}

@media (max-width: 480px) {
  .sec-healthcare-overview {
    padding: 40px 20px 56px;
  }

  .sec-healthcare-overview__inner {
    gap: 20px;
  }

  .sec-healthcare-overview__columns {
    gap: 24px;
  }

  .sec-healthcare-overview__title {
    font-size: 28px;
    line-height: 36px;
  }
}