.doctors-page .eosMedicalHero { column-gap: 3rem; }
.doctors-page .eosMedicalHero h1 { font-size: clamp(2.7rem, 4.7vw, 4.3rem); }
.doctors-page .eosMedicalHero h1 em { color: var(--eos-navy); }
.doctors-page .eosMedicalSubtitle { font-family: "EOS Serif"; font-size: 1.55rem; line-height: 1.4; color: var(--eos-navy); }
.doctors-page .eosTeamPortraits { grid-template-columns: repeat(2, minmax(0, 1fr)); align-self: center; }
.doctors-page .eosTeamPortraits > a { display: block; overflow: hidden; border: 1px solid var(--colour-border-gray); border-radius: 4px; background: white; text-decoration: none; }
.doctors-page .eosTeamPortraits .eosReferencePhoto { aspect-ratio: 164 / 151; }
.doctors-page .eosTeamPortraits span { display: block; padding: 0.65rem 0.75rem; font-family: "EOS Serif"; font-size: 0.95rem; color: var(--eos-navy); }
.doctors-page .eosMedicalGroup + .eosMedicalGroup { border-top: 1px solid #e4e2df; }
.doctors-page .eosMedicalGroup .eosSectionHeading { max-width: 55rem; }
.doctors-page .eosMedicalGrid { align-items: stretch; }
.doctors-page .eosMedicalProfile { padding: 1.5rem; border: 1px solid var(--colour-border-gray); border-radius: 4px; background: white; align-content: start; min-width: 0; }
.doctors-page .eosMedicalProfileHead { align-items: center; }
.doctors-page .eosMedicalProfile h3 { font-size: 1.45rem; }
.doctors-page .eosMedicalAvatar { display: grid; place-items: center; width: 6rem; height: 6rem; flex-shrink: 0; border-radius: 50%; overflow: hidden; background: #f3efec; }
.doctors-page .eosMedicalAvatar .eosReferencePhoto { width: 100%; height: 100%; }
.doctors-page .eosMedicalAvatar > span { font-family: "EOS Serif"; font-size: 2rem; color: var(--eos-gold); }
.doctors-page .eosMedicalSpecialty { color: #666666; font-size: 0.88rem; line-height: 1.5; }
.doctors-page .eosMedicalBiography { font-size: 0.98rem; line-height: 1.75; }
.doctors-page .eosMedicalHighlights { font-size: 0.85rem; line-height: 1.6; }
.doctors-page .eosMedicalServices:empty { display: none; }
.doctors-page .eosMedicalServices a { font-size: 0.78rem; border-bottom: 1px solid #d7c2a2; text-decoration: none; }
.doctors-page .eosMedicalProfile > .eosTextLink { margin-top: 0.25rem; }
.doctors-page .eosClinicalGrid { gap: 1.25rem; }
.doctors-page .eosClinicalGrid .eosMedicalProfile { padding: 1.25rem; }
.doctors-page .eosClinicalGrid .eosMedicalProfileHead { flex-direction: column; align-items: start; }
.doctors-page .eosClinicalGrid h3 { font-size: 1.45rem; }
.doctors-page .eosClinicalGrid .eosMedicalAvatar { width: 4rem; height: 4rem; border-radius: 4px; }
.doctors-page .eosClinicalGrid .eosMedicalAvatar > span { font-size: 1.5rem; }
.doctors-page .eosClinicalGrid .eosMedicalBiography { font-size: 0.9rem; }
.doctors-page .eosMedicalApproach { border-top: 1px solid #e4e2df; }

.doctors-page .eosDoctorFilters button { display: inline-flex; padding: 0.45rem 0.8rem; min-height: 0; border: 1px solid #dfddda; border-radius: 2rem; font-family: inherit; font-size: 0.8rem; font-weight: 400; line-height: 1.5; background: transparent; color: var(--eos-navy); box-shadow: none; }
.doctors-page .eosDoctorFilters button:hover,
.doctors-page .eosDoctorFilters button[aria-pressed="true"] { color: white; background: var(--colour-brand-main); border-color: var(--colour-brand-main); }
.doctors-page .eosDoctorCount { font-size: 0.85rem; color: #666666; white-space: nowrap; }
.doctors-page .eosMedicalProfile[hidden] { display: none; }
.doctors-page .eosMedicalAvatar > img { width: 100%; height: 100%; object-fit: cover; }

@media (max-width: 499px) {
  .doctors-page .eosMedicalProfileHead { flex-direction: column; align-items: start; }
  .doctors-page .eosMedicalProfile { padding: 1.25rem; }
  .doctors-page .eosTeamPortraits { gap: 0.6rem; }
  .doctors-page .eosTeamPortraits span { padding: 0.6rem; font-size: 0.85rem; }
}