.doctor-modal {
				position: fixed;
				inset: 0;
				z-index: 10000;
				display: none;
			}
			.doctor-modal.is-open {
				display: block;
			}
			.doctor-modal__backdrop {
				position: absolute;
				inset: 0;
				background: rgba(8, 15, 28, 0.62);
				backdrop-filter: blur(6px);
			}
			.doctor-modal__dialog {
				position: absolute;
				left: 50%;
				top: 50%;
				transform: translate(-50%, -50%);
				width: min(920px, calc(100vw - 32px));
				max-height: min(86vh, 760px);
				background: #ffffff;
				border-radius: 18px;
				overflow: hidden;
				box-shadow: 0 22px 70px rgba(0, 0, 0, 0.35);
				display: grid;
				grid-template-rows: auto 1fr;
			}
			.doctor-modal__close {
				position: absolute;
				top: 14px;
				right: 14px;
				width: 40px;
				height: 40px;
				border-radius: 12px;
				border: 1px solid rgba(12, 22, 39, 0.12);
				background: rgba(255, 255, 255, 0.9);
				cursor: pointer;
				display: grid;
				place-items: center;
				transition: transform 150ms ease, background 150ms ease;
			}
			.doctor-modal__close:active {
				transform: scale(0.98);
			}
			.doctor-modal__header {
				padding: 22px 22px 14px 22px;
				display: grid;
				grid-template-columns: 1fr;
				gap: 8px;
				align-items: center;
				background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
				border-bottom: 1px solid rgba(12, 22, 39, 0.08);
			}
			.doctor-modal__media {
				display: none;
				padding: 0 22px;
				margin-top: 14px;
			}
			.doctor-modal__photo {
				width: 100%;
				height: min(260px, 28vh);
				object-fit: cover;
				border-radius: 16px;
				border: 1px solid rgba(12, 22, 39, 0.08);
				display: block;
			}
			.doctor-modal__role {
				display: inline-flex;
				align-items: center;
				gap: 8px;
				padding: 8px 12px;
				border-radius: 999px;
				background: rgba(12, 22, 39, 0.06);
				color: rgba(12, 22, 39, 0.82);
				font-size: 12px;
				line-height: 1;
				letter-spacing: 0.06em;
				text-transform: uppercase;
				margin-bottom: 10px;
			}
			.doctor-modal__title {
				margin: 0;
				font-size: clamp(22px, 2.2vw, 30px);
				line-height: 1.15;
				color: rgba(12, 22, 39, 0.92);
			}
			.doctor-modal__content {
				padding: 18px 22px 22px 22px;
				overflow: auto;
				-webkit-overflow-scrolling: touch;
			}
			.doctor-modal__content p {
				color: rgba(12, 22, 39, 0.82);
				line-height: 1.7;
			}
			.doctor-modal__content ul.highlights {
				margin: 14px 0 0 0;
				padding: 0;
				list-style: none;
				display: grid;
				gap: 10px;
			}
			.doctor-modal__content ul.highlights li {
				display: grid;
				grid-template-columns: 18px 1fr;
				gap: 10px;
				align-items: start;
				padding: 12px 12px;
				border-radius: 12px;
				border: 1px solid rgba(12, 22, 39, 0.08);
				background: rgba(12, 22, 39, 0.03);
			}
			.doctor-modal__content ul.highlights li::before {
				content: "";
				width: 18px;
				height: 18px;
				margin-top: 1px;
				background: var(--primary);
				border-radius: 6px;
				box-shadow: 0 10px 22px rgba(0, 0, 0, 0.16);
			}

			.team-member-social-icon.doctor-modal-trigger {
				display: inline-flex;
				align-items: center;
				justify-content: center;
				gap: 6px;
				text-decoration: none;
			}
			.team-member-social-icon.doctor-modal-trigger svg {
				width: 18px;
				height: 18px;
				display: block;
			}

			@media screen and (max-width: 767px) {
				.doctor-modal__dialog {
					width: calc(100vw - 18px);
					max-height: 88vh;
					border-radius: 16px;
				}
				.doctor-modal__header {
					padding: 18px 16px 12px 16px;
					gap: 12px;
				}
				.doctor-modal__media {
					display: block;
					padding: 0 16px;
					margin-top: 10px;
				}
				.doctor-modal__photo {
					height: min(210px, 26vh);
					border-radius: 14px;
				}
				.doctor-modal__content {
					padding: 14px 16px 18px 16px;
				}
				.doctor-modal__close {
					top: 10px;
					right: 10px;
					width: 38px;
					height: 38px;
				}
			}