/* ==========================================================================
   TZ-ACADEMY-ARTICLE-BLOCKS (2026-09-25)
   Акцентные блоки внутри статьи блога: плашка диагностики, ряд кнопок курса/гайда,
   разделитель разделов, приписка. Раскладка — по docx автора (плашки на всю ширину,
   тонкая линия перед каждым разделом, мелкая серая приписка в конце).
   Кнопки — штатные UIkit темы: .uk-button-primary (курс, основной призыв),
   .uk-button-default (гайд/менеджер, вторичный). Здесь только отступы и перенос.
   Токены сайта: акцент #36f097, тёмный фон, текст rgba(255,255,255,.6).
   Скоуп .single-post — только одиночные посты.
   ========================================================================== */

/* Плашка (callout): рамка + лёгкая заливка акцентом, кнопка внутри. */
.single-post .cdb-callout {
	margin: 32px 0;
	padding: 24px 28px;
	border: 1px solid rgba(54, 240, 151, 0.35);
	border-radius: 12px;
	background: rgba(54, 240, 151, 0.06);
}

.single-post .cdb-callout > p {
	margin: 0;
	color: rgba(255, 255, 255, 0.85);
}

.single-post .cdb-callout > .cdb-cta {
	margin: 18px 0 0;
}

/* Ряд кнопок: курс(ы) и гайд. Переносятся в столбик на узком экране. */
.single-post .cdb-cta {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin: 24px 0 8px;
}

/* Хвост :not(...) — чтобы перебить мобильное правило темы
   `.single-post .uk-button:not(.uk-button-large):not(.uk-button-small)` (line-height 44px):
   при переносе длинной подписи оно раздувало кнопку до 108px. */
.single-post .cdb-cta .uk-button:not(.uk-button-large):not(.uk-button-small) {
	height: auto;
	min-height: 40px;
	line-height: 1.35;
	padding-top: 9px;
	padding-bottom: 9px;
	white-space: normal;
	text-align: left;
	text-decoration: none;
}

/* Подпись перед кнопкой гайда («Хотите сразу попробовать…»). */
.single-post .cdb-cta-lead {
	margin: 24px 0 0;
}

.single-post .cdb-cta-lead + .cdb-cta {
	margin-top: 12px;
}

/* Разделитель разделов — тонкая линия, как в макете. */
.single-post hr.cdb-divider {
	margin: 44px 0 0;
	border: 0;
	border-top: 1px solid rgba(255, 255, 255, 0.12);
}

/* Приписка в конце: мельче и тише основного текста. */
.single-post .cdb-note {
	margin-top: 28px;
	font-size: 14px;
	color: rgba(255, 255, 255, 0.5);
}

@media (max-width: 639px) {
	.single-post .cdb-callout {
		padding: 20px;
	}

	/* Область нажатия не меньше 44px, как у правила темы для мобильных кнопок. */
	.single-post .cdb-cta .uk-button:not(.uk-button-large):not(.uk-button-small) {
		width: 100%;
		min-height: 44px;
		text-align: center;
	}
}