@charset "UTF-8";
.table_dark {
  font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
  font-size: 12px;
  table-layout: fixed;
  width: 100%; /* чтобы таблица занимала доступную ширину */
  text-align: left;
  border-collapse: collapse;
  background: #014494;
  margin: 10px;
  border: 1px solid #03787f;
  overflow: visible;
}

/* Вставляем контейнер-обёртку в стиле — если нужно, можно добавить <div class="table-wrapper"> вокруг таблицы */
.table-wrapper {
  overflow-x: auto; /* при узком экране — появится горизонтальный скролл */
  width: 100%;
}

/* Заголовки: не фиксировать большую ширину — пусть клетки подстраиваются */
.table_dark th {
  text-align: center;
  color: #01A8E2;
  border-bottom: 1px solid #03787f;
  border-right:1px solid #03787f;
  min-width: 120px; /* минимальная ширина на колонку */
  /* width: 150px; removed fixed width */
}

/* ячейки */
.table_dark td {
  color: #FFFFFF;
  border-bottom: 1px solid #03787f;
  border-right:1px solid #03787f;
  word-wrap: break-word;
}

/* ... оставшаяся часть файла без изменений ... */

/* Меняем форму, чтобы она не «выталкивала» контейнер за края экрана */
form {
    margin: 0 auto;
    margin: 10px;
    width: auto;         /* раньше было 130% — мешало */
    max-width: 100%;
    padding: 30px 30px 6px 30px;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 5px;
    background: #014494;
    box-shadow: 0 0 13px 3px rgba(0,0,0,.5);
    overflow: hidden;
}

/* select внутри таблицы — растягивать по ширине колонки */
select.sel_1 {
    width: 100%;
    height: 28px;
    border: 1px solid rgba(255,255,255,.4);
    border-radius: 4px;
    display:block;
    font-family: 'Open Sans', sans-serif;
    font-size:14px;
    font-weight: 300;
    color:#fff;
    background: #014494;
}

/* Доступный поведение страницы при узком экране */
body {
  background: #E7FCFE;
  overflow-x: auto;
}

/* Сбрасываем глобальные эффекты для ссылок внутри таблицы расписания */
.table_dark a {
  color: #01A8E2;           /* читаемый синий (как заголовки) */
  text-decoration: none;
  font-size: 14px;         /* аккуратный размер для дат/цифр */
  line-height: 1.2;
  display: inline-block;   /* чтобы можно было задать padding не ломая поток */
  padding: 2px 6px;
  background: transparent; /* без фона по умолчанию */
  border-radius: 3px;
  max-width: 100%;
  box-sizing: border-box;
  vertical-align: middle;
}

/* Подсветка при наведении — вернём старый ненавязчивый эффект */
.table_dark a:hover,
.table_dark a:focus {
  background: rgba(1,168,226,0.12); /* лёгкая голубая подсветка */
  color: #ffffff;                    /* текст подсвечивается белым для контраста */
  text-decoration: none;
  outline: none;
}

/* Сделаем номер недели (ссылка в первой колонке) визуально компактнее */
.table_dark td:first-child a {
  font-weight: 700;
  padding: 4px 8px;
  color: #FFFFFF;                     /* белые цифры на фоне шапки/строки */
  background: rgba(1,168,226,0.18);   /* лёгкий фон, чтобы номер был заметен */
}

/* Защита для кнопки возврата — убираем огромную фиксированную ширину/размер */
a.button28 {
  font-size: 160%;    /* меньше было 250% — делаем более умеренно */
  width: auto;        /* убираем жесткую 850px ширину */
  display: inline-block;
  padding: .4em 1em;
  box-sizing: border-box;
}

/* Глобальный 'a' оставляем, но ниже specific rules переопределяют его внутри таблицы */
a {
  text-decoration: none;
  color: inherit;
}

/* Опционально: если где-то ссылки всё ещё становятся блочными и растягивают колонки,
   ограничим их максимальной шириной в ячейке */
.table_dark td a {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}