/* =========================================================
   ADVANTA — универсальный блок лид-магнита (v1.1, 2026-10)
   Каркас неизменен; контент берётся из JSON #lm-config.
   Варианты слота:
     data-lm-slot            — широкий баннер (главная, лендинги)
     data-lm-slot="card"     — карточка в колонку статьи
     data-lm-slot="compact"  — короткий блок внутри текста статьи
   Селекторы начинаются с .lm / .lm-modal — защита от стилей .b-text статьи.
   ========================================================= */
.lm{--lm-blue:#4285f4;--lm-navy:#213a5c;--lm-text:#1a2332;--lm-muted:#5b6474;--lm-bg:#f0f4ff;--lm-line:#dfe6f5;
  background:var(--lm-bg);padding:72px 0;font-family:"Roboto",sans-serif;color:var(--lm-text);min-height:420px;text-align:left}
.lm *,.lm *::before,.lm *::after,.lm-modal *,.lm-modal *::before,.lm-modal *::after{box-sizing:border-box}

/* ---------- Базовый (широкий) вариант ---------- */
.lm .lm__in{max-width:1120px;margin:0 auto;padding:0 40px;display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center}
.lm .lm__label{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--lm-line);color:var(--lm-blue);border-radius:999px;padding:6px 14px;font-size:13px;line-height:1.3;font-weight:700;margin:0 0 18px}
.lm .lm__label svg{flex-shrink:0}
.lm .lm__title{font-family:inherit;font-size:34px;line-height:1.18;font-weight:700;letter-spacing:0;margin:0 0 14px;padding:0;color:var(--lm-text);text-transform:none}
.lm .lm__title span{color:var(--lm-blue);font-weight:inherit}
.lm .lm__text{font-size:16px;line-height:1.55;color:var(--lm-muted);margin:0 0 20px;padding:0;max-width:560px;text-indent:0}
.lm .lm__list{list-style:none;margin:0 0 28px;padding:0;display:grid;gap:10px}
.lm .lm__list li{position:relative;list-style:none;margin:0;padding:0 0 0 30px;background:none;font-size:15px;line-height:1.45;color:var(--lm-text)}
.lm .lm__list li::after{display:none}
.lm .lm__list li::before{content:"";position:absolute;left:0;top:1px;width:20px;height:20px;margin:0;border-radius:50%;background:#dbe7ff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.2l2.3 2.3 4.7-5' fill='none' stroke='%234285f4' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat}
.lm .lm__actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.lm .lm__note{font-size:13px;line-height:1.4;color:var(--lm-muted)}
.lm .lm__visual{position:relative;display:flex;justify-content:center;min-height:300px}
.lm .lm__cover{position:relative;z-index:1;width:290px;max-width:100%;aspect-ratio:707/1000;border-radius:10px;overflow:hidden;transform:rotate(3deg);background:#4285f4;
  box-shadow:0 2px 6px rgba(33,58,92,.10),0 24px 50px rgba(33,58,92,.22)}
.lm .lm__cover img{display:block;width:100%;height:100%;max-width:none;margin:0;border:0;object-fit:cover}
.lm .lm__visual::before{content:"";position:absolute;width:290px;max-width:100%;aspect-ratio:707/1000;border-radius:10px;background:#fff;transform:rotate(-4deg) translate(-14px,6px);box-shadow:0 12px 30px rgba(33,58,92,.10)}
.lm .lm__badge{position:absolute;z-index:2;left:-6px;bottom:28px;background:#fff;border-radius:16px;padding:12px 16px;box-shadow:0 10px 30px rgba(33,58,92,.16);max-width:210px}
.lm .lm__badge b{display:block;font-size:22px;line-height:1.1;font-weight:800;color:var(--lm-blue)}
.lm .lm__badge span{display:block;font-size:12px;line-height:1.35;color:var(--lm-muted);margin-top:4px}
.lm .lm__meta{position:absolute;z-index:2;right:6px;top:-10px;background:var(--lm-navy);color:#fff;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:700}

/* Кнопка — общая для блока и модального окна */
.lm .lm__btn,.lm-modal .lm__btn{appearance:none;border:0;cursor:pointer;font:inherit;display:inline-flex;align-items:center;gap:10px;margin:0;
  background:linear-gradient(160deg,#5b9cf6 0%,#4285f4 55%,#3b7de8 100%);color:#fff!important;border-radius:999px;padding:15px 30px;font-size:16px;line-height:1.2;font-weight:700;text-decoration:none!important;
  box-shadow:0 0 0 3px rgba(255,255,255,.9),0 0 0 5px rgba(180,190,215,.5),0 6px 22px rgba(66,133,244,.25);transition:box-shadow .2s,transform .15s}
.lm .lm__btn:hover,.lm-modal .lm__btn:hover{transform:translateY(-1px);box-shadow:0 0 0 3px rgba(255,255,255,.9),0 0 0 5px rgba(180,190,215,.6),0 10px 28px rgba(66,133,244,.35)}
.lm .lm__btn:focus-visible,.lm-modal .lm__btn:focus-visible{outline:3px solid #1c64f2;outline-offset:4px}

/* ---------- Карточка — в колонку статьи ---------- */
.lm.lm--card{padding:0;background:none;min-height:0;margin:40px 0}
.lm--card .lm__in{background:var(--lm-bg);border-radius:24px;padding:36px 40px;grid-template-columns:1fr 210px;gap:32px;max-width:none}
.lm--card .lm__title{font-size:26px}
.lm--card .lm__text{font-size:15px}
.lm--card .lm__list{margin-bottom:24px}
.lm--card .lm__list li{font-size:14px}
.lm--card .lm__visual{min-height:0}
.lm--card .lm__cover,.lm--card .lm__visual::before{width:200px}
.lm--card .lm__badge{left:-34px;bottom:14px;padding:9px 12px;max-width:170px}
.lm--card .lm__badge b{font-size:17px}
.lm--card .lm__badge span{font-size:11px}
.lm--card .lm__meta{display:none}

/* ---------- Компактный — внутри текста статьи ---------- */
.lm.lm--compact{padding:0;background:none;min-height:0;margin:32px 0}
.lm--compact .lm__in{background:var(--lm-bg);border-left:4px solid var(--lm-blue);border-radius:4px 20px 20px 4px;padding:24px 32px;grid-template-columns:1fr 120px;gap:28px;max-width:none}
.lm--compact .lm__title{font-size:21px;margin-bottom:8px}
.lm--compact .lm__text{font-size:15px;margin-bottom:16px}
.lm--compact .lm__list,.lm--compact .lm__badge,.lm--compact .lm__meta,.lm--compact .lm__label{display:none}
.lm--compact .lm__visual{min-height:0}
.lm--compact .lm__visual::before{display:none}
.lm--compact .lm__cover{width:120px;transform:rotate(2deg)}
.lm--compact .lm__btn{padding:12px 24px;font-size:15px}

/* ---------- Адаптив ---------- */
@media (max-width:900px){
  .lm{padding:48px 0}
  .lm .lm__in{grid-template-columns:1fr;gap:36px;padding:0 16px}
  .lm .lm__title{font-size:26px}
  .lm .lm__visual{order:-1;min-height:0}
  .lm .lm__cover,.lm .lm__visual::before{width:200px}
  .lm .lm__badge{left:calc(50% - 190px);bottom:10px;padding:10px 12px}
  .lm .lm__badge b{font-size:18px}
  .lm .lm__btn{width:100%;justify-content:center}
  .lm.lm--card,.lm.lm--compact{padding:0}
  .lm--card .lm__in{padding:26px 20px;gap:22px}
  .lm--card .lm__title{font-size:22px}
  .lm--card .lm__cover,.lm--card .lm__visual::before{width:140px}
  .lm--card .lm__badge{display:none}
  .lm--compact .lm__in{padding:22px 18px}
  .lm--compact .lm__title{font-size:19px}
  .lm--compact .lm__visual{display:none}
}
@media (max-width:420px){.lm .lm__badge{left:0}}

/* ---------- Модальное окно ---------- */
.lm-modal{position:fixed;inset:0;z-index:100000;display:none;align-items:center;justify-content:center;padding:16px;background:rgba(17,24,39,.55);font-family:"Roboto",sans-serif;color:#1a2332;text-align:left}
.lm-modal.is-open{display:flex;animation:lmFade .2s ease}
@keyframes lmFade{from{opacity:0}to{opacity:1}}
.lm-modal__box{position:relative;width:100%;max-width:520px;max-height:calc(100vh - 32px);overflow:auto;background:#fff;border-radius:22px;padding:36px 36px 30px;box-shadow:0 30px 80px rgba(17,24,39,.3)}
.lm-modal__close{position:absolute;right:14px;top:14px;width:36px;height:36px;border:0;border-radius:50%;background:#f1f4fa;cursor:pointer;font-size:20px;line-height:36px;color:#5b6474}
.lm-modal__close:hover{background:#e3e8f2}
.lm-modal__head{display:flex;gap:16px;align-items:center;margin-bottom:22px;padding-right:30px}
.lm-modal__thumb{width:64px;flex-shrink:0;border-radius:6px;box-shadow:0 6px 16px rgba(33,58,92,.2)}
.lm-modal__title{font-size:22px;line-height:1.25;font-weight:700;margin:0 0 4px}
.lm-modal__text{font-size:14px;line-height:1.45;color:#5b6474;margin:0}
.lm-form{display:grid;gap:12px;margin:0}
.lm-form__field{display:grid;gap:5px}
.lm-form__field label{font-size:13px;font-weight:500;color:#4a5568}
.lm-form__field input{width:100%;height:48px;border:1px solid #d6dce8;border-radius:12px;padding:0 16px;font:inherit;font-size:15px;color:#1a2332;background:#fff;transition:border-color .15s,box-shadow .15s}
.lm-form__field input:focus{outline:none;border-color:#4285f4;box-shadow:0 0 0 3px rgba(66,133,244,.15)}
.lm-form__field.is-error input{border-color:#ea4335}
.lm-form__err{font-size:12px;color:#ea4335}
.lm-form__agree{display:flex;gap:10px;align-items:flex-start;font-size:12px;line-height:1.4;color:#6b7280;margin-top:2px}
.lm-form__agree input{margin-top:2px;width:16px;height:16px;accent-color:#4285f4;flex-shrink:0}
.lm-form__agree a{color:#4285f4}
.lm-form__hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.lm-form .lm__btn{justify-content:center;margin-top:8px;width:100%}
.lm-form .lm__btn[disabled]{opacity:.65;cursor:wait}
.lm-form__status{font-size:13px;color:#ea4335;text-align:center}
.lm-success{text-align:center;padding:10px 0 4px}
.lm-success__icon{width:64px;height:64px;border-radius:50%;background:#e7f7ec;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}
.lm-success__title{font-size:22px;font-weight:700;margin:0 0 8px}
.lm-success__text{font-size:15px;line-height:1.5;color:#5b6474;margin:0 0 22px}
.lm-success .lm__btn{justify-content:center}
.lm-success__more{display:block;margin-top:18px;font-size:14px;color:#4285f4;text-decoration:none}
@media (max-width:520px){.lm-modal{align-items:flex-end;padding:0}.lm-modal__box{border-radius:20px 20px 0 0;padding:28px 20px 22px;max-height:92vh}.lm-modal__thumb{display:none}}

/* ---------- Ротация плавающей карточки «Мероприятия» ⇄ лид-магнит ---------- */
.lm-sticky .sticky-events-card__content{transition:opacity .3s ease,transform .3s ease}
.lm-sticky .sticky-events-card__content.lm-sticky-fade{opacity:0;transform:translateY(6px)}
.lm-sticky-dots{position:absolute;left:0;right:0;bottom:6px;display:flex;justify-content:center;gap:6px;z-index:3;pointer-events:none}
.lm-sticky-dots button{pointer-events:auto;width:7px;height:7px;padding:0;border:0;border-radius:99px;background:rgba(66,133,244,.3);cursor:pointer;transition:width .2s,background .2s}
.lm-sticky-dots button[aria-selected="true"]{width:18px;background:#4285f4}
.lm-sticky-dots button:focus-visible{outline:2px solid #1c64f2;outline-offset:2px}
@media (prefers-reduced-motion:reduce){.lm-sticky .sticky-events-card__content{transition:none}.lm-sticky .sticky-events-card__content.lm-sticky-fade{transform:none}}
/* мобильная карточка сайта (≤590px): заголовок 12px + круглая кнопка-стрелка, точки — ниже текста */
@media (max-width:590px){.lm-sticky.sticky-events-card{padding-bottom:20px}.lm-sticky-dots{bottom:6px}.lm-sticky-dots button{width:6px;height:6px}.lm-sticky-dots button[aria-selected="true"]{width:14px}}

/* ---------- Темы фона под контекст страницы ---------- */
/* brand — синий фон в стиле обложки статьи (кольца + столбики роста зарплат) */
.lm.lm--theme-brand .lm__in,.lm.lm--theme-brand:not(.lm--card):not(.lm--compact){background-color:#3d7ff0;background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22260%22 height=%22200%22 viewBox=%220 0 260 200%22%3E%3Cg fill=%22%23fff%22 fill-opacity=%22.10%22%3E%3Crect x=%220%22 y=%22160%22 width=%2228%22 height=%2240%22 rx=%227%22/%3E%3Crect x=%2240%22 y=%22132%22 width=%2228%22 height=%2268%22 rx=%227%22/%3E%3Crect x=%2280%22 y=%22100%22 width=%2228%22 height=%22100%22 rx=%227%22/%3E%3Crect x=%22120%22 y=%2270%22 width=%2228%22 height=%22130%22 rx=%227%22/%3E%3Crect x=%22160%22 y=%2234%22 width=%2228%22 height=%22166%22 rx=%227%22 fill-opacity=%22.22%22/%3E%3Crect x=%22200%22 y=%220%22 width=%2228%22 height=%22200%22 rx=%227%22/%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22900%22 height=%22600%22 viewBox=%220 0 900 600%22%3E%3Ccircle cx=%22820%22 cy=%2240%22 r=%22260%22 fill=%22none%22 stroke=%22%23fff%22 stroke-opacity=%22.08%22 stroke-width=%2270%22/%3E%3Ccircle cx=%2240%22 cy=%22640%22 r=%22200%22 fill=%22none%22 stroke=%22%23fff%22 stroke-opacity=%22.06%22 stroke-width=%2250%22/%3E%3C/svg%3E"),linear-gradient(155deg,#5b9cf6 0%,#4285f4 45%,#2f6fe0 100%);background-repeat:no-repeat;background-position:right 30px bottom -50px,right top,0 0;background-size:220px auto,cover,auto}
.lm.lm--theme-brand.lm--card .lm__in,.lm.lm--theme-brand.lm--compact .lm__in{border-left:0}
.lm.lm--theme-brand:not(.lm--card):not(.lm--compact) .lm__in{background:none}
.lm--theme-brand .lm__title,.lm--theme-brand .lm__list li{color:#fff}
.lm--theme-brand .lm__title span{color:#cfe0ff}
.lm--theme-brand .lm__text{color:rgba(255,255,255,.88)}
.lm--theme-brand .lm__note{color:rgba(255,255,255,.8)}
.lm--theme-brand .lm__label{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.35);color:#fff}
.lm--theme-brand .lm__list li::before{background-color:#fff}
.lm.lm--theme-brand .lm__btn{background:#fff;color:#2f6fe0!important;box-shadow:0 0 0 3px rgba(255,255,255,.25),0 10px 26px rgba(10,30,80,.25)}
.lm.lm--theme-brand .lm__btn:hover{box-shadow:0 0 0 4px rgba(255,255,255,.35),0 14px 30px rgba(10,30,80,.3)}
.lm.lm--theme-brand .lm__btn:focus-visible{outline-color:#fff}
/* bars — светлый фон с водяным знаком столбиков (для блока внутри текста) */
.lm.lm--theme-bars .lm__in{background-color:#f0f4ff;background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22260%22 height=%22200%22 viewBox=%220 0 260 200%22%3E%3Cg fill=%22%234285f4%22 fill-opacity=%22.07%22%3E%3Crect x=%220%22 y=%22160%22 width=%2228%22 height=%2240%22 rx=%227%22/%3E%3Crect x=%2240%22 y=%22132%22 width=%2228%22 height=%2268%22 rx=%227%22/%3E%3Crect x=%2280%22 y=%22100%22 width=%2228%22 height=%22100%22 rx=%227%22/%3E%3Crect x=%22120%22 y=%2270%22 width=%2228%22 height=%22130%22 rx=%227%22/%3E%3Crect x=%22160%22 y=%2234%22 width=%2228%22 height=%22166%22 rx=%227%22 fill-opacity=%22.14%22/%3E%3Crect x=%22200%22 y=%220%22 width=%2228%22 height=%22200%22 rx=%227%22/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 24px bottom -30px;background-size:200px auto}

/* Иллюстрация вместо обложки PDF */
.lm.lm--has-art .lm__in{grid-template-columns:1fr 1fr;align-items:center}
.lm .lm__art{display:flex;justify-content:center;align-items:center}
.lm .lm__art img{display:block;width:100%;max-width:440px;height:auto;margin:0;border:0}
.lm.lm--card.lm--has-art .lm__in{grid-template-columns:1fr 300px;padding-right:24px;overflow:hidden}
.lm.lm--card.lm--has-art .lm__art{margin:-10px -6px -18px 0}
.lm.lm--compact.lm--has-art .lm__in{grid-template-columns:1fr 190px}
.lm.lm--compact.lm--has-art .lm__art{margin:-14px 0 -20px}
@media (max-width:900px){
  .lm.lm--has-art .lm__in,.lm.lm--card.lm--has-art .lm__in{grid-template-columns:1fr;padding-right:20px}
  .lm.lm--card.lm--has-art .lm__art{order:-1;margin:0 auto -6px;max-width:300px}
  .lm.lm--compact.lm--has-art .lm__in{grid-template-columns:1fr}
  .lm.lm--compact.lm--has-art .lm__art{display:none}
  .lm.lm--theme-brand .lm__in{background-size:150px auto,cover,auto;background-position:right 16px bottom -30px,right top,0 0}
  .lm.lm--theme-bars .lm__in{background-size:140px auto}
}