/* =========================================================
   КАСТОМНЫЕ СТИЛИ ПРОЕКТА
   Блок: "Акцент" (Sprint.Editor)
   Цель: поведение параграфов/списков как в .text,
         но стили изолированы в рамках article-group__info-text
   ========================================================= */

/* Базовые отступы между абзацами (как у .text) */
.article-group__info-text p:not(:last-child) {
    margin: 0 0 1em;
}

/* Списки: сетка + промежутки между элементами (как у .text) */
.article-group__info-text ol,
.article-group__info-text ul {
    display: grid;
    grid-template-columns: 100%;
    gap: 1.5em;
}

/* Нижний внешний отступ после списка (как у .text) */
.article-group__info-text ol:not(:last-child),
.article-group__info-text ul:not(:last-child) {
    margin: 0 0 1.25em;
}

/* Унификация межстрочного интервала и размера шрифта внутри параграфов/списков */
.article-group__info-text p,
.article-group__info-text li {
    
    line-height: 160%;
}

/* --- Место для будущей индивидуальной настройки именно "Акцента" ---
   Примеры (оставлены закомментированными, включай по мере нужды):

.article-group__info { background: #fff; }                           // фон блока акцента
.article-group__info-text { color: #111; }                           // основной цвет текста
.article-group__info-text a { text-decoration: underline; }          // стиль ссылок
.article-group__info-text blockquote { margin: 1em 0; padding-left: 1em; border-left: 3px solid #e5e5e5; }
.article-group__info-text h2, .article-group__info-text h3 { margin: 1.25em 0 .5em; line-height: 120%; }
*/

.article.m-section .article-info__desc p {
    line-height: 140%;
}

.footer__links-col { font-size: .625em; }

.footer__links-col a,
.footer__links-col a:link,
.footer__links-col a:visited,
.footer__links-col a:hover,
.footer__links-col a:active {
    font-size: 1em;            /* компенсируем уменьшение родителя */
    
    text-underline-offset: 0.08em;       /* чуть ниже для читаемости (необязательно) */
    text-decoration-thickness: from-font;/* толщина из шрифта (если поддерживается) */
}

/* LK Confirm: вернуть фирменный цвет ссылке внутри успешного сообщения */
.profile .result_update_profile .ok a {
  color: var(--accent, #ff6e30);
  text-decoration: none;
}
.profile .result_update_profile .ok a:hover,
.profile .result_update_profile .ok a:focus {
  text-decoration: underline;
}

/* LK Confirm: интервал после заголовка как у h2 в макете (0.8em) */
.user-edit__title {
  margin: 0 0 .8em;
}

/* Статичные страницы: уменьшить интервал между заголовком H1 и контентом */
.article .article__grid {
  margin-top: 1.5em; /* было около 3em */
}


/* Главная: показывать колонку "Новости" на планшетах/мобилках */
@media (max-width: 1199.98px) {
  .main .main__col2 {
    display: block !important;   /* перебьём возможный display:none */
    visibility: visible !important;
  }
}

/* Стек и интервалы в мобильной колонке */
@media (max-width: 991.98px) {
  /* если родитель — флекс/грид, выставим порядок: сначала баннер, потом новости */
  .main .main-banner { order: 1; }
  .main .main__col2   { order: 2; margin-top: 1rem; }
}


/* Главная: уплотнение карточек новостей в правой колонке */
@media (min-width: 1200px) {
  .main__col2 .news-card {
    margin-bottom: 0.8em;          /* плотнее, вместо ~1.5em по умолчанию */
  }

  .main__col2 .news-card__desc {
    margin-top: 0.3em;             /* уменьшен отступ над подзаголовком */
    margin-bottom: 0.4em;          /* чуть меньше отступ снизу */
    line-height: 1.3;              /* компактнее текст */
  }

  /* на всякий случай — немного уменьшить внутренний отступ карточки */
  .main__col2 .news-card__content {
    padding-bottom: 0.6em;
  }
}

/* Publication: стиль ссылок в блоке аннотации под заголовком — dotted underline */
.article .article-info__desc a {
  color: var(--accent, #ff6e30);
  text-decoration-line: underline;
  text-decoration-style: dotted;
  text-underline-offset: 2px;
  transition: color .15s ease, text-decoration-color .15s ease;
}

.article .article-info__desc a:hover,
.article .article-info__desc a:focus {
  color: var(--accent, #ff6e30);
  text-decoration-style: dotted;       /* тот же dotted при наведении */
  text-decoration-thickness: 1px;
}

/* HINT: обычное состояние как hover; поведение подсказки не трогаем */
.hint{
  color: #fff;
  background-color: #ff6e30;
  text-decoration-color: transparent; /* убираем вид подчёркивания, чтобы не было «как у ссылки» */
  /* сохраним существующие микро-паддинги/скругления, если заданы в базе;
     при необходимости можно раскрыть: padding: 0 .05em; border-radius: .2em; */
}

/* На всякий случай фиксируем одинаковый вид и при наведении;
   подсказку по-прежнему показывает .hint:hover:before (не трогаем). */
.hint:hover,
.hint:focus{
  color: #fff;
  background-color: #ff6e30;
  text-decoration-color: transparent;
}

/* Отключение UPPERCASE для заголовка блока комментариев */
.h2-big {
    text-transform: none !important;
}

/* Списки внутри блока "Акцент" — как в основном тексте (.text), без дубля маркеров */
.article-group__info-text ol,
.article-group__info-text ul {
    list-style: none;              /* выключаем стандартные маркеры/цифры */
    margin: 0 0 1.25em;
    padding: 0;
    display: grid;
    grid-template-columns: 100%;
    gap: 1.5em;
}

/* Вложенные списки — поменьше и с доп. отступом */
.article-group__info-text ol ol,
.article-group__info-text ol ul,
.article-group__info-text ul ol,
.article-group__info-text ul ul {
    font-size: .8em;
    margin-top: 1.5em;
}

/* Нумерованные списки: кружок с числом (как в .text) */
.article-group__info-text ol {
    counter-reset: list;
}

.article-group__info-text ol li {
    counter-increment: list;
    position: relative;
    padding-left: 3.4em;
}

.article-group__info-text ol li:before {
    content: counter(list);
    position: absolute;
    top: 0;
    left: 0;
    width: 2em;
    height: 2em;
    border-radius: 50%;
    font-size: 1.2em;
    border: 2px solid #fe6e36;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fe6e36;
}

/* Маркированные списки: полоска слева (как в .text) */
.article-group__info-text ul li {
    position: relative;
    padding-left: 2.5em;
}

.article-group__info-text ul li:before {
    content: '';
    position: absolute;
    top: .7em;
    left: 0;
    height: 2px;
    width: 1.3em;
    background-color: #2b323a;
}

/* Вложенные элементы списков — компактные кружочки */
.article-group__info-text ol ul li,
.article-group__info-text ul ul li {
    padding-left: 1.2em;
}

.article-group__info-text ol ul li:before,
.article-group__info-text ul ul li:before {
    top: .55em;
    width: .25em;
    height: .25em;
    border-radius: 50%;
}

/* Увеличиваем отступ между blockquote.quote и следующим заголовком h2 */
blockquote.quote {
    margin-bottom: 40px !important; /* как у article-group__info */
}

/* Если за blockquote сразу идёт h2 — чуть тоньше управление */
blockquote.quote + h2 {
    margin-top: 20px !important;
}

.footer-nav__extra {
    margin-top: 16px;
}

.footer-nav__separator {
    margin: 0 0 8px 0;
}

.footer-nav__project-link {
    display: inline-block;
    font-size: 14px;
    /* при необходимости: */
    /* color: #...; */
}

/* Общий стиль карточек */
.team-item {
    display: inline-block;
    vertical-align: top;
    width: 23%;          /* 4 в ряд на десктопе */
    margin: 0 1% 24px 0;
    text-align: center;
}

.team-item img {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto 10px;
}

.team-name {
    display: block;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.3;
    margin-bottom: 3px;
}

.team-role {
    display: block;
    font-size: 14px;
    line-height: 1.4;
}

/* ============================
   Планшеты: 2 в ряд
   ============================ */
@media (max-width: 1024px) {
    .team-item {
        width: 48%;
        margin-right: 2%;
    }
}

/* ============================
   Смартфоны: компактные 2 в ряд
   ============================ */
@media (max-width: 600px) {

    .team-item {
        width: 48%;
        margin-right: 2%;
        margin-bottom: 16px;     /* меньше отступы */
    }

    .team-item img {
        width: 85%;              /* меньше картинка */
        margin-bottom: 8px;
    }

    .team-name {
        font-size: 14px;         /* меньше шрифт */
        line-height: 1.2;
    }

    .team-role {
        font-size: 12px;         /* ещё меньше */
        line-height: 1.3;
    }
}


/* Отступ после списков внутри текста статьи */
.article-group .text ol:last-child,
.article-group .text ul:last-child {
    margin-bottom: 32px; /* подгони под твой базовый вертикальный ритм */
}

/* Отступ после блока вопрос-ответ перед следующим H2 */
.article-group .qa-card {
    margin-bottom: 32px;
}