/* Глоссарий 1nep.ru — страница термина */

/* Акцентный цвет раздела «Глоссарий» — единственное место в этом файле,
   где он задаётся; ниже везде используется var(--glossary-accent).
   Общего для обоих компонентов (страницы термина и списка) файла стилей
   в шаблоне сайта нет, поэтому то же значение отдельно объявлено ещё и в
   news.list/glossary_list/style.css — при смене акцента правьте оба
   :root синхронно. */
:root {
	--glossary-accent: #b2798e;
}

/* H1 термина набран тем же глобальным классом .meta-h1-section, что и на
   остальном портале, но по умолчанию сайт отдаёт под ним начертание 500 и
   line-height 43.2px — в публикациях H1 набран жирным 700 при line-height
   42px. Правим точечно через #meta-h1 (id уникален на странице у обоих
   шаблонов раздела), не трогая сам класс .meta-h1-section — это глобальный
   класс сайта, и его правка задела бы другие разделы. */
#meta-h1 {
	font-weight: 700;
	line-height: 42px;
}

/* Синонимы — по образцу «Источники» публикаций (.b-publication__sources li):
   Roboto 14/17. Цвет оставлен прежним — в эталоне для этого элемента цвет
   не переопределялся. */
.glossary-term__meta {
	font-family: Roboto, "Trebuchet MS", sans-serif;
	font-size: 14px;
	line-height: 17px;
	color: #858687;
	margin: 0 0 20px 0;
}

/* Врезка (краткое определение) — лид над телом термина. По размеру — вровень
   с телом публикации (Roboto 18/24), полужирное начертание (500) сохранено,
   чтобы отличие от тела не держалось только на фоне и рамке. */
.glossary-term__short {
	background: #f4f4f4;
	border-left: 4px solid var(--glossary-accent);
	border-radius: 12px;
	padding: 18px 22px;
	margin: 0 0 24px 0;
	font-family: Roboto, "Trebuchet MS", sans-serif;
	font-size: 18px;
	line-height: 24px;
	color: #323131;
	font-weight: 500;
}

/* Тело определения — авторский HTML, как и тело статьи. Типографику (Roboto
   18/24/400 #000) и правила портала для картинок/врезок/таблиц внутри текста
   даёт класс .b-publication__detail, добавленный на этот же div в
   template.php — здесь остаётся только специфика конкретно глоссария. */
.glossary-term__body img {
	max-width: 100%;
	height: auto;
}

/* Подпись эксперта — по образцу подписи автора публикации
   (.b-publication__authors__data: 18px, #656565); line-height не был
   отдельно измерен у эталона, взят по ритму тела текста (18/24). */
.glossary-term__expert {
	margin: 24px 0 0 0;
	padding: 14px 18px;
	border: 1px solid #ececec;
	border-radius: 12px;
	font-family: Roboto, "Trebuchet MS", sans-serif;
	font-size: 18px;
	line-height: 24px;
	color: #656565;
}

.glossary-term__expert span {
	margin-right: 6px;
}

.glossary-term__expert a {
	color: var(--glossary-accent);
	font-weight: 500;
}

/* «Смотрите также» */

.glossary-related__title {
	font-size: 22px;
	line-height: 28px;
	font-weight: 700;
	color: #323131;
	margin: 32px 0 14px 0;
}

.glossary-related {
	margin: 0;
	padding: 0 0 0 20px;
	font-size: 17px;
	line-height: 28px;
	color: #323131;
}

.glossary-related li {
	margin: 0 0 4px 0;
}

.glossary-related a {
	color: var(--glossary-accent);
}

@media (max-width: 767px) {
	.glossary-term__short {
		padding: 16px 18px;
		font-size: 16px;
		line-height: 24px;
	}

	/* На узких экранах портал уменьшает H1 публикации (.b-publication__top-title)
	   до 24/28 — тот же приём применяем и к H1 термина, чтобы поведение раздела
	   на мобильном совпадало с публикациями. */
	#meta-h1 {
		font-size: 24px;
		line-height: 28px;
	}
}