/* ==========================================================
   DREAMSPIRE CARE — READABILITY FIX
   Keeps the current minimal design, fixes contrast + sizing
   ========================================================== */

/* HERO — slightly more compact so it doesn't feel overwhelming */
#ds-care-minimal .ds-care-hero h1{
  font-size:clamp(48px,5.2vw,70px) !important;
  line-height:.96 !important;
}

#ds-care-minimal .ds-care-intro{
  font-size:16px !important;
  line-height:1.6 !important;
  color:#4F5D70 !important;
}


/* ==========================================================
   TOPIC CARD
   ========================================================== */

#ds-care-minimal .ds-care-topic{
  grid-template-columns:minmax(0,36%) minmax(0,64%) !important;

  min-height:360px !important;

  background:#FFFDF9 !important;

  border:1px solid rgba(31,51,81,.09) !important;

  box-shadow:
    0 16px 44px rgba(31,51,81,.06) !important;
}


/* LEFT NAVY PANEL — FORCE REAL CONTRAST */
#ds-care-minimal .ds-care-topic-title{
  background:#1F3351 !important;

  padding:
    clamp(34px,4vw,52px) !important;
}


/* IMPORTANT:
   old CSS is overriding these colors,
   so force every item in the navy panel */
#ds-care-minimal .ds-care-topic-title,
#ds-care-minimal .ds-care-topic-title h2,
#ds-care-minimal .ds-care-topic-title p{
  color:#FFFFFF !important;
  opacity:1 !important;
  filter:none !important;
}


#ds-care-minimal .ds-care-topic-title .ds-care-number{
  color:#E2C98F !important;

  font-size:11px !important;
  font-weight:700 !important;

  letter-spacing:.18em !important;

  margin-bottom:18px !important;
}


#ds-care-minimal .ds-care-topic-title h2{
  font-size:clamp(38px,4vw,52px) !important;

  line-height:1 !important;

  margin-bottom:15px !important;
}


#ds-care-minimal .ds-care-topic-title > p:last-child{
  max-width:31ch !important;

  color:rgba(255,255,255,.82) !important;

  font-size:15px !important;
  line-height:1.6 !important;

  margin-top:0 !important;
}


/* ==========================================================
   RIGHT CONTENT
   ========================================================== */

#ds-care-minimal .ds-care-topic-content{
  padding:
    clamp(34px,4vw,52px) !important;

  background:#FFFDF9 !important;
}


#ds-care-minimal .ds-care-points{
  gap:22px !important;
}


#ds-care-minimal .ds-care-point{
  grid-template-columns:38px minmax(0,1fr) !important;

  gap:15px !important;
}


#ds-care-minimal .ds-care-check{
  width:36px !important;
  height:36px !important;

  background:#F2E9D8 !important;
  color:#8D713E !important;

  font-size:15px !important;
}


#ds-care-minimal .ds-care-point strong{
  color:#1F3351 !important;

  font-size:15px !important;
  font-weight:700 !important;

  line-height:1.3 !important;

  margin:0 0 5px !important;
}


#ds-care-minimal .ds-care-point p{
  max-width:54ch !important;

  color:#526073 !important;

  font-size:14px !important;
  line-height:1.6 !important;

  opacity:1 !important;
}


/* ==========================================================
   DREAMKIT ITEMS
   ========================================================== */

#ds-care-minimal .ds-care-kit-grid{
  gap:12px !important;
}


#ds-care-minimal .ds-care-kit-item{
  min-height:62px !important;

  padding:0 18px !important;

  background:#F7F3EC !important;

  color:#1F3351 !important;

  font-size:14px !important;
  font-weight:650 !important;

  border:1px solid rgba(31,51,81,.10) !important;
}


#ds-care-minimal .ds-care-kit-item span{
  color:#9B814C !important;
  font-size:16px !important;
}


/* ==========================================================
   TABS
   ========================================================== */

#ds-care-minimal .ds-care-tab{
  min-height:46px !important;

  padding:0 20px !important;

  color:#1F3351 !important;

  font-size:12px !important;
  font-weight:700 !important;

  background:#FFFDF9 !important;
}


#ds-care-minimal .ds-care-tab.is-active{
  background:#1F3351 !important;
  color:#FFFFFF !important;
}


/* ==========================================================
   QUICK ANSWERS
   ========================================================== */

#ds-care-minimal .ds-care-quick-head h3{
  color:#1F3351 !important;

  font-size:30px !important;
  line-height:1.08 !important;
}


#ds-care-minimal .ds-care-quick-label{
  color:#9B814C !important;

  font-size:10px !important;
  font-weight:700 !important;
}


#ds-care-minimal .ds-care-faq strong{
  color:#1F3351 !important;

  font-size:14px !important;
}


#ds-care-minimal .ds-care-faq p{
  color:#566477 !important;

  font-size:13px !important;
  line-height:1.65 !important;
}


/* small disclaimer */
#ds-care-minimal .ds-care-note{
  color:#7B8089 !important;

  font-size:11px !important;
  line-height:1.55 !important;
}


/* ==========================================================
   LAPTOP
   ========================================================== */

@media(max-width:1100px){

  #ds-care-minimal .ds-care-topic{
    grid-template-columns:40% 60% !important;
  }

  #ds-care-minimal .ds-care-topic-title{
    padding:34px !important;
  }

  #ds-care-minimal .ds-care-topic-content{
    padding:34px !important;
  }
}


/* ==========================================================
   MOBILE / IPHONE
   ========================================================== */

@media(max-width:760px){

  #ds-care-minimal .ds-care-hero h1{
    font-size:44px !important;
  }

  #ds-care-minimal .ds-care-intro{
    font-size:14px !important;
  }

  #ds-care-minimal .ds-care-topic{
    display:block !important;

    min-height:0 !important;
  }

  #ds-care-minimal .ds-care-topic-title{
    padding:28px 23px !important;
  }

  #ds-care-minimal .ds-care-topic-title h2{
    font-size:38px !important;
  }

  #ds-care-minimal .ds-care-topic-title > p:last-child{
    max-width:none !important;

    font-size:14px !important;
  }

  #ds-care-minimal .ds-care-topic-content{
    padding:27px 22px !important;
  }

  #ds-care-minimal .ds-care-point strong{
    font-size:14px !important;
  }

  #ds-care-minimal .ds-care-point p{
    font-size:13px !important;
  }

  #ds-care-minimal .ds-care-tabs{
    grid-template-columns:1fr 1fr !important;
  }

  #ds-care-minimal .ds-care-tab{
    min-height:44px !important;

    padding:0 8px !important;

    font-size:11px !important;
  }

  #ds-care-minimal .ds-care-quick-head h3{
    font-size:25px !important;
  }
}