/* ===== Компоненты статьи блога — из journal-child (пак wonderslide, S05), контейнер TT21 — .entry-content =====
   Цвета — переменные ниже: у блога светлая тема и тёмная (класс dark_theme у <body>, переключатель в шапке статьи).
   Селекторы — с .entry-content: стили сайта (.content-item p, .content-item img, article a) иначе перебивают компоненты.
   Классическая тема: ядро оборачивает содержимое группы в .wp-block-group__inner-container — отступы детей задаём и через него. */
:root {
	--ws-accent: #00BA88;
	--ws-accent-hover: #00966D;
	--ws-muted: #6E718F;
	--ws-border: #D9DBE9;
	--ws-surface: #F7F7FC;
	--ws-surface-strong: #EEEFF6;
}
.dark_theme {
	--ws-muted: #A0A3BD;
	--ws-border: #383A42;
	--ws-surface: #22252B;
	--ws-surface-strong: #2A2D35;
}

/* Key takeaways в начале статьи (паттерн wonderslide-child/tldr) */
.entry-content .tldr {
	border: 1px solid var(--ws-border);
	border-left: 4px solid var(--ws-accent);
	background: var(--ws-surface);
	padding: 18px 20px;
	border-radius: 8px;
	margin: 0 0 1.2em;
}
.entry-content .tldr > *,
.entry-content .tldr > .wp-block-group__inner-container > * {
	margin-top: 0;
	margin-bottom: 0;
}
.entry-content .tldr > * + *,
.entry-content .tldr > .wp-block-group__inner-container > * + * {
	margin-top: 1em;
}
.entry-content .tldr > .tldr-label + *,
.entry-content .tldr > .wp-block-group__inner-container > .tldr-label + * {
	margin-top: 0.4em;
}
.entry-content .tldr-label {
	font-size: 1em;
	letter-spacing: 0.02em;
	text-transform: uppercase;
}
.entry-content .tldr ul {
	margin-top: 0.6em;
	padding-left: 0.2em;
}
.entry-content .tldr li {
	margin-bottom: 0.5em;
}

/* Строка автора над заголовком и «Об авторе» в конце статьи (functions.php темы) */
.content-item .wonderslide-byline {
	margin: 0 0 0.6em;
	font-size: 15px;
	color: var(--ws-muted);
}
.wonderslide-byline a,
.wonderslide-author-box__links a {
	color: inherit;
}
.entry-content .wonderslide-updated {
	font-size: 15px;
	color: var(--ws-muted);
}
.wonderslide-author-box {
	margin-top: 40px;
	padding: 20px 24px;
	border: 1px solid var(--ws-border);
	border-radius: 12px;
	display: flex;
	gap: 16px;
	align-items: flex-start;
}
.content-item .wonderslide-author-box__photo {
	flex: none;
	width: 72px;
	height: 72px;
	margin-top: 0;
	border-radius: 50%;
	object-fit: cover;
}
.wonderslide-author-box__text {
	min-width: 0;
}
.content-item .wonderslide-author-box p {
	margin-top: 0;
}
.content-item .wonderslide-author-box__name {
	margin-bottom: 0.4em;
	font-weight: 700;
}
.content-item .wonderslide-author-box__links {
	margin-top: 0.6em;
	font-size: 15px;
	color: var(--ws-muted);
}
@media (max-width: 600px) {
	.wonderslide-author-box {
		flex-direction: column;
	}
}

/* Плашки: Note (нейтральная), Methodology и Limitations (как research note), FAQ, Sources — стили блока «Группа» */
.entry-content .is-style-note,
.entry-content .is-style-methodology,
.entry-content .is-style-limitations {
	box-sizing: border-box;
	margin-top: 32px;
	margin-bottom: 32px;
	padding: 24px 28px;
	border-radius: 12px;
	background: var(--ws-surface);
	border: 1px solid var(--ws-border);
	border-left: 4px solid var(--ws-border);
}
.entry-content .is-style-methodology,
.entry-content .is-style-limitations {
	border-left-color: var(--ws-accent);
}
.entry-content :is(.is-style-note, .is-style-methodology, .is-style-limitations) > *,
.entry-content :is(.is-style-note, .is-style-methodology, .is-style-limitations) > .wp-block-group__inner-container > * {
	margin-top: 0;
	margin-bottom: 0;
}
.entry-content :is(.is-style-note, .is-style-methodology, .is-style-limitations) > * + *,
.entry-content :is(.is-style-note, .is-style-methodology, .is-style-limitations) > .wp-block-group__inner-container > * + * {
	margin-top: 0.8em;
}
/* FAQ и Sources — без рамки: первый заголовок раздела — с обычным отступом H2 темы, вопросы — плотнее к ответам */
.entry-content .is-style-faq h3 + p {
	margin-top: 0.4em;
}
.entry-content .is-style-note h2,
.entry-content .is-style-note h3,
.entry-content .is-style-methodology h2,
.entry-content .is-style-methodology h3,
.entry-content .is-style-limitations h2,
.entry-content .is-style-limitations h3 {
	font-size: 24px;
	line-height: 1.3;
}
.entry-content .is-style-methodology a {
	font-weight: 700;
	text-underline-offset: 3px;
}
.entry-content .is-style-faq h3 {
	margin-top: 1.6em;
	margin-bottom: 0.4em;
	font-size: 22px;
}
.entry-content .is-style-sources {
	font-size: 15px;
}
.entry-content .is-style-sources ul,
.entry-content .is-style-sources ol {
	padding-left: 0.2em;
}
.entry-content .is-style-sources li {
	margin-bottom: 0.5em;
}
@media (max-width: 767px) {
	.entry-content .is-style-note,
	.entry-content .is-style-methodology,
	.entry-content .is-style-limitations {
		padding: 20px;
		border-radius: 10px;
	}
}

/* Подписи, картинки, видео и цитаты — только в статьях конвейера (первый блок — Key takeaways): у старых записей вид прежний.
   Сброс стилей темы снимает с них отступы — без этого подпись и цитата слипаются с соседним текстом. */
.entry-content:has(> .tldr) :is(.wp-block-image, .wp-block-video, .wp-block-embed) {
	margin-top: 28px;
}
.entry-content:has(> .tldr) :is(.wp-block-image, .wp-block-video, .wp-block-embed) figcaption {
	margin-top: 0.6em;
	font-size: 15px;
	color: var(--ws-muted);
}
.entry-content:has(> .tldr) .wp-block-quote {
	margin-top: 28px;
	padding: 4px 0 4px 20px;
	border-left: 3px solid var(--ws-border);
}
.entry-content:has(> .tldr) .wp-block-quote p:first-child {
	margin-top: 0;
	font-style: italic;
}
.entry-content:has(> .tldr) .wp-block-quote cite {
	display: block;
	margin-top: 0.6em;
	font-size: 15px;
	font-style: normal;
	color: var(--ws-muted);
}

/* Data and files — таблица файлов датасета (wonderslide-geo, поле dataset): имя файла моноширинным, на широком экране без переноса */
.entry-content .is-style-dataset .wp-block-table td:first-child {
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	font-size: 15px;
}
@media (min-width: 768px) {
	.entry-content .is-style-dataset .wp-block-table td:first-child {
		white-space: nowrap;
	}
}
/* Сворачиваемый блок (core/details: описание колонок, длинные пояснения) — только в статьях конвейера, как подписи выше */
.entry-content:has(> .tldr) .wp-block-details {
	margin-top: 16px;
	padding: 12px 16px;
	border: 1px solid var(--ws-border);
	border-radius: 8px;
	background: var(--ws-surface);
}
.entry-content:has(> .tldr) .wp-block-details summary {
	cursor: pointer;
	font-weight: 700;
}
.entry-content:has(> .tldr) .wp-block-details[open] summary {
	margin-bottom: 0.6em;
}
.entry-content:has(> .tldr) .wp-block-details > :last-child {
	margin-bottom: 0;
}

/* Ключевой вывод (абзац с классом finding и якорем finding-N) */
.entry-content p.finding {
	padding: 4px 0 4px 16px;
	border-left: 3px solid var(--ws-accent);
	font-weight: 700;
}
/* Единая метка вывода: «Lesson learned:» и т. п. в тексте не пишем — метку ставит тема; в редакторе — так же */
.entry-content p.finding::before,
.editor-styles-wrapper p.finding::before {
	content: "Takeaway: ";
}

/* Баннер после Key takeaways (wonderslide-geo, inc/cta.php): CTA «Базы проекта» — заголовок, фраза, кнопка «Try Wonderslide free» */
.wonderslide-cta {
	margin: 32px 0;
	border: 1px solid var(--ws-border);
	border-radius: 12px;
	background: var(--ws-surface);
	box-sizing: border-box;
}
.entry-content .wonderslide-cta__link {
	display: flex;
	flex-direction: column;
	align-items: center;
	box-sizing: border-box;
	padding: 36px 24px 40px;
	color: inherit;
	text-decoration: none;
	text-align: center;
}
.wonderslide-cta__content {
	display: block;
	width: 520px;
	max-width: 100%;
	margin: 0 auto;
}
.wonderslide-cta__title {
	display: block;
	margin: 0 0 12px;
	font-family: 'Roboto slab', serif;
	font-size: 28px;
	line-height: 1.2;
	font-weight: 700;
}
.wonderslide-cta__text {
	display: block;
	margin: 0 0 24px;
	color: var(--ws-muted);
}
.wonderslide-cta__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 52px;
	box-sizing: border-box;
	padding: 13px 28px;
	border-radius: 16px;
	background: var(--ws-accent);
	color: #fff;
	font-weight: 700;
	transition: background 0.1s ease, transform 0.1s ease;
}
.wonderslide-cta__link:hover .wonderslide-cta__button {
	background: var(--ws-accent-hover);
}
.wonderslide-cta__link:active .wonderslide-cta__button {
	transform: scale(0.99);
}
@media (max-width: 767px) {
	.entry-content .wonderslide-cta__link {
		padding: 28px 20px 32px;
	}
	.wonderslide-cta__title {
		font-size: 24px;
	}
}