/* Страница урока здоровья (Areas/MasterClasses/Views/Home/ShowComponent.cshtml): две колонки, как на lorlor.ru.
   На lorlor правило .row-sidebar лежит в main.css; в main.css Сочи его нет, и боковая колонка падала под статью.
   Отдельным файлом, а не <style> в шаблоне: Vue при запуске пересоздаёт разметку и вырезает <style>. */
@media (min-width: 992px) {
  .row-sidebar { display: grid; grid-template-columns: minmax(0, 70%) minmax(0, 30%); }
  .row-sidebar > * { width: 100%; max-width: 100%; }
}

/* Список уроков (Areas/MasterClasses/Views/Shared/Vizualization.cshtml) — перенесено из <style> в шаблоне,
   который Vue вырезал, и правила не действовали. */
/* Карточка мастер-класса: цвет заголовка как на lorlor.ru + больше воздуха между блоками */
.mc-card-list .object__content { padding: 1.25rem 1.5rem 1.5rem; }
.mc-card-list .object__caption .caption { color: #5e74b7; }
.mc-card-list .object__caption .caption:hover { color: #5065a8; }
.mc-card-list .object__caption { margin-top: .25rem; margin-bottom: 1rem; }
.mc-card-list .object__content > .mb-2 { margin-bottom: .75rem !important; }
.mc-card-list .doctor { margin-bottom: .65rem !important; }
.mc-card-list ul.p-0 { margin-top: .25rem; margin-bottom: 1.5rem !important; }
.mc-card-list .btn-success { padding-top: .65rem; padding-bottom: .65rem; }