/* Start:/bitrix/templates/.default/components/bitrix/news.detail/portal/style.css?179130931316157*/
/* news.detail/portal — страница статьи и новости (фаза 14, шаг 2). Эталон — tools/design/portal-proto/article.css.
   Общие карточки, секции, кнопки — в /bitrix/templates/portal/css/portal.css. */
.pt-progress{position:fixed;left:0;right:0;top:0;height:3px;z-index:60;pointer-events:none}
.pt-progress span{display:block;height:100%;width:0;background:var(--or)}

.pt-rubs{display:flex;flex-wrap:wrap;gap:6px 4px;align-items:center;padding:8px 0 4px;font-size:14px}
.pt-rubs span{color:var(--mut);font-weight:700;margin-right:6px}
.pt-rubs a{padding:5px 10px;border-radius:999px;font-weight:600;color:var(--ink-2);text-decoration:none}
.pt-rubs a:hover{background:#fff}
.pt-rubs a[aria-current]{background:var(--ink);color:#fff}

.pt-art-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start;padding:12px 0 24px}
.pt-art{grid-column:span 2;background:#fff;border-radius:var(--r-lg);box-shadow:var(--shadow);padding:36px 44px 40px;min-width:0}
.pt-art__head .pt-kicker a{color:inherit;text-decoration:none}
.pt-art__head .pt-kicker a:hover{color:var(--or-ink)}
.pt-art__head h1{font:800 36px/1.15 var(--font);letter-spacing:-.015em;margin:12px 0 0;color:var(--ink)}
/* лид — под обложкой, отделён от текста чертой */
.pt-art__lead{font-size:19px;line-height:1.55;font-weight:700;color:var(--ink);margin:24px 0 0;padding-bottom:20px;border-bottom:1px solid var(--line)} /* лид жирным (Олег 03.10.2026) */
.pt-art__lead.is-nocover{margin-top:20px}
.pt-art__meta{display:flex;flex-wrap:wrap;gap:8px 20px;align-items:center;margin-top:16px;font-size:14px;color:var(--mut)}
.pt-art__meta a{color:var(--ink-2);font-weight:600;text-decoration:none}
.pt-art__meta a:hover{color:var(--or-ink)}
.pt-art__meta b{color:var(--ink)}
.pt-meta-co{display:inline-flex;align-items:center;gap:8px}
.pt-meta-co img{width:28px;height:28px;object-fit:contain;border-radius:6px;border:1px solid var(--line);background:#fff}

.pt-art__cover{margin:24px -44px 0}
.pt-art__cover img{display:block;width:100%;height:auto;aspect-ratio:5/3;object-fit:cover}
/* вертикальное фото не режем: целиком на светлой подложке */
.pt-art__cover.is-tall img{object-fit:contain;background:var(--paper);max-height:620px}
/* мелкая обложка старой статьи без фото крупнее в тексте (Олег 05.10.2026): в натуральном размере по центру на подложке — не растянута, не размыта */
.pt-art__cover.is-small{background:var(--paper);padding:28px 16px;text-align:center}
/* высота — не больше, чем у вертикальных: портрет 720 × 900 из текста иначе выше экрана (Олег 06.10.2026) */
.pt-art__cover.is-small img{display:inline-block;width:auto;max-width:100%;height:auto;max-height:620px;aspect-ratio:auto;object-fit:contain;border-radius:8px;box-shadow:0 2px 10px rgba(23,24,27,.12)}
.pt-art__cover.is-small figcaption{text-align:left;padding:10px 28px 0}
.pt-art__cover figcaption{font-size:13px;color:var(--mut);padding:8px 44px 0}
.pt-toc-m{display:none}

/* текст: подзаголовки «Заголовок 2/3» из редактора, списки, картинки, таблицы */
.pt-prose{margin-top:8px;font-size:18px;line-height:1.7;color:#24262b;overflow-wrap:break-word}
.pt-prose h2{font:800 25px/1.25 var(--font);color:var(--ink);margin:36px 0 12px;scroll-margin-top:90px}
.pt-prose h3{font:800 20px/1.3 var(--font);color:var(--ink);margin:28px 0 10px}
.pt-prose p{margin:0 0 16px}
.pt-prose ul,.pt-prose ol{margin:0 0 18px;padding:0 0 0 2px}
.pt-prose ul{list-style:none}
.pt-prose ul li{position:relative;padding-left:22px;margin:6px 0}
.pt-prose ul li::before{content:"";position:absolute;left:4px;top:.72em;width:7px;height:7px;border-radius:50%;background:var(--or)}
.pt-prose ol{padding-left:24px}
.pt-prose ol li{margin:6px 0}
/* !important — у 6 тыс. картинок старых статей размер задан в самом теге (style="width:600px; height:270px"): на узком экране ширина
   ужималась, а высота оставалась — фото сплющивалось (Олег 05.10.2026). Высота считается от ширины, пропорции сохраняются. */
.pt-prose img{max-width:100%!important;height:auto!important;border-radius:8px}
.pt-prose figure{margin:24px 0}
/* ролик YouTube — карточка вместо плеера (content.php portalVideoFacades(), /js/znak-yt.js; Олег 05.10.2026) */
.pt-yt{display:block;margin:24px 0}
.pt-yt__box{position:relative;display:block;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#17181B center/cover no-repeat;text-decoration:none!important;color:#fff}
.pt-yt.is-vertical .pt-yt__box{aspect-ratio:9/16;max-width:360px}
.pt-yt__box iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.pt-yt__play{position:absolute;left:50%;top:50%;width:72px;height:72px;margin:-36px 0 0 -36px;border-radius:50%;background:var(--or);box-shadow:0 6px 24px rgba(0,0,0,.35);transition:transform .15s}
.pt-yt__play:after{content:"";position:absolute;left:29px;top:22px;border-style:solid;border-width:14px 0 14px 22px;border-color:transparent transparent transparent var(--ink)}
.pt-yt__box:hover .pt-yt__play{transform:scale(1.08)}
.pt-yt__src{position:absolute;left:12px;top:12px;padding:4px 9px;border-radius:6px;background:rgba(0,0,0,.6);color:#fff;font:700 12px/1.2 var(--font);letter-spacing:.02em}
.pt-yt__cap{display:block;margin-top:8px;font-size:14px;line-height:1.45;color:var(--mut)}
.pt-yt__cap a{color:var(--or-ink);font-weight:700}
/* подписи к фото — прямым шрифтом (Олег 01.10.2026); курсив из редактора под фото шаблон превращает в .pt-cap */
.pt-prose figcaption,.pt-prose .pt-cap{display:block;font-size:14px;line-height:1.45;color:var(--mut);font-style:normal;padding-top:8px}
.pt-prose .pt-cap i,.pt-prose .pt-cap em{font-style:normal}
.pt-prose .pt-cap--p{margin-top:-10px;padding-top:0}
.pt-art__cover figcaption{font-style:normal}
.pt-prose strong,.pt-prose b{color:var(--ink)}
.pt-prose a{color:var(--or-ink);text-decoration:underline;text-underline-offset:3px}
.pt-prose a.pt-gl{color:inherit;text-decoration:underline dotted var(--or);text-decoration-thickness:2px;text-underline-offset:4px}
.pt-prose a.pt-gl:hover{color:var(--or-ink)}
.pt-prose blockquote{margin:24px 0;padding:4px 0 4px 20px;border-left:4px solid var(--or);color:var(--ink-2);font-style:italic}
.pt-prose iframe,.pt-prose video{max-width:100%}
/* видео из старых статей вставлено с width/height (853×480): на узком экране — по ширине колонки, 16:9 */
.pt-prose iframe[src*="youtu"],.pt-prose iframe[src*="rutube"],.pt-prose iframe[src*="vk.com/video"],.pt-prose iframe[src*="vkvideo"],
.pt-prose iframe[src*="vimeo"]{display:block;width:100%;height:auto;aspect-ratio:16/9;border:0;border-radius:8px;margin:20px 0}
.pt-prose .pt-tablewrap{overflow-x:auto;margin:0 0 18px}
.pt-prose table{border-collapse:collapse;font-size:15px;line-height:1.45;min-width:100%}
.pt-prose td,.pt-prose th{border:1px solid var(--line);padding:8px 10px;vertical-align:top;text-align:left}
.pt-also{margin:28px 0;padding:16px 20px;border-left:4px solid var(--or);background:var(--or-soft);border-radius:0 10px 10px 0}
.pt-also span{display:block;font:700 12px/1.2 var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--or-ink);margin-bottom:4px}
.pt-prose .pt-also a{color:var(--ink);font-weight:700;text-decoration:none;font-size:17px;line-height:1.4}
.pt-prose .pt-also a:hover{color:var(--or-ink)}

.pt-adv{margin-top:32px;border:2px solid var(--ink);border-radius:var(--r-lg);padding:24px 26px;scroll-margin-top:90px}
.pt-adv__top{display:flex;gap:18px;align-items:center}
.pt-adv__logo{width:96px;height:96px;object-fit:contain;border-radius:12px;border:1px solid var(--line);background:#fff;flex:none}
.pt-adv__ava{display:grid;place-items:center;background:var(--or-soft);color:var(--or-ink);font:800 36px/1 var(--font)}
.pt-adv__k{font:700 12px/1.2 var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--or-ink)}
.pt-adv h2{font:800 26px/1.2 var(--font);margin:4px 0 0;color:var(--ink)}
.pt-adv__top p{color:var(--mut);font-size:15px;margin:2px 0 0}
.pt-adv__txt{margin:14px 0 0;font-size:16px}
.pt-adv__acts{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;margin-top:18px}

.pt-art__foot{margin-top:28px;display:flex;flex-direction:column;gap:14px}
.pt-topics,.pt-share{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:14px}
.pt-topics>span:first-child,.pt-share>span{color:var(--mut);font-weight:600;margin-right:4px}
.pt-topics a,.pt-topic{padding:6px 12px;border-radius:999px;background:var(--paper);font-weight:700;color:var(--ink-2);text-decoration:none}
.pt-topics a:hover{background:var(--ink);color:#fff}
.pt-share a,.pt-share .pt-copy{padding:6px 12px;border-radius:999px;border:1px solid var(--line);background:#fff;font:600 14px/1.4 var(--font);color:var(--ink-2);text-decoration:none;cursor:pointer}
.pt-share a:hover,.pt-share .pt-copy:hover{border-color:var(--ink)}
.pt-issue{margin-top:24px;display:flex;gap:18px;align-items:center;padding:16px;border-radius:var(--r);background:var(--paper);color:var(--ink);text-decoration:none}
.pt-issue img{width:84px;height:auto;border-radius:4px;box-shadow:0 4px 14px rgba(0,0,0,.18);flex:none}
.pt-issue span{display:block;font-size:13px;color:var(--mut)}
.pt-issue b{display:block;font-size:18px;margin:2px 0 6px}
.pt-issue em{font-style:normal;font-weight:700;color:var(--or-ink)}
.pt-full{margin:16px 0 0}

.pt-art__side{display:grid;gap:24px}
/* колонка «скользит» за прокруткой при любой высоте окна (Олег 01.10.2026); если она выше окна, footer.php
   шаблона сайта сдвигает top вверх ([data-pt-sticky]) — колонка доезжает до своего низа и держится у нижнего края */
@media (min-width:1061px){.pt-art__side{position:sticky;top:88px}}
.pt-toc h2{font:800 20px/1.2 var(--font);margin:0 0 10px}
.pt-toc ol{list-style:none;margin:0;padding:0;counter-reset:t}
.pt-toc li{counter-increment:t}
.pt-toc a{display:grid;grid-template-columns:24px 1fr;gap:6px;padding:10px 0;border-top:1px solid var(--line);font-size:15px;font-weight:600;line-height:1.35;color:var(--ink-2);text-decoration:none}
.pt-toc a::before{content:counter(t);font-weight:800;color:var(--or)}
.pt-toc a:hover,.pt-toc a.is-on{color:var(--or-ink)}
.pt-side-co{display:flex;flex-direction:column;gap:14px}
.pt-side-co__top{display:flex;gap:12px;align-items:center;color:var(--ink);text-decoration:none}
.pt-side-co__top img,.pt-side-co__top .pt-co__ava{width:48px;height:48px;object-fit:contain;border-radius:10px;border:1px solid var(--line);flex:none}
.pt-side-co__top b{display:block;font-size:17px;line-height:1.3}
.pt-side-co__top small{display:block;font-size:13px;color:var(--mut)}

/* «Популярное» в правой колонке (Олег 01.10.2026) — как «Популярное из новых» в списках (list.css .pt-ls-pop) */
.pt-side-pop h2{font:800 19px/1.2 var(--font);margin:0 0 4px}
.pt-side-pop__sub{font-size:13px;color:var(--mut);margin:0 0 8px}
.pt-side-pop ol{list-style:none;margin:0;padding:0;counter-reset:p}
.pt-side-pop li{counter-increment:p}
.pt-side-pop li a{display:grid;grid-template-columns:28px 1fr;gap:6px;padding:12px 0;border-top:1px solid var(--line);color:var(--ink);text-decoration:none}
.pt-side-pop li a::before{content:counter(p);font:800 20px/1.2 var(--font);color:var(--or)}
.pt-side-pop b{display:block;font-size:15px;line-height:1.35;transition:color .15s}
.pt-side-pop small{display:block;font-size:12px;color:var(--mut);margin-top:3px}
.pt-side-pop li a:hover b{color:var(--or-ink)}
.pt-side-pop .pt-more{display:inline-block;margin-top:10px;font-size:14px}

.pt-two{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:28px}
.pt-two>.pt-box:first-child{grid-column:span 2}
.pt-two.is-single>.pt-box:first-child{grid-column:1/-1}
.pt-sec-h+.pt-grid3+.pt-two{margin-top:28px}
.pt-pn{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.pt-pn.is-single{grid-template-columns:1fr}
.pt-pn__a{display:grid;grid-template-columns:200px 1fr;align-items:center;background:#fff;border-radius:var(--r-lg);box-shadow:var(--shadow);overflow:hidden;min-height:120px;color:var(--ink);text-decoration:none}
.pt-pn__a:not(:has(.pt-ph)){grid-template-columns:1fr}
.pt-pn__a.is-next{grid-template-columns:1fr 200px}
.pt-pn__a.is-next .pt-ph{order:2}
.pt-pn__a .pt-ph{height:100%;aspect-ratio:auto}
.pt-pn__a>div:last-child{padding:18px 22px}
.pt-pn__a.is-next>div:last-child{text-align:right}
.pt-pn__a span{display:block;font:700 12px/1.2 var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--or-ink)}
.pt-pn__a b{display:block;font:800 18px/1.3 var(--font);margin-top:8px}
.pt-pn__a:hover b{color:var(--or-ink)}

@media (max-width:1060px){
  .pt-art-grid{grid-template-columns:1fr}
  .pt-art,.pt-two>.pt-box:first-child{grid-column:auto}
  .pt-art__side{display:none}
  .pt-toc-m{display:block;margin:24px 0 0;border:1px solid var(--line);border-radius:var(--r);padding:14px 18px;background:var(--paper)}
  .pt-toc-m summary{font-weight:800;cursor:pointer}
  .pt-toc-m ol{margin:8px 0 0;padding-left:20px;list-style:decimal}
  .pt-toc-m li{margin:6px 0}
  .pt-toc-m a{font-weight:600;color:var(--ink-2);text-decoration:none}
  .pt-two{grid-template-columns:1fr}
}
@media (max-width:720px){
  .pt-rubs{flex-wrap:nowrap;overflow-x:auto;margin-right:-16px;padding-right:16px;scrollbar-width:none}
  .pt-rubs a,.pt-rubs span{flex:0 0 auto}
  .pt-art{padding:22px 18px 26px;border-radius:12px;margin:0 -8px}
  .pt-art__head h1{font-size:26px}
  .pt-art__lead{font-size:17px}
  .pt-art__cover{margin:20px -18px 0}
  .pt-art__cover figcaption{padding:8px 18px 0}
  /* фото с обтеканием из старых статей (align, float) — на телефоне во всю ширину, текст не зажимается в узкую колонку */
  .pt-prose img[align],.pt-prose img[style*="float"]{float:none!important;display:block;margin:12px 0!important}
  .pt-prose{font-size:17px}
  .pt-prose h2{font-size:21px}
  .pt-prose h3{font-size:18px}
  .pt-adv{padding:18px}
  .pt-adv__logo{width:64px;height:64px}
  .pt-adv h2{font-size:22px}
  .pt-pn{grid-template-columns:1fr}
  .pt-pn__a,.pt-pn__a.is-next{grid-template-columns:120px 1fr}
  .pt-pn__a.is-next .pt-ph{order:0}
  .pt-pn__a.is-next>div:last-child{text-align:left}
  .pt-pn__a b{font-size:16px}
}

/* следующая статья при прокрутке (script.js) */
.pt-chain__sep{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:36px 0 4px;padding-top:28px;border-top:3px solid var(--or);font:800 13px/1.2 var(--font);letter-spacing:.08em;text-transform:uppercase;color:var(--or-ink)}
.pt-chain__sep a{color:var(--mut);font-weight:700;text-decoration:none}
.pt-chain__sep a:hover{color:var(--or-ink)}
.pt-chain__item .pt-art-grid{padding-top:8px}
.pt-chain__end{display:flex;justify-content:center;padding:28px 16px 8px}
.pt-chain__end .pt-btn{max-width:100%;white-space:normal;text-align:center}
/* браузер «держит» в кадре то, что видно, когда выше вставляется содержимое (scroll anchoring); если читатель долистал до
   подвала, кадр уезжал бы вместе с подвалом и подгружались бы сразу три статьи — подвал и маячок из этого исключаем */
.pt-ftr,.pt-sec--last,.pt-chain__sentinel,.pt-chain__end{overflow-anchor:none}

/* End */


/* Start:/bitrix/templates/portal/css/static.css?1791035033792*/
/* Текстовые страницы portal (фаза 14, шаг 9): «О проекте», «Контакты», «Политика конфиденциальности» — include/static.php.
   Текст — .pt-prose (стили статьи), здесь — колонка для чтения, заголовок и остатки разметки старых шаблонов. */
.pt-static{max-width:860px;padding:12px 0 64px}
.pt-static h1{font:800 36px/1.15 var(--font);letter-spacing:-.01em;color:var(--ink);margin:6px 0 20px}
.pt-static .pt-prose{margin-top:0}
.pt-static .pt-prose .spacer,.pt-static .pt-prose .big_line{display:none}
.pt-static .pt-prose p.about{margin:0 0 16px}
@media (max-width:720px){
  .pt-static{padding-bottom:40px}
  .pt-static h1{font-size:28px}
}

/* End */
/* /bitrix/templates/.default/components/bitrix/news.detail/portal/style.css?179130931316157 */
/* /bitrix/templates/portal/css/static.css?1791035033792 */