/* Записи академии (уроки, статьи, оглавление) в дизайне хаба /academy/.
   Шапку, крошки и «факты» берём из academy.css, здесь только колонка чтения, обложка,
   переход к следующему шагу и комментарии. Токены — из design.css. */

.msi-acads { background: var(--ms-bg); }
.msi-acads-head .msi-acad-title { max-width: 900px; }
.msi-acads-wrap { padding-block: 26px 46px; }
.msi-acads-col { max-width: 780px; margin-inline: auto; }

/* обложка: целиком, без кадрирования, как карточка урока в хабе */
.msi-acads-cover { margin: 0 0 26px; }
.msi-acads-cover img { display: block; width: 100%; height: auto; border-radius: 16px; border: 1px solid var(--ms-border); }

/* колонка чтения */
.msi-acads-content { font-size: 18px; line-height: 1.75; color: var(--ms-text); }
.msi-acads-content > h2 { font-family: var(--ms-font); font-size: 27px; line-height: 1.25; font-weight: 900; color: var(--ms-navy); margin: 34px 0 12px; }
.msi-acads-content > h3 { font-size: 21px; font-weight: 800; color: var(--ms-navy); margin: 24px 0 8px; }
.msi-acads-content > p { margin: 0 0 16px; }
.msi-acads-content > ul, .msi-acads-content > ol { margin: 0 0 18px; padding-inline-start: 22px; }
.msi-acads-content > ul li, .msi-acads-content > ol li { margin-bottom: 7px; }
.msi-acads-content img { max-width: 100%; height: auto; border-radius: 14px; }
.msi-acads-content table { width: 100%; }
.msi-acads-content > p:last-child { margin-bottom: 0; }

/* переход к следующему шагу */
.msi-acads-foot { margin-top: 34px; padding-top: 22px; border-top: 1px solid var(--ms-border); display: flex; flex-wrap: wrap; align-items: center; gap: 14px; justify-content: space-between; }
.msi-acads-next { flex: 1 1 340px; display: block; background: var(--ms-surface); border: 1.5px solid var(--ms-border); border-radius: 14px; padding: 14px 18px; text-decoration: none; transition: border-color .15s, transform .15s; }
.msi-acads-next:hover { border-color: var(--ms-navy); transform: translateY(-1px); }
.msi-acads-next-kicker { display: block; font-size: 13px; font-weight: 700; color: var(--ms-muted); margin-bottom: 4px; }
.msi-acads-next-title { display: block; font-family: var(--ms-font); font-size: 20px; font-weight: 900; color: var(--ms-navy); line-height: 1.3; }
.msi-acads-next-note { display: block; font-size: 15px; color: var(--ms-muted); margin-top: 4px; line-height: 1.5; }
.msi-acads-all { font-size: 16px; font-weight: 700; color: var(--ms-navy); text-decoration: none; border-bottom: 2px solid var(--ms-amber); padding-bottom: 2px; }
.msi-acads-all:hover { color: var(--ms-amber); }

/* комментарии: тот же спокойный вид, без тематической рамки */
.msi-acads-comments { margin-top: 40px; padding-top: 24px; border-top: 1px solid var(--ms-border); }
.msi-acads-comments h3, .msi-acads-comments h4, .msi-acads-comments .comment-reply-title { font-family: var(--ms-font); font-size: 21px; font-weight: 800; color: var(--ms-navy); }
.msi-acads-comments input[type="text"], .msi-acads-comments input[type="email"], .msi-acads-comments textarea { border-radius: 10px; border: 1px solid var(--ms-border); }

/* блоки внутри текста подчиняются общей колонке */
.msi-acads-content .msi-calc, .msi-acads-content .msi-box, .msi-acads-content .msi-lessonnav { margin-block: 22px; }

@media (max-width: 900px) {
	.msi-acads-content { font-size: 17px; }
	.msi-acads-content > h2 { font-size: 23px; margin-top: 28px; }
	.msi-acads-content > h3 { font-size: 19px; }
	.msi-acads-wrap { padding-block: 20px 34px; }
	.msi-acads-cover img { border-radius: 12px; }
	.msi-acads-foot { gap: 12px; }
	.msi-acads-next { flex-basis: 100%; }
}

/* Возрастной раздел: у сравнений и части гайдов нет обложки, и пустая заливка 4:3 занимала
   треть экрана. На этих страницах пустая полоса не печатается, карточка живёт заголовком и выжимкой. */
.msi-acad-stagepage .msi-acad-article-media.is-empty { display: none; }
.msi-acad-stagepage .msi-acad-article-body { padding-top: 18px; }
.msi-acad-stagepage .msi-acad-sec:last-of-type { padding-bottom: 34px; }