/*
Theme Name: Obelisk Child
Author: ThemesCamp
Author URI:  http://themeforest.net/user/themescamp
Theme URI: http://themeforest.net/user/themescamp/portfolio
Template: obelisk
Description: This is child theme for Obelisk Theme.
Version: 1.0.0
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: obelisk-child
Tags: one-column, two-columns, right-sidebar,custom-colors,featured-images
*/

/* ====================== [ Nested levels: общая база ] ====================== */
/* ====================== [ Start tabs & list — base ] ====================== */
/* База из твоего кода + небольшой reset, чтобы не было дублирующихся буллитов */
.smp-list,
.smp-list1 {
  margin: 0;
  list-style: none;   /* убираем стандартные маркеры */
  padding-left: 0;
}

/* Твой дефолтный стиль с короткой «риской» слева */
.smp-list li {
  margin-top: 20px;
  font-size: 15px;
  font-weight: 300;
  padding-left: 20px;
  position: relative;
}
.smp-list li:after {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  width: 5px;
  height: 1px;
  background: #12c2e9;
}

.smp-list1 ul {     /* если внутри есть вложенный ul */
  margin-top: 5px;
}
.smp-list1 li {
  margin-top: 5px;
  font-size: 15px;
  font-weight: 300;
  padding-left: 20px;
  position: relative;
}
.smp-list1 li:after {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  width: 5px;
  height: 1px;
  background: #12c2e9;
}
/* ====================== [ End base ] ====================== */


/* ====================== [ Modifiers: общая логика ] ====================== */
/* Эти классы ты добавляешь к smp-list / smp-list1, чтобы поменять вид маркера
   Пример: <ul class="smp-list1 smp-list--dash">...</ul> */
.smp-list--dash,
.smp-list--check,
.smp-list--arrow,
.smp-list--star,
.smp-list--numcircle {
  list-style: none !important;   /* гарантированно убираем стандартные маркеры */
  padding-left: 0;
  margin-left: 0;
}

/* место под кастомный маркер */
.smp-list--dash li,
.smp-list--check li,
.smp-list--arrow li,
.smp-list--star li {
  padding-left: 1.6em;
}

/* отключаем твой базовый «штрих», чтобы не было дубляжа */
.smp-list--dash li:after,
.smp-list--check li:after,
.smp-list--arrow li:after,
.smp-list--star li:after,
.smp-list--numcircle li:after {
  content: none !important;
}

/* Сброс и отступы для вложенных уровней */
.smp-list li ul,
.smp-list1 li ul {
  margin-top: 8px;
  padding-left: 0;
  list-style: none;
}
.smp-list li ul > li,
.smp-list1 li ul > li { padding-left: 1.6em; position: relative; }
.smp-list li ul ul > li,
.smp-list1 li ul ul > li { padding-left: 1.8em; position: relative; }
/* ====================== [ End modifiers base ] ====================== */


/* ====================== [ 1) Тире ] ====================== */
.smp-list--dash li::before {
  content: "–";
  position: absolute; left: 0; top: 0.1em;
  color: #12c2e9; font-weight: 600;
}
/* 2-й уровень */
.smp-list--dash li > ul > li::before {
  content: "–";
  position: absolute; left: 0; top: 0.1em;
  color: #12c2e9; opacity: .65; font-weight: 600;
}
/* 3-й уровень */
.smp-list--dash li > ul > li > ul > li::before {
  content: "•";
  position: absolute; left: 0; top: .2em;
  color: #12c2e9; opacity: .55; font-size: .7em;
}

/* ====================== [ 2) Галочки ] ====================== */
.smp-list--check li::before {
  content: "✓";
  position: absolute; left: 0; top: .05em;
  color: #27ae60; font-weight: 700;
}
.smp-list--check li > ul > li::before {
  content: "›";
  position: absolute; left: 0; top: .05em;
  color: #27ae60; opacity: .85; font-weight: 700;
}
.smp-list--check li > ul > li > ul > li::before {
  content: "•";
  position: absolute; left: 0; top: .25em;
  color: #27ae60; opacity: .6; font-size: .65em;
}

/* ====================== [ 3) Стрелки ] ====================== */
.smp-list--arrow li::before {
  content: "➤";
  position: absolute; left: 0; top: .05em;
  color: #6c5ce7; font-size: .95em;
}
.smp-list--arrow li > ul > li::before {
  content: "→";
  position: absolute; left: 0; top: .1em;
  color: #6c5ce7; opacity: .85;
}
.smp-list--arrow li > ul > li > ul > li::before {
  content: "›";
  position: absolute; left: 0; top: .1em;
  color: #6c5ce7; opacity: .65;
}

/* ====================== [ 4) Звёзды ] ====================== */
.smp-list--star li::before {
  content: "★";
  position: absolute; left: 0; top: .05em;
  color: #01FFBF; font-size: .95em;
}
.smp-list--star li > ul > li::before {
  content: "✦";
  position: absolute; left: 0; top: .05em;
  color: #01FFBF; opacity: .85;
}
.smp-list--star li > ul > li > ul > li::before {
  content: "·";
  position: absolute; left: 0; top: .25em;
  color: #01FFBF; opacity: .6; font-size: 1.2em; line-height: 0;
}

/* ====================== [ 5) Нумерация в кружках с уровнями ] ====================== */
/* 1-й уровень — заполненный круг */
.smp-list--numcircle { counter-reset: step; }
.smp-list--numcircle > li {
  counter-increment: step;
  padding-left: 2.2em; position: relative;
}
.smp-list--numcircle > li::before {
  content: counter(step);
  position: absolute; left: 0; top: 50%; transform: translateY(-50%);
  width: 1.6em; height: 1.6em; border-radius: 50%;
  background: #12c2e9; color: #fff; font-size: .85em; font-weight: 600;
  display: flex; align-items: center; justify-content: center;
}

/* 2-й уровень — круг с обводкой 1.1, 1.2... */
.smp-list--numcircle > li > ul { counter-reset: substep; }
.smp-list--numcircle > li > ul > li {
  counter-increment: substep; padding-left: 2.2em; position: relative;
}
.smp-list--numcircle > li > ul > li::before {
  content: counter(step) "." counter(substep);
  position: absolute; left: 0; top: 50%; transform: translateY(-50%);
  width: 1.6em; height: 1.6em; border-radius: 50%;
  border: 2px solid #12c2e9; color: #12c2e9; background: transparent;
  font-size: .78em; font-weight: 700;
  display: flex; align-items: center; justify-content: center;
}

/* 3-й уровень — «чип» 1.1.1 */
.smp-list--numcircle > li > ul > li > ul { counter-reset: subsub; }
.smp-list--numcircle > li > ul > li > ul > li {
  counter-increment: subsub; padding-left: 2.2em; position: relative;
}
.smp-list--numcircle > li > ul > li > ul > li::before {
  content: counter(step) "." counter(substep) "." counter(subsub);
  position: absolute; left: 0; top: 50%; transform: translateY(-50%);
  padding: 0 .6em; height: 1.2em; border-radius: 999px;
  border: 1px solid rgba(18,194,233,.6); color: #12c2e9; background: rgba(18,194,233,.08);
  font-size: .72em; font-weight: 700; line-height: 1.2em;
  display: flex; align-items: center; justify-content: center;
}
/* ====================== [ End modifiers ] ====================== */


/* === HARD KILL стандартных маркеров темы для модифицированных списков === */
.smp-list--dash,
.smp-list--check,
.smp-list--arrow,
.smp-list--star,
.smp-list--numcircle {
  list-style: none !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
}

/* убираем любые ::marker и «квадратики» темы */
.smp-list--dash li,
.smp-list--check li,
.smp-list--arrow li,
.smp-list--star li,
.smp-list--numcircle li {
  list-style: none !important;              /* на случай, если задавали на li */
}

.smp-list--dash li::marker,
.smp-list--check li::marker,
.smp-list--arrow li::marker,
.smp-list--star li::marker,
.smp-list--numcircle li::marker {
  content: "" !important;                   /* глушим нативный маркер */
}

/* Сбрасываем возможный квадрат/фон, который тема вешает на li::before/::after */
.smp-list--dash li::before,
.smp-list--dash li::after,
.smp-list--check li::before,
.smp-list--check li::after,
.smp-list--arrow li::before,
.smp-list--arrow li::after,
.smp-list--star li::before,
.smp-list--star li::after,
.smp-list--numcircle li::before,
.smp-list--numcircle li::after {
  background: none !important;
  width: auto !important;
  height: auto !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* --- заново задаём наши маркеры (усиленная специфичность) --- */

/* тире */
.smp-list1.smp-list--dash li::before,
.smp-list.smp-list--dash li::before {
  content: "–";
  position: absolute; left: 0; top: 0.1em;
  color: #12c2e9; font-weight: 600;
  background: none !important;
}

/* звёзды */
.smp-list1.smp-list--star li::before,
.smp-list.smp-list--star li::before {
  content: "★";
  position: absolute; left: 0; top: .05em;
  color: #01FFBF; font-size: .95em;
}

/* галочки */
.smp-list1.smp-list--check li::before,
.smp-list.smp-list--check li::before {
  content: "✓";
  position: absolute; left: 0; top: .05em;
  color: #27ae60; font-weight: 700;
}

/* цифры в кружках (оставляем как было — если нужно, продублируй из прошл. блока) */

/* Отступы между списками smp-list1 */
.smp-list1 {
  margin: 0 0 20px 0; /* стандартный отступ снизу */
  padding: 0;
}

.smp-list1:last-of-type {
  margin-bottom: 0; /* убираем у последнего */
}

/* Для планшетов (ширина до 1024px) */
@media (max-width: 1024px) {
  .smp-list1 {
    margin-bottom: 15px;
  }
}

/* Для мобильных (ширина до 600px) */
@media (max-width: 600px) {
  .smp-list1 {
    margin-bottom: 10px;
  }
}

/* Более плотные строки внутри списка */
.smp-list1 li {
  margin-top: 5px;   /* вместо 5px */
  line-height: 1.5;  /* чуть плотнее текста */
}

/* Отступы между списками */
.smp-list1 {
  margin: 0 0 20px 0;
  padding: 0;
}

.smp-list1:last-of-type {
  margin-bottom: 0;
}

/* Планшеты */
@media (max-width: 1024px) {
  .smp-list1 {
    margin-bottom: 15px;
  }
}

/* Мобилки */
@media (max-width: 600px) {
  .smp-list1 {
    margin-bottom: 10px;
  }

  .smp-list1 li {
    margin-top: 5px;   /* ещё плотнее на телефоне */
    line-height: 1.4;
  }
}

/* === OVERRIDES для звёздного списка: 2-й и 3-й уровни === */
.smp-list--star li > ul > li::before {
  content: "■";
  position: absolute;
  left: 0;
  top: .15em;
  color: #ba00ff;         /* фиолетовый квадратик */
  font-size: .7em;
}

.smp-list--star li > ul > li > ul > li::before {
  content: "•";
  position: absolute;
  left: 0;
  top: .25em;
  color: #999;            /* серенькая точка */
  opacity: .75;
  font-size: .65em;
}

/* немного воздуха между уровнями внутри звёздного списка */
.smp-list--star > li > ul { margin-top: 6px; }
.smp-list--star > li > ul > li > ul { margin-top: 4px; }

/* компактнее строки внутри .smp-list1 (если хочешь чуть плотнее — сними до 1.4) */
.smp-list1 li { line-height: 1.45; }
@media (max-width: 600px){
  .smp-list1 li { line-height: 1.35; }
}

/* логические разрывы между отдельными списками smp-list1 (адаптив) */
.smp-list1 { margin: 0 0 20px 0; }
@media (max-width: 1024px){ .smp-list1 { margin-bottom: 15px; } }
@media (max-width: 600px){  .smp-list1 { margin-bottom: 10px; } }
.smp-list1:last-of-type { margin-bottom: 0; }

/* подсветка <mark> в заголовке (если используешь) */
.entry-content mark, mark {
  background: #ff00ff; color:#fff; padding: 2px 4px; border-radius: 2px;
}

/* === PATCH: Вложенные уровни для .smp-list--star === */
/* 2-й уровень — фиолетовый квадратик (перебиваем правило со звёздами) */
.smp-list1.smp-list--star > li > ul > li::before,
.smp-list.smp-list--star  > li > ul > li::before {
  content: "■";
  position: absolute;
  left: 0;
  top: .15em;
  color: #ba00ff;
  font-size: .9em;
}

/* 3-й уровень — серая точка */
.smp-list1.smp-list--star > li > ul > li > ul > li::before,
.smp-list.smp-list--star  > li > ul > li > ul > li::before {
  content: "•";
  position: absolute;
  left: 0;
  top: .25em;
  color: #9ca3af;      /* #999 тоже ок */
  opacity: .8;
  font-size: .65em;
}

/* чуть воздуха между уровнями */
.smp-list1.smp-list--star > li > ul { margin-top: 6px; }
.smp-list1.smp-list--star > li > ul > li > ul { margin-top: 4px; }


.section-title {
  font-weight: 700;
  font-size: 18px;
  line-height: 1.4;
  color: #fff;
  margin-bottom: 20px;
}

.section-title mark {
  background: #ff00ff;
  color: #fff;
  padding: 2px 4px;
  border-radius: 2px;
}
/* Базовый <mark> (розовый) */
mark {
  background: #ff00ff;   /* розовый маркер */
  color: #fff;           /* текст белым для контраста */
  padding: 2px 4px;      /* немного воздуха */
  border-radius: 2px;    /* мягкие края */
}

/* Красный FF2F67 */
mark.red {
  background: #FF2F67;
  color: #fff;
}

/* Сиреневый 9900FF */
mark.violet {
  background: #9900FF;
  color: #fff;
}

/* Голубой 4A86E8 */
mark.blue {
  background: #4A86E8;
  color: #fff;
}

/* Зелёный 00FFFF */
mark.green {
  background: #00FFFF;
  color: #111;  /* для ярко-зелёного лучше тёмный текст */
}





.summary {
  margin-top: 15px;
}

/* === БАЗОВЫЕ ССЫЛКИ === */
a {
  color: #0693e3;
  text-decoration: none;
  transition: color 0.2s ease, text-decoration 0.2s ease;
}

a:hover,
a:focus {
  color: #8ed1fc;
  text-decoration: none;
}

/* === ССЫЛКИ В ЗАГОЛОВКАХ === */
.section-title a {
  color: #0693e3;
  text-decoration: none;
}

.section-title a:hover,
.section-title a:focus {
  color: #8ed1fc;
  text-decoration: none;
}

/* === ССЫЛКИ В СПИСКАХ (smp-list / smp-list1) === */
.smp-list a,
.smp-list1 a {
  color: #0693e3;
  text-decoration: none;
}

.smp-list a:hover,
.smp-list1 a:hover,
.smp-list a:focus,
.smp-list1 a:focus {

  color: #8ed1fc;
  text-decoration: none;

}


/* Сетка для интервью */
.interview-row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 24px;
  margin: 40px 0;
}

/* Карточка */
.interview-card {
  background: #111;
  border-radius: 12px;
  padding: 20px;
  text-align: center;
  color: #fff;
  box-shadow: 0 4px 10px rgba(0,0,0,.25);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.interview-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 14px rgba(0,0,0,.35);
}

/* Фото */
.interview-card img {
  max-width: 100%;
  border-radius: 8px;
  margin-bottom: 15px;
}

/* Имя */
.interview-card h3 {
  margin-top: 10px;
  font-size: 18px;
  font-weight: 700;
}

/* Подпись */
.interview-card p {
  font-size: 14px;
  opacity: 0.85;
  margin: 10px 0 20px;
}

/* Кнопка */
.interview-card .btn-interview {
  display: inline-block;
  padding: 10px 18px;
  background: #8ed1fc;
  color: #111;
  font-weight: 600;
  border-radius: 6px;
  text-decoration: none;
  transition: background 0.25s ease, color 0.25s ease;
}

.interview-card .btn-interview:hover {
  background: #0693e3;
  color: #fff;
}


/* === Оптимизация межбуквенного интервала === */

/* Основной текст и списки */
p, li {
  letter-spacing: 0.02em; /* + чуть воздуха для удобного чтения */
}

/* Крупные заголовки */
h1, h2, h3 {
  letter-spacing: 0.01em; /* чуть плотнее, смотрится аккуратнее */
}

/* Средние заголовки */
h4, h5, h6 {
  letter-spacing: 0; /* оставляем норму */
}

/* Мелкий текст, подписи, примечания */
small, .note, .caption {
  letter-spacing: 0.03em; /* больше воздуха для маленького кегля */
}

/* === FIX: вернуть кружки для .smp-list--numcircle после "hard kill" === */
.smp-list--numcircle { counter-reset: step; }

.smp-list--numcircle > li {
  counter-increment: step;
  padding-left: 2.2em;
  position: relative;
  margin-top: 8px;
}

/* 1-й уровень — заполненный круг */
.smp-list--numcircle > li::before {
  content: counter(step);
  position: absolute;
  left: 0; top: 50%; transform: translateY(-50%);
  width: 1.6em !important;
  height: 1.6em !important;
  border-radius: 50% !important;
  background: #12c2e9 !important;
  color: #fff !important;
  font-size: .85em; font-weight: 700;
  display: flex !important;
  align-items: center; justify-content: center;
  border: 0 !important;
}

/* 2-й уровень — круг с обводкой: 1.1, 1.2... */
.smp-list--numcircle > li > ul { counter-reset: substep; margin-top: 6px; }
.smp-list--numcircle > li > ul > li {
  counter-increment: substep; padding-left: 2.2em; position: relative; margin-top: 6px;
}
.smp-list--numcircle > li > ul > li::before {
  content: counter(step) "." counter(substep);
  position: absolute;
  left: 0; top: 50%; transform: translateY(-50%);
  width: 1.6em !important; height: 1.6em !important;
  border-radius: 50% !important;
  border: 2px solid #12c2e9 !important;
  background: transparent !important;
  color: #12c2e9 !important;
  font-size: .78em; font-weight: 700;
  display: flex !important; align-items: center; justify-content: center;
}

/* 3-й уровень — «чип» 1.1.1 */
.smp-list--numcircle > li > ul > li > ul { counter-reset: subsub; margin-top: 4px; }
.smp-list--numcircle > li > ul > li > ul > li {
  counter-increment: subsub; padding-left: 2.2em; position: relative; margin-top: 4px;
}
.smp-list--numcircle > li > ul > li > ul > li::before {
  content: counter(step) "." counter(substep) "." counter(subsub);
  position: absolute; left: 0; top: 50%; transform: translateY(-50%);
  padding: 0 .6em; height: 1.2em !important; border-radius: 999px !important;
  border: 1px solid rgba(18,194,233,.6) !important;
  background: rgba(18,194,233,.08) !important;
  color: #12c2e9 !important; line-height: 1.2em; font-size: .72em; font-weight: 700;
  display: flex !important; align-items: center; justify-content: center;
}
/* Инверсированный стиль для нумерации */
.smp-list--numcircle-outline { counter-reset: step; }

.smp-list--numcircle-outline > li {
  counter-increment: step;
  padding-left: 2.2em;
  position: relative;
  margin-top: 8px;
}

/* 1-й уровень — голубая обводка, цифра голубая, фон прозрачный */
.smp-list--numcircle-outline > li::before {
  content: counter(step);
  position: absolute;
  left: 0; top: 50%; transform: translateY(-50%);
  width: 1.6em; height: 1.6em;
  border-radius: 50%;
  border: 2px solid #12c2e9;      /* голубая обводка */
  background: transparent;        /* прозрачный фон */
  color: #12c2e9;                 /* голубая цифра */
  font-size: .85em; font-weight: 700;
  display: flex; align-items: center; justify-content: center;
}

/* 2-й уровень — 1.1, 1.2 с чуть меньшими кружками */
.smp-list--numcircle-outline > li > ul { counter-reset: substep; margin-top: 6px; }
.smp-list--numcircle-outline > li > ul > li {
  counter-increment: substep; padding-left: 2.2em; position: relative; margin-top: 6px;
}
.smp-list--numcircle-outline > li > ul > li::before {
  content: counter(step) "." counter(substep);
  position: absolute;
  left: 0; top: 50%; transform: translateY(-50%);
  width: 1.6em; height: 1.6em;
  border-radius: 50%;
  border: 2px solid #12c2e9;
  background: transparent;
  color: #12c2e9;
  font-size: .78em; font-weight: 700;
  display: flex; align-items: center; justify-content: center;
}

/* 3-й уровень — формат 1.1.1 в «чипе» */
.smp-list--numcircle-outline > li > ul > li > ul { counter-reset: subsub; margin-top: 4px; }
.smp-list--numcircle-outline > li > ul > li > ul > li {
  counter-increment: subsub; padding-left: 2.2em; position: relative; margin-top: 4px;
}
.smp-list--numcircle-outline > li > ul > li > ul > li::before {
  content: counter(step) "." counter(substep) "." counter(subsub);
  position: absolute; left: 0; top: 50%; transform: translateY(-50%);
  padding: 0 .6em; height: 1.2em; border-radius: 999px;
  border: 1px solid #12c2e9;
  background: transparent;
  color: #12c2e9;
  font-size: .72em; font-weight: 700; line-height: 1.2em;
  display: flex; align-items: center; justify-content: center;
}

/* Простой нумерованный список с точками */
.smp-list--numplain {
  counter-reset: num;
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}

.smp-list--numplain > li {
  counter-increment: num;
  position: relative;
  padding-left: 2em;
  margin-top: 8px;
}

.smp-list--numplain > li::before {
  content: counter(num) ".";
  position: absolute;
  left: 0;
  top: 0;
  color: #12c2e9;       /* фирменный голубой */
  font-weight: 600;
}
/* === HARD KILL для новых числовых списков === */
.smp-list--numcircle-outline,
.smp-list--numplain {
  list-style: none !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
}
.smp-list--numcircle-outline li,
.smp-list--numplain li {
  list-style: none !important;
}
.smp-list--numcircle-outline li::marker,
.smp-list--numplain li::marker {
  content: "" !important;
}
/* глушим базовый штрих у .smp-list/.smp-list1 */
.smp-list--numcircle-outline li::after,
.smp-list--numplain li::after {
  content: none !important;
}

/* ===== Инверсный круг (прозрачный фон, голубая обводка и цифра) ===== */
.smp-list--numcircle-outline { counter-reset: step; }
.smp-list--numcircle-outline > li {
  counter-increment: step;
  position: relative;
  padding-left: 2.2em;
  margin-top: 8px;
}
.smp-list--numcircle-outline > li::before {
  content: counter(step);
  position: absolute; left: 0; top: 50%; transform: translateY(-50%);
  width: 1.6em; height: 1.6em; border-radius: 50%;
  border: 2px solid #12c2e9;
  background: transparent;
  color: #12c2e9;
  font-weight: 700; font-size: .85em;
  display: flex; align-items: center; justify-content: center;
}

/* 2-й уровень */
.smp-list--numcircle-outline > li > ul { counter-reset: substep; margin-top: 6px; }
.smp-list--numcircle-outline > li > ul > li {
  counter-increment: substep; position: relative; padding-left: 2.2em; margin-top: 6px;
}
.smp-list--numcircle-outline > li > ul > li::before {
  content: counter(step) "." counter(substep);
  position: absolute; left: 0; top: 50%; transform: translateY(-50%);
  width: 1.6em; height: 1.6em; border-radius: 50%;
  border: 2px solid #12c2e9; background: transparent; color: #12c2e9;
  font-weight: 700; font-size: .78em;
  display: flex; align-items: center; justify-content: center;
}

/* 3-й уровень как «чип» */
.smp-list--numcircle-outline > li > ul > li > ul { counter-reset: subsub; margin-top: 4px; }
.smp-list--numcircle-outline > li > ul > li > ul > li {
  counter-increment: subsub; position: relative; padding-left: 2.2em; margin-top: 4px;
}
.smp-list--numcircle-outline > li > ul > li > ul > li::before {
  content: counter(step) "." counter(substep) "." counter(subsub);
  position: absolute; left: 0; top: 50%; transform: translateY(-50%);
  padding: 0 .6em; height: 1.2em; border-radius: 999px;
  border: 1px solid #12c2e9; background: transparent; color: #12c2e9;
  line-height: 1.2em; font-weight: 700; font-size: .72em;
  display: flex; align-items: center; justify-content: center;
}

/* ===== Компактная нумерация с точкой ===== */
.smp-list--numplain { counter-reset: num; }
.smp-list--numplain > li {
  counter-increment: num;
  position: relative;
  padding-left: 2em;
  margin-top: 8px;
}
.smp-list--numplain > li::before {
  content: counter(num) ".";
  position: absolute; left: 0; top: 0;
  color: #12c2e9; font-weight: 600;
}