/* ═══ Сессия A ═══ */

/* Видео с внешней площадки (ВК): карточка-ссылка вместо битого превью */
.vid-ext{display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:14px;background:linear-gradient(160deg,var(--navy),var(--navy2));cursor:pointer}
.vid-ext .vid-play{position:static;width:auto;height:auto}
.vid-ext-t{color:#C7CBD6;font-weight:650;font-size:15px}
.vid-ext:hover .vid-ext-t{color:#fff}

/* hover-полировка карточек скоупа A */
.feat-i{transition:box-shadow .2s,transform .2s}
.feat-i:hover{box-shadow:var(--sh-l);transform:translateY(-2px)}

/* Герой без фото: текст занимает всю ширину, пустой колонки справа нет */
.phero-in:not(:has(.phero-img)){grid-template-columns:1fr}
.phero-in:not(:has(.phero-img)) h1{max-width:24ch}

/* ── П4: кабинет участника (/lk) ── */
.lk .lk-box{max-width:420px;background:#fff;border:1px solid var(--line, #E6E8EC);
  border-radius:16px;padding:26px 28px;margin:26px 0;
  box-shadow:0 8px 30px rgba(20,22,28,.05)}
.lk .lk-box label{display:block;margin:0 0 14px;font-size:14px;font-weight:600}
.lk .lk-box input{width:100%;margin-top:6px;padding:10px 12px;font:inherit;
  border:1px solid var(--line, #E6E8EC);border-radius:10px}
.lk .lk-box .btn{width:100%}
.lk-err{color:#B3362F;font-weight:600}
.lk-head{display:flex;justify-content:space-between;align-items:flex-start;
  gap:16px;flex-wrap:wrap}
.lk-list{display:grid;gap:12px;margin:22px 0}
.lk-item{display:grid;grid-template-columns:1fr auto;gap:2px 16px;
  align-items:center;background:#fff;border:1px solid var(--line, #E6E8EC);
  border-radius:14px;padding:16px 20px;text-decoration:none}
.lk-item:hover{border-color:#5B4CE0}
.lk-item .lk-t{font-weight:700}
.lk-item .lk-m{font-size:13.5px;color:#828A99}
.lk-item .lk-dl{grid-row:1 / span 2;font-weight:700;color:#5B4CE0;white-space:nowrap}
.lk-note{color:#5C6373;font-size:14.5px}
@media(max-width:560px){.lk-item{grid-template-columns:1fr}
  .lk-item .lk-dl{grid-row:auto;margin-top:6px}}

/* Страница материала в ЛК (Группы-v2, B/V12) */
.lk-back{margin:0 0 6px;font-size:14.5px}
.lk-back a{color:#5B4CE0;text-decoration:none}
.lk-back a:hover{text-decoration:underline}
.lk-toc{background:#fff;border:1px solid var(--line, #E6E8EC);border-radius:14px;
  padding:16px 20px;margin:20px 0;max-width:560px}
.lk-toc ol{margin:8px 0 0;padding-left:20px;display:grid;gap:6px}
.lk-toc a{color:#5B4CE0;text-decoration:none}
.lk-toc a:hover{text-decoration:underline}
.lk-mat .post-body{max-width:72ch}
.lk-mat .post-body .tick{grid-template-columns:1fr}
.lk-getfile{margin:26px 0 18px}

/* У-П5: обложки материалов */
.lk-item.has-im{grid-template-columns:auto 1fr auto}
.lk-item .lk-im{grid-row:1 / span 2;width:72px;height:54px;border-radius:8px;
  overflow:hidden;background:#F5F6F8}
.lk-item .lk-im img{width:100%;height:100%;object-fit:cover;display:block}
.lk-mat .lk-hero img{max-width:min(100%,560px);border-radius:14px;display:block}
@media(max-width:560px){.lk-item.has-im{grid-template-columns:auto 1fr}}

/* Главная: действие после «трёх шагов» — точка, где человек дозрел (№106).
   Между первым экраном и низом страницы 5 400px шли без единой акцентной
   кнопки; здесь же он только что прочитал, как всё устроено. */
.step-cta{margin-top:28px;text-align:center}
.step-anchor{max-width:52ch;margin:0 auto 14px;color:var(--muted);
  font-size:15px;line-height:1.5}
@media(max-width:560px){.step-cta .btn{width:100%}}

/* Главная: две строки боли сразу после facts — читатель узнаёт свою
   ситуацию, не долистывая до третьего экрана (разрыв №3 аудита). */
.pain-lead{max-width:62ch;margin:22px auto 0;text-align:center;
  color:var(--muted);font-size:16px;line-height:1.55}

/* Снятие риска в тёмной полосе призыва (заход разморозки №2, ②).
   Заголовок и текст — одной колонкой слева, кнопка справа: раскладка
   полосы прежняя, но человек видит, что первый шаг ничего не стоит. */
.cta-txt{flex:1 1 420px;min-width:0}
/* На узком экране полоса переключается в колонку, и flex-basis 420px из
   ширины превращается в ВЫСОТУ: между текстом и кнопкой зияла дыра почти
   в пол-экрана (скриншот владельца 20.08). В колонке базис не нужен. */
@media (max-width:560px){ .cta-txt{flex:0 0 auto;width:100%} }
.cta-d{color:rgba(255,255,255,.72);margin:8px 0 0;max-width:52ch;
       font-size:15px;line-height:1.5}
@media (max-width:560px){ .cta-d{font-size:14px} }

/* Первый экран главной на телефоне (замер 390×844: портрет занимал 311px,
   H1 уезжал на 521px, кнопка — на 778px и на iPhone SE была за сгибом).
   Главный трафик Дмитрия — QR со сцены: человек только что видел его
   живьём, портрет во весь экран ему ничего не добавляет, а «кто это и
   что предлагает» должно читаться сразу. Портрет остаётся — уменьшенным. */
@media (max-width:560px){
  .hero .hero-img img{max-width:150px}
  .hero-in{padding-top:18px;gap:16px}
  .hero .chips{margin-bottom:10px}
  .hero h1{margin-top:0}
}

/* Подписи галереи (заход движка): текст лежал в items и не выводился —
   на «Резюме и райдере» так пропадала биография по годам. */
.gal-i{margin:0;display:flex;flex-direction:column;gap:8px}
.gal-cap{font-size:14px;line-height:1.45;color:var(--muted,#5c6470)}
@media (max-width:560px){ .gal-cap{font-size:13px} }