/* Страница «Приём в университеты». Разметка использует классы, для которых на сайте
   не осталось стилей (academics-hero, graph-info, info-location, table-info) — задаём их здесь. */
.ua-page { font-family: Roboto, Arial, sans-serif; color: #1a1a1a; }
.ua-page .grid { max-width: 1200px; margin: 0 auto; padding: 0 20px; box-sizing: border-box; }
.ua-page .academics-hero { padding: 8px 0 40px; }
/* В старом main.css у .grid__row есть ::before/::after (клирфикс эпохи float).
   Во flex/grid-контейнере они становятся полноценными ячейками и ломают раскладку — гасим их. */
.ua-page .academics-hero .grid__row::before,
.ua-page .academics-hero .grid__row::after { content: none; display: none; }
.ua-page .academics-hero .grid__row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 40px; }
.ua-page .academics-hero__content { flex: 1 1 340px; min-width: 0; }
/* диаграмма занимает долю ширины экрана, но не больше 520px и не меньше 240px */
.ua-page .graph-info { flex: 0 1 clamp(240px, 42vw, 520px); min-width: 0; }
.ua-page .academics-hero__content span { display: block; font-family: Lora, serif; font-size: 28px; line-height: 1.25; margin-bottom: 16px; }
.ua-page .academics-hero__content p { font-size: 17px; line-height: 1.6; margin: 0; }
.ua-page .academics-hero__watermark { display: none; }

/* Диаграмма + легенда */
.ua-page .graph-info__cols { display: flex; align-items: center; gap: 28px; flex-wrap: wrap; }
.ua-page .graph-info__col--full { flex: 1 1 100%; }
.ua-page .graph-info__col--full .graph-info__img { flex: 1 1 100%; }
.ua-page .graph-info__col--full .graph-info__img img { width: 100%; max-width: 520px; height: auto; margin: 0 auto; }
.ua-page .graph-info__img { flex: 0 1 380px; }
.ua-page .graph-info__img img { display: block; width: 100%; max-width: 380px; height: auto; }
.ua-page .graph-info__list { list-style: none; margin: 0; padding: 0; }
.ua-page .graph-info__list li { display: flex; align-items: center; gap: 10px; font-size: 16px; line-height: 1.9; }
.ua-page .graph-info__color { display: inline-block; width: 14px; height: 14px; border-radius: 3px; flex: 0 0 14px; }

/* Секции */
.ua-page .alumniclub-page-wrp { padding-bottom: 48px; }
.ua-page .wrp-info { margin-top: 40px; }
.ua-page .h3 { font-family: Lora, serif; font-size: 26px; line-height: 1.25; margin: 0 0 16px; }
.ua-page .wrp-info > p { font-size: 17px; line-height: 1.6; margin: 0 0 20px; max-width: 900px; }

/* Университеты по странам */
.ua-page .info-location__cols { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px 32px; }
.ua-page .info-location__content { margin-bottom: 20px; break-inside: avoid; }
.ua-page .info-location__title { font-family: Lora, serif; font-size: 20px; line-height: 1.3; margin: 0 0 10px; color: #bd3738; }
.ua-page .info-location__list { list-style: none; margin: 0; padding: 0; }
.ua-page .info-location__list li { position: relative; padding-left: 16px; font-size: 16px; line-height: 1.55; margin-bottom: 6px; }
.ua-page .info-location__list li::before { content: ""; position: absolute; left: 0; top: 10px; width: 7px; height: 2px; background: #bd3738; }

/* Таблицы рейтингов */
.ua-page .table-info { overflow-x: auto; }
.ua-page .table-info table { width: 100%; border-collapse: collapse; font-size: 16px; min-width: 560px; }
.ua-page .table-info th,
.ua-page .table-info td { border: 1px solid #e4e4e7; padding: 12px 14px; text-align: left; }
.ua-page .table-info table thead tr,
.ua-page .table-info table thead th { background: #f4f4f5; }
.ua-page .table-info table tr th { color: #1a1a1a; font-weight: 600; }
.ua-page .table-info tbody td:first-child { font-weight: 500; }

@media (max-width: 1023px) {
  .ua-page .academics-hero .grid__row { flex-direction: column; align-items: stretch; gap: 24px; }
  .ua-page .academics-hero__content { flex: 0 0 auto; order: 1; }
  .ua-page .graph-info { flex: 0 0 auto; order: 2; width: min(100%, 420px); margin: 0 auto; }
  .ua-page .info-location__cols { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 660px) {
  .ua-page .graph-info { width: min(100%, 320px); }
}
@media (max-width: 660px) {
  .ua-page .info-location__cols { grid-template-columns: 1fr; }
  .ua-page .academics-hero__content span { font-size: 23px; }
  .ua-page .h3 { font-size: 22px; }
}