/* ==========================================================================
   Employee Authors — стили
   ========================================================================== */

/* ---------- Превью-блок автора в конце статьи (автовывод) ---------- */
.ea-author {
	display: flex;
	gap: 16px;
	align-items: center;
	margin: 32px 0;
	padding: 20px;
	background: #f7f8fa;
	border-radius: 12px;
}
.ea-author__img-link { display: block; flex: 0 0 96px; }
.ea-author__img,
.ea-author__img-placeholder {
	width: 96px;
	height: 96px;
border-radius: 50% !important;
	object-fit: cover;
	display: block;
	background: #e5e7eb;
}
.ea-author__name {
	display: inline-block;
	font-size: 18px;
	font-weight: 600;
	color: #111;
	text-decoration: none;
}
.ea-author__name:hover { text-decoration: underline; }
.ea-author__position { color: #6b7280; margin-top: 4px; }


/* ---------- Инлайн-автор в статье (шорткод [ea_author]) ---------- */
.ea-author-inline {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    padding: 5px 10px;
    border: 1px solid #e5e7eb;
    border-radius: 14px;
    background: #ffffff85;
    margin: 8px 0;
    vertical-align: middle;
    line-height: 1.2;
}
.ea-author-inline__img-link {
	display: inline-flex;
	line-height: 0;
	flex: 0 0 auto;
}
.ea-author-inline__img {
	width: 48px;
	height: 48px;
border-radius: 50% !important;
	object-fit: cover;
	display: block;
	background: transparent;
}
.ea-author-inline__placeholder {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	display: inline-block;
	background: #eceef1;
}
.ea-author-inline__info {
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.ea-author-inline__name {
	font-size: 16px;
	font-weight: 700;
	color: #111827;
	text-decoration: none;
}
.ea-author-inline__name:hover { text-decoration: underline; }
.ea-author-inline__position {
	font-size: 13px;
	color: #6b7280;
	margin-top: 2px;
}


/* ---------- Мета записи [ea_post_meta] ---------- */
.ea-post-meta {
	display: block;
	margin: 12px 0;
	font-size: 13px;
	line-height: 1.6;
	color: #9ca3af;            /* светло-серый */
}

/* каждая строка — отдельный блок; текст и <time> внутри — в строку */
.ea-post-meta__item {
	display: block;
}
.ea-post-meta__item time { color: inherit; }

/* третья строка: зелёный шарик + «Читать N минут», 14px, чёрный */
.ea-post-meta__reading {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 14px;
	color: #111827;
	margin-top: 2px;
}
.ea-post-meta__reading::before {
	content: "";
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #22c55e;
	display: inline-block;
	flex: 0 0 auto;
}

/* ---------- Бейдж категории (опционально) ---------- */
.ea-post-cat {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 4px 12px;
	border-radius: 999px;
	background: #eef2ff;
	color: #4f46e5;
	font-size: 13px;
	text-decoration: none;
}
.ea-post-cat__dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #4f46e5;
	display: inline-block;
}


/* ---------- Карточки «Наша команда» ---------- */
.ea-team {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap: 28px;
	margin: 24px 0;
}

.ea-team__item {
	display: flex;
	flex-direction: column;
	background: #fff;
	border-radius: 10px;                            /* было 16px */
	overflow: hidden;
	box-shadow: 0 4px 16px rgba(0, 0, 0, .08);      /* тень */
	transition: box-shadow .25s ease, transform .25s ease;
}
.ea-team__item:hover {
	box-shadow: 0 8px 28px rgba(0, 0, 0, .12);
	transform: translateY(-2px);
}

.ea-team__img {
	display: block;
	line-height: 0;
}
.ea-team__img img,
.ea-team__img-placeholder {
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	display: block;
	background: #eceef1;
}

.ea-team__body {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	padding: 20px 22px 24px;
	flex: 1;
}

.ea-team__name {
	font-size: 20px;
	font-weight: 700;
	line-height: 1.3;
	color: #111827;
	text-decoration: none;
	margin: 0 0 10px;
}
.ea-team__name:hover { text-decoration: underline; }

.ea-team__desc {
	font-size: 15px;
	line-height: 1.5;
	color: #6b7280;
	margin: 0 0 18px;
}
.ea-team__experience {                     /* ← НОВОЕ */
	font-size: 14px;
	line-height: 1.4;
	color: #6b7280;                        /* тот же серый, что и у должности */
	margin: 0 0 18px;
}
.ea-team__more {
	margin-top: auto;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: #196827;                                  /* новый цвет */
	text-decoration: none;
}
.ea-team__more:hover { color: #135120; }

/* ---------- Страница сотрудника ---------- */
.ea-employee { padding: 40px 16px; }
.ea-employee__inner { max-width: 960px; margin: 0 auto; }
.ea-employee__title { font-size: 40px; margin: 0 0 24px; }
.ea-employee__top {
	display: grid;
	grid-template-columns: 320px 1fr;
	gap: 32px;
	align-items: start;
	margin-bottom: 32px;
}
.ea-employee__photo img {
	width: 100%;
	height: auto;
	border-radius: 12px;
	display: block;
}
.ea-employee__row {
	display: grid;
	grid-template-columns: 240px 1fr;
	gap: 16px;
	padding: 14px 0;
	border-bottom: 1px solid #eceef1;
}
.ea-employee__row:first-child { border-top: 1px solid #eceef1; }
.ea-employee__label { font-weight: 600; color: #111; }
.ea-employee__value { color: #374151; }
.ea-employee__content { margin-top: 24px; font-size: 16px; line-height: 1.7; }
.ea-employee__back { margin-top: 40px; }

.ea-btn {
	display: inline-block;
	padding: 12px 22px;
	background: #111;
	color: #fff;
	border-radius: 8px;
	text-decoration: none;
	transition: opacity .2s;
}
.ea-btn:hover { opacity: .85; color: #fff; }


/* ==========================================================================
   Мобильная версия
   ========================================================================== */
@media (max-width: 768px) {

	/* Страница сотрудника */
	.ea-employee { padding: 24px 16px; }
	.ea-employee__title { font-size: 28px; margin-bottom: 16px; }
	.ea-employee__top { grid-template-columns: 1fr; gap: 20px; }
	.ea-employee__photo { max-width: 260px; margin: 0 auto; }
	.ea-employee__row { grid-template-columns: 1fr; gap: 4px; padding: 12px 0; }
	.ea-employee__label {
		font-size: 13px;
		color: #6b7280;
		text-transform: uppercase;
		letter-spacing: .04em;
	}

	/* Превью-блок автора в конце статьи */
	.ea-author { flex-direction: column; text-align: center; }

	/* Карточки «Наша команда» — в один столбик */
	.ea-team { grid-template-columns: 1fr; gap: 20px; }
	.ea-team__body { padding: 16px 18px 20px; }
	.ea-team__name { font-size: 18px; }
}
/* ---------- Содержание статьи ---------- */
.ea-toc {
	margin: 32px 0;
	padding: 20px 24px;
	background: #f7f8fa;
	border-radius: 12px;
	border-left: 4px solid #196827;
}

.ea-toc__title {
	font-size: 18px;
	font-weight: 700;
	color: #111827;
	margin: 0 0 12px;
}

.ea-toc__list,
.ea-toc__sublist {
	list-style: none;
	padding: 0;
	margin: 0;
}
.ea-toc__sublist {
	margin: 6px 0 6px 20px;
}

.ea-toc__item {
	padding: 4px 0;
	font-size: 15px;
	line-height: 1.5;
}
.ea-toc__item a {
	color: #111827;
	text-decoration: none;
}
.ea-toc__item a:hover {
	color: #196827;
	text-decoration: underline;
}
.ea-toc__item--h2 > a { font-weight: 600; }
.ea-toc__item--h3 { font-size: 14px; }
.ea-toc__item--h3 > a { color: #4b5563; }

/* Компенсация фиксированной шапки при переходе по якорю */
:target { scroll-margin-top: 100px; }

/* Мобильная версия */
@media (max-width: 768px) {
	.ea-toc { padding: 16px 18px; }
	.ea-toc__title { font-size: 16px; }
	.ea-toc__item { font-size: 14px; }
}