/* =========================================================
   Расписание занятий (страница "Студентам"): таблица по дням
   недели для каждого курса специализации.
   ========================================================= */
.schedule-block {
  margin-top: var(--space-7);
}

.schedule-block__course {
  margin: 0 0 var(--space-4);
  font-size: 22px;
  font-weight: 700;
  color: var(--ink-900);
}

.schedule-table-wrap {
  overflow-x: auto;
}

.schedule-table {
  width: 100%;
  min-width: 640px;
  border-collapse: collapse;
  font-size: 14px;
}

.schedule-table th,
.schedule-table td {
  border: 1px solid var(--line);
}

.schedule-table th {
  background: var(--color-accent);
  color: var(--white);
  font-weight: 700;
  text-align: center;
  padding: var(--space-3) var(--space-4);
}

.schedule-table__day td {
  background: var(--color-accent-dark);
  color: var(--white);
  font-weight: 700;
  padding: var(--space-2) var(--space-4);
}

.schedule-table td {
  padding: var(--space-3) var(--space-4);
  vertical-align: top;
  color: var(--ink-700);
}

.schedule-table__time {
  background: rgba(5, 117, 129, 0.06);
  font-weight: 700;
  color: var(--ink-900);
  text-align: center;
  white-space: nowrap;
  width: 130px;
}

.schedule-table__room,
.schedule-table__teacher {
  text-align: center;
  color: var(--ink-500);
}

.schedule-note {
  margin-top: var(--space-4);
  margin-bottom: 0;
  font-size: 14px;
  color: var(--ink-500);
}

.schedule-note-list {
  margin-top: var(--space-2);
  margin-bottom: 0;
  padding-left: var(--space-5);
  list-style: disc;
  color: var(--ink-500);
  font-size: 14px;
}

.schedule-note-list li + li {
  margin-top: var(--space-1);
}

.schedule-table__day td{
  color: var(--color-accent-light);
}
@media (max-width: 767px) {
  .schedule-table__time {
    width: auto;
  }
  /* Закреплённый первый столбец (время) при горизонтальной
     прокрутке таблицы на мобильных — иначе непонятно, к какому
     времени относится прокрученная ячейка. */
  .schedule-table tr:first-child th:first-child,
  .schedule-table__time {
    position: sticky;
    left: -1px;
    z-index: 1;
    box-shadow: 2px 0 4px rgba(10, 30, 34, 0.08);
  }
  .schedule-table__time {
    background: #f0f7f8;
  }
  /* position:sticky на самой <td colspan="4"> не держится — ячейка
     и так шириной во всю таблицу, поэтому прилипает не сама ячейка
     (фон остаётся во всю ширину заголовка дня), а обёртка текста
     внутри неё. */
  .schedule-table__day-label {
    display: inline-block;
    position: sticky;
    left: var(--space-4);
    z-index: 1;
  }
}