/* ==========================================================================
   Лонгрид блога — общая библиотека элементов статьи.
   Подключается MU-плагином sechenov-blog-longread только на записях
   с отметкой «Своя вёрстка» (мета _sech_longread). На сервере:
   mu-plugins/sechenov-blog-longread/longread.css
   Всё внутри корня .lr — стили не протекают на остальной сайт.
   Цвета статьи меняются переопределением токенов в её собственном <style>.
   ========================================================================== */

/* ---------- Токены: базовая палитра сайта, статья перекрывает их ---------- */
.lr {
	--lr-main: var(--primary, #323FA6);      /* синий университета */
	--lr-main-d: #222B75;                     /* синий при наведении */
	--lr-main-10: #EAECF6;                    /* бледно-синий: ссылки, активный пункт */
	--lr-main-60: #7C84C7;
	--lr-hot: #FF6F59;                        /* тёплый акцент: номера блоков, миф */
	--lr-hot-10: #FFE3DC;
	--lr-sun: #FFC857;                        /* жёлтый акцент */
	--lr-mint: #B5E6CF;                       /* мятный акцент */
	--lr-mint-d: #6CCFA6;
	--lr-panel: #F4F5FB;                      /* фон светлых панелей и схем */
	--lr-panel-2: #EAECF6;                    /* второй светлый фон */
	--lr-card: #F2F3F5;                       /* фон карточки автора */
	--lr-dim: rgba(255, 255, 255, .75);       /* второстепенный текст на синем */
	--lr-ink: var(--text, #011738);
	--lr-ink-2: #4A5068;
	--lr-ink-3: #7A8096;
	--lr-r-tag: 8px;
	--lr-r-btn: 12px;
	--lr-r-card: 20px;
	--lr-r-panel: 22px;
	--lr-txt: 760px;                          /* ширина строки основного текста */
	--lr-ease: cubic-bezier(.2, .7, .2, 1);

	color: var(--lr-ink);
	font-family: inherit;
	-webkit-font-smoothing: antialiased;
}

/* ---------- Сброс внутри статьи ---------- */
.lr *, .lr *::before, .lr *::after { box-sizing: border-box; }
.lr :where(h1, h2, h3, h4, p, figure, blockquote) { margin: 0; } /* :where — нулевой вес, классы ниже его перебивают */
.lr a { color: inherit; text-decoration: none; }
.lr button { font: inherit; color: inherit; background: none; border: 0; padding: 0; cursor: pointer; }
.lr img { max-width: 100%; height: auto; }
.lr svg { overflow: visible; }

/* Отступы текста поверх двух правил сайта:
   - «Глобальные доп. стили» обнуляют margin у всех p и h1–h6 в .site-content с !important;
   - сниппет 1489 даёт абзацам статьи margin-bottom: 1em !important.
   Поэтому все вертикальные отступы абзацев и заголовков статьи заданы здесь,
   с префиксом .site-content .lr и !important. Вне этого раздела их не задавать. */
/* вес выше, чем у правила 1489 (.site-content .dynamic-entry-content p) — в сетке отступы не схлопываются */
.site-content .dynamic-entry-content .lr p:not(.custom-margin),
.site-content .dynamic-entry-content .lr h1:not(.custom-margin),
.site-content .dynamic-entry-content .lr h2:not(.custom-margin),
.site-content .dynamic-entry-content .lr h3:not(.custom-margin) { margin-bottom: 0 !important; }
.site-content .lr .lr-hero h1 { margin-top: 24px !important; }
.site-content .lr .lr-art p { margin-top: 20px !important; }
.site-content .lr .lr-art p.lr-lead { margin-top: 0 !important; }
.site-content .lr .lr-art .lr-q { margin-top: 56px !important; }
.site-content .lr .lr-art .lr-q + p { margin-top: 16px !important; }
.site-content .lr .lr-full .lr-ft { margin-top: 0 !important; margin-bottom: clamp(16px, 2vw, 28px) !important; }
.site-content .lr .lr-art .lr-steps p { margin-top: 8px !important; }
.site-content .lr .lr-myth p.lr-myth__lb { margin-top: 0 !important; }
.site-content .lr .lr-myth p.lr-myth__hint { margin-top: auto !important; }
.site-content .lr .lr-art .lr-avt__p1 p { margin-top: 8px !important; }
@media (max-width: 767px) {
	.site-content .lr .lr-hero h1 { margin-top: 18px !important; }
	.site-content .lr .lr-art p { margin-top: 16px !important; }
	.site-content .lr .lr-art p.lr-lead { margin-top: 0 !important; }
	.site-content .lr .lr-art .lr-q { margin-top: 40px !important; }
}

/* Полоса прочтения вверху экрана */
.lr-bar { position: fixed; left: 0; top: 0; height: 5px; width: 0; background: var(--lr-hot); z-index: 10000; pointer-events: none; }

/* ==========================================================================
   Обложка: текст слева, иллюстрация справа
   ========================================================================== */
.lr-hero {
	position: relative;
	overflow: hidden;
	display: flex;
	min-height: clamp(440px, 33vw, 540px);
	border-radius: var(--lr-r-panel);
	padding: clamp(40px, 4vw, 64px);
	background: var(--lr-main);
	color: #fff;
}
.lr-hero__art { position: absolute; right: 0; top: 0; height: 100%; width: auto; max-width: 60%; }
.lr-hero__tx { position: relative; width: min(560px, 44%); display: flex; flex-direction: column; }
.lr-kick { display: flex; flex-wrap: wrap; gap: 8px; }
.lr-kick span { height: 30px; display: inline-flex; align-items: center; padding: 0 12px; border-radius: var(--lr-r-tag); font-size: 14px; background: rgba(255, 255, 255, .14); }
.lr-hero h1 { font-weight: 700; font-size: clamp(28px, 2.5vw, 40px); line-height: 1.15; letter-spacing: -.5px; color: inherit; }
.lr-au { margin-top: auto; padding-top: 32px; display: flex; align-items: center; gap: 16px; font-size: 16px; line-height: 22px; }
.lr-au img { width: 60px; height: 60px; flex: none; border-radius: 50%; object-fit: cover; object-position: 50% 15%; background: var(--lr-panel-2); }
.lr-au small { display: block; font-size: 13px; opacity: .7; }
.lr-au b { display: block; }
.lr-au span { color: var(--lr-dim); }

/* Светлая обложка — для статей, где иллюстрация на светлом фоне */
.lr-hero--light { background: var(--lr-panel); color: var(--lr-ink); }
.lr-hero--light .lr-kick span { background: #fff; color: var(--lr-ink-2); }
.lr-hero--light .lr-au span { color: var(--lr-ink-2); }

/* ==========================================================================
   Раскладка: оглавление слева, текст справа
   ========================================================================== */
.lr-lay { display: grid; grid-template-columns: clamp(220px, 19vw, 300px) minmax(0, 1fr); gap: clamp(40px, 5vw, 90px); margin-top: 70px; }

.lr-toc { position: sticky; top: 110px; align-self: start; }
.lr-toc__ti { font-size: 14px; color: var(--lr-ink-3); margin-bottom: 14px; }
.lr-toc a { display: block; padding: 12px 16px; border-radius: var(--lr-r-btn); font-size: 16px; line-height: 21px; color: var(--lr-ink-2); transition: background .3s, color .3s; }
.lr-toc a i { display: block; font-style: normal; font-size: 13px; color: var(--lr-ink-3); margin-bottom: 2px; }
.lr-toc a:hover { background: var(--lr-panel); }
.lr-toc a.on { background: var(--lr-main-10); color: var(--lr-main); }
.lr-toc a.on i { color: var(--lr-main-60); }
.lr-toc__rd { margin-top: 20px; height: 6px; border-radius: 3px; background: #F2F3F5; overflow: hidden; }
.lr-toc__rd i { display: block; height: 100%; width: 0; background: var(--lr-main); transition: width .2s; }
.lr-toc__rdt { margin-top: 8px; font-size: 13px; color: var(--lr-ink-3); }

/* ==========================================================================
   Текст статьи
   ========================================================================== */
.lr-art { min-width: 0; }
.lr-art p { font-size: 19px; line-height: 31px; max-width: var(--lr-txt); }
.lr-art p.lr-lead { font-size: 23px; line-height: 35px; }
.lr-art p a { color: var(--lr-main); background: var(--lr-main-10); border-radius: 4px; padding: 0 4px; transition: background .3s, color .3s; }
.lr-art p a:hover { background: var(--lr-main); color: #fff; }

/* Заголовок блока: крупный номер + H2 */
.lr-bh { margin-top: 110px; display: grid; grid-template-columns: auto 1fr; gap: 28px; align-items: end; max-width: 1000px; scroll-margin-top: 120px; }
.lr-bh > b { font-size: 90px; line-height: .8; color: var(--lr-hot); font-weight: 700; }
.lr-bh h2 { font-size: clamp(30px, 2.7vw, 42px); line-height: 1.15; font-weight: 700; color: inherit; }

/* Вопрос эксперту: буква + текст вопроса (H3) */
.lr-q { max-width: 900px; display: flex; gap: 18px; font-size: 23px; line-height: 32px; font-weight: 700; color: inherit; }
.lr-q i { flex: none; min-width: 28px; color: var(--lr-main); font-style: normal; font-size: 30px; line-height: 32px; font-weight: 700; }

/* Секция с обтекаемой вставкой */
.lr-sec { max-width: 1060px; }
.lr-sec::after { content: ""; display: table; clear: both; }

/* ==========================================================================
   Панели на всю ширину текста: схемы, иллюстрации, фото
   ========================================================================== */
.lr-full { margin: 56px 0 0; border-radius: var(--lr-r-panel); padding: clamp(28px, 3vw, 48px); overflow: hidden; }
.lr-full > svg { display: block; width: 100%; height: auto; border-radius: var(--lr-r-card); }
.lr-full .lr-ft { font-size: clamp(24px, 2.2vw, 32px); line-height: 1.2; font-weight: 700; color: inherit; }
.lr-full .lr-cap { margin-top: 18px; font-size: 17px; line-height: 26px; color: var(--lr-ink-2); max-width: var(--lr-txt); }
.lr-full img { display: block; width: 100%; height: auto; border-radius: var(--lr-r-card); }

/* Широкая схема с мелкими подписями: на телефоне не ужимается, а листается вбок */
.lr-wide { overflow-x: auto; -webkit-overflow-scrolling: touch; border-radius: var(--lr-r-card); }
.lr-wide > svg { display: block; width: 100%; height: auto; }
.lr-wide-hint { display: none; margin-top: 10px; font-size: 13px; color: var(--lr-ink-3); }
.lr-soft { background: var(--lr-panel); }
.lr-blue { background: var(--lr-main); color: #fff; }
.lr-blue .lr-cap { color: var(--lr-dim); }

/* Обтекаемая вставка справа от текста */
.lr-obt { float: right; width: clamp(300px, 26vw, 380px); margin: 8px 0 24px 40px; }

/* ==========================================================================
   Инфографика
   ========================================================================== */

/* Крупные цифры: плитки на синем, счёт с нуля при появлении (data-n) */
.lr-cif { background: var(--lr-main); color: #fff; display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 20px; container-type: inline-size; }
.lr-cf { border-radius: var(--lr-r-card); background: rgba(255, 255, 255, .1); padding: 26px; display: flex; flex-direction: column; }
.lr-cf svg { width: 56px; height: 56px; }
.lr-cf b { margin-top: 22px; font-size: clamp(44px, 6cqw, 76px); line-height: 1; font-weight: 700; letter-spacing: -1px; white-space: nowrap; }
.lr-cf span { margin-top: 10px; font-size: 17px; line-height: 24px; color: var(--lr-dim); }
.lr-cf--wide { grid-column: 1 / -1; background: none; padding: 6px 0 0; }

/* Круглые жетоны (витамины, микроэлементы) — вылетают по очереди */
.lr-chips { display: flex; flex-wrap: wrap; gap: 12px; }
.lr-chips span { width: 76px; height: 76px; border-radius: 50%; background: var(--lr-panel); display: flex; align-items: center; justify-content: center; font-size: 22px; font-weight: 700; color: var(--lr-main); transform: scale(0); transition: transform .6s cubic-bezier(.3, 1.6, .5, 1), background .3s, color .3s; }
.lr-chips span.w { width: auto; padding: 0 24px; border-radius: 38px; font-size: 17px; }
.in .lr-chips span { transform: scale(1); }
.lr-chips span:hover { background: var(--lr-hot); color: #fff; }

/* Ступени: нумерованные карточки разного цвета */
.lr-steps { display: flex; flex-direction: column; gap: 10px; }
.lr-steps > div { border-radius: var(--lr-r-card); padding: 22px 24px; }
.lr-steps i { font-style: normal; display: flex; width: 34px; height: 34px; border-radius: 50%; align-items: center; justify-content: center; font-weight: 700; font-size: 16px; margin-bottom: 12px; }
.lr-steps b { display: block; font-size: 19px; line-height: 25px; }
.lr-art .lr-steps p { font-size: 15px; line-height: 21px; }
.lr-steps .s1 { background: var(--lr-main); color: #fff; }
.lr-steps .s1 i { background: #fff; color: var(--lr-main); }
.lr-steps .s2 { background: var(--lr-sun); }
.lr-steps .s2 i { background: var(--lr-main); color: #fff; }
.lr-steps .s3 { background: #E3F5EC; }
.lr-steps .s3 i { background: #000; color: #fff; }
.lr-steps .lr-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 12px; }
.lr-steps .lr-tags span { display: inline-flex; align-items: center; min-height: 32px; padding: 5px 12px; border-radius: 16px; background: rgba(255, 255, 255, .7); font-size: 14px; line-height: 18px; }

/* Переключатель: схема слева, кнопки справа (data-lr-tabs) */
.lr-tabs { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); gap: clamp(24px, 3vw, 48px); align-items: center; }
.lr-tabs > svg { width: 100%; max-width: 480px; height: auto; margin: 0 auto; display: block; }
.lr-tabs__list { display: flex; flex-direction: column; gap: 12px; }
.lr-tabs__list button { text-align: left; border-radius: var(--lr-r-card); background: #fff; padding: 22px 26px; transition: background .3s, color .3s; }
.lr-tabs__list button b { display: block; font-size: 20px; line-height: 26px; margin-bottom: 4px; }
.lr-tabs__list button span { font-size: 16px; line-height: 23px; color: var(--lr-ink-2); }
.lr-tabs__list button.on { background: var(--lr-main); color: #fff; }
.lr-tabs__list button.on span { color: var(--lr-dim); }

/* Три совета: карточки с иконкой и номером */
.lr-tips { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin-top: 28px; }
.lr-tips > div { border-radius: var(--lr-r-card); background: var(--lr-panel); padding: 26px; font-size: 17px; line-height: 25px; }
.lr-tips svg { width: 56px; height: 56px; display: block; }
.lr-tips em { display: block; font-style: normal; font-weight: 700; font-size: 44px; line-height: 44px; color: var(--lr-main); margin: 20px 0 10px; }

/* Миф и факт: карточка переворачивается при наведении, на касание — по щелчку */
.lr-myth { margin-top: 20px; perspective: 1600px; height: clamp(330px, 26vw, 360px); cursor: pointer; }
.lr-myth__in { position: relative; height: 100%; transition: transform .9s var(--lr-ease); transform-style: preserve-3d; }
.lr-myth:hover .lr-myth__in, .lr-myth.on .lr-myth__in { transform: rotateY(180deg); }
.lr-myth__f { position: absolute; inset: 0; border-radius: var(--lr-r-panel); padding: clamp(28px, 3.4vw, 46px) clamp(28px, 4vw, 56px); backface-visibility: hidden; -webkit-backface-visibility: hidden; display: flex; flex-direction: column; overflow: hidden; }
.lr-myth__a { background: var(--lr-hot); color: #fff; }
.lr-myth__b { background: var(--lr-main); color: #fff; transform: rotateY(180deg); }
.lr-art .lr-myth .lr-myth__lb { max-width: none; font-size: 20px; line-height: 30px; color: #1A1A1A; }
.lr-myth__lb b { font-size: 30px; font-weight: 700; }
.lr-art .lr-myth__b .lr-myth__lb { color: #fff; }
.lr-myth q { position: relative; margin-top: 22px; max-width: 74%; font-size: clamp(32px, 3.2vw, 48px); line-height: 1.1; font-weight: 700; quotes: "«" "»"; }
.lr-myth__b div { margin-top: 18px; font-size: clamp(19px, 1.6vw, 24px); line-height: 1.45; max-width: 900px; }
.lr-art .lr-myth .lr-myth__hint { position: relative; display: flex; align-items: center; gap: 14px; font-size: 16px; line-height: 22px; }
.lr-myth__ic { flex: none; width: 46px; height: 46px; border-radius: 50%; background: #fff; color: var(--lr-hot); display: flex; align-items: center; justify-content: center; font-size: 22px; animation: lr-pulse 1.8s ease-in-out infinite; }
.lr-myth__pic { position: absolute; right: clamp(16px, 2.4vw, 40px); bottom: clamp(14px, 2vw, 30px); width: clamp(190px, 17vw, 270px); height: auto; }

/* ==========================================================================
   Автор и программы — финальный блок
   ========================================================================== */
.lr-avt { margin-top: 80px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 30px; }
.lr-avt > div { border-radius: var(--lr-r-panel); padding: clamp(26px, 2.6vw, 36px); }
.lr-avt__p1 { background: var(--lr-card); display: flex; gap: 26px; align-items: center; }
.lr-avt__p1 img { width: 120px; height: 120px; border-radius: 50%; object-fit: cover; object-position: 50% 15%; flex: none; }
.lr-avt small { display: block; font-size: 14px; color: var(--lr-ink-3); margin-bottom: 6px; }
.lr-avt__p1 b { font-size: 22px; line-height: 27px; }
.lr-art .lr-avt__p1 p { font-size: 16px; line-height: 23px; color: var(--lr-ink-2); }
.lr-avt__p2 { background: var(--lr-main); color: #fff; }
.lr-avt__p2 small { color: var(--lr-dim); }
.lr-avt a.lr-pr { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-top: 12px; padding: 16px 18px 16px 20px; border-radius: var(--lr-r-card); background: rgba(255, 255, 255, .12); font-size: 17px; line-height: 23px; color: #fff; transition: background .3s; }
.lr-avt a.lr-pr:hover { background: rgba(255, 255, 255, .22); }
.lr-avt a.lr-pr span { flex: none; height: 42px; padding: 0 18px; border-radius: var(--lr-r-btn); background: #fff; color: var(--lr-main); display: flex; align-items: center; font-weight: 700; font-size: 15px; }

/* ==========================================================================
   «Последние публикации» из шаблона-холста (страница со своей вёрсткой).
   Блок не внутри .lr, поэтому правила привязаны к body.sech-lr.
   - без голубой плашки obertka-content-1240: блок встаёт ровно по краям обложки;
   - карточки без потолка 370 px: три карточки делят всю ширину поровну,
     справа не остаётся пустого места (холст шире обычной колонки в 1240 px).
   ========================================================================== */
body.sech-lr .obertka-content-1240 {
	background: none;
	border-radius: 0;
	margin: clamp(64px, 6vw, 110px) 0 0;
	padding: 0;
}
body.sech-lr .obertka-content-1240 h4 {
	font-size: clamp(26px, 2.2vw, 34px);
	line-height: 1.15;
	font-weight: 700;
	color: var(--text, #011738);
}
body.sech-lr .gb-related-carousel > * {
	max-width: none;
}

/* ==========================================================================
   Появление при прокрутке и общие анимации
   ========================================================================== */
.lr [data-r] { opacity: 0; transform: translateY(30px); transition: opacity .8s var(--lr-ease), transform .8s var(--lr-ease); }
.lr [data-r].in { opacity: 1; transform: none; }
/* Без JS текст и вставки должны быть видны */
.lr:not(.lr-js) [data-r] { opacity: 1; transform: none; }

.lr .lr-blob { transform-box: fill-box; transform-origin: center; animation: lr-blob 4s ease-in-out infinite; }
.lr .lr-cil { transform-box: fill-box; transform-origin: 50% 100%; animation: lr-cil 1.6s ease-in-out infinite; }
.lr .lr-pulse { transform-box: fill-box; transform-origin: center; animation: lr-pulse 2.4s ease-in-out infinite; }
.lr .lr-blink { animation: lr-blink 2s ease-in-out infinite; }
.lr .lr-bob { transform-box: fill-box; transform-origin: center; animation: lr-bob 1.4s ease-in-out infinite; }
.lr .lr-arc { transition: stroke-dashoffset 2s var(--lr-ease) .3s; }
.lr .in .lr-arc { stroke-dashoffset: 40; }
.lr .lr-sway { transform-origin: 85% 55%; animation: lr-sway 2.4s ease-in-out infinite; }
.lr .lr-wind path { stroke-dasharray: 140; animation: lr-wind 1.2s ease-out infinite; }
.lr .lr-wind path:nth-child(2) { animation-delay: .2s; }
.lr .lr-wind path:nth-child(3) { animation-delay: .4s; }

@keyframes lr-blob { 0%, 100% { transform: scale(1) rotate(0); } 50% { transform: scale(1.08, .94) rotate(6deg); } }
@keyframes lr-cil { 0%, 100% { transform: rotate(-22deg); } 50% { transform: rotate(26deg); } }
@keyframes lr-pulse { 50% { transform: scale(1.1); } }
@keyframes lr-blink { 50% { opacity: .2; } }
@keyframes lr-bob { 50% { transform: translateY(-4px); } }
@keyframes lr-sway { 0%, 100% { transform: rotate(0); } 50% { transform: rotate(-4deg) scale(1.03); } }
@keyframes lr-wind { 0% { stroke-dashoffset: 140; opacity: 0; } 30% { opacity: 1; } 100% { stroke-dashoffset: 0; opacity: 0; } }

@media (prefers-reduced-motion: reduce) {
	.lr *, .lr *::before, .lr *::after { animation: none !important; transition: none !important; }
	.lr [data-r] { opacity: 1; transform: none; }
	.lr .lr-chips span { transform: none; }
}

/* ==========================================================================
   Адаптив
   ========================================================================== */

/* Ноутбук и планшет: вставки перестают обтекаться, переключатель в столбик */
@media (max-width: 1279px) {
	.lr-obt { float: none; width: auto; margin: 36px 0 0; }
	.lr-art p { font-size: 18px; line-height: 29px; }
	.lr-tabs { grid-template-columns: 1fr; }
	.lr-tips { grid-template-columns: 1fr; }
	.lr-tips > div { display: grid; grid-template-columns: 56px 1fr; column-gap: 20px; align-items: center; }
	.lr-tips em { display: none; }
	.lr-avt { grid-template-columns: 1fr; }
}

/* Планшет: оглавление уходит наверх и перестаёт быть липким */
@media (max-width: 1024px) {
	.lr-lay { grid-template-columns: minmax(0, 1fr); gap: 40px; margin-top: 40px; } /* minmax(0) — иначе широкая схема растягивает колонку */
	.lr-toc { position: static; background: var(--lr-panel); border-radius: var(--lr-r-card); padding: 20px 12px 12px; }
	.lr-toc__ti { padding: 0 16px; }
	.lr-toc__rd, .lr-toc__rdt { display: none; }
	/* Обложка в столбик: метки → заголовок → иллюстрация по центру → автор.
	   display: contents растворяет блок текста, и его части выстраиваются через order */
	.lr-hero { flex-direction: column; min-height: 0; }
	.lr-hero__tx { display: contents; }
	.lr-kick { order: 1; }
	.lr-hero h1 { order: 2; max-width: 640px; }
	.lr-hero__art { position: relative; order: 3; width: 100%; max-width: none; height: clamp(240px, 44vw, 360px); margin: 20px 0 8px; overflow: hidden; } /* вирусы не залетают на заголовок */
	.lr-au { order: 4; margin-top: 0; }
}

/* Телефон */
@media (max-width: 767px) {
	.lr-hero { padding: 28px 20px; border-radius: var(--lr-r-card); }
	.lr-hero h1 { font-size: 26px; }
	.lr-au { padding-top: 24px; font-size: 15px; line-height: 20px; }
	.lr-au img { width: 52px; height: 52px; }
	.lr-art p { font-size: 17px; line-height: 27px; }
	.lr-art p.lr-lead { font-size: 19px; line-height: 29px; }
	.lr-bh { margin-top: 64px; gap: 16px; }
	.lr-bh > b { font-size: 56px; }
	.lr-bh h2 { font-size: 25px; }
	.lr-q { gap: 12px; font-size: 19px; line-height: 27px; }
	.lr-q i { min-width: 20px; font-size: 22px; line-height: 27px; }
	.lr-full { margin-top: 36px; padding: 20px; border-radius: var(--lr-r-card); }
	.lr-full .lr-cap { font-size: 15px; line-height: 23px; }
	.lr-wide > svg { min-width: 640px; }
	.lr-wide-hint { display: block; }
	.lr-cif { grid-template-columns: 1fr; }
	.lr-cf { padding: 22px; }
	.lr-chips span { width: 60px; height: 60px; font-size: 19px; }
	.lr-chips span.w { padding: 0 18px; border-radius: 30px; font-size: 15px; }
	.lr-tabs__list button { padding: 18px 20px; }
	.lr-tabs__list button b { font-size: 18px; line-height: 24px; }
	.lr-myth { height: 380px; }
	.lr-myth__f { padding: 24px 22px; }
	.lr-myth q { max-width: 100%; font-size: 28px; }
	.lr-myth__pic { display: none; }
	.lr-myth__b div { font-size: 18px; }
	.lr-avt { margin-top: 56px; gap: 16px; }
	.lr-avt__p1 { flex-direction: column; align-items: flex-start; gap: 16px; }
	.lr-avt__p1 img { width: 88px; height: 88px; }
	.lr-avt a.lr-pr { flex-direction: column; align-items: flex-start; gap: 12px; }
}