/* ============================================================
   Донастройка нового дизайна статей под ЖИВОЙ контент (03.09.2026).
   В демо-макете были только свёрстанные вручную блоки, поэтому
   элементы визивига — списки, цитаты, ссылки, h3, картинки —
   не стилизованы вовсе. Файл грузится только на страницах,
   включённых в ssg_artv2_enabled_ids().
   ============================================================ */

/* лид в шапке приходит абзацем из записи */
.ssg-artv2 .adm-lead p {
  font-size: 16px;
  line-height: 19px;
  margin: 0 0 12px;
}
.ssg-artv2 .adm-lead p:last-child { margin-bottom: 0; }

/* фото записи вместо иллюстрации-книг: кадрируем в вертикальный слот */
.ssg-artv2 .adm-hero-art.is-photo img {
  width: 100%;
  height: 420px;
  object-fit: cover;
  border-radius: 16px;
}

/* ---------- визивиг внутри секций ---------- */

.ssg-artv2 .adm-main ul,
.ssg-artv2 .adm-main ol {
  max-width: 770px;
  margin: 0 0 19px;
  padding-left: 0;
  list-style: none;
}

.ssg-artv2 .adm-main li {
  position: relative;
  font-size: 16px;
  line-height: 19px;
  padding-left: 26px;
  margin-bottom: 10px;
}

.ssg-artv2 .adm-main li:last-child { margin-bottom: 0; }

.ssg-artv2 .adm-main ul > li::before {
  content: "";
  position: absolute;
  left: 8px;
  top: 7px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #043063;
}

.ssg-artv2 .adm-main ol { counter-reset: artv2; }
.ssg-artv2 .adm-main ol > li { counter-increment: artv2; }
.ssg-artv2 .adm-main ol > li::before {
  content: counter(artv2) ".";
  position: absolute;
  left: 4px;
  top: 0;
  font-weight: 600;
  color: #043063;
}

/* подзаголовки третьего уровня из текста статьи */
.ssg-artv2 .adm-main h3 {
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  color: #262626;
  margin: 34px 0 14px;
  max-width: 770px;
}

/* цитата из визивига — та же плашка, что .adm-callout */
.ssg-artv2 .adm-main blockquote {
  position: relative;
  background: #F2F2F2;
  padding: 17px 24px 17px 25px;
  margin: 24px 0;
  max-width: 770px;
  border: 0;
  font-style: normal;
}
.ssg-artv2 .adm-main blockquote::before {
  content: "";
  position: absolute;
  left: 5px;
  top: 5px;
  bottom: 5px;
  width: 4px;
  border-radius: 2px;
  background: #043063;
}
.ssg-artv2 .adm-main blockquote p:last-child { margin-bottom: 0; }

/* ссылки в тексте */
.ssg-artv2 .adm-main a:not(.adm-btn):not(.artv2-btn):not(.photo) {
  color: #043063;
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
  transition: color .2s ease;
}
.ssg-artv2 .adm-main a:not(.adm-btn):not(.artv2-btn):not(.photo):hover { color: #FF542C; }

/* Картинки ИЗ ТЕКСТА статьи. Правило намеренно узкое: раньше оно било по
   всем img внутри колонки — в том числе по иллюстрации CTA-баннера (та
   получала height:auto и вылезала за баннер, обрезаясь; п.4 правок Насти
   03.09) и по цифрам в кружках. */
.ssg-artv2 .adm-main section > img,
.ssg-artv2 .adm-main section > p img,
.ssg-artv2 .adm-main .adm-callout img,
.ssg-artv2 .adm-main figure img {
  display: block;
  max-width: 100%;
  height: auto;
  border-radius: 12px;
  margin: 24px 0;
}

/* таблица из ACF получает те же правила, что свёрстанная в демо */
.ssg-artv2 .adm-main table:not(.adm-table) {
  width: 100%;
  max-width: 770px;
  border-collapse: collapse;
}

/* незнакомый блок отдаётся старым рендером — гасим его внешние отступы,
   чтобы он не ломал сетку новой страницы */
.ssg-artv2 .adm-legacy .site-main { width: auto; max-width: none; padding: 0; margin: 0; }
.ssg-artv2 .adm-legacy section { padding: 0; }


/* Таблицы из текста статьи: не тянут страницу, скроллятся внутри себя
   (правка 09.09.2026). */
.ssg-artv2 .adm-main .adm-tablewrap { overflow-x: auto; max-width: 100%; }
.ssg-artv2 .adm-main .adm-tablewrap > table { min-width: 520px; }


/* Картинки, вставленные в текст с обтеканием (alignleft/alignright из редактора):
   в одноколоночной статье они сжимали соседние блоки и выталкивали карточки
   за экран (правка 09.09.2026, статья про Польшу). Ставим их в поток. */
.ssg-artv2 .adm-main img.alignleft,
.ssg-artv2 .adm-main img.alignright,
.ssg-artv2 .adm-main img.aligncenter,
.ssg-artv2 .adm-main .alignleft > img,
.ssg-artv2 .adm-main .alignright > img {
  float: none;
  display: block;
  max-width: 100%;
  height: auto;
  margin: 24px 0;
}
.ssg-artv2 .adm-main .adm-grid2,
.ssg-artv2 .adm-main .adm-tablewrap { clear: both; }

/* ---------- планшет ---------- */
@media (max-width: 1023px) {
  .ssg-artv2 .adm-hero-art.is-photo img { height: 300px; }
  .ssg-artv2 .adm-main li,
  .ssg-artv2 .adm-lead p { font-size: 14px; line-height: 17px; }
  .ssg-artv2 .adm-main h3 { font-size: 18px; line-height: 22px; margin: 28px 0 12px; }
}

/* ---------- мобилка ---------- */
@media (max-width: 767px) {
  .ssg-artv2 .adm-hero-art.is-photo img { height: 200px; border-radius: 12px; }
  .ssg-artv2 .adm-main section > img,
  .ssg-artv2 .adm-main section > p img,
  .ssg-artv2 .adm-main .adm-callout img,
  .ssg-artv2 .adm-main figure img { margin: 18px 0; }
}

/* ---------- широкие блоки-подборки под сеткой ----------
   «Популярные университеты», «Страны», «Наши услуги», «Статьи по теме» —
   это секции лендинга со своей вёрсткой. В колонку статьи они не влезают,
   поэтому выводятся под сеткой как есть; здесь только снимаем их внешние
   поля, чтобы они не разъезжались внутри .adm-container. */
.ssg-artv2 .adm-legacy-wide { margin-top: 60px; }
.ssg-artv2 .adm-legacy-wide .site-main { width: auto; max-width: none; padding-left: 0; padding-right: 0; }
.ssg-artv2 .adm-legacy-wide > section:first-child { padding-top: 0; }


/* ============================================================
   ПОДБОРКИ ВНУТРИ КОЛОНКИ СТАТЬИ (правка Насти 03.09.2026, п.10)
   «Популярные университеты», «Страны», «Статьи по теме» больше не уезжают
   широкой лентой под сетку: они стоят в потоке статьи и подстраиваются под
   её ширину. Карточки повторяют обновлённый дизайн главной, лента — слайдер
   с демо-страницы. Блок «Наши услуги» пока не выводится совсем.
   ============================================================ */

.ssg-artv2 .artv2-cards .adm-track > * {
  flex: 0 0 330px;
}

.ssg-artv2 .artv2-uni,
.ssg-artv2 .artv2-country {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  border-radius: 12px;
  font-size: 16px;
  line-height: 19px;
  color: #262626;
}

.ssg-artv2 .artv2-uni {
  background: #fff;
  border: 1px solid #043063;
  padding: 20px;
}

.ssg-artv2 .artv2-country {
  background: #D9EAF9;
  padding: 20px 15px;
}

/* 07.09: 1-в-1 с blocks/home_universities.css — полоса 75px, картинка
   заливает её cover (было contain → фото вуза висело мелким квадратиком,
   «странно подтягивается, особенно фото», Настя) */
.ssg-artv2 .artv2-uni .logo {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 75px;
  margin: 0 -10px;
  text-align: center;
  overflow: hidden;
}

.ssg-artv2 .artv2-uni .logo img {
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  object-fit: cover;
  margin: 0;
}

.ssg-artv2 .artv2-uni .logo b {
  display: block;
  font-family: "Viaoda Libre", "Kudryashev Headline", serif;
  font-weight: 400;
  font-size: 25px;
  line-height: 1.05;
  color: #043063;
}

.ssg-artv2 .artv2-uni .attrs {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 30px;
}

.ssg-artv2 .artv2-uni .attrs span {
  padding: 5px 15px;
  border-radius: 20px;
  background: #D9EAF9;
  color: #043063;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
}

.ssg-artv2 .artv2-uni .desc,
.ssg-artv2 .artv2-country .desc {
  margin-top: 15px;
}

.ssg-artv2 .artv2-uni .desc p,
.ssg-artv2 .artv2-country .desc p {
  margin: 0 0 8px;
}

.ssg-artv2 .artv2-uni .desc p:last-child,
.ssg-artv2 .artv2-country .desc p:last-child {
  margin-bottom: 0;
}

.ssg-artv2 .artv2-uni .prices {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 5px;
  margin-top: 10px;
}

.ssg-artv2 .artv2-uni .prices span {
  padding: 5px 10px;
  border-radius: 20px;
  background: #E1E1E1;
  font-size: 14px;
  line-height: 17px;
}

.ssg-artv2 .artv2-country .head {
  display: flex;
  gap: 15px;
  align-items: center;
}

.ssg-artv2 .artv2-country .head img {
  flex: 0 0 50px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin: 0;
}

.ssg-artv2 .artv2-country .head b {
  font-family: "Viaoda Libre", "Kudryashev Headline", serif;
  font-weight: 400;
  font-size: 30px;
  line-height: 1;
  color: #043063;
}

.ssg-artv2 .artv2-uni .more,
.ssg-artv2 .artv2-country .more {
  margin-top: auto;
  padding-top: 30px;
}

/* статьи по теме — карточки как на /blog/ */
.ssg-artv2 .artv2-posts {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 15px;
  margin-top: 26px;
}

.ssg-artv2 .artv2-post {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 15px;
  background: #D9EAF9;
  border-radius: 12px;
  padding: 20px 15px;
}

.ssg-artv2 .artv2-post .photo {
  display: block;
  line-height: 0;
}

.ssg-artv2 .artv2-post .photo img {
  width: 100%;
  height: 150px;
  object-fit: cover;
  border-radius: 10px;
  margin: 0;
}

.ssg-artv2 .artv2-post .title {
  flex-grow: 1;
  font-family: "Viaoda Libre", "Kudryashev Headline", serif;
  font-weight: 400;
  font-size: 25px;
  line-height: 1.05;
  color: #043063;
}

.ssg-artv2 .artv2-post .title a {
  color: inherit;
  text-decoration: none;
}

.ssg-artv2 .artv2-post .title a:hover {
  color: #FF542C;
}

.ssg-artv2 .artv2-posts-all {
  display: flex;
  justify-content: flex-start; /* 07.09: «кнопку по левой стороне» (Настя) */
  margin-top: 20px;
}

/* Кнопка карточки — общий «второстепенный» стиль сайта: класс
   `adm-btn outline` даёт ту же анимацию переката букв, что и .button.outline
   на главной (её правка 28.08: «кнопки анимацией как на главной, для
   второстепенной с обводкой — свой тип»). Геометрию берём с главной. */
.ssg-artv2 a.adm-btn.outline.artv2-more-btn {
  padding: 10px 40px;
  border-radius: 5px;
  font-size: 14px;
  font-weight: 400;
}

/* нумерованные шаги из <ol> (п.5): в карточке только текст */
.ssg-artv2 .adm-steps .adm-step .txt p {
  margin: 0;
}

/* 07.09: на планшете (768–1279, включая iPad Pro 1024) описание в карточках
   вузов/стран — 13px (вопрос Насти «сможем ли поставить шрифт 13?») */
@media (min-width: 768px) and (max-width: 1279px) {
  .ssg-artv2 .artv2-uni .desc,
  .ssg-artv2 .artv2-country .desc { font-size: 13px; line-height: 16px; }
}

@media (max-width: 1023px) {
  .ssg-artv2 .artv2-cards .adm-track > * { flex: 0 0 300px; }
  .ssg-artv2 .artv2-post .title { font-size: 22px; }
}

@media (max-width: 767px) {
  .ssg-artv2 .artv2-posts { grid-template-columns: 1fr; }
  .ssg-artv2 .artv2-cards .adm-track > * { flex: 0 0 82%; }
}

/* ---------- Заголовки статьи в одну строку ----------
   Правка Насти 07.09 22:24: у длинных H2 хвост («CSC?») падал на вторую
   строку из-за общего ограничения max-width:640px. На БОЕВОЙ статье
   заголовок занимает всю колонку — демо-страница остаётся копией макета,
   а баннер и финальная карточка держат свои max-width (они не в section). */
.ssg-artv2 .adm-main section > .adm-h2 {
  max-width: none;
}