/* Отдельный курс специализации — компоненты, которых нет на других
   страницах. Общий слой (normalize/tokens/base/шапка/футер) — в
   common.css. Разметка страницы фиксирована (реальный MODX-дамп),
   здесь только оформление.
   .left-col/.container-2-col — общая сетка с qsft-courses.html
   (catalog.css); .menu-title/.menu-sub-title/.course-subtitle —
   общие с elective.html (course.css). */
@import "components/tabs.css";
@import "components/catalog.css";
@import "components/course.css";

.mobile-container-main-right {
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: flex-start;
  gap: var(--space-6);
}

.mobile-container-main-right .main-col.content {
  flex: 1;
  min-width: 0;
}

.mobile-container-main-right .course-info {
  flex: 0 0 240px;
}

@media (max-width: 1023px) {
  .mobile-container-main-right {
    flex-direction: column;
  }

  .mobile-container-main-right .course-info {
    flex-basis: auto;
    width: 100%;
  }
}