/* Start:/bitrix/templates/aspro-priority/components/bitrix/news.list/releases_page/style.css?178643665215065*/
/* news.list/releases_page — страница «История версий» по макету Claude Design
   (локальная реализация mockups/backup-releases/), перенос на прод 2026-08-10.
   Вид макета в типографике темы Аспро: гарнитура и база (15px/25px Ubuntu) — из настроек шаблона,
   font-size — литеральными em (правило проекта), цвета и радиусы — переменными с фолбэками
   (на этой странице ЛП-скоупа нет, поэтому фолбэки обязательны: акцент = фирменный #dd130a).
   ⚠️ Подключается автоматически шаблоном компонента — правится ЗДЕСЬ, не в lp-styles.css. */

.rlz{
	--rlz-acc:var(--lp-accent,#dd130a);
	--rlz-acc-light:color-mix(in srgb,var(--lp-accent,#dd130a) 55%,#fff);
	--rlz-acc-soft:color-mix(in srgb,var(--lp-accent,#dd130a) 14%,#fff);
	--rlz-ink:var(--lp-zone-dark,#16181d);
	--rlz-paper:var(--lp-zone,#f6f6f4);
	--rlz-line:var(--lp-line,#e8e8e4);
	--rlz-line2:#e0e0dc;
	--rlz-fg:var(--lp-fg,#333);
	--rlz-body:#43433f;
	--rlz-muted:var(--lp-muted,#646464);
	--rlz-dim:#b9b9b4; /* только на тёмном фоне: 9,0:1 на #16181d */
	--rlz-dot:#c9c9c4;
}
.rlz-wrap{max-width:1200px;margin:0 auto;padding:0 24px;}
/* ⚠️ тема задаёт body{color:#777} — на светлом фоне это 4,29:1 (ниже AA), поэтому текст секций
   получает читаемый цвет явно (та же правка, что у .lp-sections на ЛП). */
.rlz-page{color:var(--rlz-body);}

/* Тёмные и светлая полосы — во всю ширину окна с потолком 1920px (согласовано с тёмными зонами ЛП).
   Приём тот же: однотонная тень + clip-path, без 100vw (он включает ширину скроллбара). */
.rlz-hero,.rlz-cta,.rlz-list{
	clip-path:inset(0 calc(-1 * min(50vw - 50%, (1920px - 100%)/2)));
}
.rlz-hero,.rlz-cta{
	background:var(--rlz-ink);
	box-shadow:0 0 0 100vmax var(--rlz-ink);
	color:#fff;
}
.rlz-list{
	background:var(--rlz-paper);
	box-shadow:0 0 0 100vmax var(--rlz-paper);
}

/* ── герой ─────────────────────────────────────────────────────────────── */
.rlz-hero__in{padding:48px 24px 44px;}
.rlz-hero__h1{margin:0 0 16px;font-size:2.6667em;line-height:1.1;font-weight:700;letter-spacing:-.02em;color:#fff;}
.rlz-hero__lede{margin:0;max-width:640px;font-size:1.0667em;line-height:1.5;color:var(--rlz-dim);}
.rlz-hero__badge{
	display:inline-block;margin:0 0 20px;padding:6px 12px;
	background:color-mix(in srgb,var(--lp-accent,#dd130a) 16%,transparent);
	border:1px solid color-mix(in srgb,var(--lp-accent,#dd130a) 42%,transparent);
	border-radius:var(--lp-r-pill,30px);
	font-size:.8667em;font-weight:700;color:var(--rlz-acc-light);
}

/* крошки в герое (штатных на этой странице нет: раздел с HIDETITLE=Y; путь отдаётся JSON-LD) */
.rlz-crumbs{
	list-style:none;margin:0 0 16px;padding:0;
	display:flex;flex-wrap:nowrap;overflow:hidden;
	font-size:.8667em;line-height:1.4;
}
.rlz-crumbs li{flex:0 0 auto;margin:0;padding:0;color:rgba(255,255,255,.7);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.rlz-crumbs li:nth-last-child(2){flex:0 1 auto;}
.rlz-crumbs li:before{content:"—"!important;position:static!important;display:inline-block;width:auto!important;height:auto!important;background:none!important;margin:0 8px;color:rgba(255,255,255,.32);}
.rlz-crumbs li:first-child:before{content:none!important;margin:0;}
.rlz-crumbs a,.rlz-crumbs a.dark-color{color:rgba(255,255,255,.88);}
.rlz-crumbs a:hover,.rlz-crumbs a.dark-color:hover{color:#fff;}

/* ── лента релизов ─────────────────────────────────────────────────────── */
.rlz-list{padding:56px 0 64px;}
.rlz-items{display:flex;flex-direction:column;}

.rlz-rel{
	display:grid;grid-template-columns:200px 18px minmax(0,1fr);
	gap:24px 32px;padding:40px 0;
	scroll-margin-top:90px; /* компенсация липкой шапки темы (#headerfixed) */
}
.rlz-rel__meta{position:sticky;top:90px;align-self:start;text-align:right;}
.rlz-rel__ver{margin:0!important;font-size:1.4em;line-height:1.3;font-weight:700;color:var(--rlz-fg);}
.rlz-rel.is-current .rlz-rel__ver{color:var(--rlz-acc);}
.rlz-rel__tag{
	display:inline-block;margin-top:8px;padding:3px 8px;
	background:var(--rlz-acc);color:#fff;border-radius:var(--lp-r-sm,6px);
	font-size:.7333em;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
}

.rlz-rel__line{position:relative;display:flex;justify-content:center;}
.rlz-rel__line:before{content:"";position:absolute;top:0;bottom:-80px;width:2px;background:var(--rlz-line2);}
.rlz-rel:last-child .rlz-rel__line:before{bottom:0;}
.rlz-rel__dot{
	position:relative;margin-top:8px;flex:none;
	width:14px;height:14px;border-radius:50%;
	background:#fff;border:3px solid var(--rlz-dot);box-sizing:border-box;
	box-shadow:0 0 0 4px var(--rlz-paper);
}
.rlz-rel.is-current .rlz-rel__dot{background:var(--rlz-acc);border-color:color-mix(in srgb,var(--lp-accent,#dd130a) 20%,#fff);}

.rlz-rel__body{display:flex;flex-direction:column;gap:24px;min-width:0;}
.rlz-rel__theme{font-size:1.0667em;line-height:1.4;font-weight:700;color:var(--rlz-fg);}

/* врезка релиза (в данных — <div class="alert alert-info">) */
.rlz-note{
	background:#fff;border:1px solid var(--rlz-line);border-left:3px solid var(--rlz-acc);
	border-radius:var(--lp-r-lg,12px);padding:16px 20px;
	font-size:.9333em;line-height:1.5;color:var(--rlz-body);
}
.rlz-note b,.rlz-note strong{color:var(--rlz-fg);}

/* пилюля типа изменения */
.rlz-chip{
	display:inline-block;margin:0 0 14px;padding:4px 10px;border-radius:var(--lp-r-sm,6px);
	font-size:.7333em;font-weight:700;letter-spacing:.08em;text-transform:uppercase;line-height:1.4;
}
.rlz-chip--add{background:var(--rlz-acc);color:#fff;}
.rlz-chip--chg{background:var(--rlz-ink);color:#fff;}
.rlz-chip--fix{background:var(--rlz-line);color:var(--rlz-body);}

/* группа, названная по функции («Миграции», «Вкладка «Корзина»») — не пилюля: она читалась бы
   как кнопка. Жирный текст с акцентной полосой слева. */
.rlz-grouphead{
	margin:0 0 12px;padding-left:11px;border-left:3px solid var(--rlz-acc);
	font-size:1.0667em;line-height:1.3;font-weight:700;color:var(--rlz-fg);
}
.rlz-subgroup{margin-top:18px;}
.rlz-subgroup:first-child{margin-top:0;}
.rlz-subgroup__label{margin:0 0 10px;font-size:1.0667em;line-height:1.4;font-weight:700;color:var(--rlz-fg);}

/* пункты. ⚠️ Маркер — свой (тире акцентом); правила темы для li:before перебиваются
   явно (content/position/размеры), иначе поверх нашего появляется тема-буллет. */
.rlz-items-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;}
.rlz-items-list .rlz-item{display:flex;gap:12px;align-items:baseline;margin:0!important;padding:0!important;line-height:1.5;flex-wrap:wrap;}
.rlz-items-list .rlz-item:before{
	content:"—"!important;position:static!important;display:block;flex:none;
	width:auto!important;height:auto!important;background:none!important;border:0!important;margin:0!important;top:auto!important;left:auto!important;
	color:var(--rlz-acc);font-weight:700;
}
/* ⚠️ flex-basis ОБЯЗАТЕЛЬНО 0 (не auto): при flex-wrap:wrap текст с базисом по контенту не
   сжимается, а переносится на новую строку — маркер «—» оставался на строке один. Сам wrap
   нужен, чтобы вложенный подсписок (flex-basis:100%) уходил под текст пункта. */
.rlz-item__text{flex:1 1 0;min-width:0;font-size:1em;line-height:1.5;color:var(--rlz-body);}
.rlz-item__text b,.rlz-item__text strong{font-weight:700;color:var(--rlz-fg);}
.rlz-item__text code{background:#fff;border:1px solid var(--rlz-line);border-radius:var(--lp-r-sm,6px);padding:1px 5px;font-size:.9em;}
.rlz-item__text .label,.rlz-item__text .label-info{
	display:inline-block;padding:2px 6px;border-radius:var(--lp-r-sm,6px);vertical-align:middle;
	background:var(--rlz-acc);color:#fff;font-size:.7333em;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
}
.rlz-note .label,.rlz-note .label-info{
	display:inline-block;padding:2px 6px;border-radius:var(--lp-r-sm,6px);vertical-align:middle;
	background:var(--rlz-acc);color:#fff;font-size:.7333em;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
}
/* вложенный подсписок */
.rlz-items-list--sub{flex-basis:100%;margin-top:8px!important;gap:6px;}
.rlz-items-list--sub .rlz-item:before{content:"·"!important;color:var(--rlz-dot);}
.rlz-items-list--sub .rlz-item__text{font-size:.9333em;color:var(--rlz-muted);}

/* аварийная ветка: разбор не дал структуры — печатаем описание как есть */
.rlz-raw{font-size:1em;line-height:1.5;color:var(--rlz-body);}
.rlz-raw ul{margin:4px 0 8px 18px;padding:0;}

/* ── финальный CTA ─────────────────────────────────────────────────────── */
.rlz-cta__in{padding:48px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px 32px;flex-wrap:wrap;}
.rlz-cta__h{margin:0 0 8px!important;font-size:1.8667em;line-height:1.2;font-weight:700;color:#fff;letter-spacing:-.02em;}
.rlz-cta__text p{margin:0;font-size:1.0667em;line-height:1.5;color:var(--rlz-dim);}
/* ⚠️ кегль и вес — с !important и от .rlz-cta: тема даёт .btn-lg{font-size:.7333em} правилом
   равной специфичности, объявленным позже (кнопка выходила 11px/400). Паддинг и радиус
   оставляем теме — радиус кнопок задаётся настройкой шаблона ROUND_BUTTON. */
.rlz-cta .rlz-cta__btn{font-size:1.0667em!important;font-weight:700!important;background:var(--rlz-acc)!important;border-color:var(--rlz-acc)!important;color:#fff!important;}
.rlz-cta__btn:hover{background:color-mix(in srgb,var(--lp-accent,#dd130a) 82%,#000)!important;border-color:color-mix(in srgb,var(--lp-accent,#dd130a) 82%,#000)!important;color:#fff!important;}

/* видимый фокус — на тёмных полосах кольцо белое (на остальных страницах его даёт css/custom.css) */
.rlz-hero a:focus-visible,.rlz-cta .rlz-cta__btn:focus-visible{outline:2px solid #fff;outline-offset:3px;}

/* ── «мебель» темы на этой странице ────────────────────────────────────────
   ⚠️ Скоуп через :has() — своего класса на <body> у страницы нет; в браузерах без :has()
   правила просто не применятся (деградация безопасная: будет как до правки).
   1) Рейл плавающих форм .fly_forms (z-index 121) при окне 1024–1400 px ложится ПОВЕРХ текста
      ленты (замерено: на 1024 рейл 956..1024 при контенте до 1008). То же решение, что на ЛП
      (P0-1): рейл скрываем — действия страницы несёт CTA-блок и шапка сайта.
   2) .body:not(.index) .main > .container{padding-bottom:100px} темы оставляет 100 px белого
      между тёмным CTA и тёмным подвалом — читается как разрыв вёрстки. */
body:has(.rlz-page) .fly_forms{display:none;}
.main > .container:has(.rlz-page){padding-bottom:0!important;} /* !important: правило темы .body:not(.index) .main > .container специфичнее (0,4,0) */

/* ── адаптив ───────────────────────────────────────────────────────────── */
@media (max-width:991px){
	.rlz-rel{grid-template-columns:1fr;gap:16px;padding:32px 0;}
	.rlz-rel__meta{position:static;text-align:left;display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;}
	.rlz-rel__tag{margin-top:0;}
	.rlz-rel__line{display:none;}
	.rlz-rel:not(:first-child){border-top:1px solid var(--rlz-line2);}
}
@media (max-width:767px){
	.rlz-hero__in{padding:32px 16px 28px;}
	.rlz-hero__h1{font-size:1.8667em;}
	.rlz-hero__lede{font-size:1em;}
	.rlz-wrap{padding:0 16px;}
	.rlz-list{padding:32px 0 40px;}
	.rlz-cta__in{padding:32px 16px;}
	.rlz-cta__h{font-size:1.4em;}
	.rlz-rel__ver{font-size:1.2em;}
	.rlz-crumbs{margin-bottom:12px;}
}
@media (max-width:480px){
	.rlz-cta__btn{width:100%;text-align:center;}
}

/* --- Указатель /releases/ (страница-хаб со списком продуктов) ---------------------
   Разметка — в /releases/index.php; CSS живёт здесь, потому что страница подключает
   этот же файл через SetAdditionalCSS (компонента на ней нет). Классы .rlz-hero/.rlz-list
   переиспользуются как есть, свои — только карточки. */
.rlz-hub{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;}
.rlz-hub__card{
	display:block;padding:28px;background:#fff;text-decoration:none;
	border:1px solid var(--rlz-line);border-radius:14px;
	transition:border-color .2s ease,box-shadow .2s ease;
}
.rlz-hub__card:hover,.rlz-hub__card:focus-visible{border-color:var(--rlz-acc);box-shadow:0 4px 22px rgba(0,0,0,.09);}
.rlz-hub__card:focus-visible{outline:2px solid var(--rlz-acc);outline-offset:3px;}
.rlz-hub__name{font-size:1.4em;line-height:1.2;font-weight:700;color:var(--rlz-fg);letter-spacing:-.01em;}
.rlz-hub__meta{margin-top:8px;font-size:.9333em;line-height:1.5;color:var(--rlz-muted);}
.rlz-hub__go{
	margin-top:20px;font-size:.8em;font-weight:700;line-height:1.2;
	letter-spacing:.08em;text-transform:uppercase;color:var(--rlz-acc);
}
.rlz-hub__go:after{content:" \2192";}
@media (max-width:620px){
	.rlz-hub{gap:16px;}
	.rlz-hub__card{padding:20px;}
	.rlz-hub__name{font-size:1.2em;}
}

/* End */
/* /bitrix/templates/aspro-priority/components/bitrix/news.list/releases_page/style.css?178643665215065 */