.MyDoctorsPage { color: #303e3e; text-align: right; padding: 4px 0 35px; }
.MyDoctorsPage .doctors-eyebrow { display: inline-block; color: #007575; font-size: 12px; }
.MyDoctorsPage .doctors-list-heading { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 26px; }
.MyDoctorsPage .doctors-list-heading h2 { margin: 6px 0 8px; font-size: 24px; font-weight: bold; line-height: 1.8; }
.MyDoctorsPage .doctors-list-heading p { font-size: 13px; color: #637171; margin: 0; line-height: 1.9; }
.MyDoctorsPage .doctors-count { display: inline-flex; align-items: center; gap: 8px; flex-shrink: 0; padding: 10px 16px; border-radius: 8px 18px; border: 1px solid #c4dedc; color: #006b6b; background: #f0f7f6; font-size: 12px; }
.MyDoctorsPage .doctors-count > .fa { font-size: 20px; }
.MyDoctorsPage .doctors-intro { padding: 20px; margin-bottom: 24px; border: 1px solid #dfdfdf; border-radius: 10px 30px; }
.MyDoctorsPage .doctors-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.MyDoctorsPage .doctor-card { border: 1px solid #d7e3e1; border-radius: 10px 30px; overflow: hidden; background: #fff; min-width: 0; }
.MyDoctorsPage .doctor-card-link { display: flex; flex-direction: column; height: 100%; color: inherit; }
.MyDoctorsPage .doctor-card-image { overflow: hidden; }
.MyDoctorsPage .doctor-card-image img { display: block; width: 100%; height: auto; }
.MyDoctorsPage .doctor-card-body { display: flex; flex: 1; flex-direction: column; padding: 22px; }
.MyDoctorsPage .doctor-card h3 { color: #005d5d; font-size: 18px; font-weight: bold; line-height: 1.9; margin: 0 0 10px; overflow-wrap: anywhere; }
.MyDoctorsPage .doctor-card p { margin: 0 0 20px; font-size: 13px; line-height: 1.9; color: #637171; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: anywhere; }
.MyDoctorsPage .doctor-card-action { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-top: 14px; border-top: 1px solid #e0eae8; margin-top: auto; color: #007575; font-size: 12px; }
.MyDoctorsPage .doctor-card-action > .fa { font-size: 20px; }
.MyDoctorsPage .doctor-card-link:hover .doctor-card-action { color: #004e4e; }
.MyDoctorsPage .doctor-card:focus-within { border-color: #008080; }
.MyDoctorsPage a:focus-visible { outline: 2px solid #008080 !important; outline-offset: -4px; }
.MyDoctorsPage .doctors-empty { grid-column: 1 / -1; text-align: center; padding: 35px 18px; border: 1px dashed #b8d9d7; border-radius: 10px 30px; background: #f6fbfa; }
.MyDoctorsPage .doctors-empty > .fa { color: #008080; font-size: 30px; }
.MyDoctorsPage .doctors-empty h3 { font-size: 17px; line-height: 1.9; }
.MyDoctorsPage .doctors-empty p { font-size: 13px; color: #637171; }
.MyDoctorsPage .doctor-profile-header { display: flex; gap: 30px; align-items: center; padding: 28px; margin-bottom: 26px; border: 1px solid #c4dedc; border-radius: 10px 35px; background: #f4faf9; }
.MyDoctorsPage .doctor-profile-image { width: 240px; flex-shrink: 0; border-radius: 10px 25px; overflow: hidden; }
.MyDoctorsPage .doctor-profile-image img { display: block; width: 100%; height: auto; }
.MyDoctorsPage .doctor-profile-info { flex: 1; min-width: 0; }
.MyDoctorsPage .doctor-profile-info h2 { margin: 8px 0 12px; color: #005d5d; font-size: 24px; font-weight: bold; line-height: 1.9; overflow-wrap: anywhere; }
.MyDoctorsPage .doctor-profile-info p { margin-bottom: 20px; color: #536969; font-size: 14px; line-height: 2; overflow-wrap: anywhere; }
.MyDoctorsPage .doctor-back-link { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 10px 18px; font-size: 12px; color: #007575; white-space: normal; line-height: 1.8; }
.MyDoctorsPage .doctor-back-link > .fa { position: static; font-size: 18px; }
.MyDoctorsPage .doctor-bio-body { padding: 26px; border: 1px solid #dfdfdf; border-radius: 10px 30px; overflow-wrap: anywhere; }
.MyDoctorsPage .doctor-bio-body > h3 { color: #005d5d; margin: 0 0 20px; font-size: 18px; font-weight: bold; line-height: 1.9; }
.MyDoctorsPage .doctor-bio-empty { font-size: 13px; line-height: 2; color: #637171; }
.MyDoctorsPage .doctor-bio-body img, .MyDoctorsPage .doctor-bio-body iframe, .MyDoctorsPage .doctors-intro img { max-width: 100%; }
.MyDoctorsPage .doctor-bio-body pre { white-space: pre-wrap; }
.MyDoctorsPage .doctor-bio-body .cntRt { padding-top: 12px; border-top: 1px solid #e0eae8; margin-top: 20px; }
@media (min-width: 768px) and (max-width: 991px) {
    .MyDoctorsPage .doctors-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
}
@media (max-width: 767px) {
    .MyDoctorsPage { padding-bottom: 80px; }
    .MyDoctorsPage .doctors-list-heading { flex-wrap: wrap; gap: 14px; }
    .MyDoctorsPage .doctors-list-heading h2 { font-size: 21px; }
    .MyDoctorsPage .doctors-grid { grid-template-columns: 1fr; gap: 18px; }
    .MyDoctorsPage .doctor-card-body { padding: 20px; }
    .MyDoctorsPage .doctor-profile-header { flex-direction: column; align-items: stretch; padding: 20px; gap: 20px; }
    .MyDoctorsPage .doctor-profile-image { width: 100%; }
    .MyDoctorsPage .doctor-profile-info h2 { font-size: 21px; }
    .MyDoctorsPage .doctor-back-link { width: 100%; }
    .MyDoctorsPage .doctor-bio-body, .MyDoctorsPage .doctors-intro { padding: 20px 16px; }
}