/* ══════════════════════════════════════════════════════════════════
American Investor — общий CSS сайта (AmIn style)
Подключается на всех страницах:
══════════════════════════════════════════════════════════════════ */
:root{
/* ── Палитра (брендбук гл. 05) ─────────────────────────────── */
--navy:#10253F;
--red:#D90F14;
--white:#FFFFFF;
--slate:#1F2937;
--gray100:#F8F9FB;
--gray200:#E8ECF1;
--gray400:#6B7280;
--muted:#9CA3AF;
/* Семантика данных */
--success:#2F855A;
--warning:#C58A00;
--warning-ink:#996B00;
--danger:#B42318;
--danger-bg:#FBEEEC;
--info:#1D4ED8;
/* Текст на Navy */
--onnavy:#AEBBC9;
--onnavy-lbl:#8FA0B3;
--onnavy-line:rgba(255,255,255,.20);
--onnavy-ok:#6FCF8E;
--onnavy-warn:#E9B949;
--onnavy-link:#FF8A8D;
/* ── Гарнитуры ─────────────────────────────────────────────── */
--sans:'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif;
--monof:'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif;
/* ── Типографическая шкала (гл. 06) ────────────────────────── */
--fs-micro:.75rem;
--fs-meta:.875rem;
--fs-body:1rem;
--fs-head:1.25rem;
--fs-display:1.75rem;
--fs-hero:3rem;
--fw-reg:400; --fw-med:500; --fw-bold:600;
/* ── Сетка и геометрия (гл. 07) ────────────────────────────── */
--wrap:1040px;
--measure:820px;
--radius:12px;
--radius-sm:10px;
}
*{box-sizing:border-box;margin:0;padding:0}
/* ── Доступность: увеличение текста до 200 % (WCAG 1.4.4) ─────
Длинные слова не выталкивают колонку за край экрана. Внутри
таблиц не применяется: там перенос по буквам ломает столбцы. */
body{overflow-wrap:break-word}
h2,.hero-lead,.pitem .kick,.pitem .cap,.pitem .sub,
.pillar .pt,.pillar .ps,.facet,.prin-item,.statement,
.flegal .row1 a,.fcol a,.fcol p{overflow-wrap:anywhere}
html,body{max-width:100%;overflow-x:clip}
body{background:var(--white);color:var(--slate);font-family:var(--sans);
font-size:var(--fs-body);line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%}
/* Служебный признак «скрыт» обязан побеждать собственный display класса. */
[hidden]{display:none!important}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 40px}
section{padding:52px 0}
:focus-visible{outline:3px solid var(--info);outline-offset:2px}
.skip{position:absolute;left:-9999px;top:0}
.skip:focus{position:static;display:inline-block;margin:12px 0 0 40px;
background:var(--navy);color:var(--white);font-size:var(--fs-meta);
font-weight:var(--fw-bold);padding:10px 18px;border-radius:var(--radius-sm)}
/* ══ Метка секции ═════════════════════════════════════════════ */
.sec-lbl{font-size:var(--fs-micro);font-weight:var(--fw-bold);letter-spacing:.14em;
text-transform:uppercase;color:var(--navy);padding-bottom:14px;
border-bottom:1px solid var(--gray200);margin-bottom:36px}
.sec-lbl.on-navy{color:var(--white);border-bottom-color:var(--onnavy-line)}
.sec-lbl .note{display:inline;border:0;padding:0;margin-left:14px;
font-weight:var(--fw-reg);letter-spacing:.06em;text-transform:none;
color:var(--gray400)}
/* ══ Кнопки и ссылки ══════════════════════════════════════════ */
.btn{display:inline-flex;align-items:center;justify-content:center;
font-family:var(--sans);font-size:var(--fs-meta);font-weight:var(--fw-bold);
letter-spacing:.09em;text-transform:uppercase;
height:48px;padding:0 24px;border-radius:var(--radius-sm);border:none;
background:var(--navy);color:var(--white);cursor:pointer;text-decoration:none;
transition:background .15s}
.btn:hover{background:#0B1A2C}
.btn.ghost{background:var(--white);border:1px solid var(--gray200);
color:var(--navy);font-weight:var(--fw-med)}
.btn.ghost:hover{background:var(--gray100);border-color:var(--navy)}
.btn-text{display:inline-block;font-size:var(--fs-meta);font-weight:var(--fw-bold);
letter-spacing:.09em;text-transform:uppercase;color:var(--red);
border-bottom:2px solid var(--red);padding-bottom:4px;text-decoration:none}
/* ══ Шапка ════════════════════════════════════════════════════ */
.topbar{display:flex;align-items:center;max-width:var(--wrap);margin:0 auto;
padding:16px 40px 14px}
.brand{display:block;text-decoration:none;flex:none;min-width:0}
.lockup{display:flex;align-items:center;gap:14px}
.lockup img{height:34px;width:auto;display:block}
.lockup .bar{width:1px;height:32px;background:var(--gray200);flex:none}
.wordmark{display:flex;flex-direction:column;line-height:1.08}
.wordmark span{font-size:1.05rem;font-weight:var(--fw-bold);
letter-spacing:.055em;color:var(--navy)}
/* Таглайн идёт одной строкой под названием: две строки поднимали шапку. */
.brand-tag{display:block;margin-top:6px;font-size:var(--fs-micro);
font-weight:var(--fw-med);letter-spacing:.14em;text-transform:uppercase;
color:var(--gray400);max-width:none}
/* Синяя полоса меню во всю ширину окна. Ссылки внутри ряда — его прямые
элементы (display:contents), поэтому промежутки делятся поровну на всю
ширину поля, а не собираются в блок у правого края. */
.navbar{background:var(--navy)}
.navrow{display:flex;align-items:center;justify-content:space-between;
gap:10px 24px;flex-wrap:wrap;max-width:var(--wrap);margin:0 auto;
padding:12px 40px}
.nav{display:contents}
.navcta{display:contents}
.navrow a{font-size:var(--fs-meta);font-weight:var(--fw-med);letter-spacing:.1em;
text-transform:uppercase;color:var(--white);text-decoration:none;
white-space:nowrap;padding-bottom:4px;border-bottom:2px solid transparent;
transition:border-color .15s,color .15s}
.navrow a:hover,.navrow a[aria-current="page"]{border-bottom-color:var(--onnavy-link)}
.navcta .login{color:var(--onnavy)}
.navcta .login:hover{border-bottom-color:var(--onnavy)}
.navcta .sub{font-weight:var(--fw-bold);color:var(--onnavy-link);
border-bottom-color:var(--onnavy-link)}
/* В кабинете пунктов всего два: разносить их по краям полосы незачем */
site-header[zone="app"] .navrow{justify-content:center}
.topline{display:none}
/* Содержимое страницы не прилипает к полосе меню. */
header{margin-bottom:28px}
@media (max-width:640px){ header{margin-bottom:18px} }
/* ══ Hero ═════════════════════════════════════════════════════ */
.hero{display:grid;background:#FBFCFD;align-items:stretch;
grid-template-columns:
/* Поле слева растёт вместе с окном, но не дальше 240px: на широких
экранах первый экран стоит левее остальных секций сознательно. */
min(240px,max(40px,calc((100% - var(--wrap))/2 + 40px)))
minmax(0,560px)
minmax(0,1fr)}
.hero-copy{grid-column:2;display:flex;align-items:center;padding:76px 56px 80px 0}
h1{font-size:var(--fs-hero);font-weight:var(--fw-bold);letter-spacing:-.02em;
line-height:1.12;color:var(--navy)}
h1 .dot{color:var(--red)}
.hero-lead{margin-top:26px;font-size:var(--fs-body);line-height:1.65;color:var(--slate)}
.hero-btns{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin-top:36px}
.hero-visual{grid-column:3;position:relative;min-height:420px;overflow:hidden;
background:var(--gray100)}
.hero-visual img{position:absolute;inset:0;width:100%;height:100%;
object-fit:cover;object-position:center 40%;filter:grayscale(1)}
/* Вуаль только слева: фото уходит навылет к правому краю окна */
.hero-visual::after{content:'';position:absolute;inset:0;
background:linear-gradient(to right,#FBFCFD 0%,rgba(251,252,253,.86) 12%,
rgba(251,252,253,0) 34%)}
/* ══ Живые индикаторы Панели сигналов (Navy, во всю ширину) ════ */
.band{background:var(--navy);color:var(--white)}
.band section{padding:44px 0}
.live-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr))}
/* Метка занимает фиксированную строку — значения всех четырёх
показаний встают на одну линию независимо от длины подписи. */
.lm{display:grid;grid-template-rows:40px minmax(0,auto);align-content:start;
padding:0 32px;border-right:1px solid var(--onnavy-line);min-width:0}
.lm:first-child{padding-left:0}
.lm:last-child{border-right:0;padding-right:0}
.lm .k{align-self:start;font-size:var(--fs-micro);font-weight:var(--fw-med);
letter-spacing:.09em;text-transform:uppercase;color:var(--onnavy-lbl);
line-height:1.4;text-wrap:balance}
.lm .v{align-self:start;font-family:var(--monof);font-size:var(--fs-display);
font-weight:var(--fw-bold);color:var(--white);line-height:1.2;
font-variant-numeric:tabular-nums;letter-spacing:-.01em}
/* Показатель ещё не посчитан: ячейка остаётся на месте, но не притворяется
значением — кегль обычный, цвет служебный */
.lm .v.wait{font-size:var(--fs-meta);font-weight:var(--fw-reg);
color:var(--onnavy-lbl);letter-spacing:0}
.lm .v.up{color:var(--onnavy-ok)}
.lm .v.warn{color:var(--onnavy-warn)}
.lm .v.off{color:var(--onnavy-lbl)}
.live-foot{display:flex;justify-content:space-between;align-items:baseline;
gap:40px;flex-wrap:wrap;margin-top:40px;padding-top:24px;
border-top:1px solid var(--onnavy-line)}
.live-note{font-family:var(--monof);font-size:var(--fs-micro);
line-height:1.7;color:var(--onnavy-lbl)}
.live-note .asof{color:var(--onnavy)}
.live-cta{flex:none;font-size:var(--fs-micro);font-weight:var(--fw-bold);
letter-spacing:.11em;text-transform:uppercase;color:var(--onnavy-link);
text-decoration:none;border-bottom:2px solid transparent;padding-bottom:3px;
transition:border-color .15s}
.live-cta:hover{border-bottom-color:var(--onnavy-link)}
/* ══ Что мы делаем (белый фон, три столпа) ════════════════════ */
.pillars{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,19rem),1fr))}
.pillar{padding:0 32px;border-right:1px solid var(--gray200);min-width:0}
.pillar:first-child{padding-left:0}
.pillar:last-child{border-right:0;padding-right:0}
.pcard{display:flex;gap:16px;align-items:flex-start}
.pcard svg{flex:none;margin-top:3px}
.pillar .pt{font-size:var(--fs-head);font-weight:var(--fw-bold);
color:var(--navy);line-height:1.3}
.pillar .ps{margin-top:10px;font-size:var(--fs-meta);line-height:1.6;
color:var(--gray400)}
/* ══ Покрытие исследований (ряды 4 + 3) ═══════════════════════ */
.pgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));
row-gap:32px}
.pitem{padding:0 28px;border-right:1px solid var(--gray200);
text-decoration:none;display:flex;flex-direction:column;min-width:0}
.pitem:first-child{padding-left:0}
.pgrid .pitem:last-child{border-right:0;padding-right:0}
/* Ряды переносятся, поэтому крайние плитки ряда помечает site.js:
у замыкающей нет линии справа, у начальной — отступа слева. */
.pgrid .pitem.rowend{border-right:0;padding-right:0}
.pgrid .pitem.rowstart{padding-left:0}
.pitem .kick{font-size:var(--fs-micro);font-weight:var(--fw-bold);letter-spacing:.11em;
text-transform:uppercase;color:var(--red);min-height:16px}
.pitem .cap{margin-top:10px;font-size:var(--fs-head);font-weight:var(--fw-bold);
line-height:1.28;color:var(--navy);transition:color .15s}
.pitem .sub{margin-top:12px;font-size:var(--fs-meta);line-height:1.6;color:var(--gray400)}
.pitem:hover .cap{color:var(--red)}
.pgrid.row2{margin-top:44px;padding-top:40px;border-top:1px solid var(--gray200)}
/* разделитель между рядами плиток, число колонок не меняет */
.pgrid.rowsep{margin-top:44px;padding-top:40px;border-top:1px solid var(--gray200)}
.tarline{margin-top:40px;font-size:var(--fs-meta);line-height:1.7;color:var(--gray400)}
.tarline b{color:var(--navy);font-weight:var(--fw-bold)}
/* ══ Серая секция и таблица трек-рекорда ══════════════════════ */
.sec-gray{background:var(--gray100);border-top:1px solid var(--gray200);
border-bottom:1px solid var(--gray200)}
table.tr{width:100%;border-collapse:collapse;font-family:var(--monof);
font-size:var(--fs-meta);font-variant-numeric:tabular-nums}
table.tr th{text-align:left;color:var(--gray400);font-weight:var(--fw-med);
font-size:var(--fs-micro);text-transform:uppercase;letter-spacing:.09em;
padding:0 24px 12px 0}
table.tr td{padding:16px 24px 16px 0;border-top:1px solid var(--gray200);
vertical-align:middle;color:var(--slate);line-height:1.5}
table.tr td.dt{white-space:nowrap;color:var(--gray400);width:1%}
table.tr td.st{white-space:nowrap;width:1%}
.tr-note{margin-top:28px;font-size:var(--fs-meta);line-height:1.7;color:var(--gray400)}
.badge{display:inline-flex;align-items:center;gap:8px;font-size:var(--fs-meta);
font-weight:var(--fw-bold);background:none;padding:0}
.badge i{width:9px;height:9px;border-radius:50%;flex:none;display:block}
.b-ok{color:var(--success)} .b-ok i{background:var(--success)}
.b-warn{color:var(--warning-ink)} .b-warn i{background:var(--warning)}
.b-red{color:var(--danger)} .b-red i{background:var(--danger)}
.b-info{color:var(--info)} .b-info i{background:var(--info)}
/* ══ Разворот «утверждение + пояснение» ═══════════════════════ */
.statement{font-size:var(--fs-display);font-weight:var(--fw-bold);
letter-spacing:-.005em;line-height:1.32;color:var(--navy)}
.plat-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);
gap:64px;align-items:start}
.plat-lead{font-size:var(--fs-meta);line-height:1.7;color:var(--gray400)}
.facets{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,19rem),1fr));margin-top:48px;
padding-top:40px;border-top:1px solid var(--gray200)}
.facet{padding:0 28px;border-right:1px solid var(--gray200);min-width:0}
.facet:first-child{padding-left:0}
.facet:last-child{border-right:0;padding-right:0}
.facet h3{font-size:var(--fs-body);font-weight:var(--fw-bold);color:var(--navy)}
.facet p{margin-top:10px;font-size:var(--fs-meta);line-height:1.6;color:var(--gray400)}
.plat-foot{display:flex;align-items:center;gap:36px;flex-wrap:wrap;margin-top:44px}
.boundary{font-size:var(--fs-meta);color:var(--gray400);
border-left:3px solid var(--gray200);padding-left:16px}
/* ══ Нижняя полоса ════════════════════════════════════════════ */
.closing{background:var(--gray100);border-top:1px solid var(--gray200);padding:60px 0}
.cgrid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr) minmax(0,.7fr);
gap:44px;align-items:start}
.quote{border-left:3px solid var(--red);padding-left:22px}
.quote p{font-size:var(--fs-head);font-weight:var(--fw-med);line-height:1.5;color:var(--navy)}
.chead{font-size:var(--fs-micro);font-weight:var(--fw-bold);letter-spacing:.13em;
text-transform:uppercase;color:var(--navy);margin-bottom:14px}
.ctext{font-size:var(--fs-meta);line-height:1.7;color:var(--gray400)}
.ctext b{color:var(--navy);font-weight:var(--fw-bold)}
.clink{display:inline-block;margin-top:14px;font-size:var(--fs-meta);
font-weight:var(--fw-bold);color:var(--red);text-decoration:none;
border-bottom:2px solid var(--red);padding-bottom:3px}
.seal{display:flex;justify-content:flex-end}
.seal svg{width:132px;height:132px;opacity:.5}
/* ══ Подвал ═══════════════════════════════════════════════════ */
.site-footer{border-top:1px solid var(--gray200);padding:52px 0 40px}
/* Три товарные колонки: ширина по содержимому, свободное место уходит
в межколонники. У «Контактов» ширина фиксирована — max-content раздувал бы
колонку по строке адреса и давил соседей */
.fgrid{display:grid;
grid-template-columns:minmax(0,max-content) minmax(0,max-content) 210px;
justify-content:space-between;gap:40px}
.fcol h2{font-size:var(--fs-micro);font-weight:var(--fw-bold);letter-spacing:.11em;
text-transform:uppercase;color:var(--navy);margin-bottom:18px}
.fcol ul{list-style:none}
.fcol li{margin-bottom:10px}
.fcol a{font-size:var(--fs-meta);color:var(--gray400);text-decoration:none}
.fcol a:hover{color:var(--red)}
.fcol p{font-size:var(--fs-meta);line-height:1.7;color:var(--gray400)}
.fcol p + p{margin-top:12px}
.fsplit{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}
.flegal{margin-top:52px;padding-top:28px;border-top:1px solid var(--gray200)}
/* Правовые ссылки: набор прописными с волосяными разделителями */
.flegal .row1{display:flex;align-items:center;
flex-wrap:wrap;gap:0 20px}
.flegal .row1 a{font-size:var(--fs-micro);font-weight:var(--fw-med);
letter-spacing:.11em;text-transform:uppercase;color:var(--navy);
text-decoration:none;padding-bottom:4px;
border-bottom:2px solid transparent;transition:border-color .15s,color .15s}
.flegal .row1 a:hover{border-bottom-color:var(--red)}
.flegal .fsep{width:1px;height:11px;background:var(--gray200)}
/* Локап с копирайтом — левой колонкой рядом с оговоркой */
.flegal .row3{margin-top:20px;display:grid;
grid-template-columns:150px minmax(0,1fr);gap:28px;align-items:start;
font-size:var(--fs-micro);line-height:1.9;color:var(--gray400)}
.flegal .row3 .ftext p + p{margin-top:12px}
/* Уменьшенный локап: рядом с правовым текстом он служебный, не заглавный.
Таглайн снят — в колонке 150px он ломается на три строки и спорит с оговоркой */
.fbrand .lockup{gap:10px}
.fbrand .lockup img{height:17px}
.fbrand .lockup .bar{height:16px}
.fbrand .wordmark span{font-size:.6875rem;letter-spacing:.05em}
.fbrand .brand-tag{display:none}
.fcopy{margin-top:10px;line-height:1.6}
/* Вариант внутренней зоны: без товарных колонок, остаётся только правовой блок.
Задаётся атрибутом zone="app" у , страницы его не переопределяют.
Своя верхняя линия и отступ правового блока сняты: над ним уже нет содержимого,
иначе у подвала выходят две линии подряд */
.site-footer.app{margin-top:72px}
.site-footer.app .flegal{margin-top:0;padding-top:0;border-top:0}
/* Как только строка перестаёт помещаться, разделители убираются: иначе
волосяная черта повисает в конце строки */
@media (max-width:900px){
.flegal .fsep{display:none}
.flegal .row1{gap:10px 24px}
}
@media (max-width:640px){
.flegal{margin-top:40px;padding-top:24px}
/* в колонку align-items работает по горизонтали — иначе ссылки уезжают
от общего левого края */
.flegal .row1{flex-direction:column;align-items:flex-start;gap:12px}
}
/* ══ Внутренние страницы (body.page) ══════════════════════════ */
/* Полоса меню уже даёт 28 сверху (header), поэтому верхний отступ первого
блока страницы уменьшен на эти 28 — иначе они складывались. */
.pagehead{padding:28px 0 4px}
.pagehead h1{font-size:var(--fs-hero);font-weight:var(--fw-bold);
letter-spacing:-.02em;line-height:1.12;color:var(--navy)}
.intro{margin-top:28px}
.intro p{font-size:var(--fs-head);line-height:1.6;color:var(--slate);
font-weight:var(--fw-reg)}
.intro p + p{margin-top:18px}
.kant{font-size:var(--fs-body);line-height:1.75;color:var(--slate)}
.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.scard{background:var(--gray100);border:1px solid var(--gray200);
border-radius:var(--radius);padding:24px 28px;text-decoration:none;display:block}
.scard h3{font-size:var(--fs-head);font-weight:var(--fw-bold);color:var(--navy);
line-height:1.3}
.scard p{margin-top:12px;font-size:var(--fs-meta);line-height:1.7;color:var(--gray400)}
.scard.wide{grid-column:1/-1}
.scard p a{color:var(--red);text-decoration:none;
border-bottom:1px solid rgba(217,15,20,.35)}
/* ── «О нас»: основатели ─────────────────────────────────────── */
.lead{font-size:var(--fs-body);line-height:1.7;color:var(--slate);
margin-bottom:8px}
/* у h1 нулевой нижний отступ, у .lead нулевой верхний — без этого правила
заголовок страницы и лид стоят вплотную (на главной свой класс .hero-lead) */
h1 + .lead{margin-top:18px}
.person{display:grid;grid-template-columns:180px minmax(0,1fr);gap:40px;
align-items:start;margin-top:40px;padding-top:40px;
border-top:1px solid var(--gray200)}
.person img{width:180px;height:180px;border-radius:var(--radius);
object-fit:cover;display:block;filter:grayscale(1)}
.p-col{min-width:0}
.p-name{font-size:var(--fs-head);font-weight:var(--fw-bold);color:var(--navy)}
.p-role{margin-top:6px;font-size:var(--fs-micro);font-weight:var(--fw-bold);
letter-spacing:.11em;text-transform:uppercase;color:var(--red)}
.p-body{margin-top:20px}
.p-body p{font-size:var(--fs-meta);line-height:1.7;color:var(--gray400)}
.p-body p.p-first{color:var(--slate)}
.p-body p + p{margin-top:12px}
/* Список направлений автора — разделён точками, а не рамками */
.p-owns{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 16px;
margin-top:24px;padding-top:16px;border-top:1px solid var(--gray200)}
.p-owns .lbl{flex:none;font-size:var(--fs-micro);font-weight:var(--fw-bold);
letter-spacing:.11em;text-transform:uppercase;color:var(--gray400)}
.p-owns ul{list-style:none;display:flex;flex-wrap:wrap}
.p-owns li{font-size:var(--fs-meta);color:var(--navy)}
.p-owns li + li::before{content:'·';margin:0 12px;color:var(--gray400)}
/* ── «О нас»: принципы (4 + 1) ───────────────────────────────── */
.prin{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr))}
.prin-item{padding:0 28px;border-right:1px solid var(--gray200);min-width:0}
.prin-item:first-child{padding-left:0}
.prin-item:last-child{border-right:0;padding-right:0}
.prin-wide{margin-top:44px;padding-top:40px;border-top:1px solid var(--gray200)}
.prin-item h3,.prin-wide h3{font-size:var(--fs-body);font-weight:var(--fw-bold);
color:var(--navy);line-height:1.35}
.prin-item p,.prin-wide p{margin-top:12px;font-size:var(--fs-meta);
line-height:1.7;color:var(--gray400)}
.prin-wide p a{color:var(--red);text-decoration:none;
border-bottom:1px solid rgba(217,15,20,.35)}
/* ── «О нас»: независимость ──────────────────────────────────── */
.vcard{border-left:3px solid var(--red);padding-left:22px}
.vcard h3{font-size:var(--fs-head);font-weight:var(--fw-bold);
line-height:1.4;color:var(--navy)}
.vcard p{margin-top:14px;font-size:var(--fs-meta);line-height:1.7;color:var(--gray400)}
/* Грани без верхней линии — когда над ними уже стоит метка секции */
.facets.no-rule{margin-top:24px;padding-top:0;border-top:0}
/* section c классом .wrap: класс перебивает вертикальные отступы
type-селектора, возвращаем их с большей специфичностью */
section.wrap{padding-top:56px;padding-bottom:56px}
/* Соседние секции складывали нижний отступ одной с верхним отступом следующей —
между блоками выходило вдвое больше нормы. Промежуток задаёт одна секция. */
section + section{padding-top:0}
section.wrap + section.wrap{padding-top:0}
/* ══ Адаптив ══════════════════════════════════════════════════ */
@media (max-width:1100px){
.hero{grid-template-columns:minmax(0,1fr)}
.hero-copy{grid-column:1;
padding:56px max(40px,calc((100% - var(--wrap))/2 + 40px)) 48px}
.hero-visual{grid-column:1;min-height:300px}
.hero-visual::after{background:linear-gradient(to bottom,#FBFCFD 0%,
rgba(251,252,253,0) 30%)}
.live-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr))}
.lm{padding:0 24px}
.lm:nth-child(odd){padding-left:0}
.lm:nth-child(even){border-right:0;padding-right:0}
.lm:nth-child(n+3){margin-top:32px;padding-top:32px;
border-top:1px solid var(--onnavy-line)}
.prin{grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr))}
.prin-item{padding:0 24px}
.prin-item:nth-child(odd){padding-left:0}
.prin-item:nth-child(even){border-right:0;padding-right:0}
.prin-item:nth-child(n+3){margin-top:32px;padding-top:32px;
border-top:1px solid var(--gray200)}
.plat-top{grid-template-columns:minmax(0,1fr);gap:24px}
.cgrid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px}
.seal{grid-column:1/-1;justify-content:flex-start}
}
@media (max-width:900px){
/* Шапка перестаёт помещаться в один ряд: марка, меню и кнопки идут
колонкой от одного левого края. Без этого меню прижимается вправо
(margin-left:auto), а кнопки уходят на свою строку слева — ряды
с разным выравниванием. */
.topbar{padding-bottom:12px}
.navrow{gap:10px 18px}
/* В одну колонку ряды разделяет правило .pitem + .pitem — зазор сетки лишний */
.pillars,.pgrid,.pgrid.row2,.facets{grid-template-columns:minmax(0,1fr);row-gap:0}
.pillar,.pitem,.facet{padding:0;border-right:0}
.pillar + .pillar,.pitem + .pitem,.facet + .facet{margin-top:32px;padding-top:32px;
border-top:1px solid var(--gray200)}
.fgrid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.prin{grid-template-columns:minmax(0,1fr)}
.prin-item{padding:0;border-right:0}
.prin-item + .prin-item{margin-top:32px;padding-top:32px;
border-top:1px solid var(--gray200)}
}
@media (max-width:640px){
:root{--fs-hero:clamp(1.5rem,7vw,1.875rem);--fs-display:1.5rem}
.wrap{padding:0 20px}
.topbar{padding:14px 20px 12px}
.lockup img{height:28px}
.lockup .bar{height:26px}
.wordmark span{font-size:.95rem}
.brand-tag{display:none}
.navrow{padding:10px 20px;gap:10px 14px}
.navrow a{font-size:var(--fs-micro);letter-spacing:.08em}
.hero-copy{padding:28px 20px 36px}
.band section{padding:40px 0}
section{padding:40px 0}
.live-grid{grid-template-columns:minmax(0,1fr)}
.lm{padding:0;border-right:0}
.lm + .lm{margin-top:24px;padding-top:24px;
border-top:1px solid var(--onnavy-line)}
.lm{grid-template-rows:auto minmax(0,auto)}
.lm .v{margin-top:8px}
.cards{grid-template-columns:minmax(0,1fr)}
.cgrid{grid-template-columns:minmax(0,1fr)}
.fgrid,.fsplit{grid-template-columns:minmax(0,1fr)}
.flegal .row3{grid-template-columns:minmax(0,1fr);gap:18px}
table.tr td.dt,table.tr td.st{white-space:normal}
table.tr th,table.tr td{padding-right:12px}
/* бейдж статуса разворачивается в обычный текст: inline-flex не переносится
по словам и делает таблицу шире окна (WCAG 1.4.10) */
table.tr .badge{display:inline}
table.tr .badge i{display:inline-block;vertical-align:middle;margin-right:6px}
/* колонки делят ширину окна, длинные слова переносятся внутри ячейки */
table.tr{table-layout:fixed}
table.tr th,table.tr td{overflow-wrap:anywhere}
table.tr td.dt,table.tr th:first-child{width:24%}
table.tr td.st,table.tr th:last-child{width:34%}
section.wrap{padding-top:48px;padding-bottom:48px}
.person{grid-template-columns:minmax(0,1fr);gap:20px}
.person img{width:140px;height:140px}
}
/* Кнопка «Наверх» на длинных страницах */
.to-top{position:fixed;right:20px;bottom:20px;z-index:40;
min-height:44px;padding:0 18px;
font-size:var(--fs-meta);font-weight:var(--fw-med);letter-spacing:.08em;
text-transform:uppercase;color:var(--navy);background:var(--white);
border:1px solid var(--gray200);border-radius:var(--radius-sm);cursor:pointer}
.to-top:hover{border-color:var(--navy)}
.to-top:focus-visible{outline:2px solid var(--info);outline-offset:2px}
/* ══ Площадь нажатия на сенсорных экранах ═════════════════════
Отдельные (не встроенные в текст) элементы управления получают
44px по высоте — минимум для пальца. Правило включается только на
сенсорном вводе, раскладка мыши не меняется. Ссылки внутри абзацев
не трогаем: у встроенных в текст ссылок этого требования нет. */
@media (pointer:coarse){
.navrow a{display:inline-flex;align-items:center;min-height:44px;
padding-bottom:0;border-bottom-width:0;box-shadow:inset 0 -2px 0 transparent}
.navrow a:hover,.navrow a[aria-current="page"]{box-shadow:inset 0 -2px 0 var(--onnavy-link)}
.navcta .sub{box-shadow:inset 0 -2px 0 var(--onnavy-link)}
.fcol li{margin-bottom:0}
.fcol li a{display:inline-flex;align-items:center;min-height:44px}
.fcol p.fcta a{display:inline-flex;align-items:center;min-height:44px}
.flegal .row1 a{display:inline-flex;align-items:center;min-height:44px}
.btn,.fc-btn{min-height:44px}
}
@media (prefers-reduced-motion:reduce){
*{transition:none!important;animation:none!important}
}
/* ══ Контакты ═════════════════════════════════════════════════ */
.contact-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);
gap:0 64px;align-items:start}
.contact-side{border-left:1px solid var(--gray200);padding-left:40px;min-width:0}
.ci + .ci{margin-top:28px}
.ci .lbl{display:block;font-size:var(--fs-micro);font-weight:var(--fw-bold);
letter-spacing:.11em;text-transform:uppercase;color:var(--gray400);
margin-bottom:8px}
.ci .val{font-size:var(--fs-body);line-height:1.6;color:var(--slate)}
.ci .val a{color:var(--red);text-decoration:none;
border-bottom:1px solid rgba(217,15,20,.35)}
/* ── Форма запроса ───────────────────────────────────────────── */
.cform{min-width:0}
.cform .frow + .frow,.cform .fpair + .frow,.cform .frow + .fpair{margin-top:24px}
.cform .fpair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.cform label{display:block;font-size:var(--fs-micro);font-weight:var(--fw-bold);
letter-spacing:.11em;text-transform:uppercase;color:var(--navy);
margin-bottom:8px}
.cform label .opt{font-weight:var(--fw-reg);letter-spacing:.06em;
text-transform:none;color:var(--gray400)}
.cform input,.cform select,.cform textarea{display:block;width:100%;
font-family:var(--sans);font-size:var(--fs-body);color:var(--slate);
background:var(--white);border:1px solid var(--gray200);
border-radius:var(--radius-sm);height:48px;padding:0 14px}
.cform textarea{height:auto;min-height:160px;padding:12px 14px;
line-height:1.6;resize:vertical}
.cform select{appearance:none;-webkit-appearance:none;padding-right:40px;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%2310253F' stroke-width='2'/%3E%3C/svg%3E");
background-repeat:no-repeat;background-position:right 14px center}
.cform input:focus,.cform select:focus,.cform textarea:focus{
border-color:var(--info);outline:none}
.cform input:focus-visible,.cform select:focus-visible,.cform textarea:focus-visible{
outline:3px solid var(--info);outline-offset:2px}
.cform .hp{position:absolute;left:-9999px;top:0}
.cform .fsubmit{margin-top:32px}
/* Поле, на которое указала проверка формы. */
.cform [aria-invalid="true"]{border-color:var(--danger)}
.fstate{display:none;margin-top:16px;font-size:var(--fs-meta);
font-weight:var(--fw-med);line-height:1.6}
.fstate.on{display:block}
.fstate.ok{color:var(--success)}
.fstate.err{color:var(--danger)}
/* ── Указатель под формой ────────────────────────────────────── */
.contact-note{margin-top:48px;padding-top:22px;border-top:1px solid var(--gray200);
font-size:var(--fs-meta);line-height:1.7;color:var(--gray400)}
.contact-note a{color:var(--red);text-decoration:none;
border-bottom:1px solid rgba(217,15,20,.35)}
@media (max-width:900px){
.contact-grid{grid-template-columns:minmax(0,1fr)}
.contact-side{border-left:0;padding-left:0;margin-top:48px;
padding-top:40px;border-top:1px solid var(--gray200)}
}
@media (max-width:640px){
.cform .fpair{grid-template-columns:minmax(0,1fr);gap:24px}
}
/* Выход на страницу контактов в подвале */
.fcol p.fcta{margin-top:18px}
.fcol p.fcta a{font-size:var(--fs-micro);font-weight:var(--fw-bold);
letter-spacing:.09em;text-transform:uppercase;color:var(--red);
border-bottom:2px solid var(--red);padding-bottom:3px}
.fcol p.fcta a:hover{color:var(--navy);border-bottom-color:var(--navy)}
/* ══ Правовая информация ══════════════════════════════════════ */
.lg-asof{margin-top:16px;font-size:var(--fs-micro);font-weight:var(--fw-bold);
letter-spacing:.11em;text-transform:uppercase;color:var(--gray400)}
/* Оглавление */
.lg-toc{display:flex;flex-wrap:wrap;gap:12px 32px;margin-top:32px;
padding-top:24px;border-top:1px solid var(--gray200)}
.lg-toc a{font-size:var(--fs-micro);font-weight:var(--fw-bold);
letter-spacing:.09em;text-transform:uppercase;color:var(--navy);
text-decoration:none;border-bottom:2px solid var(--gray200);padding-bottom:4px}
.lg-toc a:hover{color:var(--red);border-bottom-color:var(--red)}
/* Стороны и реквизиты */
.lg-party{margin-top:40px;background:var(--gray100);
border-left:3px solid var(--navy);padding:28px 32px}
.lg-party > p{font-size:var(--fs-body);line-height:1.7;color:var(--slate)}
.lg-rq{display:grid;grid-template-columns:240px minmax(0,1fr);gap:10px 32px;
margin-top:20px;padding-top:20px;border-top:1px solid var(--gray200)}
.lg-rq dt{font-size:var(--fs-micro);font-weight:var(--fw-bold);
letter-spacing:.11em;text-transform:uppercase;color:var(--gray400);
padding-top:2px}
.lg-rq dd{font-size:var(--fs-meta);line-height:1.6;color:var(--slate)}
.lg-rq dd a{color:var(--red);text-decoration:none;
border-bottom:1px solid rgba(217,15,20,.35)}
/* Разделы документа */
.lg-sec{padding-top:64px;padding-bottom:0}
.lg-head{display:flex;align-items:baseline;justify-content:space-between;
gap:24px;flex-wrap:wrap}
.lg-head .sec-lbl{flex:1 1 auto;min-width:0}
.lg-num{flex:none;font-size:var(--fs-micro);font-weight:var(--fw-bold);
letter-spacing:.11em;text-transform:uppercase;color:var(--gray400);
padding-bottom:14px;border-bottom:1px solid var(--gray200);
margin-bottom:36px}
.doc{max-width:820px}
.doc h3{font-size:var(--fs-body);font-weight:var(--fw-bold);color:var(--navy);
line-height:1.4;margin-top:32px}
.doc h3:first-child{margin-top:0}
.doc p{margin-top:12px;font-size:var(--fs-meta);line-height:1.75;
color:var(--slate)}
.doc ul{margin-top:12px;padding-left:0;list-style:none}
.doc li{position:relative;padding-left:20px;margin-top:10px;
font-size:var(--fs-meta);line-height:1.75;color:var(--slate)}
.doc li::before{content:'';position:absolute;left:0;top:11px;
width:6px;height:1px;background:var(--gray400)}
.doc a{color:var(--red);text-decoration:none;
border-bottom:1px solid rgba(217,15,20,.35)}
.doc p.note{margin-top:20px;border-left:3px solid var(--gray200);
padding-left:18px;color:var(--gray400)}
/* Закрывающая оговорка */
.lg-close{margin-top:0;padding-top:24px;
border-top:1px solid var(--gray200);padding-bottom:24px}
.lg-close p{max-width:820px;font-size:var(--fs-micro);line-height:1.8;
color:var(--gray400)}
.lg-close a{color:var(--red);text-decoration:none;
border-bottom:1px solid rgba(217,15,20,.35)}
@media (max-width:640px){
.lg-rq{grid-template-columns:minmax(0,1fr);gap:4px}
.lg-rq dd + dt{margin-top:16px}
.lg-party{padding:22px 20px}
.lg-sec{padding-top:48px}
.lg-head{gap:0}
.lg-num{margin-bottom:24px;padding-bottom:0;border-bottom:0;
order:-1}
}
/* ══ Вход для подписчиков ═════════════════════════════════════ */
section.wrap.auth{padding-top:44px;padding-bottom:24px}
.auth-pane{max-width:440px;margin:0 auto}
.auth-title{font-size:var(--fs-display);font-weight:var(--fw-bold);color:var(--navy);
line-height:1.2;letter-spacing:-.01em}
.auth-lead{margin-top:16px;font-size:var(--fs-meta);line-height:1.7;
color:var(--gray400)}
.btn.wide{width:100%}
/* Поля */
.step{margin-top:32px}
.field + .field{margin-top:20px}
.field label{display:block;font-size:var(--fs-micro);font-weight:var(--fw-bold);
letter-spacing:.11em;text-transform:uppercase;color:var(--navy);
margin-bottom:8px}
.field input{display:block;width:100%;height:48px;padding:0 14px;
font-family:var(--sans);font-size:var(--fs-body);color:var(--slate);
background:var(--white);border:1px solid var(--gray200);
border-radius:var(--radius-sm)}
.field input::placeholder{color:var(--gray400)}
.field input:focus{border-color:var(--info);outline:none}
.field input:focus-visible{outline:3px solid var(--info);outline-offset:2px}
.field input.code{font-size:26px;font-weight:var(--fw-med);
font-variant-numeric:tabular-nums;letter-spacing:.34em;text-align:center;
height:60px;padding:0}
.step > .btn{margin-top:28px}
/* Сообщение об отправке кода */
.auth-sent{border-left:3px solid var(--success);background:var(--gray100);
padding:14px 16px;margin-bottom:24px;
font-size:var(--fs-meta);line-height:1.6;color:var(--slate)}
.auth-sent b{font-weight:var(--fw-bold);color:var(--navy)}
/* Ошибка */
.auth-err{margin-top:24px;border-left:3px solid var(--danger);
background:var(--danger-bg);padding:14px 16px;
font-size:var(--fs-meta);line-height:1.6;color:var(--danger)}
.auth-err[hidden]{display:none}
/* Галочка */
.auth-keep{margin-top:20px}
.auth-keep label{display:inline-flex;align-items:center;gap:10px;
font-size:var(--fs-meta);color:var(--slate);cursor:pointer}
.auth-keep input[type=checkbox]{width:16px;height:16px;flex:none;margin:0;
accent-color:var(--navy);cursor:pointer}
/* Вспомогательные действия */
.auth-mini{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:20px}
.auth-mini button{padding:0;background:none;border:none;cursor:pointer;
font-family:var(--sans);font-size:var(--fs-meta);color:var(--red);
border-bottom:1px solid rgba(217,15,20,.35)}
.auth-mini button:hover{color:var(--navy);border-bottom-color:var(--navy)}
.auth-mini button:disabled{color:var(--gray400);border-bottom-color:transparent;
cursor:default}
.auth-aside{margin-top:32px;padding-top:22px;
border-top:1px solid var(--gray200);
font-size:var(--fs-meta);line-height:1.7;color:var(--gray400)}
.auth-aside a{color:var(--red);text-decoration:none;
border-bottom:1px solid rgba(217,15,20,.35)}
.auth-legal{margin-top:40px;padding-top:20px;
border-top:1px solid var(--gray200)}
.auth-legal p{font-size:var(--fs-micro);line-height:1.8;color:var(--gray400)}
.auth-legal p + p{margin-top:10px}
.auth-legal a{color:var(--gray400);text-decoration:none;
border-bottom:1px solid var(--gray200)}
.auth-legal a:hover{color:var(--navy);border-bottom-color:var(--navy)}
@media (max-width:640px){
section.wrap.auth{padding-top:30px}
.field input.code{font-size:22px;letter-spacing:.26em}
}
/* ══ Платформа ════════════════════════════════════════════════ */
.pf-introcols{margin-top:24px}
.pf-introcols p{font-size:var(--fs-body);line-height:1.75;color:var(--slate)}
.pf-introcols p + p{margin-top:16px}
/* Якорное меню */
.pf-anchors{display:flex;flex-wrap:wrap;gap:12px 32px;margin-top:40px;
padding-top:24px;border-top:1px solid var(--gray200)}
.pf-anchors a{font-size:var(--fs-micro);font-weight:var(--fw-bold);
letter-spacing:.09em;text-transform:uppercase;color:var(--navy);
text-decoration:none;border-bottom:2px solid var(--gray200);padding-bottom:4px}
.pf-anchors a:hover{color:var(--red);border-bottom-color:var(--red)}
/* Раздел */
section.pf-sec{padding-top:56px;padding-bottom:0}
.pf-head{padding-bottom:16px;margin-bottom:36px;
border-bottom:1px solid var(--gray200)}
.pf-title{font-size:var(--fs-display);font-weight:var(--fw-bold);color:var(--navy);
line-height:1.2;letter-spacing:-.01em}
.pf-sub{margin-top:56px;margin-bottom:24px;font-size:var(--fs-micro);
font-weight:var(--fw-bold);letter-spacing:.14em;text-transform:uppercase;
color:var(--gray400)}
.pf-intro{font-size:var(--fs-body);line-height:1.75;color:var(--slate)}
/* Манифест */
.pf-mgrid p{font-size:var(--fs-body);line-height:1.75;color:var(--slate)}
.pf-mgrid p + p{margin-top:16px}
/* Таблица источников */
.pf-tablewrap{margin-top:28px;overflow-x:auto}
table.pf-data{width:100%;border-collapse:collapse}
table.pf-data th{text-align:left;font-size:var(--fs-micro);
font-weight:var(--fw-bold);letter-spacing:.11em;text-transform:uppercase;
color:var(--gray400);padding:0 20px 12px 0;
border-bottom:1px solid var(--navy)}
table.pf-data td{font-size:var(--fs-meta);line-height:1.6;color:var(--slate);
padding:16px 20px 16px 0;border-bottom:1px solid var(--gray200);
vertical-align:top}
table.pf-data tr td:last-child,table.pf-data tr th:last-child{padding-right:0}
.pf-note{margin-top:20px;border-left:3px solid var(--gray200);padding-left:18px;
font-size:var(--fs-micro);line-height:1.7;color:var(--gray400)}
/* Цепочка вывода */
.pf-chain{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
.pf-step{padding:0 28px;border-left:1px solid var(--gray200)}
.pf-step:first-child{padding-left:0;border-left:0}
.pf-step:last-child{padding-right:0}
.pf-sn{font-size:var(--fs-micro);font-weight:var(--fw-bold);
letter-spacing:.11em;color:var(--red)}
.pf-st{margin-top:10px;font-size:var(--fs-head);font-weight:var(--fw-bold);
color:var(--navy);line-height:1.3}
.pf-step p{margin-top:10px;font-size:var(--fs-meta);line-height:1.7;
color:var(--gray400)}
/* Методологический стек и карточки */
.pf-stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.pf-card{background:var(--gray100);border:1px solid var(--gray200);
border-radius:var(--radius-sm);padding:28px}
.pf-card h3{font-size:var(--fs-head);font-weight:var(--fw-bold);
color:var(--navy);line-height:1.3}
.pf-card p{margin-top:12px;font-size:var(--fs-meta);line-height:1.7;
color:var(--gray400)}
.pf-stackclose{margin-top:24px;font-size:var(--fs-micro);line-height:1.7;
color:var(--gray400)}
/* Принципы */
.pf-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
gap:32px}
.pf-pr{padding-top:20px;border-top:2px solid var(--navy)}
.pf-pr h3{font-size:var(--fs-head);font-weight:var(--fw-bold);color:var(--navy);
line-height:1.3}
.pf-pr p{margin-top:12px;font-size:var(--fs-meta);line-height:1.7;
color:var(--gray400)}
/* ИИ-агенты */
.pf-aitop{display:block}
.pf-statement{font-size:var(--fs-head);font-weight:var(--fw-bold);
color:var(--navy);line-height:1.35;letter-spacing:-.01em;
border-left:3px solid var(--red);padding-left:24px}
.pf-lead{margin-top:20px;font-size:var(--fs-body);line-height:1.75;color:var(--slate)}
.pf-aigrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
gap:24px;margin-top:48px}
.pf-airole{margin-top:48px;padding:32px;background:var(--gray100);
border-left:3px solid var(--navy)}
.pf-airole .pf-note{margin:0 0 14px;border-left:0;padding-left:0;
font-size:var(--fs-body);font-weight:var(--fw-bold);color:var(--navy)}
.pf-airole p{font-size:var(--fs-body);line-height:1.75;color:var(--slate)}
/* Как это соединяется */
.pf-closing p{font-size:var(--fs-body);line-height:1.75;color:var(--slate)}
.pf-closing p + p{margin-top:16px}
@media (max-width:900px){
.pf-chain{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px}
.pf-step{padding:0 0 0 24px}
.pf-step:nth-child(odd){padding-left:0;border-left:0}
.pf-aigrid,.pf-principles{grid-template-columns:minmax(0,1fr);gap:28px}
}
@media (max-width:640px){
.pf-stack{grid-template-columns:minmax(0,1fr);gap:24px}
.pf-chain{grid-template-columns:minmax(0,1fr);gap:28px}
.pf-step,.pf-step:nth-child(odd){padding-left:0;border-left:0}
section.pf-sec{padding-top:44px}
.pf-airole{padding:24px 20px}
}
/* ══ Тарифы ═══════════════════════════════════════════════════ */
.pr-hint{margin-top:16px;font-size:var(--fs-meta);line-height:1.7;
color:var(--gray400)}
/* Переключатель периода */
.pr-period{display:flex;align-items:center;gap:24px;flex-wrap:wrap;
margin-top:40px;padding-top:24px;border-top:1px solid var(--gray200)}
.pr-toggle{display:inline-flex;border:1px solid var(--gray200);
border-radius:var(--radius-sm);overflow:hidden}
.pr-toggle button{height:44px;padding:0 26px;border:none;cursor:pointer;
font-family:var(--sans);font-size:var(--fs-micro);font-weight:var(--fw-bold);
letter-spacing:.09em;text-transform:uppercase;
background:var(--white);color:var(--gray400)}
.pr-toggle button + button{border-left:1px solid var(--gray200)}
.pr-toggle button[aria-pressed="true"]{background:var(--navy);color:var(--white)}
.pr-saveline{font-size:var(--fs-meta);line-height:1.6;color:var(--gray400)}
.pr-sub{margin-top:56px;margin-bottom:24px;font-size:var(--fs-micro);
font-weight:var(--fw-bold);letter-spacing:.14em;text-transform:uppercase;
color:var(--gray400)}
/* Конструктор */
.pr-cfg{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:48px;
align-items:start}
.pr-picks{min-width:0}
.pr-grp{padding-top:24px;border-top:2px solid var(--navy)}
.pr-grp + .pr-grp{margin-top:40px}
.pr-gname{font-size:var(--fs-head);font-weight:var(--fw-bold);color:var(--navy);
line-height:1.3}
.pr-gwhat{margin-top:8px;font-size:var(--fs-meta);line-height:1.7;
color:var(--gray400)}
.pr-gitems{margin-top:20px}
/* Строка выбора */
.pick{display:grid;grid-template-columns:auto minmax(0,1fr) auto;
gap:16px;align-items:start;cursor:pointer;
padding:18px 20px;border:1px solid var(--gray200);
border-radius:var(--radius-sm);background:var(--white)}
.pick + .pick{margin-top:12px}
.pick:hover{border-color:var(--navy)}
.pick.on{border-color:var(--navy);background:var(--gray100)}
.pick input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}
.pr-box{width:20px;height:20px;flex:none;margin-top:2px;
border:1px solid var(--gray400);border-radius:4px;background:var(--white)}
.pick.on .pr-box{background:var(--navy);border-color:var(--navy);
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='10' viewBox='0 0 12 10'%3E%3Cpath d='M1 5l3.5 3.5L11 1.5' fill='none' stroke='%23fff' stroke-width='2'/%3E%3C/svg%3E");
background-repeat:no-repeat;background-position:center}
.pick input:focus-visible + .pr-box{outline:2px solid var(--info);
outline-offset:2px}
.pr-pname{display:block;font-size:var(--fs-body);font-weight:var(--fw-bold);
color:var(--navy);line-height:1.4}
.pr-pwhat{display:block;margin-top:4px;font-size:var(--fs-meta);line-height:1.6;
color:var(--gray400)}
.pr-pprice{font-size:var(--fs-meta);font-weight:var(--fw-bold);color:var(--navy);
white-space:nowrap;text-align:right}
.pr-standalone{margin-top:40px}
.pr-livesep{margin-top:40px}
.pr-livesep .pr-sub{margin-top:0}
/* Панель итога */
.pr-sumwrap{position:sticky;top:24px}
.pr-sum{background:var(--gray100);border:1px solid var(--gray200);
border-radius:var(--radius-sm);padding:28px}
.pr-sum h2{font-size:var(--fs-micro);font-weight:var(--fw-bold);
letter-spacing:.14em;text-transform:uppercase;color:var(--gray400)}
.pr-sumlist{margin-top:20px;padding:0;list-style:none}
.pr-sumlist li{display:flex;justify-content:space-between;gap:16px;
padding:10px 0;border-bottom:1px solid var(--gray200);
font-size:var(--fs-meta);line-height:1.5;color:var(--slate)}
.pr-sumlist li span:last-child{font-weight:var(--fw-bold);color:var(--navy);
white-space:nowrap}
.pr-sumempty{margin-top:20px;font-size:var(--fs-meta);color:var(--gray400)}
/* Сообщение о позициях, снятых сменой периода: без него три позиции молча
исчезают из набора и это читается как сбой. */
.pr-dropped{margin-top:14px;padding:10px 12px;border-left:3px solid var(--warning);
background:var(--white);font-size:var(--fs-micro);line-height:1.6;
color:var(--slate)}
/* Строка отчёта, недоступного за выбранный период */
.pick.off{opacity:.55;cursor:default}
.pick.off:hover{border-color:var(--gray200)}
.pr-fullnote{margin-top:14px;font-size:var(--fs-micro);line-height:1.6;
color:var(--success)}
.pr-fullnote[hidden]{display:none}
.pr-sumtotal{display:flex;align-items:baseline;justify-content:space-between;
gap:16px;margin-top:22px;padding-top:18px;
border-top:1px solid var(--gray200)}
.pr-tl{font-size:var(--fs-micro);font-weight:var(--fw-bold);letter-spacing:.11em;
text-transform:uppercase;color:var(--gray400)}
.pr-tv{font-size:var(--fs-display);font-weight:var(--fw-bold);color:var(--navy);
white-space:nowrap}
.pr-per{font-size:var(--fs-meta);font-weight:var(--fw-med);color:var(--gray400)}
.pr-sum .btn{width:100%;margin-top:22px}
.pr-sum .btn:disabled{background:var(--gray200);color:var(--gray400);
cursor:default}
.pr-sumnote{margin-top:12px;font-size:var(--fs-micro);line-height:1.6;
color:var(--gray400)}
/* Разовые разборы */
.pr-onesec{margin-top:0;padding-top:32px;
border-top:1px solid var(--gray200)}
section > .pr-sub:first-child{margin-top:0}
.pr-ones{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.pr-one{display:flex;flex-direction:column;
border:1px solid var(--gray200);border-radius:var(--radius-sm);padding:28px}
.pr-atop{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
.pr-atop h3{font-size:var(--fs-head);font-weight:var(--fw-bold);
color:var(--navy);line-height:1.3}
.pr-tag{font-size:var(--fs-micro);font-weight:var(--fw-bold);
letter-spacing:.11em;text-transform:uppercase;color:var(--gray400)}
.pr-one > p{margin-top:14px;font-size:var(--fs-meta);line-height:1.7;
color:var(--gray400)}
.pr-oneprice{margin-top:auto;padding-top:20px;
font-size:var(--fs-meta);font-weight:var(--fw-bold);color:var(--navy)}
.pr-one .btn{margin-top:18px;align-self:flex-start}
@media (max-width:1024px){
.pr-cfg{grid-template-columns:minmax(0,1fr);gap:40px}
/* Панель итога встаёт НАД списком и следует за прокруткой: иначе человек
отмечает одиннадцать позиций вслепую, а сумму видит через четыре экрана.
Список выбранного ограничен по высоте, чтобы панель не съедала экран. */
.pr-sumwrap{position:sticky;top:0;z-index:20;order:-1;
padding:8px 0;background:var(--white)}
.pr-sumlist{max-height:34vh;overflow:auto}
}
@media (max-width:640px){
.pr-ones{grid-template-columns:minmax(0,1fr)}
.pick{grid-template-columns:auto minmax(0,1fr);padding:16px}
.pr-pprice{grid-column:2;text-align:left;margin-top:8px}
.pr-sum{padding:22px 20px}
.pr-period{gap:16px}
}
/* ══ Продукты ═════════════════════════════════════════════════ */
.pd-hint{margin-top:20px;font-size:var(--fs-meta);line-height:1.7;
color:var(--gray400)}
/* Навигация по отчётам — оглавление в колонках, порядок сверху вниз.
Разделители волосяной линией СНИЗУ у пункта: вертикали при переносе
строки повисали бы в конце ряда (та же ловушка, что была в .flegal) */
.pd-anchors{display:grid;grid-auto-flow:column;grid-template-rows:repeat(4,auto);
grid-template-columns:repeat(3,minmax(0,1fr));column-gap:48px;
margin-top:32px;counter-reset:pdn}
.pd-anchors a{display:flex;align-items:baseline;gap:12px;
font-size:var(--fs-meta);line-height:1.4;color:var(--navy);text-decoration:none;
padding:12px 0;border-bottom:1px solid var(--gray200)}
.pd-anchors a::before{counter-increment:pdn;
content:counter(pdn,decimal-leading-zero);
font-size:var(--fs-micro);font-weight:var(--fw-bold);letter-spacing:.08em;
color:var(--gray400);flex:none}
.pd-anchors a:hover,.pd-anchors a:hover::before{color:var(--red)}
/* у первого блока отчёта своя верхняя линия — иначе две линии подряд с пустотой */
.pd-anchors + .pd-item{margin-top:40px;padding-top:0;border-top:0}
/* Разворот отчёта */
.pd-item{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,430px);
gap:0 56px;align-items:start;
margin-top:56px;padding-top:40px;border-top:1px solid var(--gray200)}
/* В зеркальном развороте иллюстрация идёт первой колонкой — ширины колонок
меняются местами вместе с порядком, иначе текст сжимается до 430px */
.pd-item.pd-rev{grid-template-columns:minmax(0,430px) minmax(0,1fr)}
.pd-copy{min-width:0}
.pd-item.pd-rev .pd-copy{order:2}
.pd-item.pd-rev .pd-fig{order:1}
/* Иллюстрация залипает при прокрутке длинного блока — механика исходника */
.pd-fig{align-self:start;position:sticky;top:24px}
.pd-top{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
.pd-freq{font-size:var(--fs-micro);font-weight:var(--fw-bold);letter-spacing:.11em;
text-transform:uppercase;color:var(--gray400)}
.pd-tag{font-size:var(--fs-micro);font-weight:var(--fw-bold);letter-spacing:.11em;
text-transform:uppercase;color:var(--red)}
.pd-copy h2{margin-top:10px;font-size:var(--fs-display);font-weight:var(--fw-bold);
letter-spacing:-.01em;line-height:1.2;color:var(--navy)}
.pd-sub{margin-top:10px;font-size:var(--fs-head);line-height:1.5;
color:var(--gray400)}
.pd-grp{margin-top:24px;padding-top:18px;border-top:1px solid var(--gray200)}
.pd-lbl{font-size:var(--fs-micro);font-weight:var(--fw-bold);letter-spacing:.14em;
text-transform:uppercase;color:var(--gray400);margin-bottom:10px}
.pd-grp p{font-size:var(--fs-body);line-height:1.75;color:var(--slate)}
.pd-grp .pd-who{font-size:var(--fs-meta);line-height:1.7;color:var(--gray400)}
.pd-list{list-style:none}
.pd-list li{position:relative;padding-left:18px;font-size:var(--fs-meta);
line-height:1.7;color:var(--slate)}
.pd-list li + li{margin-top:8px}
.pd-list li::before{content:'';position:absolute;left:0;top:.72em;
width:5px;height:5px;border-radius:50%;background:var(--red)}
/* Образцы */
.pd-samples{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px 20px;
margin-top:26px;padding-top:18px;border-top:1px solid var(--gray200)}
.pd-samples a{font-size:var(--fs-meta);font-weight:var(--fw-med);color:var(--navy);
text-decoration:none;border-bottom:1px solid var(--gray200)}
.pd-samples a:hover{color:var(--red);border-bottom-color:var(--red)}
.pd-smeta{font-size:var(--fs-micro);font-weight:var(--fw-bold);letter-spacing:.11em;
text-transform:uppercase;color:var(--gray400)}
/* Иллюстрация */
.pd-fig{min-width:0}
.pd-fig img{width:100%;height:auto;aspect-ratio:400/210;object-fit:cover;
display:block;border-radius:var(--radius)}
.pd-fig figcaption{margin-top:12px;font-size:var(--fs-micro);line-height:1.6;
color:var(--gray400)}
/* Отбивка разовых работ от ленты подписных отчётов */
.pd-break{margin-top:56px;padding-top:32px;border-top:2px solid var(--navy)}
.pd-break .sec-lbl{margin-bottom:0}
.pd-break + .pd-item{margin-top:40px;padding-top:0;border-top:0}
/* Нижний переход к тарифам */
.pd-cta{display:flex;align-items:center;justify-content:space-between;
gap:24px 40px;flex-wrap:wrap;
margin-top:56px;padding-top:32px;border-top:2px solid var(--navy)}
.pd-cta p{font-size:var(--fs-head);line-height:1.5;color:var(--navy);
font-weight:var(--fw-med);max-width:640px}
/* Условие возврата рядом с кнопкой покупки. */
.buy-note{display:block;margin-top:14px;font-size:var(--fs-meta);
line-height:1.6;color:var(--gray400);font-weight:var(--fw-reg);max-width:560px}
@media (max-width:900px){
.pd-anchors{grid-template-rows:repeat(6,auto);
grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}
}
@media (max-width:1024px){
.pd-item,.pd-item.pd-rev{grid-template-columns:minmax(0,1fr);gap:32px 0}
.pd-item.pd-rev .pd-copy{order:0}
.pd-item.pd-rev .pd-fig{order:0}
.pd-fig{position:static}
}
@media (max-width:640px){
.pd-anchors{grid-auto-flow:row;grid-template-rows:none;
grid-template-columns:minmax(0,1fr);margin-top:24px}
.pd-anchors a{padding:11px 0}
.pd-item{margin-top:40px;padding-top:32px}
.pd-cta{margin-top:56px}
}
/* ══ Оплата принята ═══════════════════════════════════════════ */
section.wrap.wl{padding-top:44px;padding-bottom:24px}
.wl-pane{max-width:560px;margin:0 auto}
.wl-title{font-size:var(--fs-display);font-weight:var(--fw-bold);color:var(--navy);
line-height:1.2;letter-spacing:-.01em}
.wl-lead{margin-top:16px;font-size:var(--fs-meta);line-height:1.7;color:var(--gray400)}
/* Подтверждение платежа */
.wl-ok{margin-top:24px;border-left:3px solid var(--success);background:var(--gray100);
padding:14px 16px;font-size:var(--fs-meta);line-height:1.6;
font-weight:var(--fw-med);color:var(--slate)}
/* Состав подписки */
.wl-list{margin-top:40px}
.wl-head{display:flex;justify-content:space-between;align-items:baseline;
gap:12px;flex-wrap:wrap;padding-bottom:12px;border-bottom:1px solid var(--gray200)}
.wl-head h2{font-size:var(--fs-head);font-weight:var(--fw-bold);color:var(--navy);
line-height:1.3}
.wl-period{font-size:var(--fs-micro);font-weight:var(--fw-bold);letter-spacing:.11em;
text-transform:uppercase;color:var(--gray400)}
.wl-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;
align-items:baseline;padding:14px 0;border-bottom:1px solid var(--gray200)}
.wl-nm{font-size:var(--fs-body);font-weight:var(--fw-med);color:var(--navy)}
.wl-pr{font-size:var(--fs-meta);color:var(--gray400);
font-variant-numeric:tabular-nums;white-space:nowrap}
.wl-pr b{font-weight:var(--fw-bold);color:var(--navy)}
.wl-total{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;
align-items:baseline;padding-top:16px;
font-size:var(--fs-body);font-weight:var(--fw-bold);color:var(--navy)}
/* Переход ко входу */
.wl-cta{margin-top:40px}
.wl-hint{margin-top:14px;font-size:var(--fs-micro);line-height:1.8;color:var(--gray400)}
.wl-aside{margin-top:32px;padding-top:22px;border-top:1px solid var(--gray200);
font-size:var(--fs-meta);line-height:1.7;color:var(--gray400)}
.wl-aside a{color:var(--red);text-decoration:none;
border-bottom:1px solid rgba(217,15,20,.35)}
.wl-legal{margin-top:40px;padding-top:20px;border-top:1px solid var(--gray200)}
.wl-legal p{font-size:var(--fs-micro);line-height:1.8;color:var(--gray400)}
.wl-legal p + p{margin-top:10px}
.wl-legal a{color:var(--gray400);text-decoration:none;
border-bottom:1px solid var(--gray200)}
.wl-legal a:hover{color:var(--navy);border-bottom-color:var(--navy)}
@media (max-width:640px){
section.wrap.wl{padding-top:30px}
.wl-row,.wl-total{grid-template-columns:minmax(0,1fr);gap:4px}
.wl-pr{white-space:normal}
}
/* ══ Внутренняя зона: панель показателя (/app/) ════════════════ */
/* Шапка и подвал берут общие .topbar / .nav / .site-footer;
отличается только состав пунктов. */
/* Заголовок страницы и служебная строка */
.bs-head{display:flex;align-items:flex-end;justify-content:space-between;
gap:16px 40px;flex-wrap:wrap;padding:56px 0 0}
.bs-head h1{font-size:var(--fs-hero);font-weight:var(--fw-bold);
letter-spacing:-.02em;line-height:1.12;color:var(--navy)}
.bs-meta{display:flex;align-items:center;gap:24px;flex-wrap:wrap;padding-bottom:10px}
#asof{font-size:var(--fs-meta);color:var(--gray400);font-variant-numeric:tabular-nums}
/* Кант состояния: без заливки и без радиуса */
section.bs-box{padding:28px 32px;margin:48px 0 0;background:var(--gray100);
border-left:3px solid var(--gray400)}
section.bs-box.ok{border-left-color:var(--success)}
section.bs-box.latch{border-left-color:var(--warning)}
.bs-cap{font-size:var(--fs-micro);font-weight:var(--fw-bold);letter-spacing:.14em;
text-transform:uppercase;color:var(--gray400);margin-bottom:14px}
#status{font-size:var(--fs-display);font-weight:var(--fw-bold);line-height:1.25;
letter-spacing:-.01em;color:var(--navy)}
#status small{display:block;font-size:var(--fs-meta);font-weight:var(--fw-reg);
color:var(--gray400);margin-top:10px;line-height:1.6;letter-spacing:0}
#verdict{margin-top:24px;padding-top:24px;border-top:1px solid var(--gray200);
font-size:var(--fs-body);line-height:1.75}
#verdict:empty{display:none;margin:0;padding:0;border:none}
/* Секции инструмента */
section.bs-sec{padding:0;margin-top:56px}
.bs-sec>svg{width:100%;height:auto;display:block}
.bs-hint{margin-top:16px;font-size:var(--fs-meta);line-height:1.7;color:var(--gray400)}
.bs-note{margin-top:24px;font-size:var(--fs-micro);line-height:1.7;color:var(--gray400)}
#an-narrative p{font-size:var(--fs-body);line-height:1.75}
#an-narrative p + p{margin-top:16px}
/* Таблица показателей */
.bs-thead,.bs-row{display:grid;
grid-template-columns:minmax(0,1.5fr) minmax(0,2.6fr) 64px 136px 72px;
align-items:center;gap:24px}
.bs-thead{font-size:var(--fs-micro);font-weight:var(--fw-bold);letter-spacing:.11em;
text-transform:uppercase;color:var(--gray400);
padding-bottom:12px;border-bottom:1px solid var(--gray200)}
.bs-thead .r{text-align:right}
.bs-row{min-height:56px;padding:14px 0;border-bottom:1px solid var(--gray200);
font-size:var(--fs-meta);font-weight:var(--fw-bold);color:var(--navy)}
.bs-row:last-child{border-bottom:none}
/* Положение на шкале. Четыре сегмента с резкими границами и цвета исходного
инструмента — оставлены по его решению 03.08: в шкале читаемость важнее
выдержанности палитры. Действует только внутри зоны /app/. */
.bs-bar{height:6px;position:relative;border-radius:3px;
background:linear-gradient(90deg,
#C0391A 0 10%,
#FFB900 10% 30%,
#EDEDED 30% 70%,
#7FBA00 70% 100%)}
.bs-bar .bs-orline{position:absolute;top:-2px;bottom:-2px;left:5%;width:1px;
background:var(--navy);opacity:.5}
.bs-bar .bs-tick{position:absolute;top:-6px;width:3px;height:18px;
background:var(--navy);border-radius:2px;outline:2px solid var(--white)}
.bs-val{text-align:right;font-weight:var(--fw-bold);font-variant-numeric:tabular-nums}
.bs-state{font-weight:var(--fw-med);color:var(--gray400)}
.bs-delta{text-align:right;font-weight:var(--fw-reg);color:var(--gray400);
font-variant-numeric:tabular-nums}
.bs-tone-danger{color:var(--danger)}
.bs-tone-warn{color:var(--warning-ink)}
.bs-tone-high{color:var(--info)}
.bs-dead{color:var(--gray400);font-weight:var(--fw-reg)}
#log{display:none}
/* Источники данных */
details.bs-srcbox{margin-top:56px;padding-top:24px;border-top:1px solid var(--gray200)}
.bs-srcbox summary{display:flex;justify-content:space-between;align-items:baseline;
gap:16px;padding:4px 0;cursor:pointer;list-style:none;
font-size:var(--fs-micro);font-weight:var(--fw-bold);letter-spacing:.14em;
text-transform:uppercase;color:var(--navy)}
.bs-srcbox summary::-webkit-details-marker{display:none}
.bs-srcbox summary .more{font-weight:var(--fw-med);letter-spacing:.09em;color:var(--red);
border-bottom:2px solid var(--red);padding-bottom:3px;flex:none}
.bs-srcbox summary .more::after{content:'подробности'}
.bs-srcbox[open] summary .more::after{content:'свернуть'}
#sources{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));
gap:8px;margin-top:20px}
.bs-src{display:flex;align-items:center;gap:10px;padding:12px 16px;
background:var(--gray100);border-radius:var(--radius-sm);
font-size:var(--fs-meta);font-weight:var(--fw-med);color:var(--navy)}
.bs-src .dot{width:9px;height:9px;border-radius:50%;background:var(--muted);flex:none}
.bs-src.loading .dot{background:var(--warning);animation:bs-pulse 1s infinite}
.bs-src.ok .dot{background:var(--success);animation:none}
.bs-src.fail .dot{background:var(--danger);animation:none}
.bs-src small{display:block;margin-top:2px;font-size:var(--fs-micro);
font-weight:var(--fw-reg);color:var(--gray400)}
@keyframes bs-pulse{0%,100%{opacity:1}50%{opacity:.3}}
@media (max-width:900px){
.bs-head h1{font-size:var(--fs-display)}
}
@media (max-width:720px){
.bs-thead{display:none}
.bs-row{grid-template-columns:minmax(0,1fr) 64px 72px;
grid-template-areas:'name val delta' 'bar bar bar' 'state state state';
gap:10px 16px;padding:14px 0}
.bs-row>:nth-child(1){grid-area:name}
.bs-row>:nth-child(2){grid-area:bar}
.bs-row>:nth-child(3){grid-area:val}
.bs-row>:nth-child(4){grid-area:state}
.bs-row>:nth-child(5){grid-area:delta}
}
/* ══ Внутренняя зона: карта дилерских уровней (/app/gex) ═══════ */
/* Шапка, подвал, метки секций и кнопка — общие (.topbar / .nav /
.sec-lbl / .btn). Классы страницы префиксованы gx-: .bar, .brand,
.row, .k, .val, .panel заняты локапом и другими страницами. */
/* Заголовок и выбор инструмента */
.gx-head{display:flex;align-items:flex-end;justify-content:space-between;
gap:24px 40px;flex-wrap:wrap;padding:56px 0 0}
.gx-head h1{font-size:var(--fs-hero);font-weight:var(--fw-bold);
letter-spacing:-.02em;line-height:1.12;color:var(--navy)}
.gx-title{flex:1 1 22rem;min-width:0}
.gx-sub{margin-top:14px;font-size:var(--fs-meta);line-height:1.7;
color:var(--gray400);max-width:var(--measure)}
.gx-vh{position:absolute;width:1px;height:1px;overflow:hidden;
clip:rect(0 0 0 0);white-space:nowrap}
.gx-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-bottom:4px}
.gx-symwrap{position:relative}
#sym{display:block;height:48px;width:15rem;padding:0 14px;
font-family:var(--sans);font-size:var(--fs-body);color:var(--slate);
background:var(--white);border:1px solid var(--gray200);
border-radius:var(--radius-sm);text-transform:uppercase}
#sym::placeholder{color:var(--gray400);text-transform:none}
#sym:focus{border-color:var(--info);outline:none}
#sym:focus-visible{outline:3px solid var(--info);outline-offset:2px}
/* Список инструментов: поиск по тикеру и названию */
.gx-symlist{position:absolute;top:calc(100% + 6px);left:0;z-index:20;
width:min(21rem,86vw);max-height:21rem;overflow-y:auto;
background:var(--white);border:1px solid var(--gray200);
border-radius:var(--radius-sm);box-shadow:0 12px 32px rgba(16,37,63,.14)}
.gx-symlist[hidden]{display:none}
.gx-sgrp{font-size:var(--fs-micro);font-weight:var(--fw-bold);letter-spacing:.14em;
text-transform:uppercase;color:var(--gray400);padding:14px 16px 6px}
.gx-symopt{display:flex;align-items:baseline;gap:10px;padding:8px 16px;
cursor:pointer;font-size:var(--fs-meta);color:var(--navy)}
.gx-symopt .gx-t{font-weight:var(--fw-bold);min-width:3.5rem;flex:none}
.gx-symopt .gx-n{color:var(--gray400);overflow-wrap:anywhere}
.gx-symopt[aria-selected="true"],.gx-symopt:hover{background:var(--gray100)}
.gx-symopt.gx-cur{box-shadow:inset 3px 0 0 var(--red)}
.gx-symnone{padding:14px 16px;font-size:var(--fs-meta);line-height:1.6;color:var(--gray400)}
.gx-symerr{position:absolute;top:calc(100% + 8px);left:0;z-index:10;display:none;
width:min(21rem,86vw);background:var(--danger-bg);border-left:3px solid var(--danger);
padding:10px 14px;font-size:var(--fs-meta);line-height:1.55;color:var(--danger)}
.gx-symerr.gx-show{display:block}
/* Вывод дня: кант по режиму, заливка только у красного */
.gx-box{margin-top:48px;padding:28px 32px;background:var(--gray100);
border-left:3px solid var(--gray400);
font-size:var(--fs-body);line-height:1.7;color:var(--navy)}
.gx-box b{font-weight:var(--fw-bold)}
.gx-box.green{border-left-color:var(--success)}
.gx-box.red{border-left-color:var(--danger);background:var(--danger-bg);color:var(--danger)}
.gx-row{margin-top:10px;font-size:var(--fs-meta);line-height:1.7;color:var(--gray400)}
.gx-row:empty{display:none}
.gx-box.red .gx-row{color:var(--danger)}
.gx-keys{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
margin-top:26px;gap:20px 0;font-variant-numeric:tabular-nums}
.gx-keys>div{padding:0 24px;border-left:1px solid var(--gray200)}
.gx-keys>div:first-child{padding-left:0;border-left:none}
.gx-kl{font-size:var(--fs-micro);font-weight:var(--fw-bold);letter-spacing:.11em;
text-transform:uppercase;color:var(--gray400);margin-bottom:6px}
.gx-kv{font-size:var(--fs-display);font-weight:var(--fw-bold);
letter-spacing:-.01em;color:var(--navy);line-height:1.2}
.gx-ks{margin-top:4px;font-size:var(--fs-meta);line-height:1.5;color:var(--gray400)}
.gx-ks.gx-frag{color:var(--danger);font-weight:var(--fw-med)}
/* Разбор дня */
section.gx-ana{padding:0;margin-top:56px}
.gx-ana.red .sec-lbl{color:var(--danger);border-bottom-color:var(--danger)}
.gx-part + .gx-part{margin-top:32px}
.gx-lbl{font-size:var(--fs-micro);font-weight:var(--fw-bold);letter-spacing:.11em;
text-transform:uppercase;color:var(--gray400);margin-bottom:10px}
.gx-txt{font-size:var(--fs-body);line-height:1.75;color:var(--slate)}
/* «Если — то»: условие слева, ориентир справа */
.gx-iflist{margin-top:12px;border-top:1px solid var(--gray200)}
.gx-ifrow{display:grid;grid-template-columns:minmax(0,38%) minmax(0,1fr);
gap:16px 32px;padding:14px 0;border-bottom:1px solid var(--gray200);
font-size:var(--fs-meta);line-height:1.65}
.gx-ifc{color:var(--navy);font-weight:var(--fw-med)}
.gx-ifr{color:var(--gray400)}
/* Карта и таблица уровней.
`section.` обязателен: глобальное правило section{padding:52px 0} сильнее
селектора из одного класса и добавляло по 52 px сверху и снизу каждому блоку */
section.gx-sec{padding:0;margin-top:56px}
.gx-mapwrap{max-width:100%}
.gx-mapwrap:focus-visible{outline:3px solid var(--info);outline-offset:2px}
.gx-map{display:block;width:100%;height:auto}
.gx-cap{margin-bottom:20px;font-size:var(--fs-meta);line-height:1.7;color:var(--gray400)}
.gx-srvmeta{margin-top:16px;font-size:var(--fs-meta);line-height:1.9;
color:var(--gray400);font-variant-numeric:tabular-nums}
.gx-srvmeta span{display:inline-block;margin-right:28px}
.gx-srvmeta b{color:var(--navy);font-weight:var(--fw-med)}
.gx-lvlwrap{max-width:100%;overflow-x:auto}
.gx-lvlwrap:focus-visible{outline:3px solid var(--info);outline-offset:2px}
.gx-lvl{width:100%;min-width:21rem;border-collapse:collapse;
font-size:var(--fs-meta);font-variant-numeric:tabular-nums}
.gx-lvl td{padding:12px 14px 12px 0;border-top:1px solid var(--gray200);
color:var(--navy);vertical-align:middle}
.gx-lvl td:last-child{padding-right:0}
/* Названия уровней не переносятся: номер отрывался от слова и уезжал на
вторую строку. При нехватке ширины таблица уходит в свою прокрутку. */
.gx-lvl td:first-child{white-space:nowrap;padding-right:24px}
.gx-lvl .gx-k{text-align:right;font-weight:var(--fw-bold);white-space:nowrap}
.gx-lvl .gx-barc{width:100%}
.gx-lvl .gx-barc i{display:block;height:8px;min-width:2px;border-radius:2px}
/* Шапка таблицы. Своей линии первая строка не рисует: над таблицей уже стоит
линия метки секции, две волосяные подряд читаются как пустая полоса. */
.gx-lvl tr:first-child td{border-top:none;padding-top:0}
.gx-lvl tr.gx-th td{padding-bottom:12px;border-bottom:1px solid var(--gray200);
font-size:var(--fs-micro);font-weight:var(--fw-bold);letter-spacing:.11em;
text-transform:uppercase;color:var(--gray400)}
.gx-lvl tr.gx-th + tr td{border-top:none}
.gx-lvl tr.gx-now td{background:var(--gray100);font-weight:var(--fw-bold)}
.gx-hint{margin-top:18px;font-size:var(--fs-meta);line-height:1.7;color:var(--gray400)}
/* Методика */
.gx-note{font-size:var(--fs-meta);line-height:1.7;color:var(--gray400)}
.gx-note + .gx-note{margin-top:16px}
.gx-note:empty{display:none}
/* Медиазапросы в em: срабатывают и при увеличении текста, не только окна */
@media (max-width:60em){
.gx-head h1{font-size:var(--fs-display)}
.gx-keys{grid-template-columns:repeat(2,minmax(0,1fr))}
.gx-keys>div:nth-child(odd){padding-left:0;border-left:none}
}
@media (max-width:44em){
.gx-ifrow{grid-template-columns:minmax(0,1fr);gap:4px}
.gx-controls{width:100%}
#sym{width:100%}
.gx-symwrap{flex:1 1 12rem;min-width:0}
.gx-box{padding:24px}
.gx-lvl{font-size:var(--fs-micro)}
.gx-lvl td{padding:10px 8px 10px 0}
/* карта не сжимается до нечитаемых подписей — уходит в свою прокрутку */
.gx-mapwrap{overflow-x:auto}
.gx-map{min-width:42rem}
}
@media (max-width:34em){
.gx-keys{grid-template-columns:minmax(0,1fr)}
.gx-keys>div{padding-left:0;border-left:none}
}
/* ══ Внутренняя зона: список индикаторов (/app/indicators) ═════ */
/* Шапка, подвал и кнопки — общие. Классы страницы префиксованы in-:
.val, .cap, .sub, .st заняты локапом и шапкой витрины. */
.in-sketch{margin-top:56px;padding:12px 16px;background:var(--gray100);
border-left:3px solid var(--warning);
font-size:var(--fs-micro);font-weight:var(--fw-bold);letter-spacing:.11em;
text-transform:uppercase;color:var(--gray400)}
/* Панель сигналов не оплачена. Разметка та же, что была на странице
отчётов, префикс страницы — in-. */
.in-locked{display:flex;align-items:center;justify-content:space-between;
gap:16px 40px;flex-wrap:wrap;margin-top:40px;padding:20px 24px;
background:var(--gray100);border-left:3px solid var(--red)}
.in-lockl{flex:1 1 20rem;min-width:0}
.in-lockt{display:block;font-size:var(--fs-body);font-weight:var(--fw-bold);
color:var(--navy)}
.in-lockd{display:block;margin-top:6px;font-size:var(--fs-meta);line-height:1.7;
color:var(--gray400)}
.in-head{display:flex;align-items:baseline;justify-content:space-between;
gap:12px 40px;flex-wrap:wrap;margin-top:32px}
.in-head h1{font-size:var(--fs-hero);font-weight:var(--fw-bold);
letter-spacing:-.02em;line-height:1.12;color:var(--navy)}
.in-asof{font-size:var(--fs-meta);color:var(--gray400);font-variant-numeric:tabular-nums}
.in-lede{margin-top:20px;padding-bottom:40px;border-bottom:1px solid var(--gray200);
font-size:var(--fs-body);line-height:1.75;color:var(--slate)}
/* Инструмент. `section.` обязателен: глобальное section{padding:52px 0}
сильнее селектора из одного класса. */
section.in-tool{padding:0;margin-top:56px}
section.in-tool + section.in-tool{margin-top:56px;padding-top:56px;
border-top:1px solid var(--gray200)}
.in-top{display:flex;align-items:flex-start;justify-content:space-between;
gap:20px 40px;flex-wrap:wrap}
.in-name{flex:1 1 22rem;min-width:0}
.in-name h2{font-size:var(--fs-display);font-weight:var(--fw-bold);
letter-spacing:-.01em;line-height:1.2;color:var(--navy)}
.in-sub{margin-top:10px;font-size:var(--fs-meta);line-height:1.7;color:var(--gray400)}
.in-num{text-align:right;font-variant-numeric:tabular-nums}
.in-val{display:block;font-size:var(--fs-hero);font-weight:var(--fw-bold);
letter-spacing:-.02em;line-height:1;color:var(--navy)}
.in-state{display:block;margin-top:10px;font-size:var(--fs-meta);color:var(--gray400)}
.in-upd{display:block;margin-top:4px;font-size:var(--fs-micro);color:var(--gray400)}
.in-grid{display:grid;
/* 17rem, а не 19: три колонки по 960 должны уместиться ВМЕСТЕ с двумя
межколонниками по 40 px — 3×272+80=896 */
grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));
gap:32px 40px;margin-top:36px;padding-top:28px;border-top:1px solid var(--gray200)}
.in-grid > div{padding-left:24px;border-left:1px solid var(--gray200)}
.in-grid > div:first-child{padding-left:0;border-left:none}
.in-grid h3{font-size:var(--fs-micro);font-weight:var(--fw-bold);letter-spacing:.11em;
text-transform:uppercase;color:var(--gray400);margin-bottom:10px}
.in-grid p{font-size:var(--fs-meta);line-height:1.7;color:var(--slate)}
.in-lst{margin-bottom:12px;font-weight:var(--fw-med);color:var(--navy)!important;
overflow-wrap:anywhere}
.in-open{margin-top:32px}
@media (max-width:60em){
.in-head h1{font-size:var(--fs-display)}
.in-val{font-size:var(--fs-display)}
/* при перестроении сетки волосяная линия слева повисает у края ряда */
.in-grid > div{padding-left:0;border-left:none;padding-top:0}
.in-grid{gap:28px 40px}
}
@media (max-width:44em){
.in-locked{gap:10px 24px}
.in-locked .btn{width:100%}
/* В колонку flex-basis 22rem у .in-name становится ВЫСОТОЙ: под подписью
повисало до 300 px пустоты. Высоту отдаём содержимому. */
.in-name{flex:0 1 auto}
.in-top{flex-direction:column;align-items:flex-start}
.in-num{text-align:left}
.in-open .btn{width:100%}
}
/* ══ Внутренняя зона: выпуск отчёта (/app/issue) ═══════════════ */
/* Шапка, подвал, метки секций и кнопка — общие (.topbar / .nav /
.sec-lbl / .btn). Классы страницы префиксованы is-: .row, .dt,
.val, .cap заняты локапом и другими страницами. */
/* Путь навигации: Отчёты · название отчёта */
.is-path{padding:40px 0 0;font-size:var(--fs-meta);color:var(--gray400)}
.is-path a{color:var(--red);text-decoration:none;
border-bottom:1px solid transparent}
.is-path a:hover{border-bottom-color:var(--red)}
.is-path b{color:var(--navy);font-weight:var(--fw-med)}
.is-path .is-sep{margin:0 10px;color:var(--gray200)}
/* Заголовок выпуска. Раскладка как на исходной странице: слева заголовок и
кнопка документа, справа по краю колонки — дата выпуска и подпись о файле. */
.is-head{padding:20px 0 0}
.is-kick{font-size:var(--fs-micro);font-weight:var(--fw-bold);letter-spacing:.11em;
text-transform:uppercase;color:var(--red);margin-bottom:14px;min-height:16px}
.is-row{display:flex;align-items:baseline;justify-content:space-between;
gap:16px 40px;flex-wrap:wrap}
.is-head h1{font-size:var(--fs-hero);font-weight:var(--fw-bold);
letter-spacing:-.02em;line-height:1.12;color:var(--navy)}
.is-asof{flex:none;font-size:var(--fs-meta);color:var(--gray400);
font-variant-numeric:tabular-nums}
/* Строка с документом */
.is-get{display:flex;align-items:center;justify-content:space-between;
gap:16px 40px;flex-wrap:wrap;margin-top:32px}
.is-fmeta{flex:none;font-size:var(--fs-meta);color:var(--gray400)}
/* Сообщение о состоянии: кант без заливки и без радиуса */
.is-state{margin-top:40px;padding:20px 24px;background:var(--gray100);
border-left:3px solid var(--gray400);font-size:var(--fs-body);line-height:1.7}
.is-state a{color:var(--red);text-decoration:none;
border-bottom:1px solid var(--red)}
/* Секции страницы. Гасим общее section{padding:52px 0} тегом в селекторе. */
section.is-sec{padding:0;margin-top:64px}
.is-sechead{display:flex;align-items:baseline;justify-content:space-between;
gap:16px 32px;flex-wrap:wrap;padding-bottom:14px;
border-bottom:1px solid var(--gray200);margin-bottom:32px}
.is-sechead h2{font-size:var(--fs-micro);font-weight:var(--fw-bold);
letter-spacing:.14em;text-transform:uppercase;color:var(--navy)}
.is-sechead .is-note{font-size:var(--fs-meta);color:var(--gray400)}
.is-sechead a{font-size:var(--fs-micro);font-weight:var(--fw-bold);
letter-spacing:.09em;text-transform:uppercase;color:var(--red);
text-decoration:none;border-bottom:2px solid var(--red);padding-bottom:3px}
/* Краткое изложение: текст приходит из выпуска, разметка неизвестна заранее */
.is-sum{font-size:var(--fs-body);line-height:1.75;overflow-wrap:anywhere}
.is-sum p + p,.is-sum ul,.is-sum ol{margin-top:16px}
.is-sum ul,.is-sum ol{padding-left:22px}
.is-sum li + li{margin-top:8px}
.is-sum h2,.is-sum h3,.is-sum h4{margin-top:28px;font-size:var(--fs-head);
font-weight:var(--fw-bold);color:var(--navy)}
.is-sum strong,.is-sum b{font-weight:var(--fw-bold);color:var(--navy)}
.is-sum a{color:var(--red);text-decoration:none;border-bottom:1px solid var(--red)}
/* Предыдущие выпуски */
.is-prev{display:grid}
.is-prow{display:grid;grid-template-columns:112px minmax(0,1fr) 92px;
align-items:baseline;gap:24px;min-height:56px;padding:16px 0;
border-bottom:1px solid var(--gray200)}
.is-prow:first-child{padding-top:0}
.is-prow:last-child{border-bottom:none}
.is-pdate{font-size:var(--fs-meta);font-weight:var(--fw-bold);color:var(--navy);
font-variant-numeric:tabular-nums}
.is-plead{font-size:var(--fs-meta);line-height:1.7;color:var(--gray400);
overflow-wrap:anywhere}
.is-pread{justify-self:end;font-size:var(--fs-micro);font-weight:var(--fw-bold);
letter-spacing:.09em;text-transform:uppercase;color:var(--red);
text-decoration:none;border-bottom:2px solid var(--red);padding-bottom:3px}
@media (max-width:60em){
.is-head h1{font-size:var(--fs-display)}
}
@media (max-width:44em){
.is-row,.is-get{gap:10px 24px}
.is-prow{grid-template-columns:minmax(0,1fr) 92px;
grid-template-areas:'date read' 'lead lead';gap:8px 24px}
.is-pdate{grid-area:date}
.is-plead{grid-area:lead}
.is-pread{grid-area:read}
}
/* ══ Внутренняя зона: отчёт не оплачен (/app/no-access) ════════ */
/* Шапка, подвал и кнопки — общие (.topbar / .nav / .btn). Классы
страницы префиксованы na-. */
.na-head{padding:40px 0 0}
.na-row{display:flex;align-items:baseline;justify-content:space-between;
gap:16px 40px;flex-wrap:wrap}
.na-head h1{font-size:var(--fs-hero);font-weight:var(--fw-bold);
letter-spacing:-.02em;line-height:1.12;color:var(--navy)}
.na-asof{flex:none;font-size:var(--fs-meta);color:var(--gray400);
font-variant-numeric:tabular-nums}
.na-why{margin-top:24px;font-size:var(--fs-body);line-height:1.75;
overflow-wrap:anywhere}
/* Карточка закрытого отчёта: кант без заливки и без радиуса */
.na-card{display:flex;align-items:center;justify-content:space-between;
gap:16px 40px;flex-wrap:wrap;margin-top:32px;padding:24px 28px;
background:var(--gray100);border-left:3px solid var(--red)}
.na-cardl{display:flex;flex-direction:column;gap:6px;min-width:0}
.na-name{font-size:var(--fs-head);font-weight:var(--fw-bold);color:var(--navy);
overflow-wrap:anywhere}
.na-cad{font-size:var(--fs-micro);font-weight:var(--fw-bold);letter-spacing:.11em;
text-transform:uppercase;color:var(--gray400);overflow-wrap:anywhere}
.na-price{flex:none;max-width:100%;font-size:var(--fs-meta);color:var(--gray400);
font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.na-price b{font-weight:var(--fw-bold);color:var(--navy)}
.na-acts{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:32px}
/* Секции. Гасим общее section{padding:52px 0} тегом в селекторе. */
section.na-sec{padding:0;margin-top:64px}
.na-sechead{display:flex;align-items:baseline;justify-content:space-between;
gap:16px 32px;flex-wrap:wrap;padding-bottom:14px;
border-bottom:1px solid var(--gray200);margin-bottom:8px}
.na-sechead h2{font-size:var(--fs-micro);font-weight:var(--fw-bold);
letter-spacing:.14em;text-transform:uppercase;color:var(--navy)}
.na-note{font-size:var(--fs-meta);color:var(--gray400)}
.na-item{display:flex;align-items:baseline;justify-content:space-between;
gap:16px 40px;flex-wrap:wrap;min-height:56px;padding:16px 0;
border-bottom:1px solid var(--gray200)}
.na-item:last-child{border-bottom:none}
.na-item-t{font-size:var(--fs-meta);font-weight:var(--fw-bold);color:var(--navy);
overflow-wrap:anywhere}
.na-item-r{flex:none;font-size:var(--fs-micro);font-weight:var(--fw-bold);
letter-spacing:.11em;text-transform:uppercase;color:var(--gray400)}
.na-item-go{flex:none;font-size:var(--fs-micro);font-weight:var(--fw-bold);
letter-spacing:.09em;text-transform:uppercase;color:var(--red);
text-decoration:none;border-bottom:2px solid var(--red);padding-bottom:3px}
@media (max-width:60em){
.na-head h1{font-size:var(--fs-display)}
}
@media (max-width:44em){
.na-row,.na-card,.na-item{gap:10px 24px}
.na-acts{gap:12px}
}
/* ══ Внутренняя зона: заказы (/app/orders) ═════════════════════ */
/* Шапка, подвал и кнопки — общие (.topbar / .nav / .btn). Классы
страницы префиксованы or-. Страница только покупки: состав разборов
живёт на странице продуктов, список заказов вернётся вместе с профилем. */
.or-head{padding:40px 0 0}
.or-row{display:flex;align-items:baseline;justify-content:space-between;
gap:16px 40px;flex-wrap:wrap}
.or-head h1{font-size:var(--fs-hero);font-weight:var(--fw-bold);
letter-spacing:-.02em;line-height:1.12;color:var(--navy)}
.or-asof{flex:none;font-size:var(--fs-meta);color:var(--gray400);
font-variant-numeric:tabular-nums}
.or-lead{margin-top:16px;font-size:var(--fs-body);line-height:1.7;
color:var(--gray400)}
.or-note{font-size:var(--fs-meta);color:var(--gray400)}
/* ── Выбор разбора ──────────────────────────────────────────── */
.or-buy{margin-top:40px}
.or-pick{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));
gap:16px 24px;align-items:start}
.or-col{min-width:0}
.or-opt{position:relative;display:block;cursor:pointer;
padding:20px 24px;background:var(--white);
border:1px solid var(--gray200);border-radius:var(--radius)}
.or-opt:hover{border-color:var(--navy)}
.or-opt input{position:absolute;opacity:0;width:1px;height:1px}
.or-opt:has(input:checked){border-color:var(--navy);box-shadow:inset 0 0 0 1px var(--navy)}
.or-opt:has(input:focus-visible){outline:3px solid var(--info);outline-offset:2px}
.or-optt{display:flex;align-items:baseline;justify-content:space-between;
gap:12px 24px;flex-wrap:wrap}
.or-optn{font-size:var(--fs-head);font-weight:var(--fw-bold);color:var(--navy);
overflow-wrap:anywhere}
.or-optp{flex:none;font-size:var(--fs-head);font-weight:var(--fw-bold);
color:var(--navy);font-variant-numeric:tabular-nums}
.or-optd{margin-top:8px;font-size:var(--fs-meta);line-height:1.6;
color:var(--gray400)}
/* Ссылка на описание разбора — на странице продуктов */
.or-what-in{display:inline-block;margin-top:12px;font-size:var(--fs-meta);
font-weight:var(--fw-bold);color:var(--red);text-decoration:none;
border-bottom:1px solid var(--red)}
.or-what-in:hover{color:var(--navy);border-bottom-color:var(--navy)}
/* ── Поле и кнопка ──────────────────────────────────────────── */
.or-form{margin-top:32px;max-width:560px}
.or-form .field + .field{margin-top:20px}
.or-form input,.or-form textarea{display:block;width:100%;
font-family:var(--sans);font-size:var(--fs-body);color:var(--slate);
background:var(--white);border:1px solid var(--gray200);
border-radius:var(--radius-sm)}
.or-form input{height:48px;padding:0 14px}
.or-form textarea{min-height:104px;padding:12px 14px;line-height:1.6;resize:vertical}
.or-form input::placeholder,.or-form textarea::placeholder{color:var(--gray400)}
.or-form input:focus,.or-form textarea:focus{border-color:var(--info);outline:none}
.or-form input:focus-visible,.or-form textarea:focus-visible{outline:3px solid var(--info);outline-offset:2px}
.or-hint{display:block;margin-top:8px;font-size:var(--fs-meta);line-height:1.6;
color:var(--gray400)}
/* Необязательные пожелания раскрываются по нажатию */
.or-more{margin-top:16px}
.or-more summary{display:inline-block;font-size:var(--fs-meta);
font-weight:var(--fw-bold);color:var(--red);cursor:pointer;
border-bottom:1px solid var(--red);list-style:none}
.or-more summary::-webkit-details-marker{display:none}
.or-more[open] summary{margin-bottom:16px}
.or-go{display:flex;align-items:center;gap:16px 24px;flex-wrap:wrap;margin-top:28px}
.or-terms{margin-top:16px;font-size:var(--fs-meta);line-height:1.7;
color:var(--gray400)}
.or-terms a{color:var(--red);text-decoration:none;border-bottom:1px solid var(--red)}
.or-err{margin-top:24px;border-left:3px solid var(--danger);
background:var(--danger-bg);padding:14px 16px;
font-size:var(--fs-meta);line-height:1.6;color:var(--danger)}
.or-done{margin-top:32px;border-left:3px solid var(--success);
background:var(--gray100);padding:20px 24px}
.or-done b{display:block;font-size:var(--fs-head);font-weight:var(--fw-bold);
color:var(--navy)}
.or-done p{margin-top:8px;font-size:var(--fs-meta);line-height:1.7}
@media (max-width:60em){
.or-head h1{font-size:var(--fs-display)}
}
@media (max-width:44em){
.or-row,.or-optt{gap:10px 24px}
.or-opt{padding:18px 20px}
}
/* ══ Внутренняя зона: публикация выпусков (/app/admin) ═════════ */
/* Служебная страница владельца: загрузка пар выпусков в хранилище.
Шапка, подвал, кнопки, поля и бейджи — общие. Префикс pu-. */
.pu-head{padding:40px 0 0}
.pu-head h1{font-size:var(--fs-hero);font-weight:var(--fw-bold);
letter-spacing:-.02em;line-height:1.12;color:var(--navy)}
.pu-lead{margin-top:16px;font-size:var(--fs-body);line-height:1.7;
color:var(--gray400)}
.pu-note{font-size:var(--fs-meta);line-height:1.6;color:var(--gray400)}
.pu-code{font-variant-numeric:tabular-nums;color:var(--slate)}
/* Оглавление служебной страницы и заголовки разделов: разделы стоят на
одной странице, поэтому граница между ними задаётся явно. */
.pu-anchors{display:flex;flex-wrap:wrap;align-items:center;gap:0;margin-top:28px;
border-top:1px solid var(--gray200);border-bottom:1px solid var(--gray200)}
.pu-anchors a{padding:14px 0;font-size:var(--fs-meta);font-weight:var(--fw-med);
color:var(--navy);text-decoration:none;border-bottom:2px solid transparent;
margin-bottom:-1px}
.pu-anchors a:hover{color:var(--red);border-bottom-color:var(--red)}
.pu-anchors a + a{margin-left:26px}
.pu-anchors a + a::before{content:'';position:absolute;margin:8px 0 0 -16px;
width:5px;height:5px;border-radius:50%;background:var(--navy)}
.pu-sechead{padding-bottom:12px;border-bottom:2px solid var(--navy);
margin:40px 0 14px}
.pu-sechead h2{font-size:var(--fs-head);font-weight:var(--fw-bold);
letter-spacing:-.01em;color:var(--navy)}
.pu-lead + .pu-sechead{margin-top:48px}
.pu-pass{margin-top:32px;max-width:420px}
.pu-setup{margin-top:24px;border-left:3px solid var(--warning);
background:var(--gray100);padding:16px 20px}
.pu-setup b{display:block;font-size:var(--fs-body);font-weight:var(--fw-bold);
color:var(--navy)}
.pu-setup p{margin-top:6px;font-size:var(--fs-meta);line-height:1.7}
/* ── Зона приёма файлов ─────────────────────────────────────── */
.pu-drop{margin-top:32px;padding:32px 24px;text-align:center;
border:1px dashed var(--gray400);border-radius:var(--radius)}
.pu-drop.on{border-color:var(--navy);background:var(--gray100)}
.pu-dropt{font-size:var(--fs-body);color:var(--slate)}
.pu-pickbtn{font:inherit;font-weight:var(--fw-bold);color:var(--red);
background:none;border:none;border-bottom:1px solid var(--red);
padding:0;cursor:pointer}
.pu-pickbtn:hover{color:var(--navy);border-bottom-color:var(--navy)}
.pu-pickbtn:focus-visible{outline:3px solid var(--info);outline-offset:2px}
.pu-drophint{margin-top:8px;font-size:var(--fs-meta);line-height:1.6;
color:var(--gray400)}
/* ── Список пар ─────────────────────────────────────────────── */
.pu-list{margin-top:32px}
.pu-row{display:grid;grid-template-columns:1.4fr minmax(0,1fr) minmax(0,1fr);
gap:8px 24px;align-items:center;min-height:48px;padding:10px 0;
border-bottom:1px solid var(--gray200);font-size:var(--fs-meta)}
.pu-row.pu-th{min-height:0;padding:0 0 10px;font-size:var(--fs-micro);
font-weight:var(--fw-bold);letter-spacing:.06em;text-transform:uppercase;
color:var(--gray400)}
.pu-files{color:var(--gray400);font-variant-numeric:tabular-nums}
.pu-repl label{display:inline-flex;align-items:center;gap:8px;
font-weight:var(--fw-bold);color:var(--warning-ink);cursor:pointer}
.pu-repl input{width:18px;height:18px;accent-color:var(--navy);flex:none}
.pu-repl .pu-mail{display:flex;margin-top:8px;font-weight:var(--fw-reg);
color:var(--gray400)}
.pu-go{display:flex;align-items:center;gap:16px 24px;flex-wrap:wrap;margin-top:28px}
.pu-err{margin-top:24px;border-left:3px solid var(--danger);
background:var(--danger-bg);padding:14px 16px;
font-size:var(--fs-meta);line-height:1.6;color:var(--danger)}
.pu-done{margin-top:24px;border-left:3px solid var(--success);
background:var(--gray100);padding:20px 24px}
.pu-done b{display:block;font-size:var(--fs-head);font-weight:var(--fw-bold);
color:var(--navy)}
.pu-done p{margin-top:8px;font-size:var(--fs-meta);line-height:1.7}
/* ── Смена пароля ───────────────────────────────────────────── */
section.pu-sec{padding:0;margin:56px 0 0;scroll-margin-top:24px}
section.pu-sec:last-of-type{margin-bottom:72px}
.pu-more summary{display:inline-block;font-size:var(--fs-meta);
font-weight:var(--fw-bold);color:var(--red);cursor:pointer;
border-bottom:1px solid var(--red);list-style:none}
.pu-more summary::-webkit-details-marker{display:none}
.pu-more[open] summary{margin-bottom:20px}
.pu-passform{max-width:420px}
.pu-passform .btn{margin-top:20px}
.pu-passform .pu-note{margin-top:12px}
.pu-remform{max-width:560px}
.pu-groups:not(:empty){border-top:1px solid var(--gray200);margin-bottom:16px}
.pu-group{padding:14px 0 12px;border-bottom:1px solid var(--gray200)}
.pu-gname{font-size:var(--fs-body);font-weight:var(--fw-bold);color:var(--navy)}
.pu-dates{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.pu-date{font-family:var(--sans);font-size:var(--fs-meta);color:var(--slate);
background:var(--white);border:1px solid var(--gray200);
border-radius:var(--radius-sm);padding:7px 14px;cursor:pointer;
font-variant-numeric:tabular-nums}
.pu-date:hover{border-color:var(--navy)}
.pu-date:focus-visible{outline:3px solid var(--info);outline-offset:2px}
.pu-date.on{border-color:var(--navy);color:var(--navy);
font-weight:var(--fw-bold);box-shadow:inset 0 0 0 1px var(--navy)}
.pu-remform .pu-note{margin-top:12px}
.pu-remform .btn{margin-top:20px}
@media (max-width:60em){
.pu-head h1{font-size:var(--fs-display)}
}
@media (max-width:44em){
.pu-row{grid-template-columns:minmax(0,1fr);gap:4px;align-items:start;
padding:12px 0}
.pu-row.pu-th{display:none}
}
/* ══ Внутренняя зона: рынок сегодня (/app/overview) ════════════ */
/* Шапка, подвал и кнопки — общие (.topbar / .nav / .btn). Классы
страницы префиксованы ov-. Названий и цен отчётов в разметке нет:
они приходят справочником /app/api/catalog. */
.ov-head{padding:40px 0 0}
.ov-row{display:flex;align-items:baseline;justify-content:space-between;
gap:16px 40px;flex-wrap:wrap}
.ov-head h1{font-size:var(--fs-hero);font-weight:var(--fw-bold);
letter-spacing:-.02em;line-height:1.12;color:var(--navy)}
.ov-asof{flex:none;font-size:var(--fs-meta);color:var(--gray400);
font-variant-numeric:tabular-nums}
/* Секции. Гасим общее section{padding:52px 0} тегом в селекторе. */
section.ov-sec{padding:0;margin-top:56px}
.ov-sechead{display:flex;align-items:baseline;gap:16px 32px;flex-wrap:wrap;
padding-bottom:14px;border-bottom:1px solid var(--gray200);margin-bottom:28px}
.ov-sechead h2{font-size:var(--fs-micro);font-weight:var(--fw-bold);
letter-spacing:.14em;text-transform:uppercase;color:var(--navy)}
.ov-note{font-size:var(--fs-meta);color:var(--gray400)}
/* Ссылка раздела всегда прижата к правому краю колонки */
.ov-sechead a{margin-left:auto;font-size:var(--fs-micro);font-weight:var(--fw-bold);
letter-spacing:.09em;text-transform:uppercase;color:var(--red);
text-decoration:none;border-bottom:2px solid var(--red);padding-bottom:3px}
.ov-sechead a:hover{color:var(--navy);border-bottom-color:var(--navy)}
/* ── Индикаторы ─────────────────────────────────────────────── */
.ov-sketch{margin-bottom:20px;padding:12px 16px;background:var(--gray100);
border-left:3px solid var(--warning);font-size:var(--fs-micro);
font-weight:var(--fw-bold);letter-spacing:.11em;text-transform:uppercase;
color:var(--gray400)}
.ov-tools{display:grid;
grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));
gap:16px 24px}
.ov-tile{display:flex;flex-direction:column;min-width:0;padding:20px 24px;
text-decoration:none;background:var(--white);border:1px solid var(--gray200);
border-radius:var(--radius);transition:border-color .15s}
.ov-tile:hover{border-color:var(--navy)}
.ov-tupd{font-size:var(--fs-micro);color:var(--gray400);
font-variant-numeric:tabular-nums}
.ov-tval{margin-top:10px;font-size:var(--fs-hero);font-weight:var(--fw-bold);
letter-spacing:-.02em;line-height:1;color:var(--navy);
font-variant-numeric:tabular-nums}
.ov-tstate{margin-top:8px;font-size:var(--fs-meta);color:var(--gray400)}
.ov-tname{margin-top:20px;padding-top:16px;border-top:1px solid var(--gray200);
font-size:var(--fs-head);font-weight:var(--fw-bold);line-height:1.2;
color:var(--navy)}
.ov-tsub{margin-top:8px;font-size:var(--fs-meta);line-height:1.6;
color:var(--gray400)}
/* Панель сигналов не оплачена */
.ov-locked{display:flex;align-items:center;justify-content:space-between;
gap:16px 40px;flex-wrap:wrap;margin-top:20px;padding:20px 24px;
background:var(--gray100);border-left:3px solid var(--red)}
.ov-lockl{flex:1 1 20rem;min-width:0}
.ov-lockt{display:block;font-size:var(--fs-body);font-weight:var(--fw-bold);
color:var(--navy)}
.ov-lockd{display:block;margin-top:6px;font-size:var(--fs-meta);line-height:1.7;
color:var(--gray400)}
/* ── Отчёты: плашка на отчёт ────────────────────────────────── */
.ov-reps{display:grid;gap:12px}
/* Плашка. Закрытый отчёт заливаем серым — разница читается сразу. */
.ov-rep{background:var(--white);border:1px solid var(--gray200);
border-radius:var(--radius);transition:border-color .15s}
.ov-rep:hover{border-color:var(--navy)}
.ov-rep[open]{border-color:var(--navy)}
.ov-shut{background:var(--gray100)}
.ov-shut:hover{border-color:var(--gray200)}
.ov-rhead{display:flex;align-items:center;justify-content:space-between;
gap:12px 32px;flex-wrap:wrap;padding:20px 24px;list-style:none;cursor:pointer}
.ov-rhead::-webkit-details-marker{display:none}
.ov-shut .ov-rhead{cursor:default}
.ov-rl{flex:1 1 12rem;min-width:0}
.ov-rname{display:block;font-size:var(--fs-head);font-weight:var(--fw-bold);
color:var(--navy);line-height:1.25;overflow-wrap:anywhere}
.ov-rmeta{display:block;margin-top:6px;font-size:var(--fs-meta);
color:var(--gray400);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
/* Знак раскрытия: плюс, у открытой плашки — минус */
.ov-rsign{position:relative;flex:none;width:32px;height:32px;
border:1px solid var(--gray200);border-radius:50%}
.ov-rsign::before,.ov-rsign::after{content:'';position:absolute;
background:var(--navy)}
.ov-rsign::before{left:9px;top:15px;width:14px;height:2px}
.ov-rsign::after{left:15px;top:9px;width:2px;height:14px}
details[open] > .ov-rhead .ov-rsign{border-color:var(--navy)}
details[open] > .ov-rhead .ov-rsign::after{display:none}
summary.ov-rhead:hover .ov-rname{color:var(--red)}
summary.ov-rhead:hover .ov-rsign{border-color:var(--navy)}
summary.ov-rhead:focus-visible{outline:3px solid var(--info);outline-offset:2px;
border-radius:var(--radius)}
/* Содержимое плашки: строки выпусков */
.ov-rbody{padding:0 24px 20px}
.ov-rrow{display:grid;grid-template-columns:104px minmax(0,1fr) 92px;
align-items:baseline;gap:24px;min-height:52px;padding:14px 0;
border-top:1px solid var(--gray200)}
.ov-rdate{font-size:var(--fs-meta);font-weight:var(--fw-bold);color:var(--navy);
font-variant-numeric:tabular-nums}
.ov-rlead{font-size:var(--fs-meta);line-height:1.7;color:var(--gray400);
overflow-wrap:anywhere}
/* Строка изложения раскрывается нажатием: в одну строку помещается только
начало, а вспомнить выпуск по нему нельзя. Кнопка выглядит как текст. */
.ov-rlead.ov-rmoreline{display:block;width:100%;text-align:left;font-family:inherit;
background:none;border:0;padding:0;cursor:pointer}
.ov-rlead.ov-rmoreline:hover{color:var(--navy)}
.ov-rlead.ov-rmoreline:focus-visible{outline:2px solid var(--info);outline-offset:2px}
.ov-rdots{margin-left:4px;font-weight:var(--fw-bold);color:var(--navy)}
.ov-rmoreline[aria-expanded="true"] .ov-rdots{visibility:hidden}
/* Раскрытое изложение встаёт на место свёрнутой строки — в ту же колонку,
в тот же ряд; первая строка и кнопка «Читать» не сдвигаются. */
.ov-rfull{grid-column:2;grid-row:1;font-size:var(--fs-meta);line-height:1.7;
color:var(--gray400)}
.ov-rfull p + p{margin-top:10px}
.ov-rfull[hidden]{display:none}
.ov-rread{grid-column:3;justify-self:end;font-size:var(--fs-micro);font-weight:var(--fw-bold);
letter-spacing:.09em;text-transform:uppercase;color:var(--red);
text-decoration:none;border-bottom:2px solid var(--red);padding-bottom:3px}
.ov-rread:hover{color:var(--navy);border-bottom-color:var(--navy)}
.ov-rmore{display:inline-block;margin-top:16px;font-family:var(--sans);
font-size:var(--fs-micro);font-weight:var(--fw-bold);letter-spacing:.09em;
text-transform:uppercase;color:var(--navy);background:var(--white);
border:1px solid var(--gray200);border-radius:var(--radius-sm);
padding:10px 18px;cursor:pointer}
.ov-rmore:hover{border-color:var(--navy);background:var(--gray100)}
.ov-none{padding:14px 0;font-size:var(--fs-meta);line-height:1.7;
color:var(--gray400);border-top:1px solid var(--gray200)}
@media (max-width:60em){
.ov-head h1{font-size:var(--fs-display)}
.ov-tval{font-size:var(--fs-display)}
}
@media (max-width:44em){
.ov-row,.ov-locked,.ov-rhead{gap:10px 24px}
/* знак раскрытия остаётся в строке с названием, а не уезжает вниз */
details > .ov-rhead{flex-wrap:nowrap}
.ov-rhead{padding:18px 20px}
.ov-rbody{padding:0 20px 18px}
.ov-tile{padding:18px 20px}
.ov-locked .btn,.ov-shut .btn{width:100%}
.ov-rrow{grid-template-columns:minmax(0,1fr) 92px;
grid-template-areas:'date read' 'lead lead';gap:8px 24px}
.ov-rdate{grid-area:date}
.ov-rlead{grid-area:lead}
.ov-rread{grid-area:read}
.ov-rfull{grid-area:lead}
}
/* ══ Внутренняя зона: профиль (/app/profile) ═══════════════════ */
/* Шапка, подвал, кнопки и бейджи — общие (.topbar / .nav / .btn /
.badge). Классы страницы префиксованы ac-. Названий и цен отчётов
в разметке нет: они приходят справочником /app/api/catalog. */
.ac-head{padding:40px 0 0}
.ac-row{display:flex;align-items:baseline;justify-content:space-between;
gap:16px 40px;flex-wrap:wrap}
.ac-head h1{font-size:var(--fs-hero);font-weight:var(--fw-bold);
letter-spacing:-.02em;line-height:1.12;color:var(--navy)}
.ac-asof{flex:none;font-size:var(--fs-meta);color:var(--gray400);
font-variant-numeric:tabular-nums}
/* Состояние подписки: кант без заливки и без радиуса */
.ac-state{display:flex;align-items:baseline;justify-content:space-between;
gap:8px 32px;flex-wrap:wrap;margin-top:32px;padding:18px 24px;
background:var(--gray100);border-left:3px solid var(--navy)}
.ac-state-t{font-size:var(--fs-body);font-weight:var(--fw-bold);color:var(--navy);
overflow-wrap:anywhere}
.ac-state-s{font-size:var(--fs-meta);color:var(--gray400);
font-variant-numeric:tabular-nums}
/* Оглавление страницы: какие разделы на ней есть */
/* Оглавление страницы. Пункты разделены синими точками. */
/* Приветствие подписчика под заголовком страницы */
.ac-hellol{margin-top:14px;padding-top:14px;border-top:2px solid var(--navy);
font-size:var(--fs-body);color:var(--slate)}
.ac-anchors{display:flex;flex-wrap:wrap;align-items:center;gap:0;margin-top:28px;
border-top:1px solid var(--gray200);border-bottom:1px solid var(--gray200)}
.ac-anchors a{padding:14px 0;font-size:var(--fs-meta);font-weight:var(--fw-med);
color:var(--navy);text-decoration:none;border-bottom:2px solid transparent;
margin-bottom:-1px}
.ac-anchors a:hover{color:var(--red);border-bottom-color:var(--red)}
.ac-anchors a + a{margin-left:26px}
.ac-anchors a + a::before{content:'';position:absolute;margin:8px 0 0 -16px;
width:5px;height:5px;border-radius:50%;background:var(--navy)}
/* Секции. Гасим общее section{padding:52px 0} тегом в селекторе. */
section.ac-sec{padding:0;margin-top:64px;scroll-margin-top:24px}
/* Для чего раздел нужен — строка под заголовком */
.ac-lede{margin:-4px 0 20px;font-size:var(--fs-meta);line-height:1.7;
color:var(--slate);max-width:var(--measure)}
/* Начало раздела обозначено явно: крупный заголовок и жирная линия под ним */
.ac-sechead{display:flex;align-items:baseline;gap:12px 32px;flex-wrap:wrap;
padding-bottom:12px;border-bottom:2px solid var(--navy);margin-bottom:14px}
.ac-sechead + .ac-lede{margin-top:0}
.ac-sechead h2{font-size:var(--fs-head);font-weight:var(--fw-bold);
letter-spacing:-.01em;color:var(--navy)}
.ac-note{font-size:var(--fs-meta);color:var(--gray400);
font-variant-numeric:tabular-nums}
.ac-foot{margin-top:16px;font-size:var(--fs-meta);line-height:1.7;
color:var(--gray400)}
.ac-foot a{color:var(--red);text-decoration:none;border-bottom:1px solid var(--red)}
.ac-foot a:hover{color:var(--navy);border-bottom-color:var(--navy)}
/* ── Плашка со строками ─────────────────────────────────────── */
.ac-box{background:var(--white);border:1px solid var(--gray200);
border-radius:var(--radius);padding:4px 24px}
.ac-prow{display:flex;align-items:center;justify-content:space-between;
gap:12px 32px;flex-wrap:wrap;min-height:56px;padding:16px 0;
border-bottom:1px solid var(--gray200)}
.ac-prow:last-child{border-bottom:none}
.ac-pl{flex:1 1 14rem;min-width:0}
.ac-pnm{display:block;font-size:var(--fs-body);font-weight:var(--fw-bold);
color:var(--navy);overflow-wrap:anywhere}
.ac-pds{display:block;margin-top:4px;font-size:var(--fs-micro);color:var(--gray400);
font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.ac-pr{display:flex;align-items:center;gap:12px 16px;flex-wrap:wrap;
justify-content:flex-end}
.ac-plbl{font-size:var(--fs-meta);color:var(--gray400)}
.ac-price{font-size:var(--fs-meta);color:var(--gray400);
font-variant-numeric:tabular-nums;white-space:nowrap}
.ac-price b{font-weight:var(--fw-bold);color:var(--navy)}
.ac-go{flex:none;font-size:var(--fs-micro);font-weight:var(--fw-bold);
letter-spacing:.09em;text-transform:uppercase;color:var(--red);
text-decoration:none;border-bottom:2px solid var(--red);padding-bottom:3px}
.ac-go:hover{color:var(--navy);border-bottom-color:var(--navy)}
.ac-drop{flex:none;font-family:var(--sans);font-size:var(--fs-micro);
font-weight:var(--fw-bold);letter-spacing:.09em;text-transform:uppercase;
color:var(--gray400);background:none;border:0;padding:0 0 3px;cursor:pointer;
border-bottom:2px solid var(--gray200)}
.ac-drop:hover{color:var(--danger);border-bottom-color:var(--danger)}
.ac-drop:disabled{cursor:default;opacity:.6}
/* Состояние заказа — обычным шрифтом, без цвета и точек */
.ac-st{flex:none;font-size:var(--fs-meta);color:var(--gray400);
font-variant-numeric:tabular-nums;white-space:nowrap}
/* Переключатель продления */
.ac-sw{flex:none;width:44px;height:26px;padding:0;border:1px solid var(--gray200);
border-radius:13px;background:var(--gray200);cursor:pointer;
transition:background .15s,border-color .15s}
.ac-sw[aria-checked="true"]{background:var(--navy);border-color:var(--navy)}
.ac-knob{display:block;width:20px;height:20px;border-radius:50%;
background:var(--white);transform:translateX(2px);transition:transform .15s}
.ac-sw[aria-checked="true"] .ac-knob{transform:translateX(20px)}
.ac-sw:disabled{opacity:.6;cursor:default}
.ac-err{flex:1 1 100%;font-size:var(--fs-meta);color:var(--danger)}
.ac-none{padding:16px 0;font-size:var(--fs-meta);line-height:1.7;
color:var(--gray400)}
/* ── Платежи ────────────────────────────────────────────────── */
/* Колонки чисел подписаны заголовком — правило кабинета */
.ac-mhead{display:grid;grid-template-columns:104px minmax(0,1fr) auto;gap:24px;
padding:16px 0 12px;border-bottom:1px solid var(--gray200);
font-size:var(--fs-micro);font-weight:var(--fw-bold);letter-spacing:.11em;
text-transform:uppercase;color:var(--gray400)}
.ac-mhead .ac-mr{text-align:right}
.ac-mrow{display:grid;grid-template-columns:104px minmax(0,1fr) auto;
align-items:baseline;gap:24px;min-height:52px;padding:16px 0;
border-bottom:1px solid var(--gray200)}
.ac-mrow:last-child{border-bottom:none}
.ac-mdate{font-size:var(--fs-meta);font-weight:var(--fw-bold);color:var(--navy);
font-variant-numeric:tabular-nums}
.ac-mwhat{font-size:var(--fs-meta);color:var(--gray400);overflow-wrap:anywhere}
.ac-msum{font-size:var(--fs-meta);font-weight:var(--fw-bold);color:var(--navy);
font-variant-numeric:tabular-nums;white-space:nowrap}
/* ── Поля ───────────────────────────────────────────────────── */
.ac-field{max-width:560px}
/* подпись поля — целое предложение, поэтому обычным регистром */
.ac-field label{display:block;font-size:var(--fs-meta);line-height:1.6;
color:var(--slate);margin-bottom:10px}
.ac-inline{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.ac-inline input{flex:1 1 14rem;min-width:0;height:48px;padding:0 14px;
font-family:var(--sans);font-size:var(--fs-body);color:var(--slate);
background:var(--white);border:1px solid var(--gray200);
border-radius:var(--radius-sm)}
.ac-inline input::placeholder{color:var(--gray400)}
.ac-inline input:focus{border-color:var(--info);outline:none}
.ac-inline input:focus-visible{outline:3px solid var(--info);outline-offset:2px}
.ac-inline input.ac-code{flex:0 0 110px;text-align:center;
font-variant-numeric:tabular-nums;letter-spacing:.18em}
.ac-hint{display:block;margin-top:10px;font-size:var(--fs-meta);line-height:1.6;
color:var(--gray400)}
.ac-said{display:block;margin-top:10px;font-size:var(--fs-meta);
font-weight:var(--fw-bold);color:var(--success)}
/* ── Безопасность ───────────────────────────────────────────── */
.ac-arow{display:flex;align-items:center;justify-content:space-between;
gap:12px 32px;flex-wrap:wrap;min-height:56px;padding:16px 0;
border-bottom:1px solid var(--gray200)}
.ac-arow:last-child{border-bottom:none}
.ac-arow-end{justify-content:flex-end}
.ac-al{flex:1 1 14rem;min-width:0}
.ac-anm{display:block;font-size:var(--fs-body);font-weight:var(--fw-bold);
color:var(--navy)}
.ac-ads{display:block;margin-top:4px;font-size:var(--fs-micro);color:var(--gray400);
overflow-wrap:anywhere}
@media (max-width:60em){
.ac-head h1{font-size:var(--fs-display)}
}
@media (max-width:44em){
.ac-row,.ac-state,.ac-prow,.ac-arow{gap:10px 24px}
.ac-box{padding:4px 20px}
.ac-pr{justify-content:flex-start}
.ac-mhead{display:none}
.ac-mrow{grid-template-columns:minmax(0,1fr) auto;
grid-template-areas:'date sum' 'what what';gap:8px 24px}
.ac-mdate{grid-area:date}
.ac-mwhat{grid-area:what}
.ac-msum{grid-area:sum}
.ac-inline .btn{width:100%}
}
/* ══ Внутренняя зона: Peak Signal (/app/tott) ══════════════════ */
/* Шапка, подвал и кнопки — общие (.topbar / .nav / .btn). Классы
страницы префиксованы tt-. Палитра самого инструмента — ИСХОДНАЯ,
поэтому цвета внутри шкал и таблиц заданы литералами. */
.tt-head{padding:40px 0 0;margin-bottom:32px}
.tt-row{display:flex;align-items:flex-end;justify-content:space-between;
gap:16px 40px;flex-wrap:wrap}
.tt-name{min-width:0}
.tt-head h1{font-size:var(--fs-hero);font-weight:var(--fw-bold);
letter-spacing:-.02em;line-height:1.12;color:var(--navy)}
.tt-sub{margin-top:10px;font-size:var(--fs-meta);line-height:1.7;color:var(--gray400)}
.tt-act{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.tt-asof{font-size:var(--fs-meta);color:var(--gray400);
font-variant-numeric:tabular-nums}
/* Секции. Гасим общее section{padding:52px 0} тегом в селекторе. */
section.tt-panel{padding:0}
/* у плашки состояния свои поля — тег в селекторе, иначе их гасит общее правило */
section.tt-statebox{padding:20px 24px}
section.tt-panel{margin-bottom:56px}
.tt-panel h2{font-size:var(--fs-micro);font-weight:var(--fw-bold);
letter-spacing:.14em;text-transform:uppercase;color:var(--navy);
padding-bottom:14px;border-bottom:1px solid var(--gray200);margin-bottom:24px}
.tt-num{font-variant-numeric:tabular-nums}
/* блок ответа */
.tt-statebox{background:var(--gray100);border-left:3px solid var(--muted);padding:16px 20px;margin-bottom:26px}
.tt-statebox.tt-warn{border-left-color:var(--warning)}
.tt-statebox.tt-hot{border-left-color:var(--danger)}
.tt-state-cap{font-size:var(--fs-micro);color:var(--gray400);margin-bottom:8px}
#status .tt-state{font-size:var(--fs-display);font-weight:var(--fw-reg);line-height:1.3;letter-spacing:.01em}
#status .tt-expl{font-size:var(--fs-micro);color:var(--gray400);margin-top:6px;line-height:1.5}
#verdict{position:relative;margin-top:20px;padding-top:20px;border-top:1px solid var(--gray200);
font-size:var(--fs-meta);line-height:1.6;}
#verdict::before{content:'';position:absolute;left:0;top:-5px;width:9px;height:9px;border-radius:50%;background:var(--info)}
#verdict::after{content:'';position:absolute;left:13px;top:-5px;width:9px;height:9px;border-radius:50%;background:var(--success)}
#verdict:empty{display:none;margin:0;padding:0;border:none}
/* секции */
.tt-panel{margin-bottom:26px}
.tt-hint{font-size:var(--fs-micro);color:var(--gray400);line-height:1.55;margin-top:14px;}
/* две шкалы */
.tt-gauges{display:grid;grid-template-columns:1fr 1fr;gap:30px}
@media(max-width:760px){.tt-gauges{grid-template-columns:1fr;gap:26px}}
.tt-gauge .tt-gname{font-size:var(--fs-meta);font-weight:var(--fw-bold)}
.tt-gauge .tt-gsub{font-size:var(--fs-micro);color:var(--gray400);margin-top:2px}
.tt-scale{position:relative;height:10px;background:var(--gray200);margin-top:30px}
.tt-scale .tt-fill{position:absolute;left:0;top:0;height:10px;background:var(--muted)}
.tt-scale.tt-on .tt-fill{background:var(--warning)}
.tt-scale .tt-thr{position:absolute;top:-5px;height:20px;width:2px;background:var(--navy)}
.tt-scale .tt-thr .tt-tl{position:absolute;top:-17px;left:50%;transform:translateX(-50%);font-size:var(--fs-micro);
color:var(--gray400);white-space:nowrap}
.tt-scale .tt-cur{position:absolute;top:-7px;height:24px;width:3px;background:var(--info)}
.tt-scale .tt-cur .tt-tl{position:absolute;top:-19px;left:50%;transform:translateX(-50%);font-size:var(--fs-micro);
font-weight:var(--fw-med);color:var(--info);white-space:nowrap;font-variant-numeric:tabular-nums}
.tt-scaleticks{position:relative;height:20px;font-size:var(--fs-micro);color:var(--gray400)}
.tt-scaleticks i{position:absolute;top:0;width:1px;height:5px;background:var(--gray200)}
.tt-scaleticks b{position:absolute;top:8px;transform:translateX(-50%);font-weight:var(--fw-reg)}
.tt-gauge .tt-gnote{font-size:var(--fs-micro);color:var(--gray400);line-height:1.5;margin-top:8px}
/* таблица показателей */
.tt-comp-head,.tt-comp-row{display:grid;grid-template-columns:210px 1fr 170px 62px;gap:16px;align-items:center}
.tt-comp-head{font-size:var(--fs-micro);color:var(--gray400);padding:0 0 8px;border-bottom:1px solid var(--gray200)}
.tt-comp-head .tt-r{text-align:right}
.tt-comp-row{padding:12px 0;border-bottom:1px solid var(--gray200);font-size:var(--fs-meta)}
.tt-comp-row:last-child{border-bottom:none}
@media(max-width:56em){
.tt-comp-head{display:none}
.tt-comp-row{grid-template-columns:minmax(0,1fr) 62px;
grid-template-areas:'name val' 'desc desc' 'bar bar';row-gap:8px}
.tt-comp-row .tt-cname{grid-area:name}
.tt-comp-row .tt-cval{grid-area:val}
.tt-comp-row .tt-cdesc{grid-area:desc}
.tt-comp-row .tt-cbar{grid-area:bar}
}
.tt-comp-row .tt-cname{display:flex;align-items:center;gap:9px;font-weight:var(--fw-bold)}
.tt-comp-row .tt-cname .tt-sq{width:9px;height:9px;border-radius:50%;flex:none;background:var(--muted)}
.tt-comp-row.tt-hot .tt-cname .tt-sq{background:var(--danger)}
.tt-comp-row.tt-mid .tt-cname .tt-sq{background:var(--warning)}
.tt-comp-row .tt-cdesc{font-size:var(--fs-micro);color:var(--gray400);line-height:1.5;}
.tt-comp-row .tt-cbar{height:6px;background:var(--gray200);position:relative}
.tt-comp-row .tt-cbar .tt-f{position:absolute;left:0;top:0;height:6px;background:var(--muted)}
.tt-comp-row.tt-hot .tt-cbar .tt-f{background:var(--danger)}
.tt-comp-row.tt-mid .tt-cbar .tt-f{background:var(--warning)}
.tt-comp-row .tt-cval{font-size:var(--fs-body);font-weight:var(--fw-med);text-align:right;font-variant-numeric:tabular-nums}
.tt-comp-row.tt-hot .tt-cval{color:var(--danger)}
.tt-comp-row.tt-mid .tt-cval{color:var(--warning-ink)}
.tt-comp-row .tt-cval.tt-dead{font-size:var(--fs-micro);color:var(--gray400);font-weight:var(--fw-reg)}
.tt-comp-group{font-size:var(--fs-micro);color:var(--gray400);margin:16px 0 4px}
/* таблица исходов */
.tt-hist-head,.tt-hist-row{display:grid;grid-template-columns:1.4fr .8fr .9fr 1fr 1fr;gap:12px;align-items:center}
.tt-hist-head{font-size:var(--fs-micro);color:var(--gray400);padding-bottom:8px;border-bottom:1px solid var(--gray200)}
.tt-hist-head span:not(:first-child),.tt-hist-row span:not(:first-child){text-align:right;font-variant-numeric:tabular-nums}
.tt-hist-row{padding:10px 0;border-bottom:1px solid var(--gray200);font-size:var(--fs-micro)}
.tt-hist-row:last-child{border-bottom:none}
.tt-hist-row.tt-now{font-weight:var(--fw-bold)}
.tt-hist-row.tt-now span:first-child::after{content:' — сейчас';font-weight:var(--fw-reg);color:var(--gray400)}
@media(max-width:760px){
.tt-hist-head{display:none}
.tt-hist-row{grid-template-columns:1fr 1fr;row-gap:4px;font-size:var(--fs-micro)}
}
/* справочный блок */
.tt-ref-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}
@media(max-width:700px){.tt-ref-grid{grid-template-columns:1fr}}
.tt-ref-card{background:var(--gray100);padding:14px 16px}
.tt-ref-card .tt-rname{font-size:var(--fs-micro);color:var(--gray400)}
.tt-ref-card .tt-rval{font-size:var(--fs-head);font-weight:var(--fw-med);font-variant-numeric:tabular-nums;margin-top:4px}
.tt-ref-card .tt-rdet{font-size:var(--fs-micro);color:var(--gray400);margin-top:4px;line-height:1.5}
/* разбор */
#an-narrative p{font-size:var(--fs-meta);line-height:1.6;}
#an-narrative p+p{margin-top:16px}
#an-note{margin-top:18px;font-size:var(--fs-micro);color:var(--gray400);line-height:1.5;}
/* источники */
#sources-box{border-top:1px solid var(--gray200);padding-top:14px;margin-bottom:26px}
#sources-box summary{cursor:pointer;font-size:var(--fs-micro);color:var(--gray400);list-style:none;display:flex;
justify-content:space-between;align-items:baseline;gap:14px;padding:4px 0}
#sources-box summary::-webkit-details-marker{display:none}
#sources-box summary .more::after{content:'показать подробности'}
#sources-box[open] summary .more::after{content:'скрыть подробности'}
.tt-src-head,.tt-src-row{display:grid;grid-template-columns:230px 1fr 130px 130px 110px;gap:14px;align-items:center}
@media(max-width:64em){.tt-src-head{display:none}.tt-src-row{grid-template-columns:minmax(0,1fr) 110px}}
.tt-src-head{font-size:var(--fs-micro);color:var(--gray400);padding-bottom:8px;border-bottom:1px solid var(--gray200);margin-top:12px}
.tt-src-row{padding:10px 0;border-bottom:1px solid var(--gray200);font-size:var(--fs-micro)}
.tt-src-row:last-child{border-bottom:none}
.tt-src-row .tt-sname{font-weight:var(--fw-bold)}
.tt-src-row .tt-sdet{font-size:var(--fs-micro);color:var(--gray400)}
.tt-src-row .tt-sstate{display:flex;align-items:center;gap:7px;font-size:var(--fs-micro)}
.tt-src-row .tt-dot{width:9px;height:9px;border-radius:50%;flex:none;background:var(--muted)}
.tt-src-row.tt-loading .tt-dot{background:var(--warning);animation:pulse 1s infinite}
.tt-src-row.tt-ok .tt-dot{background:var(--success)}
.tt-src-row.tt-fail .tt-dot{background:var(--danger)}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.25}}
@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}
.tt-method p{font-size:var(--fs-micro);color:var(--gray400);line-height:1.65;}
.tt-method p+p{margin-top:12px}
@media (max-width:60em){
.tt-head h1{font-size:var(--fs-display)}
}
@media (max-width:44em){
.tt-row{gap:12px 24px}
.tt-act{width:100%;justify-content:space-between}
}
/* ══ Прогнозы: сводка, фильтр, карточки записей (forecasts.html) ═══
Данные приходят из /api/forecasts. Префикс fc-.
Бейдж статуса — общий компонент .badge (b-ok / b-red / b-info / b-warn). */
.fc-sum{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
border-top:1px solid var(--gray200);border-bottom:1px solid var(--gray200);
margin-bottom:32px}
.fc-cell{padding:24px 24px 24px 0;border-left:1px solid var(--gray200);
padding-left:24px}
.fc-cell:first-child{border-left:0;padding-left:0}
.fc-num{display:block;font-size:var(--fs-display);font-weight:var(--fw-bold);
color:var(--navy);line-height:1.1;font-variant-numeric:tabular-nums}
.fc-cap{display:block;margin-top:8px;font-size:var(--fs-micro);
font-weight:var(--fw-bold);letter-spacing:.12em;text-transform:uppercase;
color:var(--gray400)}
.fc-filter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.fc-btn{font-family:var(--sans);font-size:var(--fs-meta);font-weight:var(--fw-med);
color:var(--navy);background:var(--white);border:1px solid var(--gray200);
border-radius:var(--radius-sm);padding:10px 16px;cursor:pointer;line-height:1.2}
.fc-btn:hover{border-color:var(--navy)}
.fc-btn[aria-pressed="true"]{background:var(--navy);border-color:var(--navy);
color:var(--white)}
.fc-list{display:grid;gap:16px}
.fc{background:var(--white);border:1px solid var(--gray200);
border-radius:var(--radius);padding:24px 28px}
.fc-top{display:flex;align-items:center;justify-content:space-between;gap:24px;
margin-bottom:12px}
.fc-date{font-size:var(--fs-meta);color:var(--gray400);
font-variant-numeric:tabular-nums;white-space:nowrap}
.fc-text{font-size:var(--fs-head);font-weight:var(--fw-bold);color:var(--navy);
line-height:1.4}
.fc-meta{margin-top:16px;padding-top:16px;border-top:1px solid var(--gray200);
display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.fc-lbl{font-size:var(--fs-micro);font-weight:var(--fw-bold);letter-spacing:.12em;
text-transform:uppercase;color:var(--gray400);margin-bottom:8px}
.fc-val{font-size:var(--fs-body);line-height:1.6;color:var(--slate)}
.fc-src{margin-top:16px;font-size:var(--fs-micro);color:var(--gray400)}
.fc-empty{font-size:var(--fs-body);color:var(--gray400)}
.fc-all{margin-top:24px;font-size:var(--fs-body)}
/* Прогнозы на тёмной полосе главной: строка на запись — дата с горизонтом,
сам прогноз, статус справа. Критерий проверки и условие отмены здесь
не показываются, они стоят на странице «Прогнозы». Цвета статусов —
осветлённые для Navy: базовые Success и Danger на тёмном не добирают
контраст. */
.fch-row{display:grid;grid-template-columns:120px minmax(0,1fr) 170px;
gap:24px;padding:16px 0;border-top:1px solid var(--onnavy-line);
align-items:baseline}
.fch-row.fch-th{padding:0 0 10px;border-top:0;font-size:var(--fs-micro);
font-weight:var(--fw-med);letter-spacing:.09em;text-transform:uppercase;
color:var(--onnavy-lbl)}
.fch-row.fch-th div:last-child{text-align:right}
.fch-date{font-size:var(--fs-meta);color:var(--onnavy);
font-variant-numeric:tabular-nums}
.fch-text{font-size:var(--fs-body);line-height:1.5;color:var(--white)}
.fch-st{text-align:right;font-size:var(--fs-meta);font-weight:var(--fw-bold);
white-space:nowrap;color:var(--onnavy)}
.fch-st i{display:inline-block;width:9px;height:9px;border-radius:50%;
margin-right:8px;background:currentColor}
.fch-st.s-ok{color:var(--onnavy-ok)}
.fch-st.s-miss{color:#FF7A7A}
.fch-st.s-watch{color:#7FC4F5}
.fch-st.s-void{color:var(--onnavy-warn)}
.fch-empty{font-size:var(--fs-body);color:var(--onnavy)}
.btn-text.on-navy{color:var(--onnavy-link);border-bottom-color:var(--onnavy-link)}
@media (max-width:60em){
.fch-row{grid-template-columns:minmax(0,1fr);gap:6px}
.fch-row.fch-th{display:none}
.fch-st{text-align:left}
}
.fc-note{margin-top:32px;font-size:var(--fs-meta);line-height:1.7;
color:var(--gray400)}
@media (max-width:60em){
.fc-sum{grid-template-columns:repeat(2,minmax(0,1fr))}
.fc-cell{padding:20px 20px 20px 24px}
.fc-cell:nth-child(3){border-left:0;padding-left:0}
.fc-cell:nth-child(1),.fc-cell:nth-child(2){border-bottom:1px solid var(--gray200)}
}
@media (max-width:44em){
.fc{padding:20px}
.fc-top{flex-direction:column;align-items:flex-start;gap:8px}
.fc-date{white-space:normal}
.fc-meta{grid-template-columns:minmax(0,1fr);gap:16px}
}
/* ══ Внутренняя зона: прогнозы (/app/admin) ════════════════════ */
/* Раздел служебной страницы: заведение и правка записей прогнозов.
Шапка, подвал, кнопки, поля и бейджи — общие. Префикс mgr-.
Имя префикса не сокращать до ad-: блокировщики рекламы прячут
такие классы своими правилами, и раздел пропадает без ошибок. */
section.mgr-sec{padding:0;margin:56px 0 0;scroll-margin-top:24px}
.mgr-filter{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.mgr-chip{font-family:var(--sans);font-size:var(--fs-meta);
font-weight:var(--fw-med);color:var(--navy);background:var(--white);
border:1px solid var(--gray200);border-radius:var(--radius-sm);
padding:9px 14px;cursor:pointer;line-height:1.2}
.mgr-chip span{margin-left:8px;color:var(--gray400);
font-variant-numeric:tabular-nums}
.mgr-chip:hover{border-color:var(--navy)}
.mgr-chip:focus-visible{outline:3px solid var(--info);outline-offset:2px}
.mgr-chip[aria-pressed="true"]{background:var(--navy);border-color:var(--navy);
color:var(--white)}
.mgr-chip[aria-pressed="true"] span{color:var(--white)}
.mgr-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);
gap:40px;align-items:start;margin-top:32px}
/* ── Список записей ─────────────────────────────────────────── */
.mgr-rows{border-top:1px solid var(--gray200)}
.mgr-row{display:block;width:100%;text-align:left;font-family:var(--sans);
background:none;border:0;border-bottom:1px solid var(--gray200);
padding:14px 0;cursor:pointer}
.mgr-row:hover{background:var(--gray100)}
.mgr-row:focus-visible{outline:3px solid var(--info);outline-offset:-3px}
.mgr-row.on{box-shadow:inset 3px 0 0 var(--navy);padding-left:14px}
.mgr-rdate{display:block;font-size:var(--fs-micro);color:var(--gray400);
font-variant-numeric:tabular-nums}
.mgr-home{margin-left:10px;font-weight:var(--fw-bold);color:var(--navy)}
.mgr-rtext{display:block;margin:6px 0 8px;font-size:var(--fs-meta);
line-height:1.55;color:var(--slate)}
.mgr-exp{margin-left:12px;font-weight:var(--fw-reg);color:var(--warning-ink)}
/* ── Форма ──────────────────────────────────────────────────── */
.mgr-form{border:1px solid var(--gray200);border-radius:var(--radius);
padding:24px 28px}
.mgr-flbl{font-size:var(--fs-head);font-weight:var(--fw-bold);color:var(--navy);
margin-bottom:20px}
.mgr-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.mgr-two .field + .field{margin-top:0}
.mgr-form .field{margin-top:20px}
.mgr-form .mgr-two + .field,.mgr-form .field + .field{margin-top:20px}
.mgr-form textarea,.mgr-form select{display:block;width:100%;
font-family:var(--sans);font-size:var(--fs-body);color:var(--slate);
background:var(--white);border:1px solid var(--gray200);
border-radius:var(--radius-sm)}
.mgr-form textarea{padding:12px 14px;line-height:1.6;resize:vertical}
.mgr-form select{height:48px;padding:0 12px}
.mgr-form textarea:focus,.mgr-form select:focus{border-color:var(--info);
outline:none}
.mgr-form textarea:focus-visible,.mgr-form select:focus-visible{
outline:3px solid var(--info);outline-offset:2px}
.mgr-hint{margin-top:8px;font-size:var(--fs-micro);line-height:1.6;
color:var(--gray400)}
.mgr-check{display:flex;align-items:center;gap:10px;margin-top:20px;
font-size:var(--fs-meta);color:var(--slate);cursor:pointer}
.mgr-check input{width:18px;height:18px;accent-color:var(--navy);flex:none}
.mgr-act{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;
margin-top:24px}
.mgr-del{font-family:var(--sans);font-size:var(--fs-meta);
font-weight:var(--fw-bold);color:var(--danger);background:none;border:0;
border-bottom:1px solid var(--danger);padding:0;cursor:pointer}
.mgr-del:hover{color:var(--navy);border-bottom-color:var(--navy)}
.mgr-del:focus-visible{outline:3px solid var(--info);outline-offset:2px}
.mgr-msg{margin-top:16px}
@media (max-width:60em){
.mgr-grid{grid-template-columns:minmax(0,1fr);gap:32px}
}
@media (max-width:44em){
.mgr-two{grid-template-columns:minmax(0,1fr);gap:0}
.mgr-two .field + .field{margin-top:20px}
.mgr-form{padding:20px}
}
/* ══ Внутренняя зона: портфели (/app/portfolios, /app/portfolio-*) ═ */
/* Шапка, подвал и кнопки — общие. Классы страниц префиксованы pt-.
Названия портфелей в разметке — заголовки страниц, ключи приходят
ответом /app/api/portfolio. */
.pt-crumb{margin-top:32px;font-size:var(--fs-meta);color:var(--gray400);
display:flex;flex-wrap:wrap;gap:8px}
.pt-crumb a{color:var(--red);text-decoration:none;border-bottom:1px solid var(--red)}
.pt-head{display:flex;align-items:baseline;justify-content:space-between;
gap:12px 40px;flex-wrap:wrap;margin-top:16px}
.pt-head h1{font-size:var(--fs-hero);font-weight:var(--fw-bold);
letter-spacing:-.02em;line-height:1.12;color:var(--navy)}
.pt-asof{font-size:var(--fs-meta);color:var(--gray400);font-variant-numeric:tabular-nums}
.pt-lede{margin-top:20px;font-size:var(--fs-body);line-height:1.75;color:var(--slate)}
.pt-fail{margin-top:32px;padding:18px 24px;background:var(--gray100);
border-left:3px solid var(--danger);font-size:var(--fs-body);color:var(--slate)}
/* Две карточки доходности под заголовком */
.pt-kpi{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:32px}
.pt-kpi > div{padding:20px 24px;background:var(--gray100);border-radius:var(--radius)}
.pt-kpil{display:block;font-size:var(--fs-meta);color:var(--gray400)}
.pt-kpiv{display:block;margin-top:6px;font-size:var(--fs-display);font-weight:var(--fw-bold);
letter-spacing:-.01em;color:var(--navy);font-variant-numeric:tabular-nums}
.pt-pos{color:var(--success)}
.pt-neg{color:var(--danger)}
.pt-mut{color:var(--gray400)}
/* Секции. Гасим общее section{padding:52px 0} тегом в селекторе. */
section.pt-sec{padding:0;margin-top:56px}
.pt-sechead{padding-bottom:12px;border-bottom:2px solid var(--navy);margin-bottom:16px}
.pt-sechead h2{font-size:var(--fs-head);font-weight:var(--fw-bold);
letter-spacing:-.01em;color:var(--navy)}
/* Сворачиваемый раздел: стрелка справа в строке заголовка, вверх — раскрыт, вниз — свёрнут */
.pt-sechead-tg{display:flex;align-items:center;justify-content:space-between;gap:16px}
.pt-tg{flex:none;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;
background:none;border:0;padding:0;color:var(--navy);cursor:pointer;border-radius:var(--radius-sm)}
.pt-tg svg{transition:transform .2s;transform:rotate(180deg)}
.pt-tg[aria-expanded="false"] svg{transform:none}
.pt-tg:hover{color:var(--red)}
.pt-tg:focus-visible{outline:2px solid var(--red);outline-offset:2px}
@media (prefers-reduced-motion:reduce){.pt-tg svg{transition:none}}
/* Сигнал: карточки по строке на сделку */
.pt-signal{display:flex;flex-wrap:wrap;gap:16px}
.pt-sigcard{min-width:14rem;padding:16px 20px;background:var(--gray100);border-radius:var(--radius)}
.pt-sigk{display:block;font-size:var(--fs-meta);color:var(--gray400)}
.pt-sigt{display:block;margin-top:2px;font-size:var(--fs-head);font-weight:var(--fw-bold);color:var(--navy)}
.pt-sigd{display:block;margin-top:4px;font-size:var(--fs-meta);color:var(--slate);
font-variant-numeric:tabular-nums}
/* Таблицы: только горизонтальные линии, числа по правому краю */
.pt-table{width:100%;border-collapse:collapse;table-layout:fixed;
font-size:var(--fs-meta);font-variant-numeric:tabular-nums}
.pt-table th{text-align:left;font-weight:var(--fw-bold);color:var(--gray400);
padding:10px 8px 10px 0;border-bottom:1px solid var(--gray200);vertical-align:bottom}
.pt-table td{padding:14px 8px 14px 0;border-bottom:1px solid var(--gray200);
vertical-align:top;color:var(--slate);overflow-wrap:anywhere}
.pt-table th:last-child,.pt-table td:last-child{padding-right:0}
/* Колонка результата стоит после числа по правому краю — нужен зазор */
.pt-tr th:last-child,.pt-tr td:last-child{padding-left:20px}
.pt-table .pt-num{text-align:right}
.pt-tk{font-weight:var(--fw-med);color:var(--navy)}
.pt-cash td{color:var(--gray400)}
.pt-c-tk{width:11%} .pt-c-nm{width:35%} .pt-c-sh{width:10%} .pt-c-pr{width:15%} .pt-c-rs{width:14%}
.pt-c-dt{width:16%} .pt-c-sd{width:13%} .pt-c-sh2{width:12%} .pt-c-rs2{width:36%}
.pt-tr .pt-c-tk{width:10%} .pt-tr .pt-c-pr{width:13%}
.pt-more{margin-top:16px}
.pt-more .btn-text{background:none;border:0;border-bottom:2px solid var(--red);
padding:0;cursor:pointer;font-family:var(--sans)}
/* График: линия Navy, точки сделок, подсказка при наведении */
.pt-chart{position:relative;margin-top:8px}
.pt-line{fill:none;stroke:var(--navy);stroke-width:2;stroke-linejoin:round}
.pt-ax{stroke:var(--gray200);stroke-width:1}
.pt-ax0{stroke:var(--gray400);stroke-width:1}
.pt-ysep{stroke:var(--gray400);stroke-width:1;stroke-dasharray:3 4}
.pt-axl{font-size:var(--fs-micro);fill:var(--gray400);font-family:var(--sans)}
.pt-ylab{font-size:var(--fs-meta);font-weight:var(--fw-bold);fill:var(--navy);font-family:var(--sans)}
.pt-ylab.pt-pos{fill:var(--success)} .pt-ylab.pt-neg{fill:var(--danger)}
.pt-dot{fill:var(--white);stroke:var(--navy);stroke-width:1.5;cursor:pointer}
.pt-dot:hover,.pt-dot:focus-visible{fill:var(--navy);outline:none}
.pt-dotend{fill:var(--navy)}
.pt-tip{position:absolute;z-index:2;pointer-events:none;max-width:22rem;padding:8px 12px;
background:var(--white);border:1px solid var(--gray200);border-radius:var(--radius-sm);
font-size:var(--fs-micro);line-height:1.6;color:var(--slate);font-variant-numeric:tabular-nums}
.pt-tip b{display:block;font-weight:var(--fw-bold);color:var(--navy)}
.pt-tip span{display:block}
.pt-years{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr));
gap:12px;margin-top:20px}
.pt-years > div{padding:14px 18px;background:var(--gray100);border-radius:var(--radius)}
.pt-yl{display:block;font-size:var(--fs-meta);color:var(--gray400)}
.pt-yv{display:block;margin-top:4px;font-size:var(--fs-head);font-weight:var(--fw-bold);
color:var(--navy);font-variant-numeric:tabular-nums}
/* О портфеле — принятый текст витрины */
.pt-sub{font-size:var(--fs-body);font-weight:var(--fw-med);color:var(--navy);line-height:1.6}
.pt-about h3{margin-top:28px;font-size:var(--fs-micro);font-weight:var(--fw-bold);
letter-spacing:.11em;text-transform:uppercase;color:var(--gray400)}
.pt-about p{margin-top:12px;font-size:var(--fs-body);line-height:1.75;color:var(--slate)}
.pt-about p.pt-sub{margin-top:0}
.pt-about .pt-note{margin-top:28px;padding-top:16px;border-top:1px solid var(--gray200);
font-size:var(--fs-meta);line-height:1.7;color:var(--gray400)}
/* Оглавление портфелей: карточки в колонку */
.pt-cards{margin-top:40px}
.pt-card{padding:32px 0;border-top:1px solid var(--gray200)}
.pt-card:last-child{border-bottom:1px solid var(--gray200)}
.pt-card h2{font-size:var(--fs-head);font-weight:var(--fw-bold);letter-spacing:-.01em;color:var(--navy)}
.pt-card h2 a{color:inherit;text-decoration:none}
.pt-card h2 a:hover{color:var(--red)}
.pt-cardsub{margin-top:8px;font-size:var(--fs-body);line-height:1.75;color:var(--slate)}
.pt-cardnum{display:flex;flex-wrap:wrap;gap:12px 48px;margin-top:20px}
.pt-cardgo{margin-top:24px}
@media (max-width:60em){
.pt-head h1{font-size:var(--fs-display)}
}
@media (max-width:44em){
.pt-kpi{grid-template-columns:minmax(0,1fr)}
.pt-sigcard{flex:1 1 100%;min-width:0}
/* Таблице не хватает ширины экрана: она уезжает в прокрутку внутри
обёртки, а не растягивает страницу. */
.pt-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.pt-scroll .pt-table{min-width:40rem}
.pt-cardgo .btn{width:100%}
.pt-ylab{font-size:var(--fs-micro)}
}