/* Hero Dokter — version 20261014-2 */
.doctor-photo { position: relative; }
.doctor-photo .hero-card.doctor-card {
  position: absolute;
  z-index: 2;
  left: 18px;
  right: 18px;
  bottom: 18px;
  max-width: 300px;
  padding: 18px 20px;
  border: 1px solid rgba(255,255,255,.8);
  border-radius: 18px;
  background: rgba(255,255,255,.88);
  box-shadow: 0 20px 50px rgba(44,31,18,.14);
  backdrop-filter: blur(16px);
  overflow-wrap: anywhere;
}
.doctor-photo .doctor-card[hidden] { display: none !important; }
.doctor-card b { display: block; font-family: Georgia,serif; font-size: 21px; margin-bottom: 5px; }
.doctor-card small { color: var(--muted); white-space: pre-line; }
.doctor-card-fields { margin-top: 18px; padding-top: 18px; border-top: 1px solid var(--line); }
@media (max-width: 640px) {
  .doctor-photo .hero-card.doctor-card { left: 12px; right: 12px; bottom: 12px; max-width: none; padding: 16px; }
  .doctor-card b { font-size: clamp(18px,5.5vw,21px); }
}