/* Scroll wide text diagrams inside their own block, without clipping page content. */
.service-page .article-content pre {
  max-width: 100%;
  min-width: 0;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f2f6f3;
  font-size: 14px;
  line-height: 1.7;
}
.service-page .article-content pre code { white-space: pre; overflow-wrap: normal; }

.service-page .service-doctors-grid[data-doctor-count="1"] { grid-template-columns: minmax(0, 1fr); }
.service-page .service-doctors-grid[data-doctor-count="1"] .service-doctor-card {
  display: grid;
  grid-template-columns: minmax(240px, .7fr) minmax(0, 1fr);
}
.service-page .service-doctors-grid[data-doctor-count="1"] .service-doctor-photo { aspect-ratio: auto; min-height: 280px; }
.service-page .service-doctors-grid[data-doctor-count="2"] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.service-page .service-doctors-grid[data-doctor-count="2"] .service-doctor-photo { height: clamp(240px, 26vw, 340px); aspect-ratio: auto; }
.service-page .service-doctor-photo { width: 100%; text-decoration: none; }
.service-page .service-doctor-photo img { position: absolute; inset: 0; }
.service-page .service-doctor-photo--placeholder { display: grid; place-items: center; background: #e6eeea; }
.service-page .service-doctor-initials {
  display: grid; place-items: center; width: 104px; height: 104px;
  border-radius: 50%; background: #103f36; color: #fff;
  font-size: 32px; font-weight: 750; line-height: 1;
}
.team-teaser .team-teaser-initials {
  display: grid; place-items: center; width: 100%; height: 100%;
  color: #103f36; font-size: 20px; font-weight: 750;
}
@media (max-width: 680px) {
  .service-page .service-doctors-grid[data-doctor-count] { grid-template-columns: minmax(0, 1fr); }
  .service-page .service-doctors-grid[data-doctor-count="1"] .service-doctor-card { display: block; }
  .service-page .service-doctors-grid[data-doctor-count="1"] .service-doctor-photo { min-height: 0; aspect-ratio: 1.35; }
  .team-teaser .team-teaser-avatars { grid-template-columns: repeat(4, minmax(0, 1fr)); grid-auto-rows: 64px; gap: 12px 8px; }
  .team-teaser .team-teaser-avatar { --honey-x: 0px; --honey-y: 0px; width: 56px; height: 56px; }
}