/* --------------------------------------------------------------------------
   Перенесённые статьи, кейсы и курсы: /blog/<slug>/, /cases/<slug>/, /academy/<slug>/
   (mu-plugin robin-articles). Визуальный язык — как у /blog/: кремовый hero,
   акцент #A30C33. Префикс .rma-*.
   -------------------------------------------------------------------------- */
.rma-wrap {
	--rma-parchment: #f6f3f1;
	--rma-line: #e7e3e0;
	--rma-ink: #242424;
	--rma-graphite: #4e4d4d;
	--rma-smoke: #797776;
	--rma-accent: #a30c33;
	max-width: 80rem;
	margin: 0 auto;
	padding: 16px 16px 72px;
	background: #fff;
	color: var(--rma-graphite);
}

.rma-hero {
	padding: 28px 48px 40px;
	border-radius: 24px;
	background: var(--rma-parchment);
	color: var(--rma-ink);
}

.rma-crumbs { display: flex; flex-wrap: wrap; gap: 8px; font-size: 14px; color: #9ca3af; }
.rma-crumbs a { color: inherit; transition: color .2s ease; }
.rma-crumbs a:hover { color: var(--rma-accent); }

.rma-title {
	max-width: 56rem;
	margin: 24px 0 0;
	font-family: var(--robin-font-head, inherit);
	font-weight: 500;
	font-size: 44px;
	line-height: 1.08;
	letter-spacing: -0.03em;
	color: var(--rma-ink);
}

/* --- Текст статьи ----------------------------------------------------------- */
.rma-body {
	max-width: 46rem;
	margin: 48px auto 0;
	font-size: 17px;
	line-height: 1.7;
	overflow-wrap: anywhere;
}

.rma-body > * + * { margin-top: 1.1em; }
.rma-body p { margin: 0; }
.rma-body p + p { margin-top: 1em; }

.rma-body h2 {
	margin: 2.2em 0 0.6em;
	font-family: var(--robin-font-head, inherit);
	font-weight: 500;
	font-size: 28px;
	line-height: 1.2;
	letter-spacing: -0.02em;
	color: var(--rma-ink);
}

.rma-body h3 {
	margin: 1.8em 0 0.5em;
	font-weight: 600;
	font-size: 20px;
	line-height: 1.3;
	color: var(--rma-ink);
}

.rma-body h2 + h3, .rma-body h2 + p, .rma-body h3 + p { margin-top: 0.4em; }
.rma-body strong { font-weight: 600; color: var(--rma-ink); }

.rma-body a { color: var(--rma-accent); text-decoration: underline; text-underline-offset: 3px; }
.rma-body a:hover { text-decoration-thickness: 2px; }

.rma-body ul, .rma-body ol { margin-top: 0.8em; padding-left: 1.4em; }
.rma-body ul { list-style: disc; }
.rma-body ol { list-style: decimal; }
.rma-body li + li { margin-top: 0.45em; }
.rma-body li::marker { color: var(--rma-accent); }

.rma-body figure.rma-figure { margin: 2em 0; }
.rma-body figure.rma-figure img {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
	border-radius: 16px;
}

/* Итоги кейса и пронумерованные шаги */
.rma-body ul.rma-results {
	display: grid;
	gap: 12px;
	padding: 0;
	list-style: none;
}
.rma-body ul.rma-results li {
	margin: 0;
	padding: 16px 20px;
	border-left: 3px solid var(--rma-accent);
	border-radius: 0 14px 14px 0;
	background: var(--rma-parchment);
	color: var(--rma-ink);
}

.rma-body ol.rma-steps { display: grid; gap: 14px; padding: 0; list-style: none; }
.rma-body ol.rma-steps li { display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 16px; align-items: start; margin: 0; }
.rma-body .rma-steps__n {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: var(--rma-accent);
	color: #fff;
	font-weight: 600;
	font-variant-numeric: tabular-nums;
}
.rma-body ol.rma-steps li > div { padding-top: 7px; }

/* Таблицы */
.rma-body .rma-table { margin: 1.6em 0; overflow-x: auto; border: 1px solid var(--rma-line); border-radius: 14px; }
.rma-body table { width: 100%; border-collapse: collapse; font-size: 15px; line-height: 1.5; }
.rma-body th, .rma-body td { padding: 12px 16px; border-bottom: 1px solid var(--rma-line); text-align: left; vertical-align: top; }
.rma-body th { background: var(--rma-parchment); font-weight: 600; color: var(--rma-ink); }
.rma-body tr:last-child td { border-bottom: 0; }

/* Кнопки из текста (например, «Полный контент курса») */
.rma-body .rma-btn-row { margin-top: 1.6em; }
.rma-body a.rma-btn {
	display: inline-flex;
	align-items: center;
	padding: 12px 22px;
	border-radius: 999px;
	background: var(--rma-accent);
	color: #fff;
	font-size: 15px;
	font-weight: 500;
	text-decoration: none;
	transition: background .2s ease;
}
.rma-body a.rma-btn:hover { background: #8a0a2b; }

.rma-anchor { display: block; scroll-margin-top: 96px; }

/* --- Читайте также и действия ---------------------------------------------- */
.rma-related {
	max-width: 46rem;
	margin: 56px auto 0;
	padding: 24px 28px;
	border: 1px solid var(--rma-line);
	border-radius: 20px;
}
.rma-related__title { margin: 0 0 12px; font-size: 18px; font-weight: 600; color: var(--rma-ink); }
.rma-related__list { margin: 0; padding: 0; list-style: none; }
.rma-related__list li + li { margin-top: 10px; }
.rma-related__list a { color: var(--rma-ink); transition: color .2s ease; }
.rma-related__list a:hover { color: var(--rma-accent); }

.rma-actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 12px;
	max-width: 46rem;
	margin: 48px auto 0;
}
.rma-actions a {
	display: inline-flex;
	align-items: center;
	padding: 12px 24px;
	border: 1px solid var(--rma-accent);
	border-radius: 999px;
	font-size: 14px;
	font-weight: 500;
	transition: background .2s ease, color .2s ease;
}
.rma-actions__primary { background: var(--rma-accent); color: #fff; }
.rma-actions__primary:hover { background: #8a0a2b; }
.rma-actions__ghost { color: var(--rma-accent); }
.rma-actions__ghost:hover { background: var(--rma-accent); color: #fff; }

@media (max-width: 767px) {
	.rma-hero { padding: 20px 20px 28px; border-radius: 18px; }
	.rma-title { font-size: 30px; }
	.rma-body { margin-top: 32px; font-size: 16px; }
	.rma-body h2 { font-size: 23px; }
	.rma-body h3 { font-size: 18px; }
	.rma-related { padding: 20px; }
}