#doctors .doctors{display:block;column-count:1;column-gap:1rem;}
#doctors .doctor-card{break-inside:avoid;display:flex;gap:1.75rem;align-items:flex-start;border:1px solid #EEF2F7;background:#fff;border-radius:0.75rem;padding:1.25rem 1.75rem 2.25rem 1.75rem;margin:0 0 1rem 0;position:relative;}
#doctors .avatar{width:90px;height:90px;border-radius:50%;object-fit:cover;flex:0 0 auto;}
#doctors h4{margin:0 0 0.625rem 0;}
#doctors h4 small{font-weight:600;color:#475569;margin-left:0.375rem;}
#doctors .doc-tags{display:flex;flex-wrap:wrap;gap:0.5rem;margin:0.625rem 0;}
#doctors .doc-tags .chip{display:inline-block;padding:0.375rem 0.625rem;border:1px solid #e8edf3;border-radius:62.4375rem;font-size:0.75rem;line-height:1;background:#fff;color:#334155;}
#doctors .career-line{margin:0.25rem 0 0 0;color:#475569;font-size:0.8125rem;display:flex;align-items:baseline;}
#doctors .career-list{margin:0;padding:0;list-style:none;color:#334155;font-size:0.8125rem;line-height:1.6;padding-left:0;}
#doctors .career-list li+li{margin-top:0.25rem;}
#doctors .career-more{position:absolute;right:1rem;bottom:0.5rem;display:inline-flex;align-items:center;gap:0.375rem;appearance:none;background:none;border:0;color:#31527E;cursor:pointer;font-size:0.8125rem;padding:0.375rem 0.5rem;}
#doctors .career-more .chev{inline-size:10px;block-size:10px;border:2px solid currentColor;border-left:0;border-top:0;transform:rotate(45deg);transition:transform .25s ease;}
#doctors [data-career-btn][aria-expanded="true"] .chev{transform:rotate(225deg);}
#doctors .career-panel{max-height:0;overflow:hidden;opacity:0;transition:max-height .28s ease,opacity .22s ease;will-change:max-height;}
#doctors .career-panel.open{opacity:1;padding-top:0.375rem;}
#doctors .career-panel[hidden]{display:none!important;}
#doctors .career-list li{margin-left:0;}
#doctors .career-line--exp{margin:0 0 0.35rem 0;color:#0f172a;font-size:0.875rem;font-weight:600;}
#doctors .career-line--exp .career-line__text{display:inline-flex;align-items:center;gap:0.4rem;padding:0.35rem 0.85rem;border-radius:999px;background:linear-gradient(135deg,#f8fafc 0%,#eef2ff 100%);box-shadow:0 6px 14px rgba(15,23,42,0.08);color:#111827;}
#doctors .career-line--exp .career-line__text::before{content:"⏱";font-size:0.95rem;color:#4c1d95;}
#doctors .career-line,
#doctors .career-list li{display:flex;align-items:center;}
@media (max-width: 768px){.doctors{grid-template-columns:repeat(2,1fr);}}
@media (max-width: 600px){.doctors{grid-template-columns:1fr;}}
@media(min-width:900px){.doctors{grid-template-columns:1fr 1fr;}}
@media (min-width:900px){#doctors .doctors{column-count:2;column-gap:1rem;}}


/* v0.376: fix left gap before first chip (reset list indent & first-child margin) */
#doctors .doc-tags,
#doctors .doctor-card .doc-tags{
  margin-left: 0;
  padding-left: 0;
}
#doctors .doc-tags ul,
#doctors .doctor-card .doc-tags ul{
  margin: 0;
  padding: 0;
  list-style: none;
}
#doctors .doc-tags > *:first-child,
#doctors .doctor-card .doc-tags > *:first-child{
  margin-left: 0 !important;
  text-indent: 0;
}


/* v0.391: doctor chips wrapping & alignment fixes */
#doctors .doctor-card{ text-align:left; align-items:stretch; } /* override any global center alignment */
#doctors .doctor-card__body{ width:100%; flex:1 1 auto; min-width:0; }
#doctors .doc-tags{ display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:center; inline-size:100%; }
#doctors .doc-tags .chip{ display:inline-flex; align-items:center; }

/* v0.4xx: ensure long summaries wrap inside mobile cards */
#doctors .career-line{display:block; max-width:100%; }
#doctors .career-line__text{
  display:block;
  overflow-wrap:anywhere;
  word-break:break-word;
  hyphens:auto;
  max-width:100%;
}
#doctors .career-list li{
  display:block;
  overflow-wrap:anywhere;
  word-break:break-word;
  hyphens:auto;
  max-width:100%;
}

/* Favorite (heart) button styling for doctor cards — match hero icon-link */
#doctors .doctor-card .fav-btn{
  position:absolute;
  top:10px;
  right:10px;
  background:transparent;
  border:0;
  padding:0.35rem;
  border-radius:999px;
  cursor:pointer;
  line-height:0;
  color:#9aa3af;
  transition:color .18s ease, transform .12s ease;
}
#doctors .doctor-card .fav-btn .heart{
  width:24px;
  height:24px;
  fill:transparent;
  stroke:currentColor;
  stroke-width:1.8px;
  transition:fill .2s ease, stroke .2s ease, transform .2s ease;
}
#doctors .doctor-card .fav-btn .heart path{
  fill:transparent;
  stroke:currentColor;
  transition:inherit;
}
#doctors .doctor-card .fav-btn.active,
#doctors .doctor-card .fav-btn.is-fav{
  color:var(--brand-sub,#CE8892);
}
#doctors .doctor-card .fav-btn.active .heart,
#doctors .doctor-card .fav-btn.is-fav .heart{
  fill:currentColor;
}
#doctors .doctor-card .fav-btn.active .heart path,
#doctors .doctor-card .fav-btn.is-fav .heart path{
  fill:currentColor;
  stroke:currentColor;
}
#doctors .doctor-card .fav-btn.animate .heart{
  animation:heart-pop .45s ease;
}
@keyframes heart-pop{
  0%{transform:scale(.9);}
  50%{transform:scale(1.12);}
  100%{transform:scale(1);}
}