/* MedReport Toolkit — страница „Екип“.
 * Шрифтът се наследява от темата; тук са само подредба и акценти.
 * Бранд акцент: #0a58ca (theme-color на сайта).
 */

.mr-ekip {
	padding: 48px 20px 72px;
}

.mr-ekip__wrap {
	max-width: 860px;
	margin: 0 auto;
}

/* Заглавна част */
.mr-ekip__title {
	font-size: 2.25rem;
	line-height: 1.15;
	margin: 0 0 14px;
}

.mr-ekip__intro {
	font-size: 1.0625rem;
	line-height: 1.65;
	color: #3c434a;
	max-width: 62ch;
	margin: 0 0 44px;
}

/* Главен редактор */
.mr-chief {
	display: flex;
	align-items: center;
	gap: 36px;
}

.mr-chief__photo {
	flex: 0 0 auto;
	width: 240px;
	height: 240px;
	border-radius: 50%;
	object-fit: cover;
	box-shadow: 0 0 0 4px #fff, 0 0 0 7px #0a58ca;
}

.mr-person__name {
	font-size: 1.625rem;
	line-height: 1.2;
	margin: 0 0 4px;
}

.mr-person__name--small {
	font-size: 1.1875rem;
}

.mr-person__role {
	color: #0a58ca;
	font-weight: 600;
	margin: 0 0 14px;
}

.mr-chief__bio {
	line-height: 1.65;
	color: #3c434a;
	max-width: 56ch;
	margin: 0;
}

.mr-ekip__rule {
	border: 0;
	border-top: 1px solid #e2e6ea;
	margin: 44px 0;
}

/* Редактори */
.mr-editors {
	display: flex;
	flex-wrap: wrap;
	gap: 28px 56px;
}

.mr-editor {
	display: flex;
	align-items: center;
	gap: 18px;
	min-width: 260px;
}

.mr-editor .mr-person__role {
	margin-bottom: 0;
}

.mr-editor__avatar {
	flex: 0 0 auto;
	width: 76px;
	height: 76px;
	border-radius: 50%;
	background: #e8f1fc;
	color: #0a58ca;
	font-weight: 700;
	font-size: 1.375rem;
	letter-spacing: 0.02em;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* Контакт */
.mr-ekip__contact {
	margin: 52px 0 0;
	padding-top: 24px;
	border-top: 1px solid #e2e6ea;
	color: #3c434a;
}

.mr-ekip__contact a {
	color: #0a58ca;
	font-weight: 600;
}

/* Мобилни екрани */
@media (max-width: 640px) {
	.mr-ekip {
		padding: 32px 16px 56px;
	}
	.mr-ekip__title {
		font-size: 1.75rem;
	}
	.mr-chief {
		flex-direction: column;
		align-items: flex-start;
		gap: 22px;
	}
	.mr-chief__photo {
		width: 168px;
		height: 168px;
	}
	.mr-editors {
		gap: 22px;
	}
}
