alexalexes

Используйте display: grid вместо flex. В гридах есть возможность задать табличную сетку для контейнера с элементами.

При попытке вызвать play(), вы получаете сообщение об ошибке в консоли:

failed because the user didn't interact with the document first

Это значит, вы не можете пользователю включить звук, если он никак не взаимодействовал с панелью управления тега audio.
Это концепция предусмотрена разработчиками браузера, чтобы разработчики сайтов не использовали звуковые эффекты на своих сайтах вопреки ожиданию пользователей.

Нужно помнить, что у тега a и button по умолчанию поведение display: inline - строчные элементы.
Если хотите, чтобы они служили там, где используются блочные элементы (display: block) и блочно-строчные (display: inline-block), как div в вашем примере. Так обеспечьте их этим свойством - указав его явно.
Зная это, можно спокойно заменить div на a и решить вашу проблему.

Нужно извлечь из страницы все ссылки с атрибутом rel="tag". Пройтись по списку найденных ссылок и найти ссылку с необходимым содержанием. Далее подняться на 4 предка вверх и удалить его.

let anchors = document.querySelectorAll('a[rel="tag"]');
for(let i = 0; i < anchors.length; i++)
{
  if(anchors[i].innerHTML.indexOf('Онкология') >= 0)
  {
    anchors[i].closest('.case-col').remove();
    break;
  }
}

PS: Jquery должен умереть, не используйте его там, где справятся нативные функции JS.

Либо по старинке - всем элементам, которые хотите сделать в ряд, даете свойство display: inline-block; либо по молодежному - делаете контейнер с display: flex и добавляете необходимые flex-свойства элементам, чтобы обеспечить выравнивание и пропорции заполнения блоков.
Еще древнее способ и самый правильный с точки зрения семантики HTML - элемент .button используете как input, а не div, чтобы все элементы в ряду были строчного типа - тогда мучиться с выравниванием не придется.

Браузеру пофигу на метазаголовки, если сервер пришлет http-заголовок с другой кодировкой.
Нужно смотреть:
1) в какой кодировке файл php (можно пересохранить в другой кодировке);
2) какой браузеру приходит http-заголовок, связанный с кодировкой от сервера на вкладке Сеть по F12 (можно добавить http-заголовок с нужной кодировкой через функцию header);
3) meta-заголовки кодировки бесполезны, если выводом контента рулит php-скрипт.

Вариант 1, решение на коленке, которое нужно здесь и сейчас.
Написать костыль на JS в виде функции, которая возьмет подстроку из текущего url и произведет поиск нужной ссылки в меню с таким же href атрибутом, и поставит найденному html элементу класс активного элемента (или контейнеру ссылки - li элементу). Не забудьте прогуляться до первого уровня меню и тоже расставить классы активного элемента, если у вас меню многоуровневое.

Вариант 2, как должно быть.
У вас во входном скрипте index.php должен быть реализован примитивный роутинг url.
Благодаря роутеру для каждой страницы вы точно можете получить путь из компонентов адреса.
Например, site.com/page1/subpage2.
От роутера вы легко можете получить путь к странице, хотя бы в таком виде:
$page_path = ['page1', 'subpage2'];
Также меню должно формироваться динамически, из какой-то сохраненной структуры, пусть структура будет статичной.

$site_menu =
[
   'page1' =>
   [
      'title' => 'Страница 1', 
      'child' => 
      [
         'subpage2' => ['title' => 'Субстраница 2', 'child' => []]
      ]
  ],
  'page2' =>
   [
      'title' => 'Страница 2', 
      'child' => []
  ],
];

Примерная функция для формирования меню:

// рекурсивная функция для получения сверстанного меню из структуры
function get_main_menu(
   $curr_menu, //часть меню текущего уровня
   $level, // номер текущего уровня
   $menu_path, // путь к текущему уровню меню
   &$page_path // путь к текущей странице 
)
{  
  $out = '';
  if(count($curr_menu) > 0)
  {
    $out .= '<ul class="main-menu main-menu_level-'.$level.'">';
    foreach($curr_menu as $key_item => $menu_item)
    {
        $out .= '<li class="main-menu__item '
                 .($page_path[$level] == $key_item ? 'main-menu__curent' : '') // определяем текущий пункт меню
               .'"><a href="'.$menu_path.'/'.$key_item.'">'.$menu_item['title'].'</a>';
        get_main_menu($curr_menu['child'], $level + 1, $menu_path.'/'.$key_item, $page_path); // рекурсивный вызов функции для прорисовки следующего уровня
        $out .= '</li>';
    }
    $out .= '</ul>';
  }
  return $out;
}
 // получаем html-фрагмент меню по структуре
 $out_site_menu = get_main_menu($site_menu, 0, '', $page_path);

Значит, CSS стили не подействовали, или были перебиты другими стилями от других модулей.

Оборачиваете html-таблицу в форму, с кнопочкой сабмита. Когда отметили нужное, пользователь должен засабмитить форму. В форме нужно указать метод передачи GET или POST и адрес, где будет располагаться серверный скрипт обработки формы.
В скрипте примерно такой код:

<?php
// считаем, что данные пришли по POST-у
if(isset($_POST['submit'])) // проверяем, что приехали данные формы по submit, в кнопке сабмита атрибут name должен иметь значение submit
{
   $inserted_user_count = 0;
   if(isset($_POST['selected_users'])) // присутствуют отмеченные пользователи
   {
      $pdo = new PDO(параметры подключения к базе);
      foreach($_POST['selected_users'] as $selected_user_id)
      {
        $stmt = $pdo->prepare('insert into ваша таблица (атрибуты таблицы) values (значения атрибутов таблицы, кроме user_id, :user_id)');
        $stmt->bindParam(':user_id', $selected_user_id, PDO::PARAM_INT);
        // еще байндим какие-то параметры у запроса, если есть плейсхолдеры, кроме :user_id.
        $stmt->execute(); // наконец, выполняем запрос
        $pdo->commit(); // фиксируем изменения в базе данных, если у вас соединение открыто не в режиме автокамита
        $inserted_user_count++;
      }
      $pdo = null; // закрываем соединение с базой
   }
   echo 'Обработано пользователей: '.$inserted_user_count;
}
?>

numberStudentsPrice.innerHTML = +numberStudentsPrice.innerHTML + +numberStudentsPriceWeekend.innerHTML;

Наверное, нужно где-то хранить исходное значение numberStudentsPrice, которое не будет зависеть от погоды. И от этого значения считать и будничный день, и выходной, не затирая исходный коэффициент.
А так, вы инкриминируете numberStudentsPrice на шаг numberStudentsPriceWeekend при каждом выборе выходного.

Гуглите border-radius.
1. border-radius делаете >= 50% и у вас получается круг.
2. Закругление можно делать по отдельным сторонам блока.

А что вам мешает css инлайн стилем добавить? Можно даже картинку в base64 перевести и туда же интегрировать, чтобы не обращаться ни к каким сторонним ресурсам.