/* Homepage clinician carousel */
.home-clinician-slider{
  display:flex!important;
  gap:0!important;
  max-width:1120px;
  margin:0 auto;
  overflow:hidden;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  scrollbar-width:none;
  border-radius:26px;
}
.home-clinician-slider::-webkit-scrollbar{display:none}
.home-clinician-slider>.clinician-card{
  flex:0 0 100%;
  width:100%;
  min-width:100%;
  scroll-snap-align:start;
  margin:0;
}
.clinician-slider-controls{
  max-width:1120px;
  margin:18px auto 0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
}
.clinician-slider-arrow{
  width:44px;
  height:44px;
  border-radius:999px;
  border:1px solid rgba(31,74,91,.18);
  background:#fff;
  color:#173d4c;
  font-size:20px;
  line-height:1;
  cursor:pointer;
  box-shadow:0 10px 28px rgba(31,74,91,.08);
  transition:transform .18s ease,box-shadow .18s ease;
}
.clinician-slider-arrow:hover{transform:translateY(-1px);box-shadow:0 12px 30px rgba(31,74,91,.12)}
.clinician-slider-arrow:focus-visible{outline:2px solid #2d7893;outline-offset:3px}

/* 5-second segmented progress indicator */
.clinician-slider-dots{
  display:flex;
  gap:6px;
  align-items:center;
  width:min(170px,34vw);
}
.clinician-slider-dot{
  position:relative;
  display:block;
  flex:1 1 0;
  height:6px;
  min-width:22px;
  padding:0;
  overflow:hidden;
  border:0;
  border-radius:999px;
  background:rgba(31,74,91,.18);
  cursor:pointer;
}
.clinician-slider-dot::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:#173d4c;
  transform:scaleX(0);
  transform-origin:left center;
}
.clinician-slider-dot.is-complete::after{transform:scaleX(1)}
.clinician-slider-dot.is-active::after{
  animation:clinicianProgress var(--clinician-progress-duration,5s) linear forwards;
}
.clinician-slider-controls.is-paused .clinician-slider-dot.is-active::after{
  animation-play-state:paused;
}

.clinician-slider-controls.is-waiting .clinician-slider-dot.is-active::after{
  animation:none;
  transform:scaleX(0);
}
@keyframes clinicianProgress{from{transform:scaleX(0)}to{transform:scaleX(1)}}

@media(max-width:760px){
  .home-clinician-slider{border-radius:22px}
  .clinician-slider-controls{margin-top:14px;gap:11px}
  .clinician-slider-arrow{width:40px;height:40px}
  .clinician-slider-dots{width:min(145px,42vw);gap:5px}
  .clinician-slider-dot{height:5px;min-width:16px}
}
@media(prefers-reduced-motion:reduce){
  .clinician-slider-dot.is-active::after{animation:none;transform:scaleX(1)}
}