/* ТЕСТОВЫЙ лайв · слой подачи данных, редакция 2 (08.10.2026).
   Владелец: «не копировать media-index 1 в 1, а сделать лучше и информативнее: сейчас всё сливается в сплошной текст,
   цифр не видно, нет разделения строк и колонок». Принципы одним местом:
   1. Один шрифт — IBM Plex Sans, все цифры табличные (tnum). Моноширинный убран: он делал цифры бледными и рваными.
   2. Три уровня текста, не больше: значение (ярко, 600) → подпись (тише, 500) → справка (бледно, 12 px).
   3. Разделение видно глазом: строки таблиц — линия + зебра + подсветка при наведении; колонки — тонкая вертикаль;
      у «Было · Стало · Изм.» — свои колонки с вертикалью между ними, «Изм.» — плашка цвета смысла.
   4. Заголовки карт — обычным регистром на своей полосе; капс только у мелких групп в меню.
   Каркас (меню, тест-режим, темы) — novyi.css; здесь только типографика, цвет и вид данных.
   Прошлая редакция (моно, капс) — mi-podacha.css.bak-20261008-v1. */

:root{
  --ui:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:var(--ui);
  --фон:#0d1219; --панель:#131a25; --панель-2:#19212e; --панель-3:#222c3c;
  --кант:#28334a; --кант-2:#36435c; --кант-мягко:#202a3a;
  --линия-кол:#28334a; --зебра:rgba(255,255,255,.022);
  --текст:#eef1f5; --второй:#c5ccd7; --тихо:#939caf; --бледно:#858fa3; --призрак:#4a5470; --сетка:#243044;
  --вверх:#43d17a; --вниз:#ff6585; --беда:#ff6585; --внимание:#f59f45; --ровно:#939caf;
  --наш:#3987e5;
  --нв-ховер:#1b2432; --нв-шапка:rgba(13,18,25,.94); --нв-подск-фон:#eef1f5; --нв-подск-т:#0d1219;
  --радиус:12px; --радиус-м:9px; --радиус-вн:11px; --тень:none;
}
:root[data-тема="светлая"]{
  --фон:#eceff3; --панель:#fafbfc; --панель-2:#f3f5f8; --панель-3:#e9edf2;
  --кант:#dbe1ea; --кант-2:#c7d0dc; --кант-мягко:#e8ecf2;
  --линия-кол:#dbe1ea; --зебра:rgba(15,23,42,.022);
  --текст:#1c2430; --второй:#47525f; --тихо:#5b6678; --бледно:#616c7e; --призрак:#a3acb8; --сетка:#e3e8ef;
  --вверх:#0d8a49; --вниз:#c8264f; --беда:#c8264f; --внимание:#b25b07; --ровно:#5b6678;
  --наш:#2c70c6;
  --нв-ховер:#f1f4f8;
  --вал-ок:#127238; --вал-ок-кант:rgba(18,114,56,.35); --вал-ок-фон:rgba(18,114,56,.07);
  --вал-плохо:#ad1f2c; --вал-плохо-кант:rgba(173,31,44,.4); --вал-плохо-фон:rgba(173,31,44,.07);
  --вал-вним:#8a5300; --вал-вним-кант:rgba(138,83,0,.4); --вал-вним-фон:rgba(138,83,0,.07);
}

/* ════ 1. Шрифт и цифры ════ */
html,body{font-family:var(--ui)}
body{font-size:15.5px;line-height:1.45;background:var(--фон);font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"kern","tnum","lnum"}
input,button,select,textarea{font-family:inherit}
[data-нв-подск]::after,.нв-ава,.нв-проф-м a,.нв-проф-м button,.бо-леген button{font-family:var(--ui)!important}
::selection{background:color-mix(in srgb,var(--наш) 35%,transparent)}

/* каркас: меню и верхняя строка тем же шрифтом */
.нв-меню a{font:500 15.5px/1.3 var(--ui)}
.нв-меню a[aria-current]{font-weight:600}
.нв-гр{font:600 12px/1.6 var(--ui);letter-spacing:.07em}
.нв-ттл h1{font:600 21px/1.25 var(--ui);letter-spacing:-.01em}
.нв-ттл .кр{font:500 14px/1.3 var(--ui);text-transform:none;letter-spacing:0;color:var(--тихо)}
.нв-бренд b{font:600 16.5px/1.2 var(--ui)}
.нв-моб a{font:500 12.5px/1.15 var(--ui)}
.нв-плашка p{font-weight:500}
.шапка-в .статус{font:500 14.5px/1 var(--ui);color:var(--второй);border-radius:10px}
.шапка-в .статус #обновлено{color:var(--текст);font-weight:600}

/* ════ 2. Страница и секции ════ */
main{padding-top:18px!important;padding-bottom:44px!important}
section{margin-top:32px}
main > section[data-стр]:not(.не-та) ~ section[data-стр]:not(.не-та){margin-top:32px}
.раздел-шапка{margin-bottom:12px!important;gap:6px 16px;align-items:baseline}
.раздел-шапка h2{font:600 23px/1.3 var(--ui)!important;letter-spacing:-.015em;text-wrap:balance;color:var(--текст)}
.раздел-шапка .пояс{font:400 14.5px/1.5 var(--ui);color:var(--тихо)}
.вне-периода{font:500 14px/1 var(--ui)!important;color:var(--тихо)!important}
.ряд-2,.ряд-3,.герой,.бл-ряд-2,.бо-ряд3,.бо-ряд{gap:14px!important}
.нв-плашка{margin-bottom:14px}

/* ════ 3. Карта: заголовок на своей полосе, обычный регистр ════ */
.карта{background:var(--панель);border:1px solid var(--кант);border-radius:var(--радиус);box-shadow:none;padding:14px 16px 16px}
.карта > h3:first-child{margin:-14px -16px 4px;padding:10px 16px;min-height:44px;background:var(--панель-2);border-bottom:1px solid var(--кант-мягко);
  border-radius:var(--радиус-вн) var(--радиус-вн) 0 0;display:flex;align-items:center;flex-wrap:wrap;gap:2px 12px;justify-content:space-between}
.карта > h3,.карта > h3 .бл-h3{font:600 15.5px/1.4 var(--ui);text-transform:none;letter-spacing:0;color:var(--текст)}
.карта > h3 > span:not(.бл-h3):not(.бо-стрелки){font:400 14px/1.4 var(--ui);text-transform:none;letter-spacing:0;color:var(--тихо)}
.карта > h3.второй-h3{margin-top:14px;padding-top:12px;border-top:1px solid var(--кант-мягко)}
.карта .низ{color:var(--тихо);font-size:14px}
.тревога{border-radius:var(--радиус-м);background:color-mix(in srgb,var(--беда) 9%,transparent);border-color:color-mix(in srgb,var(--беда) 38%,transparent)}

/* ════ 4. Плитки: отдельные карточки; «Было · Стало · Изм.» — три колонки с вертикалью ════ */
.плитки{gap:12px!important}
.плитка{background:var(--панель);border:1px solid var(--кант)!important;border-radius:var(--радиус)!important;box-shadow:none!important;padding:13px 16px 12px;gap:10px}
.плитка:hover{border-color:var(--кант-2)!important}
.плитка .метка{font:600 15px/1.35 var(--ui);color:var(--текст);text-transform:none;letter-spacing:0}
.плитка .знач{font:600 28px/1.15 var(--ui);letter-spacing:-.015em;color:var(--текст)}
.плитка .знач small{font-size:14.5px;font-weight:500;color:var(--тихо)}
.плитка .изм-ряд{font-size:14px;color:var(--тихо)}
.плитка .пояснение{font-size:13px;line-height:1.45;color:var(--бледно);border-top:1px solid var(--кант-мягко);padding-top:8px;margin-top:auto}
.плитка b,.плитка strong{font-weight:600}

.плитка{container-type:inline-size}
/* колонки по содержимому: «Было» и «Стало» шириной своих чисел, «Изм.» — остаток; даты под числом не раздвигают колонку */
.тройка{display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:0!important;align-items:stretch!important}
.тройка .д{contain:inline-size;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.тройка > div{display:flex;flex-direction:column;gap:3px;min-width:0;padding:0 12px;border-left:1px solid var(--кант-мягко)}
.тройка > div:first-child{padding-left:0;border-left:0}
.тройка > div:last-child{padding-right:0}
.тройка.одна > div{padding:0;border:0}
.тройка .п{font:500 13px/1.3 var(--ui);color:var(--тихо);text-transform:none;letter-spacing:0}
.тройка .б{font:500 18.5px/1.25 var(--ui);color:var(--второй);white-space:nowrap}
.тройка .с{font:600 27px/1.15 var(--ui);letter-spacing:-.015em;color:var(--текст);white-space:nowrap}
.тройка .д{font:400 12.5px/1.35 var(--ui);color:var(--бледно);margin-top:1px}
.тройка .и{font-size:15.5px}
.тройка .стат{font:500 14.5px/1.35 var(--ui);color:var(--тихо);white-space:normal}
/* узкая плитка (4 в ряд на ноутбуке): «Было · Стало» двумя колонками, «Изм.» — своей строкой под ними, порядок тот же */
@container (max-width:300px){
  .тройка{grid-template-columns:auto minmax(0,1fr)}
  .тройка > div:nth-child(2){padding-right:0}
  .тройка > div:nth-child(3):last-child{grid-column:1/-1;flex-direction:row;align-items:center;flex-wrap:wrap;gap:4px 10px;
    margin-top:9px;padding:9px 0 0;border-left:0;border-top:1px solid var(--кант-мягко)}
  .тройка > div:nth-child(3) .изм{margin:0}
  .тройка > div:nth-child(3) .стат{font-size:14px}
}

/* «Изм.»: в плитках и мини-таблицах — плашка, в строках таблиц — цветной текст */
.изм{font-weight:600;white-space:nowrap}
.изм.вверх{color:var(--вверх)} .изм.вниз{color:var(--вниз)} .изм.ровно{color:var(--ровно)} .изм.нет{color:var(--тихо);font-weight:500}
.тройка .изм,.бл-мини .изм{display:inline-flex;align-items:center;gap:2px;padding:2px 8px;border-radius:6px;line-height:1.35;
  background:color-mix(in srgb,currentColor 13%,transparent);align-self:flex-start}
.тройка .изм.нет,.бл-мини .изм.нет{background:none;padding-left:0}

.бо-плитка.вкл{background:color-mix(in srgb,var(--нв-окр) 7%,var(--панель));border-color:var(--нв-окр-кант)!important}
.бо-под{font:400 13px/1.4 var(--ui)!important;color:var(--бледно)}

/* ════ 5. «Сейчас»: большое число и рейтинг ════ */
.герой-число{background:var(--панель)}
.герой-число .огромное{font:600 64px/1 var(--ui);letter-spacing:-.03em;color:var(--текст)}
.герой-число .подпись{font:600 15.5px/1.4 var(--ui);text-transform:none;letter-spacing:0;color:var(--текст)}
.герой-сводка dd,.герой-сводка b{font-weight:600}
.чип{background:var(--панель-2);border:1px solid var(--кант);border-radius:8px;padding:5px 10px;font-size:14px;color:var(--тихо)}
.чип b{font:600 15.5px/1 var(--ui);color:var(--текст)}

.герой-рейтинг ol{gap:0!important}
.герой-рейтинг li,.рейт-шапка{grid-template-columns:22px minmax(0,1fr) 64px 64px 82px!important;column-gap:14px!important}
.герой-рейтинг li{padding:8px 0 7px;border-top:1px solid var(--кант-мягко);row-gap:5px!important;align-items:center!important}
.рейт-шапка{margin:0!important;padding:0 0 6px;font:500 13px/1.3 var(--ui)!important;color:var(--тихо);text-transform:none!important;letter-spacing:0!important}
.рейт-место{font:500 14px/1 var(--ui)!important;color:var(--бледно)!important}
.рейт-имя{font:500 15.5px/1.3 var(--ui)!important;color:var(--второй)!important}
.герой-рейтинг li.наш .рейт-имя{color:var(--текст)!important;font-weight:600!important}
.рейт-было{font:500 15.5px/1.3 var(--ui)!important;color:var(--тихо)!important}
.рейт-число{font:600 16.5px/1.3 var(--ui)!important;color:var(--текст)!important}
.рейт-изм{font-size:15px!important}
.рейт-полоса{height:3px!important}
.бары-шапка{font:500 13px/1.3 var(--ui)!important;color:var(--тихо);text-transform:none!important;letter-spacing:0!important}

/* ════ 6. Бары: каждая строка отделена линией, числа — в своих колонках ════ */
.бары{gap:0!important}
.бар{padding:8px 0 7px;border-top:1px solid var(--кант-мягко);row-gap:6px!important;align-items:center!important}
.бары > :first-child{border-top:0}
.бар .имя{font:500 15.5px/1.3 var(--ui);color:var(--второй)}
.бар.наш .имя{color:var(--текст);font-weight:600}
.бар .числа{font:600 16px/1.3 var(--ui)!important;color:var(--текст);gap:0!important;align-items:center!important}
.бар .числа > *{min-width:56px;text-align:right;padding-left:14px}
.бар .числа > :first-child{padding-left:0;min-width:0}
.бар .числа .тихо{font-weight:500;font-size:14.5px;color:var(--тихо)}
#рынок-бары .бар .числа{grid-template-columns:72px 90px 84px!important;column-gap:0!important}
#рынок-бары .бар .числа > *{padding-left:0;min-width:0}
.бар .желоб{height:5px!important;background:var(--панель-3)!important;border-radius:3px}
.бар .полоса{border-radius:3px}
.бар .место{color:var(--бледно);font-weight:500}
.бар .имя.с-авой{display:flex;align-items:center;gap:10px;min-width:0}
.бар .имя.с-авой .бл-ава{--ава:24px}
.бар .бл-под{font:400 14px/1.3 var(--ui);color:var(--тихо);margin-left:2px}

/* ════ 7. Таблицы: шапка-полоса, линия + зебра у строк, вертикаль у колонок ════ */
.прокрутка{background:var(--панель);border:1px solid var(--кант);border-radius:var(--радиус-м)}
table{font-size:15.5px}
thead th{font:600 14px/1.3 var(--ui)!important;text-transform:none!important;letter-spacing:0!important;color:var(--тихо)!important;
  background:var(--панель-2)!important;height:40px;padding-top:0!important;padding-bottom:0!important;vertical-align:middle;border-bottom:1px solid var(--кант)!important}
thead th:hover{color:var(--второй)!important}
/* таблицы без thead (шапка первой строкой): тот же вид шапки */
th{text-transform:none!important;letter-spacing:0!important}
table:not(.бл-мини) > tbody:first-child > tr:first-child > th,table > tr:first-child > th{font:600 14px/1.3 var(--ui);color:var(--тихо);background:var(--панель-2);border-bottom:1px solid var(--кант)}
tbody th{font-family:var(--ui)}
tbody td{border-top:1px solid var(--линия-кол);vertical-align:middle;padding-top:9px;padding-bottom:9px}
tbody tr:nth-child(even of :not(.раскрытие)) > td{background:var(--зебра)}
tbody tr:hover > td{background:var(--нв-ховер)!important}
th + th,td + td{border-left:1px solid var(--линия-кол)}
td.ч,th.ч{text-align:right}
td.ч{font-weight:600;color:var(--текст)}
td.ч .тихо,td.ч small{font-weight:500}
td.мягко{color:var(--тихо)}
td.имя{font-weight:500;color:var(--текст)}
td .изм{font-weight:600}
tr.наш > td{background:color-mix(in srgb,var(--наш) 11%,var(--панель))!important}
tr.наш > td:first-child{box-shadow:inset 2px 0 0 var(--наш)}
tr.итог > td{background:var(--панель-2)!important;font-weight:600;border-top:1px solid var(--кант)!important}
tr.раскрытие > td{border-left:0}
.рынок-т tbody tr{height:42px}

/* ════ 8. Контролы ════ */
.сегмент{background:transparent!important;border:0!important;border-bottom:1px solid var(--кант)!important;border-radius:0!important;padding:0!important;
  gap:0 24px!important;display:flex!important;flex-wrap:wrap;min-width:0!important;box-shadow:none!important}
.сегмент button{height:auto!important;padding:9px 0 11px!important;border-radius:0!important;background:transparent!important;color:var(--тихо);
  font:500 16px/1.5 var(--ui)!important;border-bottom:2px solid transparent!important;margin-bottom:-1px;box-shadow:none!important;flex:none}
.сегмент button:hover{color:var(--текст)}
.сегмент button[aria-selected="true"]{color:var(--текст)!important;border-bottom-color:var(--нв-окр)!important;font-weight:600!important}
.бл-гр{background:transparent!important;border:0!important;border-bottom:1px solid var(--кант)!important;border-radius:0!important;padding:0!important;gap:0 18px!important}
.бл-гр button{height:auto!important;padding:7px 0 10px!important;border-radius:0!important;background:transparent!important;font:500 15.5px/1.5 var(--ui)!important;
  color:var(--тихо)!important;border-bottom:2px solid transparent!important;margin-bottom:-1px;display:inline-flex;align-items:center;gap:7px}
.бл-гр button:hover{color:var(--текст)!important}
.бл-гр button[aria-pressed="true"]{color:var(--текст)!important;border-bottom-color:var(--нв-окр)!important;font-weight:600!important}
.бл-гр button .сч:not(:empty){font:600 13px/1 var(--ui)!important;min-width:22px;height:20px;padding:0 6px;border-radius:999px;background:var(--панель-3);
  display:inline-grid;place-items:center;color:var(--тихо)!important}
.бл-гр button[aria-pressed="true"] .сч:not(:empty){background:color-mix(in srgb,var(--нв-окр) 22%,transparent);color:var(--текст)!important}
.вар-гр,.вар-пер{background:var(--панель);border:1px solid var(--кант);border-radius:var(--радиус-м);padding:2px}
.вар-гр button,.вар-пер button{border-radius:7px;font:500 15px/1 var(--ui);color:var(--тихо)}
.вар-гр button[aria-pressed="true"],.вар-пер button[aria-pressed="true"],.вар-пер button[aria-selected="true"]{background:var(--панель-3);color:var(--текст);
  box-shadow:inset 0 0 0 1px var(--кант-2);font-weight:600}
button.ещё{background:var(--панель);border:1px solid var(--кант);border-radius:var(--радиус-м);color:var(--второй);font:500 15px/1 var(--ui);min-height:40px}
button.ещё:hover{background:var(--панель-3);color:var(--текст);border-color:var(--кант-2)}
.бл-кн{font-family:var(--ui)}
.бл-кн-мал{font:500 14px/1.5 var(--ui)!important;border-radius:6px!important}
.бл-поиск{background:var(--панель);border-radius:var(--радиус-м);height:42px}
.бл-поиск input{font:400 15.5px var(--ui)}
.пер-кн,.пер-кн-знач{font-family:var(--ui)}
.легенда{font:500 14px/1.5 var(--ui);color:var(--второй);gap:4px 18px;margin-top:6px}
.легенда i.квадрат{width:10px;height:10px;border-radius:3px}
.бл-итог-строка,.бл-свод{font-family:var(--ui)}
.бл-свод b{font-weight:600;color:var(--текст)}
.вал-отметка{border-radius:999px;font:500 14px/1 var(--ui)}
.календарь{background:var(--панель-3)!important;border:1px solid var(--кант)!important;border-radius:var(--радиус)!important}
.график{height:220px}
.график.высокий{height:270px}
.график.низкий{height:176px}
#бл-подвал,#подвал{font-size:14px;color:var(--тихо)}

/* ════ 9. Блогеры: аватарки, метки, реклама ════ */
.бл-ава{--ава:26px;width:var(--ава);height:var(--ава);border-radius:7px;flex:none;position:relative;overflow:hidden;display:inline-grid;place-items:center;
  background:var(--панель-3);color:var(--тихо);font:600 13px/1 var(--ui);text-transform:uppercase;vertical-align:middle}
.бл-ава img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.бл-кто{display:flex;align-items:center;gap:10px;min-width:0}
.бл-кто-т{min-width:0;display:flex;flex-direction:column}
.бл-кто-т > b{font:600 15.5px/1.3 var(--ui);color:var(--текст);overflow:hidden;text-overflow:ellipsis}
.бл-т td.ролик .бл-кто{align-items:flex-start}
.бл-т td.ролик .бл-кто .бл-ава{margin-top:1px}
.бл-т td.ролик .бл-кто-т{display:block}
.бл-т td.ролик .мелко,.бл-т td.имя .мелко,.бл-т td.ч .мелко{font:400 13px/1.35 var(--ui)!important;color:var(--тихо)}
.бл-ч{font-variant-numeric:tabular-nums}

.бл-ст{--c:var(--тихо);display:inline-flex!important;align-items:center;gap:6px;padding:2px 8px 2px 7px!important;border-radius:6px!important;
  font:500 14px/1.4 var(--ui)!important;color:var(--c)!important;box-shadow:none!important;white-space:nowrap;
  border:1px solid color-mix(in srgb,var(--c) 38%,transparent);background:color-mix(in srgb,var(--c) 10%,transparent)!important}
.бл-ст::before{content:"";width:6px;height:6px;border-radius:1.5px;transform:rotate(45deg);background:var(--c);flex:none}
.бл-ст.да{--c:#3cc0dc}
.бл-ст.нет{--c:var(--тихо)}
.бл-ст.gone{--c:var(--внимание)}
.бл-ст.deleted{--c:var(--беда)}
.бл-ст.returned{--c:var(--вверх)}
.бл-ст.flash{--c:var(--второй)}
:root[data-тема="светлая"] .бл-ст.да{--c:#127a91}
.бл-наша{color:var(--наш)!important;font-weight:500}

.бл-рекл{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border:1px solid var(--кант);border-radius:6px;background:var(--панель-2);
  font:500 14.5px/1.45 var(--ui)!important;color:var(--текст)}
.бл-рекл .кв{width:6px;height:6px;border-radius:1.5px;transform:rotate(45deg)}
.бл-рекл .где{font:400 13px/1.45 var(--ui)!important;color:var(--тихо)}
.бл-рекл-сп{display:inline-flex;flex-wrap:wrap;gap:4px;align-items:center}

/* свежие детекты: строки с линиями */
.бл-дет{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:9px 0!important;border:0;border-top:1px solid var(--кант-мягко)!important}
.бл-дет:first-child{border-top:0!important}
.бл-дет .бл-ава{--ава:32px;border-radius:8px}
.бл-дет-т{min-width:0;display:flex;flex-direction:column;gap:1px}
.бл-дет-т .назв{font:600 15.5px/1.3 var(--ui)!important;text-align:left;padding:0}
.бл-дет-т .мелко{font:400 14px/1.4 var(--ui)!important;color:var(--тихо)}
.бл-дет-п{display:flex;flex-direction:column;align-items:flex-end;text-align:right;gap:1px}
.бл-дет-п b{font:600 15px/1.35 var(--ui);color:var(--текст)}
.бл-дет-п span{font:500 14px/1.35 var(--ui);color:var(--беда);max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* обзор */
.бо-хрон-р{grid-template-columns:48px 26px minmax(0,1fr) auto}
.бо-хрон-р .д,.бо-хрон-р .в{font-weight:600}
.бо-доля .метка{font:600 15px/1.4 var(--ui)!important;text-transform:none;letter-spacing:0}

/* ════ 10. Блогеры · список: верх из трёх карт ════ */
.бл-верх{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
@media(min-width:1000px){.бл-верх{grid-template-columns:repeat(3,minmax(0,1fr))}}
.бл-к{display:flex;flex-direction:column;gap:0!important}
.бл-к > h3:first-child{justify-content:flex-start!important;margin-bottom:12px}
.бл-в-шапке{margin-left:auto;appearance:none;background:none;border:0;padding:4px 2px;color:var(--второй);font:600 14.5px/1 var(--ui);cursor:pointer;white-space:nowrap}
.бл-в-шапке:hover{color:var(--текст)}
.бл-в-шапке:focus-visible{outline:2px solid var(--нв-окр);outline-offset:2px;border-radius:4px}
.бл-метка{margin:0;font:500 14px/1.4 var(--ui);color:var(--тихо)}
.бл-число{margin:2px 0 12px;font:600 30px/1.15 var(--ui);letter-spacing:-.015em;color:var(--текст)}
.бл-доли{display:flex;height:8px;border-radius:3px;overflow:hidden;gap:2px;margin-bottom:6px}
.бл-доли span{display:block;min-width:2px}
.бл-доли-сп{display:grid;gap:0}
.бл-доли-сп > div{display:grid;grid-template-columns:10px minmax(0,1fr) auto 44px 92px;gap:10px;align-items:center;font-size:15px;padding:7px 0;border-top:1px solid var(--кант-мягко)}
.бл-доли-сп > div:first-child{border-top:0}
.бл-доли-сп i{width:10px;height:10px;border-radius:3px}
.бл-доли-сп .н{color:var(--второй);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.бл-доли-сп b{font:600 15.5px/1 var(--ui);color:var(--текст);text-align:right}
.бл-доли-сп .п,.бл-доли-сп .к{font:500 14.5px/1 var(--ui);color:var(--тихо);text-align:right}
.бл-низ{margin:auto 0 0;padding-top:10px;border-top:1px solid var(--кант-мягко);font:400 13px/1.5 var(--ui);color:var(--бледно)}
.бл-к > :nth-last-child(2){margin-bottom:12px}
.бл-мини{width:100%;border-collapse:collapse;font-size:15.5px}
.бл-мини th,.бл-мини td{padding:8px 0 8px 12px!important;border:0!important;background:none!important;height:auto!important;vertical-align:middle}
.бл-мини thead th{font:500 13px/1.3 var(--ui)!important;color:var(--тихо)!important;text-align:right;padding-top:0!important;border-bottom:1px solid var(--кант-мягко)!important}
.бл-мини thead th:first-child{text-align:left;padding-left:0!important}
.бл-мини tbody tr + tr > *{border-top:1px solid var(--кант-мягко)!important}
.бл-мини thead th + th,.бл-мини tbody td{border-left:1px solid var(--кант-мягко)!important}
.бл-мини tbody th{text-align:left;font:600 15.5px/1.3 var(--ui);color:var(--текст);white-space:nowrap;padding-left:0!important}
.бл-мини tbody th i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:8px;vertical-align:-1px}
.бл-мини td{text-align:right;font:500 16.5px/1.3 var(--ui);color:var(--второй)}
.бл-мини td.с{font-size:22px;font-weight:600;color:var(--текст)}
.бл-мини tbody tr:hover > *{background:none!important}
.бл-спарк{display:block;width:100%;height:48px;margin-top:12px;overflow:visible}
.бл-спарк polyline{fill:none;stroke-width:1.8;vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round}
.бл-к .бл-список-кн{margin:0;padding:0;list-style:none}
.бл-к .бл-дет::before{content:none!important}
.бл-к .бл-дет{padding-left:0!important;padding-right:0!important}

/* свёртки */
.бл-свёрт{background:var(--панель);border:1px solid var(--кант);border-radius:var(--радиус)}
.бл-свёрт > summary{list-style:none;display:flex;align-items:center;gap:4px 14px;min-height:48px;padding:8px 16px;cursor:pointer;border-radius:var(--радиус-вн);flex-wrap:wrap}
.бл-свёрт > summary::before{content:none!important}
.бл-свёрт > summary::-webkit-details-marker{display:none}
.бл-свёрт > summary:hover{background:var(--нв-ховер)}
.бл-свёрт > summary:focus-visible{outline:2px solid var(--нв-окр);outline-offset:-2px}
.бл-свёрт > summary .бл-h3{font:600 15.5px/1.4 var(--ui);color:var(--текст);white-space:normal;min-width:0;overflow-wrap:anywhere}
.бл-свёрт > summary .под{font:400 14.5px/1.4 var(--ui);color:var(--тихо);flex:1 1 220px;min-width:0}
.бл-свёрт > summary .шев{margin-left:auto;color:var(--тихо);display:inline-grid;place-items:center}
.бл-свёрт > summary .шев svg{width:14px;height:14px;transition:transform .15s ease}
.бл-свёрт[open] > summary{background:var(--панель-2);border-bottom:1px solid var(--кант-мягко);border-radius:var(--радиус-вн) var(--радиус-вн) 0 0}
.бл-свёрт[open] > summary .шев svg{transform:rotate(180deg)}
.бл-свёрт > .тело{padding:10px 16px 14px}
/* 31.10: «Скрыли ролики» — одна карточка про ролики с упоминанием Magic Rust, раскрывается по авторам */
details.бл-упом{padding:0}
details.бл-упом > summary,details.бл-упом-авт > summary{list-style:none;display:flex;align-items:center;flex-wrap:wrap;gap:2px 12px;cursor:pointer}
details.бл-упом > summary::before,details.бл-упом-авт > summary::before{content:none!important}
details.бл-упом > summary::-webkit-details-marker,details.бл-упом-авт > summary::-webkit-details-marker{display:none}
details.бл-упом > summary{min-height:48px;padding:10px 16px;border-radius:inherit}
details.бл-упом > summary:hover{background:color-mix(in srgb,var(--беда) 7%,transparent)}
details.бл-упом > summary:focus-visible,details.бл-упом-авт > summary:focus-visible{outline:2px solid var(--нв-окр);outline-offset:-2px}
.бл-упом summary .под{font-weight:400;opacity:.85;flex:1 1 220px;min-width:0}
.бл-упом .шев{margin-left:auto;display:inline-grid;place-items:center;opacity:.8}
.бл-упом .шев svg{width:14px;height:14px;transition:transform .2s cubic-bezier(.23,1,.32,1)}
details.бл-упом[open] > summary > .шев svg,details.бл-упом-авт[open] > summary > .шев svg{transform:rotate(180deg)}
.бл-упом > .тело{padding:0 16px 4px;border-top:1px solid color-mix(in srgb,var(--беда) 24%,transparent)}
details.бл-упом-авт + details.бл-упом-авт{border-top:1px solid color-mix(in srgb,var(--беда) 14%,transparent)}
details.бл-упом-авт > summary{min-height:44px;padding:6px 0;border-radius:var(--радиус-м)}
details.бл-упом-авт > summary b{font-weight:600}
.бл-упом-авт ul{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:6px}
.бл-упом-авт li{font-size:14.5px;font-weight:400;line-height:1.45;opacity:.9;overflow-wrap:anywhere}
.бл-упом-авт li .назв{font-weight:500}
@media (prefers-reduced-motion:reduce){.бл-упом .шев svg{transition:none}}
.бл-2кол .бары{display:grid;grid-template-columns:minmax(0,1fr);column-gap:32px}
@media(min-width:1000px){.бл-2кол .бары{grid-template-columns:repeat(2,minmax(0,1fr))}.бл-2кол .бары > .бар:nth-child(2){border-top:0}}

.бл-дельта{display:flex;align-items:baseline;gap:4px 12px;flex-wrap:wrap;font-size:15px;color:var(--второй);margin:2px 0 0;padding:8px 12px;
  background:var(--панель-2);border:1px solid var(--кант-мягко);border-radius:var(--радиус-м)}
.бл-дельта .м{font:600 14px/1.5 var(--ui);color:var(--тихо)}
.бл-дельта .сп{display:flex;flex-direction:column;gap:2px;min-width:0}
.бл-дельта .э b{color:var(--текст)}

/* ════ 11. Блогеры · таблица: строка в одну линию ════ */
.бл-т tbody tr.бл-р > td{height:46px;padding-top:5px;padding-bottom:5px}
.бл-т th[aria-sort="descending"]::after,.бл-т th[aria-sort="ascending"]::after{color:var(--нв-окр)}
.бл-т td.рк,.бл-т th.рк{width:44px;min-width:44px;text-align:right;color:var(--бледно);font:500 14.5px/1 var(--ui)!important}
.бл-т td.имя .бл-кто-т{flex-direction:row;align-items:center;gap:8px}
.бл-т td.имя .бл-кто-т > b{white-space:nowrap}
.бл-спит{font:500 12.5px/1.5 var(--ui);color:var(--тихо);border:1px solid var(--кант);border-radius:5px;padding:0 6px;flex:none}
.бл-т td.бл-рк1,.бл-т td.бл-пос1{white-space:nowrap;min-width:0}
.бл-т td.бл-рк1 > .мелко{display:inline-block!important;margin:0 0 0 8px!important;max-width:130px;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;font-size:14px!important}
.бл-т td.бл-пос1 > .бл-ч{margin-right:10px;font-weight:500;color:var(--второй)}
.бл-т td.бл-пос1 > .бл-блок,.бл-т td.бл-пос1 > .мелко{display:inline-flex!important;margin:0!important;vertical-align:middle}
.бл-т td.бл-пос1 .бл-рекл-сп{flex-wrap:nowrap}
.бл-т td.бл-пос1 .бл-рекл{white-space:nowrap!important;overflow-wrap:normal!important;flex-wrap:nowrap!important;flex:none;max-width:160px;overflow:hidden}
.бл-т td.бл-пос1 .бл-рекл .н{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.бл-т td.бл-пос1 .бл-рекл .где{flex:none}
.бл-т td.рекл{min-width:0}
.бл-т td.ролик{min-width:220px}
.бл-т tbody tr.бл-р.открыта > td{background:color-mix(in srgb,var(--нв-окр) 8%,var(--панель))!important}

/* закреплённые # и имя — сплошной фон своей строки (с учётом зебры) */
.бл-т td.имя{background:var(--панель)}
.бл-т tbody tr:nth-child(even of :not(.раскрытие)) > td.имя,.бл-т tbody tr:nth-child(even of :not(.раскрытие)) > td.рк{background:color-mix(in srgb,#fff 2.2%,var(--панель))}
:root[data-тема="светлая"] .бл-т tbody tr:nth-child(even of :not(.раскрытие)) > td.имя,
:root[data-тема="светлая"] .бл-т tbody tr:nth-child(even of :not(.раскрытие)) > td.рк{background:color-mix(in srgb,#0f172a 2.2%,var(--панель))}
.бл-т td.рк{position:sticky;left:0;z-index:1;background:var(--панель)}
.бл-т td.рк ~ td.имя,.бл-т th.рк ~ th.имя{position:sticky;left:44px;z-index:1}
.бл-т tbody tr.бл-р:hover > td.имя,.бл-т tbody tr.бл-р:hover > td.рк{background:var(--нв-ховер)!important}

@media(min-width:901px){
  .бл-т th,.бл-т td{padding-left:11px!important;padding-right:11px!important}
  .бл-т td.имя{max-width:220px!important;min-width:0!important}
  .бл-т td.шеврон-я{padding-right:8px!important}
}
@media(max-width:1500px) and (min-width:901px){.бл-т th.тел-нет,.бл-т td.тел-нет{display:none}}
@media(max-width:1300px) and (min-width:901px){
  .бл-т td.бл-рк1 > .мелко:not(.бл-наша){display:none!important}
  .бл-т td.имя{max-width:165px!important}
}
@media(max-width:1180px) and (min-width:901px){
  .бл-т td.бл-пос1 .бл-рекл .где{display:none}
  .бл-т td.бл-пос1 .бл-рекл{max-width:120px}
  .бл-т td.бл-пос1 > .бл-ч{margin-right:6px}
}
@media(max-width:900px){
  .бл-т td.рк,.бл-т th.рк,.бл-т tbody tr.бл-р > td.рк{display:none!important}
  .бл-т tbody tr.бл-р > td.имя{grid-column:1/6!important;order:0!important}
  .бл-т tbody tr.бл-р > td{height:auto;border-left:0}
  .бл-т td.бл-рк1,.бл-т td.бл-пос1{white-space:normal}
  .бл-т td.бл-пос1 .бл-рекл-сп{flex-wrap:wrap;max-width:100%}
  .бл-т td.бл-пос1 > .бл-блок{max-width:100%;min-width:0;flex-wrap:wrap}
  .бл-т td.бл-пос1 .бл-рекл{max-width:100%}
  .бл-т td.рк ~ td.имя,.бл-т th.рк ~ th.имя{left:0}
  .бл-т tbody tr.бл-р > td.имя,.бл-т tbody tr.бл-р:nth-child(n) > td.имя{background:transparent!important;position:static}
}

/* ════ 12. Телефон ════ */
@media(max-width:640px){
  .карта{padding:12px 14px 14px}
  .карта > h3:first-child{margin:-12px -14px 4px;padding:9px 14px}
  .карта > h3{flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;text-align:left!important}
  .карта > h3 > span:not(.бл-h3):not(.бо-стрелки){flex-basis:100%;text-align:left}
  .бо-неделя > h3 > .бо-стрелки{margin-left:auto}
  .плитка{padding:12px 13px 11px}
  .тройка > div{padding:0 9px}
  .тройка .с{font-size:23px}
  .тройка .б{font-size:16.5px}
  .герой-число .огромное{font-size:55px}
  .раздел-шапка h2{font-size:21px!important}
  .сегмент{gap:0 18px!important;flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none}
  .сегмент::-webkit-scrollbar{display:none}
  .сегмент button{font-size:15.5px!important}
  .бл-гр{flex-wrap:nowrap!important;justify-content:flex-start!important;overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain;max-width:100%}
  .бл-гр::-webkit-scrollbar{display:none}
  .бл-гр button{flex:none}
  .бл-дет-п span{max-width:120px}
  .бл-доли-сп > div{grid-template-columns:10px minmax(0,1fr) auto 40px}
  .бл-доли-сп .к{display:none}
  .герой-рейтинг li,.рейт-шапка{grid-template-columns:18px minmax(0,1fr) 52px 54px 70px!important;column-gap:8px!important}
  th + th,td + td{border-left:0}
}

/* ════ 13. Сохранено из прежней редакции (поведение, не вид) ════ */
.карта > h3.второй-h3{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:2px 10px}
.бл-список-кн,.карта > h3:first-child + .ролики{margin-top:0;padding-top:0}
.бл-раздел > * + *{margin-top:14px}
.бл-т td.имя .бл-кто-т > b{overflow:hidden;text-overflow:ellipsis}
.бл-т td.бл-пос1 .бл-блок{max-width:100%}
.бл-к .бл-дет .бл-ава{--ава:30px}
.бл-т tbody tr.бл-р.открыта > td.имя{background:color-mix(in srgb,var(--нв-окр) 8%,var(--панель))!important}
.бл-т tr.наш > td.имя,.бл-т tr.наш > td.рк{background:color-mix(in srgb,var(--наш) 11%,var(--панель))!important}
@media(max-width:640px){
  .бл-сегмент{flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain}
  .бл-сегмент::-webkit-scrollbar{display:none}
}

/* ════ 14. 09.10: панель над таблицей, улика, рынок RU · EU ════
   Панель — одна строка: поиск слева, справа СПМ + «i» + «Скачать .md»; отбор — вкладками под ней.
   Ячейка рекламы — две строки: проект · место · дата и цитата-улика в одну строку с многоточием. */
.бл-панель{display:flex;align-items:center;gap:10px 12px;flex-wrap:wrap}
.бл-панель > .бл-поиск{flex:1 1 280px;max-width:420px;margin:0!important}
.бл-панель-пр{display:flex;align-items:center;gap:8px;margin-left:auto}
.бл-панель .бл-поле{height:42px;background:var(--панель);border-radius:var(--радиус-м);font:500 15px/1 var(--ui);color:var(--тихо)}
.бл-панель .бл-поле input{width:64px;font:600 15.5px/1 var(--ui)}
.бл-md{height:42px;padding:0 14px!important;border-radius:var(--радиус-м)!important;font:600 15px/1 var(--ui)!important;white-space:nowrap}
.карта > .бл-панель + .бл-фильтры{margin-top:12px}
.карта > .бл-фильтры + .бл-итог-строка,.карта > .бл-дельта + .бл-итог-строка{margin-top:12px}
.бл-итог-строка .бл-кн-мал{margin-left:10px}
.бл-мера{gap:8px 18px}
.бл-черта{width:1px;height:22px;background:var(--кант);align-self:center}
.бо-плитки{grid-template-columns:repeat(2,minmax(0,1fr))!important}
@media(min-width:900px){.бл-л-плитки{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
.бл-доли .ост{background:var(--панель-3)}

/* рынок — маленький сегмент справа от вкладок */
.период-в{flex-wrap:nowrap}
.бл-рынок{display:inline-flex;gap:2px;padding:2px;margin-left:auto;flex:none;background:var(--панель);border:1px solid var(--кант);border-radius:var(--радиус-м)}
.бл-рынок button{appearance:none;border:0;background:none;color:var(--тихо);font:600 14px/1 var(--mono,var(--ui));letter-spacing:.04em;height:30px;min-width:40px;padding:0 10px;border-radius:7px;cursor:pointer}
.бл-рынок button:hover{color:var(--текст)}
.бл-рынок button[aria-pressed="true"]{background:var(--панель-3);color:var(--текст);box-shadow:inset 0 0 0 1px var(--кант-2)}
.бл-рынок button:focus-visible{outline:2px solid var(--нв-окр);outline-offset:1px}
.бл-рынок[hidden]{display:none}

/* таблица блогеров: имя в две строки (имя + метки / связь или подписчики) */
.бл-т-список td.имя .бл-кто-т{flex-direction:column!important;align-items:flex-start!important;gap:1px!important}
.бл-имя-р{display:flex;align-items:center;gap:6px;min-width:0;max-width:100%}
.бл-имя-р > b{font:600 15.5px/1.3 var(--ui);color:var(--текст);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.бл-т td.имя .мелко{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.бл-т td.имя .бл-связь{color:var(--второй)!important;font-weight:500!important}
.бл-т tbody tr.бл-р > td{height:56px}
.бл-т-список th.бл-ул-к{min-width:260px}
.бл-ул-к{max-width:340px;min-width:0}
.бл-ул-верх{display:flex;align-items:center;gap:8px;min-width:0}
.бл-ул-верх .бл-рекл{max-width:240px;overflow:hidden;flex-wrap:nowrap!important;white-space:nowrap!important}
.бл-ул-верх .бл-рекл .н{min-width:0;overflow:hidden;text-overflow:ellipsis}
.бл-ул-верх .бл-рекл .где{flex:none}
.бл-ул-д{font:500 14px/1 var(--ui);color:var(--второй);font-variant-numeric:tabular-nums;flex:none}
.бл-цит{display:block;margin-top:4px;font:400 13px/1.35 var(--ui);color:var(--тихо);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:340px}
.бл-пос-к{white-space:nowrap}
.бл-пос-к .бл-ч{display:block;font:500 15px/1.3 var(--ui);color:var(--текст)}
.бл-пос-к .мелко{display:block;font:400 13px/1.35 var(--ui)!important;color:var(--тихо)}
.бл-т-лента td.бл-ул-к{max-width:380px}

/* улика в раскрытии: проект, место, дата, цитата, ссылка на ролик */
.бл-улика{margin:12px 0 4px;padding:12px 14px;border:1px solid var(--кант);border-left:3px solid var(--беда);border-radius:var(--радиус-м);background:var(--панель-2)}
.бл-улика.наш{border-left-color:var(--наш,#3987e5)}
.бл-улика-з{margin:0 0 6px;display:flex;align-items:center;flex-wrap:wrap;gap:4px 6px;font:500 15px/1.4 var(--ui);color:var(--второй)}
.бл-улика-з b{color:var(--текст);font-weight:600}
.бл-улика blockquote{margin:0 0 8px;padding:0;font:400 15px/1.55 var(--ui);color:var(--текст);overflow-wrap:anywhere;max-width:90ch}
.бл-улика .бл-ссылка{font:500 14.5px/1.4 var(--ui)}
.бл-улика .бл-итог-строка{margin:8px 0 0}
.бл-слабые .чип{color:var(--тихо)}

@media(max-width:900px){
  .бл-ул-к,.бл-цит,.бл-т-лента td.бл-ул-к{max-width:none}
  .бл-т tbody tr.бл-р > td.бл-ул-к{grid-column:1/-1}
  .бл-т tbody tr.бл-р > td{height:auto}
  .бл-цит{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
}
@media(max-width:640px){
  .бл-панель > .бл-поиск{flex-basis:100%;max-width:none}
  .бл-панель-пр{margin-left:0;width:100%}
  .бл-панель-пр .бл-md{margin-left:auto}
  .бл-мера{flex-wrap:wrap}
  .бл-черта{display:none}
  .бл-мера .бл-гр{width:auto}
  .бл-рынок button{min-width:34px;padding:0 8px;height:28px}
}
.период-в > .бл-сегмент{flex:1 1 auto;min-width:0!important}
.бо-плитки .тройка .д,.бл-л-плитки .тройка .д{contain:none}
@media(min-width:901px){.бл-т-список td.имя{max-width:250px!important}}
@media(max-width:900px){.бл-т tbody tr.бл-р > td.ул-нет{display:none}}
/* 09.10 (скрин владельца): общий .бары{gap:0!important} гасил промежуток колонок — цифра левой колонки упиралась в аватар правой */
@media(min-width:1000px){.бл-2кол .бары{column-gap:56px!important}}

/* ── 15. Модалка блогера (09.10): цифры → улика → 5 последних роликов + «ещё» ── */
.бл-модалка-б{width:min(720px,calc(100vw - 24px))}
.бл-модалка-б .бл-модалка-шапка{padding:16px 18px 14px;border-bottom:1px solid var(--кант-мягко)}
.бл-м-заг{display:flex!important;align-items:center;gap:12px;font:600 18.5px/1.3 var(--ui)!important}
.бл-м-заг .бл-ава-м{--ава:40px;flex:none}
.бл-м-имя{display:inline-flex;align-items:center;gap:8px;min-width:0;flex-wrap:wrap}
.бл-м-имя b{font-weight:600;overflow-wrap:anywhere}
.бл-модалка-б .бл-модалка-под{margin:6px 0 0 52px;line-height:1.45}
.бл-модалка-б .бл-модалка-тело{gap:16px;overflow:auto;max-height:calc(100dvh - 140px)}
.бл-м-цифры{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));border:1px solid var(--кант-мягко);border-radius:var(--радиус-м)}
.бл-м-ц{display:flex;flex-direction:column;gap:3px;padding:10px 14px;border-left:1px solid var(--кант-мягко);min-width:0}
.бл-м-ц:first-child{border-left:0}
.бл-м-ц .п{font:500 13px/1.3 var(--ui);color:var(--тихо)}
.бл-м-ц b{font:600 18.5px/1.2 var(--ui);font-variant-numeric:tabular-nums;color:var(--текст)}
.бл-м-ц .д{font:400 13px/1.3 var(--ui);color:var(--бледно)}
.бл-модалка-б h4{margin:0 0 -6px;font:600 14.5px/1.3 var(--ui);color:var(--второй)}
.бл-модалка-б ul.ролики{margin:0;gap:0}
.бл-модалка-б ul.ролики li{padding:9px 0 9px 14px;border-top:1px solid var(--кант-мягко)}
.бл-модалка-б ul.ролики li:first-child{border-top:0}
.бл-модалка-б ul.ролики li::before{top:16px}
.бл-модалка-б ul.ролики li.наш::before{background:var(--акцент)}
.бл-модалка-б ul.ролики li.конк::before{background:#c3cad4}
.бл-модалка-б ul.ролики .назв{appearance:none;background:none;border:0;padding:0;font:500 15.5px/1.4 var(--ui);color:var(--текст);text-align:left;cursor:pointer;
  border-bottom:0;display:inline;overflow-wrap:anywhere}
.бл-модалка-б ul.ролики .назв:hover{color:#8fbcf3}
.бл-модалка-б ul.ролики .мелко{margin-top:2px}
.бл-модалка-б ul.ролики .бл-блок{display:flex;margin-top:6px}
.бл-модалка-б .ещё{margin-top:2px}
.бл-ф{display:inline-block;margin-left:8px;padding:1px 6px;border-radius:5px;font:500 12px/1.5 var(--ui);color:var(--тихо);box-shadow:inset 0 0 0 1px var(--кант-2);vertical-align:1px}
.бл-модалка-б .бл-улика{margin:0}
.бл-м-слаб{margin:0}
.бл-площ{margin-left:auto}
.бл-площ + .бл-рынок{margin-left:8px}
.бл-т-список tbody tr.бл-р{cursor:pointer}
@media(max-width:640px){
  .бл-модалка-б{width:100vw;max-width:100vw;max-height:100dvh;height:100dvh;margin:0;border-radius:0;border:0}
  .бл-модалка-б .бл-модалка-тело{max-height:calc(100dvh - 120px)}
  .бл-модалка-б .бл-модалка-под{margin-left:0}
  .бл-м-цифры{grid-template-columns:1fr 1fr}
  .бл-м-ц:nth-child(odd){border-left:0}
  .бл-м-ц:nth-child(n+3){border-top:1px solid var(--кант-мягко)}
}
.бл-модалка-б:focus{outline:none}
.бл-т-список td.шеврон-я svg{transform:rotate(-90deg)}
.бл-пер{margin:-4px 0 12px}

/* ── 16. Тише (09.10, владелец: «очень много шума под видом дизайна в рынке, продукте и т.д.») ──
   Разделитель у таблицы один — линия между строками; зебра и вертикали колонок убраны. Сверка «всё сошлось» —
   тихая строка с зелёной галкой, громкой остаётся только проблема. Тепловые плашки когорт — просто числа, «рано» бледно.
   Внутренние черты плиток убраны: группировку держат отступы. */
tbody tr:nth-child(even of :not(.раскрытие)) > td{background:none}
th + th,td + td{border-left:1px solid var(--линия-кол)}  /* 28.10 владелец: «сеткой как в экселе» — вертикали вернул (09.10 были убраны) */
.вал-отметка.ок{background:none!important;border-color:transparent!important;color:var(--тихо)!important;padding-left:0;padding-right:0}
.вал-отметка.ок .вал-и{color:var(--вал-ок)}
.вал-отметка.ок:hover{color:var(--второй)!important}
td.тепло span{background:none!important;padding:0!important;min-width:0!important;font-weight:500!important;color:var(--текст)}
td.рано span{color:var(--бледно);font-weight:400}
.плитка .пояснение{border-top:0;padding-top:2px}
@container (max-width:300px){
  .тройка > div:nth-child(3):last-child{border-top:0;padding-top:0;margin-top:10px}
}
.бар .имя small.серв{font-weight:400!important;letter-spacing:0!important;text-transform:none!important;color:var(--бледно)!important}
.нв-окр-карта{display:none!important}

/* ── 17. Рынок карточками (09.10, владелец: «рынок собрать в аккуратные карточки, данные выглядят шумно») ──
   Таблица «Мы против рынка» → сетка проектов в одной карте: ячейка = имя · «Стало» крупно + «Изм.» плашкой ·
   «было» мелко · тонкая полоса доли. Рамки ячеек — линиями сетки, без карт в карте. Колонки во всех вкладках одни и те же
   (Проект · Было · Стало · Изм. · полоса), поэтому раскладка по позиции безопасна. «Мы и рынок» — та же сетка из групп;
   раскрытая группа показывает состав списком под рядом карточек (grid dense: остальные группы остаются в первом ряду). */
#п-рынок-колонки,#п-опоры-колонки,#п-рынок-шапка,#п-опоры-шапка{display:none}
#п-рынок .рынок-т,#п-опоры .рынок-т,.опоры-т{display:block;table-layout:auto}
#п-рынок-тело,#п-опоры-тело{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row dense;
  border:1px solid var(--кант-мягко);border-radius:var(--радиус-м);overflow:hidden;background:var(--панель)}
@media(min-width:1180px){#п-рынок-тело,#п-опоры-тело{grid-template-columns:repeat(5,minmax(0,1fr))}}
#п-рынок-тело > tr,#п-опоры-тело > tr:not(.член){display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;
  grid-template-areas:"имя имя" "с и" "б б" "пол пол";row-gap:4px;column-gap:8px;padding:12px 14px 13px;height:auto!important;
  box-shadow:1px 0 0 var(--кант-мягко),0 1px 0 var(--кант-мягко);min-width:0}
#п-рынок-тело > tr > td,#п-опоры-тело > tr > td{display:block;height:auto!important;padding:0!important;border:0!important;background:none!important;
  text-align:left!important;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#п-рынок-тело > tr > td.имя,#п-опоры-тело > tr:not(.член) > td.имя{grid-area:имя;font:500 15px/1.35 var(--ui)!important;color:var(--второй);margin-bottom:4px}
#п-рынок-тело > tr > td:nth-child(2),#п-опоры-тело > tr:not(.член) > td:nth-child(2){grid-area:б;font:400 13px/1.3 var(--ui)!important;color:var(--тихо)}
#п-рынок-тело > tr > td:nth-child(2)::before,#п-опоры-тело > tr:not(.член) > td:nth-child(2)::before{content:"было "}
#п-рынок-тело > tr > td:nth-child(3),#п-опоры-тело > tr:not(.член) > td:nth-child(3){grid-area:с;font:600 24px/1.15 var(--ui)!important;letter-spacing:-.01em;color:var(--текст)}
#п-рынок-тело > tr > td:nth-child(4),#п-опоры-тело > tr:not(.член) > td:nth-child(4){grid-area:и;justify-self:end;overflow:visible}
#п-рынок-тело > tr > td.полоса-кол{grid-area:пол;display:block!important;margin-top:6px}
#п-опоры-тело > tr > td.полоса-кол{display:none!important}
.рынок-т.одно #п-рынок-тело > tr > td:nth-child(2){grid-area:с;font:600 24px/1.15 var(--ui)!important;color:var(--текст)}
.рынок-т.одно #п-рынок-тело > tr > td:nth-child(2)::before{content:none}
/* «Изм.» в ячейке — плашка цвета смысла, как в плитках; пустое «—» и пометки — тихим текстом */
#п-рынок-тело td .изм,#п-опоры-тело > tr:not(.член) td .изм{display:inline-flex;align-items:center;gap:2px;padding:2px 7px;border-radius:6px;
  font:600 14px/1.35 var(--ui);background:color-mix(in srgb,currentColor 13%,transparent)}
#п-рынок-тело td .изм.нет,#п-опоры-тело td .изм.нет{background:none;padding:0}
#п-рынок-тело td.пом,#п-опоры-тело td.пом{font:500 13px/1.3 var(--ui)!important;color:var(--тихо)}
/* полоса доли — тонкая, без цветного квадрата у имени: цвет проекта несёт сама полоса */
#п-рынок-тело td .полоска{height:3px!important;border-radius:2px;background:var(--панель-3)!important}
#п-рынок-тело td .полоска i{border-radius:2px}
#п-рынок-тело td.имя .кв{display:none}
#п-рынок-тело .скрыто-составы{display:block;margin:2px 0 0;font:400 12.5px/1.3 var(--ui);color:var(--бледно);white-space:normal}
/* наш проект — подложка акцента, без цветной рамки */
#п-рынок-тело > tr.наш,#п-опоры-тело > tr.наш:not(.член){background:color-mix(in srgb,var(--акцент) 9%,var(--панель))}
#п-рынок-тело > tr.наш > td.имя{color:var(--текст);font-weight:600!important}
#п-рынок-тело > tr:hover,#п-опоры-тело > tr:not(.член):hover{background:color-mix(in srgb,var(--текст) 3%,var(--панель))}
/* «Мы и рынок»: кнопка группы — имя ячейки; раскрытый состав — строки на всю ширину под рядом групп */
#п-опоры-тело .гр-кн{font:inherit!important;color:inherit;padding:0!important;max-width:100%;overflow:hidden;text-overflow:ellipsis}
#п-опоры-тело > tr.открыта{background:color-mix(in srgb,var(--текст) 4%,var(--панель))}
#п-опоры-тело > tr.член{display:grid;grid-column:1/-1;grid-template-columns:minmax(0,1fr) 7em 7em 7em;align-items:center;column-gap:12px;
  padding:7px 14px;background:var(--панель-2);box-shadow:0 1px 0 var(--кант-мягко);height:auto!important}
#п-опоры-тело > tr.член > td{font:500 14.5px/1.35 var(--ui)!important}
#п-опоры-тело > tr.член > td:nth-child(n+2){text-align:right!important;font-variant-numeric:tabular-nums}
#п-опоры-тело > tr.член > td:nth-child(2){color:var(--тихо)}
#п-опоры-тело > tr.член > td.полоса-кол{display:none!important}
#п-опоры-тело > tr.член.наш{background:color-mix(in srgb,var(--акцент) 9%,var(--панель-2))}
.опоры-карта > h3{margin-bottom:10px}
/* миграция: строка в одну линию — имя · короткая полоса · число и доля; пометка проекта — тихо под именем */
.бары.мигр .бар{grid-template-columns:minmax(0,1fr) minmax(90px,30%) 118px!important;column-gap:14px!important;padding:7px 0!important;align-items:center!important}
.бары.мигр .бар .имя{grid-column:1;grid-row:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.бары.мигр .бар .имя small.серв{display:block;margin:1px 0 0;font-size:12.5px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.бары.мигр .бар .желоб{grid-column:2;grid-row:1;height:4px!important;margin:0!important}
.бары.мигр .бар .числа{grid-column:3;grid-row:1;justify-content:flex-end}
.бары.мигр .бар .числа > *{min-width:0}
.бары.мигр .бар .числа .тихо{min-width:52px;padding-left:10px}
@media(max-width:640px){
  #п-рынок-тело > tr,#п-опоры-тело > tr:not(.член){padding:10px 12px}
  #п-рынок-тело > tr > td:nth-child(3),#п-опоры-тело > tr:not(.член) > td:nth-child(3){font-size:21px!important}
  #п-опоры-тело > tr.член{grid-template-columns:minmax(0,1fr) 4.6em 4.6em 5.4em;column-gap:6px;padding:7px 12px}
  .бары.мигр .бар{grid-template-columns:minmax(0,1fr) 54px 100px!important;column-gap:10px!important}
}
#п-рынок-тело > tr > td,#п-опоры-тело > tr > td{box-shadow:none!important;border-radius:0!important}
#п-рынок-тело > tr > td .изм.нет,#п-опоры-тело > tr > td .изм.нет{background:none;padding:0;color:var(--бледно)}

/* ── 18. Рынок: четыре показателя сразу — карточки 2×2 с компактной таблицей (09.10 v2, владелец: «не в таком формате
   карточки рынок»). period.js (тестовая копия) переносит шапку, строки проектов и групп в table.рм-т своей карточки. ── */
.рм-вкл #п-рынок-вкладки,.рм-вкл > table.рынок-т,.рм-вкл #п-рынок-вар,.рм-вкл #п-рынок-сноска,#п-опоры-сноска{display:none!important}
.рынок-карта.рм-вкл{background:none!important;border:0!important;box-shadow:none!important;padding:0!important}
.рм-вкл .рынок-упр{justify-content:flex-end;padding:0 0 10px}
.рм-все{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;align-items:start}
@media(min-width:1100px){.рм-все{grid-template-columns:repeat(2,minmax(0,1fr))}}
.рм-блок{min-width:0;background:var(--панель);border:1px solid var(--кант);border-radius:12px;padding:14px 16px 8px}
.рм-шапка{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:0 0 8px}
.рм-шапка h3{margin:0;font:600 16.5px/1.3 var(--ui);color:var(--текст)}
.рм-упр{display:flex;gap:8px;flex-wrap:wrap}
.рм-упр .вар-гр{margin:0}
.рм-блок .прокрутка{margin:0!important;padding:0!important;border:0!important;background:none!important}
.рм-все > .рм-блок{margin:0!important}
.рм-т{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.рм-т thead th{font:500 12.5px/1.3 var(--ui)!important;color:var(--тихо)!important;text-transform:none!important;letter-spacing:0!important;
  padding:6px 8px!important;border-bottom:1px solid var(--кант)!important;background:none!important;white-space:nowrap}
.рм-т td{padding:7px 8px!important;border-bottom:1px solid var(--кант-мягко)!important;background:none!important;box-shadow:none!important;
  font:500 14.5px/1.3 var(--ui)!important;vertical-align:middle!important}
.рм-т th:first-child,.рм-т td:first-child{padding-left:0!important}
.рм-т th:last-child,.рм-т td:last-child{padding-right:0!important}
.рм-т td.ч{text-align:right;white-space:nowrap}
.рм-т td.ч.мягко{color:var(--тихо)!important;font-weight:400!important}
.рм-т tr > td:nth-child(3){font-weight:600!important;color:var(--текст)}
.рм-т td.пом{color:var(--тихо)!important;font-size:13px!important;font-weight:400!important}
.рм-т td.пом[colspan]{text-align:right}
.рм-т td.имя{color:var(--второй);max-width:0;width:40%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.рм-т td.имя .кв{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:8px;vertical-align:1px}
.рм-т td.имя .скр-тег{display:block;margin:1px 0 0 16px;padding:0!important;background:none!important;border:0!important;
  font:400 12px/1.3 var(--ui)!important;color:var(--бледно)!important}
.рм-т td .изм{background:none!important;padding:0!important;font:600 14px/1.3 var(--ui)!important;display:inline-flex;align-items:center;gap:2px}
.рм-т td .изм svg{width:11px;height:11px}
.рм-т td .изм.нет{color:var(--бледно)}
.рм-т td.полоса-кол{width:72px}
.рм-т td.полоса-кол .полоска{height:4px;border-radius:2px;background:var(--кант-мягко);overflow:hidden}
.рм-т td.полоса-кол .полоска i{display:block;height:100%;border-radius:2px}
.рм-т tr.наш > td{background:color-mix(in srgb,var(--акцент) 10%,transparent)!important}
.рм-т tr.наш > td.имя{color:var(--текст);font-weight:600!important}
.рм-т tr.наш > td:first-child{box-shadow:inset 2px 0 0 var(--акцент)!important;padding-left:8px!important}
.рм-т tbody.рм-разд td{font:600 12px/1.3 var(--ui)!important;letter-spacing:.06em;text-transform:uppercase;color:var(--тихо)!important;
  padding:14px 0 6px!important;border-bottom:1px solid var(--кант)!important}
.рм-т tbody > tr:last-child > td{border-bottom:0!important}
.рм-т tbody.рм-проекты > tr:last-child > td{border-bottom:1px solid var(--кант-мягко)!important}
.рм-группы .гр-кн{font:inherit!important;color:inherit;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;
  border-radius:0!important;cursor:pointer;text-align:left;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.рм-группы .гр-кн:hover{color:var(--текст)}
.рм-группы .гр-кн:focus-visible{outline:2px solid var(--акцент);outline-offset:2px}
.рм-группы tr.член > td{font-size:14px!important;background:color-mix(in srgb,var(--текст) 2.5%,transparent)!important}
.рм-группы tr.член > td.имя{padding-left:16px!important;color:var(--тихо)}
.рм-группы tr.член.наш > td{background:color-mix(in srgb,var(--акцент) 9%,transparent)!important}
@media(max-width:699px){
  .рм-блок{padding:12px 12px 6px}
  .рм-т td.полоса-кол,.рм-т th:nth-child(5),.рм-т col:nth-child(5){display:none}
  .рм-т td.имя{width:auto}
}

/* ── 19. Обзор «Блогеров»: без «Состояния данных» (09.10) — два столбца одной высоты: состав · хронология ── */
@media(min-width:1100px){.бо-ряд3{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr)!important}}
@media(min-width:700px) and (max-width:1099px){.бо-ряд3 > .карта:last-child{grid-column:auto!important}}
.бо-ряд3{align-items:stretch!important}
.бо-ряд3 > .карта:first-child{display:flex;flex-direction:column}
.бо-ряд3 > .карта:first-child .бо-с-обёртка{flex:1;align-items:center}
.бо-ряд3 > .карта:first-child .бо-доля{margin-top:auto}
.бо-хрон{columns:2 260px;column-gap:28px}
.бо-хрон > li{break-inside:avoid}
/* плитки «Наши выходы / Выходы конкурентов»: график справа от тройки, а не под ней (09.10: «место не занято») */
@media(min-width:900px){
  .бо-плитка{display:grid!important;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto 1fr auto;column-gap:28px;align-items:end}
  .бо-плитка > .метка{grid-column:1 / -1}
  .бо-плитка > .тройка{grid-column:1;grid-row:2 / 4;align-self:end}
  .бо-плитка > .бо-спарк{grid-column:2;grid-row:2;height:56px!important;width:100%;margin:0!important;align-self:end}
  .бо-плитка > .бо-под{grid-column:2;grid-row:3;margin:6px 0 0!important;text-align:right}
}
/* «Состав за период»: бублик слева, справа легенда и «Наша доля» */
.бо-с-прав{flex:1;min-width:0;display:flex;flex-direction:column;gap:14px}
.бо-с-прав .бо-состав{flex:none}
.бо-с-прав .бо-доля{margin:0!important;padding-top:12px;border-top:1px solid var(--кант-мягко)}
.бо-ряд3 > .карта:first-child .бо-с-обёртка{align-items:center}
/* миграция: разбивка «не найдены у конкурентов» (тест 09.10) */
.рз-разб{margin:2px 0 4px;padding:10px 12px 12px;border-radius:8px;background:var(--панель-2)}
.рз-заг{margin:0 0 6px;font:500 12.5px/1.3 var(--ui);color:var(--тихо)}
.рз-ряд{display:grid;grid-template-columns:minmax(0,1fr) minmax(60px,26%) 64px 48px;align-items:center;column-gap:12px;padding:4px 0;font:500 14px/1.35 var(--ui)}
.рз-имя{min-width:0;color:var(--второй)}
.рз-имя small{display:block;font-size:12px;color:var(--бледно);font-weight:400}
.рз-ж{height:4px;border-radius:2px;background:var(--панель-3);overflow:hidden}
.рз-ж i{display:block;height:100%;background:var(--тихо);border-radius:2px}
.рз-ряд b{text-align:right;font-variant-numeric:tabular-nums;color:var(--текст)}
.рз-д{text-align:right;color:var(--тихо);font-variant-numeric:tabular-nums}
.рз-пояс{margin:8px 0 0;font:400 12.5px/1.45 var(--ui);color:var(--тихо)}
/* «Ролики по неделям»: график тянется на высоту ряда (09.10: «место не занято») */
.бо-нед-карта{display:flex;flex-direction:column}
.бо-нед-карта > .график{flex:1 1 auto;min-height:300px;height:auto!important}
.бл-копится{display:block;font:400 12px/1.3 var(--ui);color:var(--бледно);margin-top:2px}

/* ── 20. Ровно (09.10, владелец: «криво … везде пройдись, чтобы ровненько»): зебра оставалась только в закреплённых
   колонках (№, Блогер) — ступенька фона посреди строки. Фон закреплённых = фон таблицы; наведение и «наш» — на всю строку. ── */
.бл-т tbody tr > td.имя,.бл-т tbody tr > td.рк{background:var(--панель)!important}
.бл-т td.имя,.бл-т th.имя{box-shadow:none!important}

.бл-т tbody tr.бл-р:hover > td,.бл-т tbody tr.бл-р:hover > td.имя,.бл-т tbody tr.бл-р:hover > td.рк{background:var(--нв-ховер)!important}
.бл-т tbody tr.наш > td,.бл-т tbody tr.наш > td.имя,.бл-т tbody tr.наш > td.рк{background:color-mix(in srgb,var(--наш) 11%,var(--панель))!important}
.бл-т tbody tr.бл-р.открыта > td,.бл-т tbody tr.бл-р.открыта > td.имя,.бл-т tbody tr.бл-р.открыта > td.рк{background:color-mix(in srgb,var(--нв-окр) 8%,var(--панель))!important}

/* «Было · Стало · Изм.»: колонки долями, а не по ширине «было» — «Стало» в соседних плитках начинается с одной линии;
   строки общие (subgrid): подпись, число и дата в трёх колонках на одной высоте; даты переносятся, а не режутся */
.тройка:not(.одна){grid-template-columns:minmax(max-content,1fr) minmax(max-content,1.25fr) minmax(max-content,1fr);grid-template-rows:auto auto auto}
.тройка:not(.одна) > div{display:grid;grid-row:span 3;grid-template-rows:subgrid;row-gap:3px;align-content:start}
.тройка:not(.одна) > div > :nth-child(2){align-self:end;justify-self:start}
.тройка .д{white-space:normal;text-overflow:clip}
@container (max-width:300px){
  .тройка:not(.одна){grid-template-columns:minmax(max-content,1fr) minmax(max-content,1.3fr);grid-template-rows:auto auto auto auto}
  .тройка:not(.одна) > div:nth-child(3):last-child{display:flex;grid-row:4;grid-template-rows:none}
}

/* заголовок раздела с пометкой «выбор периода не влияет»: пометка в строку с заголовком, «Сверено» — сразу за ней */
.раздел-шапка h2 .вне-периода{display:inline;margin:0 0 0 10px}
.раздел-шапка{align-items:center}

/* метка «реклама» в строке проекта — на одной линии с именем */
td.имя > details.в-ячейке,td.имя > .метка-реклама{vertical-align:middle}

/* Продукт › Удержание: «По неделям» оставалась одна в полряда — ставим справа на высоту двух карточек */
@media(min-width:900px){
  .ряд-2:has(> #недели-карта) > .карта:not(.скрыто):not(#недели-карта):not(.широкая){grid-column:1}
  .ряд-2:has(> #недели-карта) > #недели-карта{grid-column:2;grid-row:1 / span 2}
}

/* график в карточке ряда тянется на всю высоту, без пустого низа рядом с высокой соседкой */
@media(min-width:900px){
  .ряд-2 > .карта > .график:not([style*=height]){flex:1 1 auto;contain:size;height:auto!important;min-height:220px}
  .ряд-2 > .карта > .график.низкий:not([style*=height]){min-height:176px}
  .бл-ряд-2 > .карта:has(> .график){display:flex;flex-direction:column}
  .бл-ряд-2 > .карта > .график{flex:1 1 auto;contain:size;height:auto!important;min-height:220px}
}

/* Поддержка: первая колонка «Тикеты по дням» без своего фона-полосы; короткие карточки по высоте содержимого */
table.пд-сетка tbody td:first-child{background:var(--панель)}
@media(min-width:1000px){
  .пд-ряд{align-items:start}
  .пд-сутки-карта{position:sticky;top:88px}
}
.пд-два{align-items:start}

/* Цели: строки карточки общие для ряда (subgrid) — длинный заголовок в одной карточке не сдвигает число и путь в соседних */
.ц-сетка > *{grid-row:span 6}
.ц-сетка > .цель:has(> footer.ц-низ:nth-child(6):last-child){display:grid;grid-template-rows:subgrid;row-gap:0;align-content:start}
.ц-сетка > .цель > .ц-тело{flex:none}
/* «Подробности» — со стрелкой и тем же отступом в карточках с «Закрыть цель» (стрелку сжимало до нуля) */
.ц-подр-кн svg{flex:none}
/* тип показателя не режется плашкой статуса */
.ц-кат{letter-spacing:.05em}
.ц-верх .ц-статус{padding:4px 7px}
/* карандаш — рядом с числом, а не у правого края */
.ц-число-кн{width:auto;align-self:flex-start}
.ц-число-кн .карандаш{margin-left:0}
/* без висячего «000» и строки таблицы целей по центру */
.цель p,.цель dt,.цель dd,.цель td{text-wrap:pretty}
.ц-тб td{vertical-align:middle}

/* Блогеры: активная вкладка не шире остальных — подписи не прыгают при переключении */
.сегмент button,.сегмент button[aria-selected="true"]{font-weight:500!important}

/* строка-бар с подписью канала: название и подпись — двумя строками, каждая со своим многоточием */
.бар .имя .бар-текст{display:flex;flex-direction:column;min-width:0;gap:1px}
.бар .имя .бар-текст > *{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0}
.бар .имя .бар-текст > .бл-под{font:400 13px/1.3 var(--ui);color:var(--тихо)}
/* подвал с «Закрыть цель»: две кнопки в ширину карточки не влезают (стрелку и счётчик сжимало) — «Закрыть цель» второй строкой справа */
.ц-низ:has(.ц-закр-кн){flex-wrap:wrap;row-gap:0}
.ц-низ:has(.ц-закр-кн) .ц-подр-кн{flex:0 0 auto}
.ц-низ:has(.ц-закр-кн) .ц-закр-кн{margin-left:auto;min-height:32px;margin-top:-6px}

/* Рынок v2 (владелец: «цифры не ровные шрифтом … в высоту не 1 размера»): все значения строки — один кегль и одна высота,
   различие только цветом и жирностью («было» тихо, «стало» жирно, «изм.» цветом) */
.рм-т td,.рм-т td.ч,.рм-т td.ч.мягко,.рм-т td.пом,.рм-т td .изм,.рм-т tr.член > td{font-size:14.5px!important;line-height:22px!important}
.рм-т td.пом,.рм-т td.ч.пом{font-weight:400!important}
.рм-т td.имя .скр-тег{font-size:12px!important;line-height:15px!important}
.рм-т td .изм svg{width:12px;height:12px}
/* «скрыто N из M» — в строку с названием, все строки таблицы одной высоты */
.рм-т td.имя{white-space:nowrap!important}
.рм-т td.имя .скр-тег{display:inline!important;white-space:nowrap!important;margin:0 0 0 6px!important;font-size:12.5px!important;line-height:22px!important}
.рм-т td.полоса-кол .полоска,.рм-т td.полоса-кол .полоска.пусто{padding:0!important;height:4px!important;margin:0!important}
.рм-т td.полоса-кол .полоска i{height:4px!important}
.рм-шапка{min-height:36px}

/* Рынок (владелец 09.10: «цифры и графики ужасно разъехались»): у всех четырёх таблиц одни колонки фиксированной ширины —
   «Было», «Стало», «Изм.» и доля стоят на одних вертикалях в соседних карточках; длинное в ячейке режется многоточием */
table.рынок-т.рм-т{display:table!important;table-layout:fixed!important;width:100%!important}
.рм-т td.имя,.рм-т th:first-child{min-width:0!important}
.рм-т col.к-б,.рм-т col.к-с{width:80px}
.рм-т col.к-и{width:92px}
.рм-т col.к-пол{width:88px}
.рм-т col.к-имя{width:auto}
.рм-т td.имя{width:auto;max-width:none}
.рм-т td.пом[colspan]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:699px){
  .рм-т col.к-б,.рм-т col.к-с{width:66px}
  .рм-т col.к-и{width:78px}
  .рм-т col.к-пол{width:0}
}
/* Миграция: полоска одной ширины во всех трёх карточках, цифры у правого края; пара карточек — по высоте содержимого */
@media(min-width:700px){
  .бары.мигр .бар{grid-template-columns:minmax(0,1fr) 160px 118px!important}
  .рз-ряд{grid-template-columns:minmax(0,1fr) 134px 64px 48px!important}
}
#миграция-карты{align-items:start}

/* Рынок v3 (09.10): три вкладки — «Онлайн и аудитория» (две карточки рядом), «Новички», «Удержание» (по одной на всю ширину) */
.рм-вкладки{grid-column:1/-1;justify-self:start;margin:0 0 2px}
.рм-все[data-вкл="оа"] > .рм-блок:not([data-пок="онлайн"]):not([data-пок="ауд"]),
.рм-все[data-вкл="нов"] > .рм-блок:not([data-пок="нов"]),
.рм-все[data-вкл="уд"] > .рм-блок:not([data-пок="уд"]){display:none}
.рм-все[data-вкл="нов"] > .рм-блок,.рм-все[data-вкл="уд"] > .рм-блок{grid-column:1/-1}
@media(min-width:700px){.рм-все[data-вкл="нов"] .рм-т col.к-пол,.рм-все[data-вкл="уд"] .рм-т col.к-пол{width:32%}}
/* «скрыто N из M» — пилюлей рядом с именем (владелец: «в пипку рядом»), не красным текстом */
.рм-т td.имя .скр-тег,.рынок-т td.имя .скр-тег{display:inline-flex!important;align-items:center;height:18px;padding:0 7px!important;margin:0 0 0 8px!important;
  border-radius:999px;background:color-mix(in srgb,var(--вниз) 14%,transparent)!important;border:1px solid color-mix(in srgb,var(--вниз) 30%,transparent)!important;
  color:var(--вниз)!important;font:600 12px/1 "IBM Plex Mono",ui-monospace,monospace!important;letter-spacing:0;white-space:nowrap!important;vertical-align:1px}
.рм-т td.имя .гр-кн{vertical-align:middle}
.рм-т td.имя .им-ряд{display:flex;align-items:center;gap:8px;min-width:0}
.рм-т td.имя .им-т{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.рм-т td.имя .им-ряд > .скр-тег{flex:none;margin:0!important;font-family:inherit!important;font-size:12px!important}
/* телефон: колонка-полоска схлопнута в ноль (display:none у col отдавал её ширину в никуда — имени оставалось 63 px) */
@media(max-width:699px){
  .рм-т col.к-б{width:58px}.рм-т col.к-с{width:62px}.рм-т col.к-и{width:78px}.рм-т col.к-пол{display:table-column!important;width:0}
  .рм-т td.полоса-кол,.рм-т thead th:last-child{display:table-cell!important;padding:0!important;width:0;font-size:0;overflow:hidden}
  .рм-т td.полоса-кол > *{display:none!important}
  .рм-т td,.рм-т thead th{padding-left:5px!important;padding-right:5px!important}
  .рм-т td.имя{padding-left:8px!important}
  .рм-т td.имя .им-ряд{flex-wrap:wrap;row-gap:3px}
}
/* группы рынка под проектами: без подписи «Рынок» в каждой карточке — двойной отступ и приглушённый тон строк */
.рм-т tbody.рм-разд td{height:10px!important;padding:0!important;border-bottom:1px solid var(--кант)!important;font-size:0!important}
.рм-т tbody.рм-группы tr > td{background:color-mix(in srgb,var(--текст) 2.5%,transparent)}
.рм-т tbody.рм-группы tr:last-child > td{border-bottom:0!important}
.рм-т tbody.рм-разд tr,.рм-т tbody.рм-разд td{height:14px!important;line-height:0!important}
@media(min-width:700px){.рм-все[data-вкл="оа"] .рм-т col.к-пол{width:68px}.рм-т col.к-б,.рм-т col.к-с{width:76px}.рм-т col.к-и{width:90px}}
@media(max-width:699px){.рм-т col.к-б{width:56px}.рм-т col.к-с{width:60px}.рм-т col.к-и{width:84px}}
.рм-т td.имя .им-ряд .гр-кн .длин{display:none}
/* миграция: пилюля «скрыто N/M» у имени — тот же вид, что в рынке */
#миграция .бар .имя .скр-тег{display:inline-flex;align-items:center;height:18px;padding:0 7px;margin-left:8px;border-radius:999px;vertical-align:1px;
  background:color-mix(in srgb,var(--вниз) 14%,transparent);border:1px solid color-mix(in srgb,var(--вниз) 30%,transparent);
  color:var(--вниз);font:600 12px/1 inherit;font-size:12px;font-weight:600;white-space:nowrap}
/* группы рынка — отдельной рамкой под таблицей проектов */
.рм-гр-рамка{margin:12px 0 8px;border:1px solid var(--кант);border-radius:10px;overflow:hidden;
  background:color-mix(in srgb,var(--текст) 3%,var(--панель))}
.рм-гр-рамка .рм-т tbody.рм-группы tr > td{background:transparent}
.рм-гр-рамка .рм-т tbody.рм-группы tr:last-child > td{border-bottom:0!important}
.рм-т tbody.рм-проекты tr:last-child > td{border-bottom:0!important}
/* «Ушли и не вернулись» (владелец, скрин 293: «хуево показано»): на широком экране не одна лента через всю ширину с пустой
   серединой, а две колонки — слева проекты (с «ещё»), справа «куда делись остальные» (не найдены, другие, аим, режимы) */
@media(min-width:1100px){
  #отток-блок > .карта:has(> .бары.мигр.свод){display:grid!important;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);column-gap:0;align-items:start}
  #отток-блок > .карта:has(> .бары.мигр.свод) > h3,#отток-блок > .карта:has(> .бары.мигр.свод) > p.низ{grid-column:1/-1}
  #отток-блок > .карта:has(> .бары.мигр.свод) > .бары.мигр:not(.свод){grid-column:1;grid-row:3;padding-right:24px!important}
  #отток-блок > .карта:has(> .бары.мигр.свод) > button.ещё{grid-column:1;grid-row:4;margin-right:24px!important}
  #отток-блок > .карта:has(> .бары.мигр.свод) > .бары.мигр.свод{grid-column:2;grid-row:3/span 2;margin-top:0!important;padding-top:0!important;
    border-top:0!important;border-left:1px solid var(--кант)!important;padding-left:24px!important;align-self:stretch}
}
@media(min-width:1100px){
  #отток-блок > .карта:has(> .бары.мигр.свод){grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  #отток-блок > .карта:has(> .бары.мигр.свод) > .бары.мигр.свод .бар{grid-template-columns:minmax(0,1fr) 96px 118px!important}
  #отток-блок > .карта:has(> .бары.мигр.свод) > button.ещё{width:auto!important;justify-self:stretch}
}
#отток-блок .бары.мигр.свод .бар .имя small.серв{white-space:normal!important}
#отток-блок .бары.мигр.свод .бар .имя{white-space:normal!important;text-overflow:clip!important}

/* 09.10 (владелец: «ролики и залёты в маркетинге ещё убирай»): раздел снят с тестового лайва — ролики теперь в «Блогерах» */
section#видео{display:none!important}
/* Хронология интеграций (владелец, скрин 294: «не хватает разделения»): у каждой колонки своя линия времени и точки внутри
   колонки (раньше точки второй колонки висели в зазоре), между колонками — вертикальная черта */
.бо-хрон{padding-left:0!important;column-gap:48px!important;column-rule:1px solid var(--кант)}
.бо-хрон::before{display:none!important}
.бо-хрон > li{padding-left:18px}
.бо-хрон > li::before{content:"";position:absolute;left:4px;top:0;bottom:0;width:1px;background:var(--кант-2)}
.бо-хрон > li > i{left:0!important;top:50%!important;margin-top:-4.5px;z-index:1}
.бо-хрон{column-rule:none!important}
/* «Выходы за 30 дней»: подложка тех же 30 дней, что «Было» / «Стало» в таблице */
.бл-спарк-обёртка{position:relative;padding-bottom:16px}
.бл-спарк rect.бл-спарк-б{fill:color-mix(in srgb,var(--текст) 4%,transparent)}
.бл-спарк rect.бл-спарк-с{fill:color-mix(in srgb,var(--акцент) 10%,transparent)}
.бл-спарк-подп{position:absolute;left:0;right:0;bottom:0;height:14px}
.бл-спарк-подп span{position:absolute;top:0;text-align:center;font-size:12px;line-height:15px;color:var(--тихо)}
.бл-спарк-подп span.бл-спарк-с{color:var(--текст-2,var(--текст))}
/* переключатель «Ср. просм. за 30/90/180 дн.» — в панели таблицы «Все блогеры», справа от отбора */
.бл-фильтры-ряд{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 24px}
.бл-фильтры-ряд .бл-пер{margin:0!important}
.бл-пер-об{display:flex;align-items:center;gap:10px;margin-left:auto}
.бл-пер-подп{font-size:13px;color:var(--тихо);white-space:nowrap}
/* шапка «Блогеров»: у полосы вкладок своей нижней черты нет — её дублировала черта шапки (скрин 297, двойная линия) */
header.шапка .бл-сегмент{border-bottom:0!important}
/* ряд периода «Обзора» прилипает под шапкой — переключать 7 / 30 / 90 дн. не листая вверх */
.бо-пер-ряд{position:sticky;top:var(--шапка-в,138px);z-index:20;background:var(--фон);margin-left:-8px!important;margin-right:-8px!important;
  padding:8px!important;border-bottom:1px solid transparent;transition:border-color .15s}
@media(max-width:699px){.бо-пер-ряд .бл-итог-строка{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex-basis:100%}}
#пд-ии-легенда[hidden],.график[hidden]{display:none!important}
/* 09.10 «Рынок»: пометки вместо чисел — серой пилюлей (пояснение в подсказке); оценка по онлайну — синеватой */
.рм-т td.пом{text-align:right}
.рм-т td.пом[colspan]{text-align:center}
.пом-тег{display:inline-flex;align-items:center;max-width:100%;height:20px;padding:0 9px;border-radius:999px;font:500 12.5px/1 var(--ui);
  color:var(--тихо);background:color-mix(in srgb,var(--текст) 7%,transparent);border:1px solid color-mix(in srgb,var(--текст) 10%,transparent);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:help;vertical-align:middle}
.скр-тег.оц{color:var(--акцент);background:color-mix(in srgb,var(--акцент) 14%,transparent);border-color:color-mix(in srgb,var(--акцент) 30%,transparent)}
/* полоски долей: видимая дорожка, скруглённый конец и отступ от края карты — было «как будто у них конца нет» */
.рм-т td.полоса-кол{padding-left:14px!important;padding-right:4px!important}
.рм-т td.полоса-кол .полоска,.рм-т td.полоса-кол .полоска.пусто{height:6px!important;border-radius:999px!important;max-width:220px;
  background:color-mix(in srgb,var(--текст) 9%,transparent)!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--текст) 6%,transparent)}
.рм-т td.полоса-кол .полоска i{height:6px!important;border-radius:999px!important}
.рм-т td.полоса-кол .полоска.пусто{background:transparent!important;box-shadow:none}
/* 09.10 «в блогерах текста съехали за края»: «Охват ниши» — число каналов второй строкой под названием (имя больше не режется) */
.бл-доли-сп > div{grid-template-columns:10px minmax(0,1fr) auto 40px!important;grid-template-areas:"и н ч п" "и к ч п";row-gap:3px}
.бл-доли-сп > div > i{grid-area:и;align-self:start;margin-top:3px}
.бл-доли-сп .н{grid-area:н;white-space:normal!important;overflow:visible!important}
.бл-доли-сп b{grid-area:ч}
.бл-доли-сп .п{grid-area:п}
.бл-доли-сп .к{grid-area:к;display:block!important;text-align:left!important;font-size:12.5px!important}
/* таблица «Все блогеры» на ноутбуке (≤1500): шапка «Ср. просм. · 90 дн.» в две строки, реклама уже — без бокового скролла */
@media(max-width:1500px){
  .бл-т-список thead th{white-space:normal!important;line-height:1.25}
  .бл-т-список th.бл-ул-к{min-width:200px}
  .бл-т-список td.бл-ул-к{max-width:260px}
  .бл-т-список .бл-ул-верх .бл-рекл{max-width:170px}
  .бл-т-список td.имя{max-width:210px!important}
}
.рм-т td.имя .скр-тег.оц{color:var(--акцент)!important;background:color-mix(in srgb,var(--акцент) 14%,transparent)!important;border-color:color-mix(in srgb,var(--акцент) 32%,transparent)!important}
/* имя не режется пилюлей: не влезает — пилюля уходит второй строкой */
.рм-т td.имя .им-ряд{flex-wrap:wrap;row-gap:3px}
.рм-т td.имя .им-ряд .им-т{flex:0 1 auto;min-width:min(100%,max-content)}
/* 09.10 «Рынок»: пилюля «скрыто у N» в шапке карточки + окно с выжимкой; у оценённых чисел — тихое «≈» */
.рм-шапка{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.рм-шапка .рм-упр{margin-left:auto}
.рм-скр-кн{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:999px;cursor:pointer;
  font:500 12.5px/1 var(--ui);color:var(--второй);background:color-mix(in srgb,var(--текст) 6%,transparent);
  border:1px solid var(--кант)}
.рм-скр-кн::after{content:"›";font-size:15.5px;line-height:1;opacity:.8}
.рм-скр-кн:hover{color:var(--текст);background:color-mix(in srgb,var(--текст) 11%,transparent)}
.рм-скр-кн:focus-visible{outline:2px solid var(--акцент);outline-offset:2px}
.рм-скр-окно{width:min(760px,calc(100vw - 32px));max-height:min(80vh,720px);padding:0;border:1px solid var(--кант);border-radius:14px;
  background:var(--панель);color:var(--текст);box-shadow:0 24px 64px rgba(0,0,0,.45);overflow:auto}
.рм-скр-окно::backdrop{background:rgba(5,8,12,.6)}
.рм-скр-ш{position:sticky;top:0;display:flex;align-items:center;gap:12px;padding:16px 20px;background:var(--панель);border-bottom:1px solid var(--кант);z-index:1}
.рм-скр-ш h2{margin:0;font:600 17.5px/1.3 var(--ui);flex:1}
.рм-скр-закр{width:32px;height:32px;border-radius:8px;border:1px solid var(--кант);background:transparent;color:var(--текст);font-size:22px;line-height:1;cursor:pointer}
.рм-скр-вы{margin:0;padding:14px 20px 4px 38px;display:grid;gap:8px;font:400 15px/1.5 var(--ui);color:var(--второй)}
.рм-скр-вы b{color:var(--текст);font-weight:600}
.рм-скр-т-об{padding:8px 20px 20px}
.рм-скр-т{width:100%;border-collapse:collapse;font:400 14.5px/1.4 var(--ui)}
.рм-скр-т th,.рм-скр-т td{padding:9px 8px;border-top:1px solid var(--кант-мягко);text-align:left;vertical-align:top}
.рм-скр-т thead th{border-top:0;color:var(--тихо);font-weight:500;font-size:13px}
.рм-скр-т tbody th{font-weight:600;white-space:nowrap}
.рм-скр-т td.т{white-space:nowrap}
.рм-скр-т td.т .скр-тег{display:inline-flex!important;margin:0 4px 2px 0!important}
.рм-скр-т td.п{color:var(--второй);font-size:14px}
.рм-скр-т tr.гр th{color:var(--второй)}
@media(max-width:699px){.рм-скр-т thead{display:none}.рм-скр-т tr{display:grid;grid-template-columns:1fr auto;padding:8px 0;border-top:1px solid var(--кант-мягко)}
  .рм-скр-т th,.рм-скр-т td{border:0;padding:2px 0}.рм-скр-т td.п{grid-column:1/-1}.рм-скр-вы{padding-left:30px}}
/* окно «что скрыто»: глобальные стили таблиц (nowrap, заливка th, высота строк) не должны протекать */
.рм-скр-окно .рм-скр-т,.рм-скр-окно .рм-скр-т *{white-space:normal!important;background:transparent!important;height:auto!important;
  text-transform:none!important;letter-spacing:normal!important}
.рм-скр-окно .рм-скр-т th,.рм-скр-окно .рм-скр-т td{padding:10px 10px 10px 0!important;border:0!important;border-top:1px solid var(--кант-мягко,var(--кант))!important;
  vertical-align:top!important;text-align:left!important;font:400 14.5px/1.45 var(--ui)!important;color:var(--второй)!important;position:static!important}
.рм-скр-окно .рм-скр-т thead th{border-top:0!important;font-size:13px!important;color:var(--тихо)!important;padding-bottom:6px!important}
.рм-скр-окно .рм-скр-т tbody th{color:var(--текст)!important;font-weight:600!important;width:28%}
.рм-скр-окно .рм-скр-т td.т{width:120px}
.рм-скр-окно .рм-скр-т .скр-тег{display:inline-block!important;padding:2px 8px!important;border-radius:999px!important;font:600 12px/1.4 var(--ui)!important;
  white-space:nowrap!important;color:var(--вниз)!important;background:color-mix(in srgb,var(--вниз) 14%,transparent)!important;
  border:1px solid color-mix(in srgb,var(--вниз) 32%,transparent)!important}
.рм-скр-окно .рм-скр-т .скр-тег.оц{color:var(--акцент)!important;background:color-mix(in srgb,var(--акцент) 14%,transparent)!important;
  border-color:color-mix(in srgb,var(--акцент) 32%,transparent)!important}
.рм-скр-окно .рм-скр-т tr.гр th{color:var(--второй)!important}
@media(max-width:699px){.рм-скр-окно .рм-скр-т tr{display:grid!important;grid-template-columns:1fr auto;column-gap:8px;border-top:1px solid var(--кант-мягко,var(--кант))}
  .рм-скр-окно .рм-скр-т th,.рм-скр-окно .рм-скр-т td{border:0!important;padding:6px 0 0!important;width:auto!important}
  .рм-скр-окно .рм-скр-т td.п{grid-column:1/-1;padding:4px 0 10px!important}}

/* v15 09.10 (владелец: «именно ПИПКУ» + «черточку онлайна иначе — будто за борта выехала») */
.рм-скр-кн{height:24px!important;padding:0 10px 0 4px!important;gap:6px!important;font:600 12.5px/1 var(--ui)!important;
  color:var(--вниз)!important;background:color-mix(in srgb,var(--вниз) 12%,transparent)!important;
  border:1px solid color-mix(in srgb,var(--вниз) 34%,transparent)!important;transition:background .15s}
.рм-скр-кн::after{content:none!important}
.рм-скр-кн:hover{background:color-mix(in srgb,var(--вниз) 22%,transparent)!important}
.рм-скр-кн.мяг{color:var(--акцент)!important;background:color-mix(in srgb,var(--акцент) 12%,transparent)!important;
  border-color:color-mix(in srgb,var(--акцент) 34%,transparent)!important}
.рм-скр-кн.мяг:hover{background:color-mix(in srgb,var(--акцент) 22%,transparent)!important}
.рм-скр-и{display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;background:currentColor;
  font:700 12px/1 Georgia,serif;font-style:italic}
.рм-скр-и{color:inherit}
.рм-скр-кн .рм-скр-и{color:var(--панель)!important;background:color-mix(in srgb,currentColor 0%,var(--вниз))}
.рм-скр-кн.мяг .рм-скр-и{background:var(--акцент)}
/* полоска доли: короткая шкала фиксированной длины с отступом от края строки, дорожка видна у всех */
.рм-т td.полоса-кол{padding-left:16px!important;padding-right:18px!important;vertical-align:middle!important}
@media(min-width:700px){.рм-все[data-вкл="оа"] .рм-т col.к-пол{width:100px!important}}
.рм-все[data-вкл="оа"] .рм-т td.полоса-кол .полоска{width:64px!important;max-width:64px!important}
.рм-т td.полоса-кол .полоска,.рм-т td.полоса-кол .полоска.пусто{height:4px!important;
  margin-left:auto!important;background:color-mix(in srgb,var(--текст) 10%,transparent)!important;border-radius:999px!important}
.рм-т td.полоса-кол .полоска i{height:4px!important;border-radius:999px!important;min-width:4px}
.рм-т td.полоса-кол .полоска.пусто{background:transparent!important}
/* «Миграция»: пометки у имён скрыты, сведены в пипку заголовка карточки */
#миграция .бар .имя .скр-тег{display:none!important}
#миграция-карты h3 .рм-скр-кн{margin-left:10px;vertical-align:middle;display:inline-flex}
/* 09.10 разбивка «не найдены»: сегментная полоса + легенда */
.рз-шап{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.рз-шап .рз-заг{margin:0}
.рз-стек{display:flex;height:8px;border-radius:999px;overflow:hidden;gap:2px;background:transparent}
.рз-стек i{display:block;height:100%;min-width:3px}
.рз-стек .в1,.рз-м.в1{background:var(--вверх)}
.рз-стек .в2,.рз-м.в2{background:var(--акцент)}
.рз-стек .в3,.рз-м.в3{background:color-mix(in srgb,var(--акцент) 62%,var(--панель-2))}
.рз-стек .в4,.рз-м.в4{background:color-mix(in srgb,var(--акцент) 34%,var(--панель-2))}
.рз-лег{display:grid;grid-template-columns:1fr;gap:6px;margin-top:12px}
.рз-л{display:grid;grid-template-columns:10px minmax(0,1fr) auto 44px;align-items:center;column-gap:8px;font:500 14px/1.35 var(--ui)}
.рз-м{width:10px;height:10px;border-radius:3px}
.рз-л .рз-имя{color:var(--второй);min-width:0}
.рз-л b{font-variant-numeric:tabular-nums;color:var(--текст);text-align:right}
.рз-л .рз-д{text-align:right}

#отток-блок .карта > h3{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
#отток-блок .карта > h3 .рм-скр-кн{margin-left:auto}
.рм-скр-кн{white-space:nowrap!important;flex:0 0 auto}
.рм-скр-кн > span:last-child{white-space:nowrap}
.рз-шап{align-items:flex-start}
#миграция-карты h3 .рм-скр-кн{margin:0 0 0 10px!important;position:relative;top:-1px}
#миграция-карты h3{display:flex!important;flex-wrap:wrap;align-items:center;gap:6px 10px}
#миграция-карты h3 > span:not(.рм-скр-кн){flex:1 0 100%}
#миграция-карты h3 .рм-скр-кн{margin:0!important;top:0}
/* 09.10 переход из уведомления к ролику: подсветка строки-цели */
@keyframes бл-цель{0%,40%{background:color-mix(in srgb,var(--акцент) 22%,transparent);box-shadow:inset 3px 0 0 var(--акцент)}100%{background:transparent;box-shadow:inset 3px 0 0 transparent}}
tr.бл-цель > td{animation:бл-цель 4s ease-out both}
@media(prefers-reduced-motion:reduce){tr.бл-цель > td{animation:none;background:color-mix(in srgb,var(--акцент) 16%,transparent)}}
.бл-цель-нет{margin:0 0 12px;padding:10px 14px;border-radius:8px;background:var(--панель-2);color:var(--второй);font:400 14.5px/1.4 var(--ui)}

/* ── 21. «Цели»: одна шкала шрифтов (09.10, владелец: «приведи шрифты, цифры в порядок») ──
   Сгенерировано из celi.css и правил целей выше: размеры → 12/13/14/16/18/20/24/30 px, вес → 400/500/600
   (800 у IBM Plex Sans нет — браузер брал 700, цифры и заголовки «жирнели» вразнобой). Генератор: scratchpad norm_type.py */
html body .ц-люди button{font-size:14.5px;font-weight:600}
html body .ц-люди .сч{font-size:13px;font-weight:600}
html body .ц-месяц{font-size:15.5px;font-weight:600}
html body .ц-итог p{font-size:14.5px}
html body .ц-итог-л b{font-weight:600}
html body .ц-итог-п{font-weight:600}
html body .ц-подвал{font-size:13px}
html body .ц-аватар{font-size:15.5px;font-weight:600}
html body .ц-чел-имя h3{font-size:20px;font-weight:600}
html body .ц-чел-имя p{font-size:14.5px}
html body .ц-чел-сч li{font-size:13px;font-weight:600}
html body .ц-чел-сч li b{font-weight:600}
html body .ц-кат{font-size:13px;font-weight:600}
html body .ц-ном{font-size:13px;font-weight:600}
html body .ц-подсказка{font-size:14.5px}
html body .ц-статус{font-size:13px;font-weight:600}
html body .цель h3{font-size:17.5px;font-weight:600}
html body .ц-число{font-size:32px;font-weight:600}
html body .ц-подпись{font-size:14.5px}
html body .ц-цель{font-size:14.5px}
html body .ц-путь-шапка{font-size:14.5px;font-weight:600}
html body .ц-путь-шапка b{font-weight:600}
html body .ц-темп{font-size:13px}
html body .ц-темп .вверх,html body .к-сноска .вверх{font-weight:600}
html body .ц-темп .вниз,html body .к-сноска .вниз{font-weight:600}
html body .ц-доп-ряд{font-size:14.5px}
html body .ц-доп-знач{font-weight:600}
html body .ц-доп-знач .из{font-weight:600}
html body .ц-подп{font-size:13px}
html body .ц-дата{font-size:15.5px;font-weight:600}
html body .ц-срок-текст{font-size:13px}
html body .ц-осталось{font-size:14.5px}
html body .ц-осталось.горит{font-weight:600}
html body .ц-осталось.прошёл{font-weight:600}
html body .ц-кто{font-size:14.5px}
html body .ц-чип{font-size:13px;font-weight:600}
html body .к-сноска{font-size:13px}
html body .к-сноска b{font-weight:600}
html body .ц-шаг ul{font-size:14.5px}
html body .ц-граф-обёртка figcaption{font-size:13px}
html body .ц-подр-кн{font-size:14.5px;font-weight:600}
html body .ц-подр-кн .сч{font-size:13px}
html body .ц-блок h4{font-size:13px;font-weight:600}
html body .ц-табл{font-size:13px}
html body .ц-табл th{font-size:13px;font-weight:600}
html body .ц-табл td.текст a{font-weight:600}
html body .ц-табл td .тихо{font-size:13px;font-weight:500}
html body .ц-табл .тумб{font-size:13px;font-weight:600}
html body .ц-табл input{font-size:14.5px}
html body .ц-табл .итог{font-weight:600}
html body .ц-ещё{font-size:13px;font-weight:600}
html body .ц-история-заг{font-size:13px}
html body .ц-сегм button{font-size:13px;font-weight:600}
html body .к-правка input,html body .к-правка textarea,html body .ц-заметка textarea{font-size:15.5px}
html body .к-правка input[inputmode="decimal"]{font-size:22px;font-weight:600}
html body .к-правка ::placeholder,html body .ц-заметка ::placeholder{font-weight:500;font-size:14.5px}
html body .ц-кн{font-size:14.5px;font-weight:600}
html body .ц-отм{font-size:14.5px;font-weight:600}
html body .ц-сост{font-size:13px;font-weight:600}
html body .ц-подск{font-size:13px}
html body .ц-история li{font-size:13px}
html body .ц-история .когда{font-size:13px}
html body .ц-беда{font-size:13px}
html body .ц-граф-подск{font-size:13px;font-weight:600}
html body .ц-учёт{font-size:13px;font-weight:600}
html body .ц-замок-ном{font-size:13px;font-weight:600}
html body .ц-замок h3{font-size:17.5px;font-weight:600}
html body .ц-замок-дата{font-size:15.5px;font-weight:600}
html body .ц-замок-план{font-size:13px}
html body .ц-стат-текст{font-size:32px}
html body .ц-выбор button{font-size:14.5px;font-weight:600}
html body .цм-над{font-size:13px;font-weight:600}
html body .цм-шапка h2{font-size:22px;font-weight:600}
html body .цм-план{font-size:14.5px}
html body .ц-пояс p{font-size:14.5px}
@media(max-width:600px){html body .цм-шапка h2{font-size:20px}}
html body .ц-закр-кн{font-size:13px;font-weight:600}
html body .ц-путь.пусто .ц-путь-шапка b{font-weight:600}
html body .ц-путь.время .ц-путь-шапка span{font-weight:500}
html body .гл-шапка h3{font-size:17.5px;font-weight:600}
html body .гл-шапка p{font-size:13px}
html body .гл-имя{font-size:14.5px;font-weight:600}
html body .гл-число b{font-size:32px;font-weight:600}
html body .гл-число span{font-size:15.5px;font-weight:600}
html body .гл-низ{font-size:13px}
html body .гл-низ b{font-weight:600}
html body .гл-изм{font-weight:600}
html body .гл-кн-текст{font-size:14.5px;font-weight:600}
html body .гл-ввод{font-size:15.5px}
html body .гл-кн{font-size:14.5px;font-weight:600}
@media(max-width:480px){html body .гл-число b{font-size:26px}}
@media(max-width:480px){html body .гл-число span{font-size:13px}}
html body .ц-дор-канал{font-size:14.5px;font-weight:600}
html body .ц-дор-итог{font-size:13px;font-weight:600}
html body .ц-дор-число{font-size:14.5px}
html body .ц-дор-число b{font-size:32px;font-weight:600}
html body .ц-дор-доп{font-size:13px}
html body .ц-дор-цифры dt{font-size:13px}
html body .ц-дор-цифры dd{font-size:14.5px;font-weight:600}
html body .пр-свод span{font-size:13px}
html body .пр-свод b{font-size:20px;font-weight:600}
html body .ц-табл.реестр td.текст input.ссылка{font-size:13px}
html body .ц-табл.реестр td.текст input.имя{font-weight:600}
html body .ц-табл.реестр select{font-size:14.5px}
html body .ц-флажок{font-size:13px;font-weight:600}
html body .ц-метка{font-size:13px;font-weight:600}
html body .ц-файл{font-size:13px;font-weight:600}
html body .ц-листай{font-size:13px}
html body .ц-добав input[type=text]{font-size:14.5px}
html body .ц-добав input[type=file]{font-size:13px}
html body .ц-добав input[type=file]::file-selector-button{font-size:13px;font-weight:600}
html body .ц-прил-ряд input{font-size:14.5px}
html body .ц-cpm-форма select{font-size:14.5px}
html body .ц-тб thead th.ц-тб-гл{font-size:13px;font-weight:600}
html body .ц-тб-сеть{font-size:15.5px;font-weight:600}
html body .ц-тб-имя{font-weight:600}
html body .ц-тб-счёт{font-size:13px;font-weight:600}
html body .ц-тб-что{font-size:14.5px;font-weight:600}
html body .ц-тб-сейчас{font-size:20px;font-weight:600}
html body .ц-тб-цель,html body .ц-тб-срок{font-size:14.5px}
html body .ц-тб-метка{font-size:13px;font-weight:600}
@media(max-width:640px){html body .ц-тб-сейчас{font-size:17.5px}}
@media(max-width:640px){html body .ц-тб-цель,html body .ц-тб-срок{font-size:13px}}
@media(max-width:640px){html body .ц-тб-метка{font-size:13px}}
/* правил: 124 */
html body #цели th.ц-тб-гл,html body .ц-модалка th{font-size:13px!important;font-weight:600!important}
html body #цели .вал-текст,html body #цели .вал-итог,html body #цели .вал-нет{font-size:13px}
html body #цели .вал-пок-имя{font-size:14.5px;font-weight:600}
/* веса: жирное — только цифры и заголовки; названия, бейджи, подписи — 400/500 */
html body #цели .ц-тб-что,html body .ц-модалка .ц-тб-что{font-weight:500!important}
html body #цели .ц-тб-метка,html body .ц-модалка .ц-тб-метка,html body #цели .ц-статус,html body .ц-модалка .ц-статус{font-weight:500!important}
html body #цели .ц-тб-группа th,html body .ц-модалка .ц-тб-группа th{font-weight:500}
html body .ц-модалка td b,html body .ц-модалка td strong{font-weight:500}
html body #цели .ц-тб-сейчас,html body .ц-модалка .ц-тб-сейчас{font-weight:600;font-size:17.5px!important}
html body #цели,html body .ц-модалка{-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums lining-nums}
/* 09.10 владелец (скрин 301: «всё уехало»): карточка с таблицей показателей — на весь ряд и без общих строк с соседями
   (иначе короткий заголовок получал высоту чужого двухстрочного, а соседняя карточка тянулась до высоты таблицы — пустые дыры);
   строки таблицы — по центру: название с «i» на одной линии с числом и плашкой */
html body .ц-сетка > .цель:has(.ц-тб-обёртка){grid-column:1 / -1!important;grid-row:auto!important;display:flex!important;flex-direction:column;grid-template-rows:none!important}
html body .ц-сетка > .цель:has(.ц-тб-обёртка) .ц-тб-обёртка{margin-top:14px}
html body .ц-тб-строка > *{vertical-align:middle}
html body .ц-тб-что .ц-и{vertical-align:middle;margin:-6px 0 -6px 2px}

/* ── 22. «Цели», модалка: подзадачи и разбор пояснения таблицами (09.10, владелец: «сплошной текст, нет дробления на подзадачки») ── */
html body .ц-подз{display:grid;gap:8px;margin-top:4px}
html body .ц-подз-итог{margin:0;font-size:14.5px;color:var(--второй)}
html body .ц-подз-итог b{color:var(--текст);font-weight:600}
html body .ц-подз-тб{table-layout:auto}
html body .ц-подз-тб th,html body .ц-подз-тб td{padding:9px 12px;border-top:1px solid var(--кант);vertical-align:middle;font-size:14.5px;line-height:1.4}
html body .ц-подз-тб thead th{border-top:0;padding:8px 12px;white-space:nowrap}
html body .ц-подз-что{text-align:left;font-weight:500;color:var(--текст);display:flex;align-items:center;gap:9px;border:0}
html body .ц-подз-тб tbody tr > *{border-top:1px solid var(--кант)}
html body .ц-подз-кан{display:block;font-size:13px;font-weight:400;color:var(--тихо);line-height:1.3}
html body .ц-подз-точка{flex:none;width:8px;height:8px;border-radius:50%;background:var(--тихо)}
html body .ц-подз-точка.ок{background:var(--вверх)}html body .ц-подз-точка.плохо{background:var(--вниз)}html body .ц-подз-точка.риск{background:#ffcf6b}
html body .ц-подз-сейчас{text-align:right;font-weight:600;color:var(--текст);white-space:nowrap;font-variant-numeric:tabular-nums}
html body .ц-подз-цель,html body .ц-подз-срок{color:var(--второй);white-space:nowrap;font-variant-numeric:tabular-nums}
html body .ц-подз-дело{color:var(--текст)}
html body .ц-подз-дело.ок{color:var(--второй)}
html body .ц-подз-стр.ок .ц-подз-что{color:var(--второй)}
html body .ц-разбор{display:grid;gap:8px;margin:2px 0 14px}
html body .ц-разбор-заг{margin:0;font-size:13px;font-weight:600;color:var(--тихо);text-transform:uppercase;letter-spacing:.06em}
html body .ц-разбор-тб{table-layout:auto}
html body .ц-разбор-тб th,html body .ц-разбор-тб td{padding:9px 12px;font-size:14.5px;line-height:1.45;vertical-align:top;text-align:left;border-top:1px solid var(--кант)}
html body .ц-разбор-тб tr:first-child > *{border-top:0}
html body .ц-разбор-тб th{width:32%;font-weight:500;color:var(--текст);white-space:normal}
html body .ц-разбор-тб td{color:var(--второй)}
html body .ц-разбор-сп,html body .ц-разбор-подсп{margin:0;padding-left:18px;display:grid;gap:5px;font-size:14.5px;line-height:1.45;color:var(--второй)}
html body .ц-разбор-подсп{gap:3px}
@media (max-width:640px){
  html body .ц-подз-тб thead{display:none}
  html body .ц-подз-тб,html body .ц-подз-тб tbody{display:block}
  html body .ц-подз-тб tr{display:grid;grid-template-columns:auto auto 1fr;gap:4px 12px;padding:10px 12px;border-top:1px solid var(--кант)}
  html body .ц-подз-тб tbody tr:first-child{border-top:0}
  html body .ц-подз-тб tr > *{padding:0!important;border:0!important;text-align:left}
  html body .ц-подз-что{grid-column:1 / -1}
  html body .ц-подз-сейчас::before,html body .ц-подз-цель::before,html body .ц-подз-срок::before{content:attr(data-l) " ";font-weight:400;color:var(--тихо)}
  html body .ц-подз-дело{grid-column:1 / -1}
  html body .ц-разбор-тб,html body .ц-разбор-тб tbody,html body .ц-разбор-тб tr,html body .ц-разбор-тб th,html body .ц-разбор-тб td{display:block;width:auto}
  html body .ц-разбор-тб th{padding-bottom:2px;border-top:1px solid var(--кант)}
  html body .ц-разбор-тб td{padding-top:0;border:0}
}
html body .ц-шаг-верх{margin:0 0 18px}
html body .ц-подз-тб tr.ц-подз-гр th{background:var(--панель-2);padding:10px 12px 8px;border-top:1px solid var(--кант-2)}
html body .ц-подз-тб tbody tr.ц-подз-гр:first-child th{border-top:0}
html body .ц-подз-тб tr.ц-подз-гр th{text-align:left}
html body .ц-подз-гр th{display:table-cell}
html body .ц-подз-гр-имя{font-size:14.5px;font-weight:600;color:var(--текст)}
html body .ц-подз-гр-имя span{margin-left:6px;font-weight:400;color:var(--второй)}
html body .ц-подз-гр-счёт{float:right;font-size:13px;font-weight:500}
html body .ц-подз-гр-счёт.ок{color:var(--вверх)}html body .ц-подз-гр-счёт.плохо{color:var(--вниз)}
html body .ц-подз-тб .ц-подз-дело{min-width:200px}
@media (max-width:640px){html body .ц-подз-тб tr.ц-подз-гр{display:block;padding:0}html body .ц-подз-тб tr.ц-подз-гр th{display:block;padding:10px 12px 8px!important}}
html body .ц-модалка .ц-шаг-верх{margin:0;padding:20px 24px 0}
html body .ц-модалка .ц-шаг-верх + .ц-раскр{padding-top:8px}
html body .ц-подз-тб th.ц-подз-что{display:table-cell;background:transparent;white-space:normal}
html body .ц-подз-точка{display:inline-block;vertical-align:middle;margin:-2px 9px 0 0}
@media (max-width:640px){
  html body .ц-модалка .ц-шаг-верх{padding:16px 16px 0}
  html body .ц-подз-тб tr.ц-подз-стр{display:flex;flex-wrap:wrap;gap:4px 14px}
  html body .ц-подз-тб tr.ц-подз-стр > .ц-подз-что,html body .ц-подз-тб tr.ц-подз-стр > .ц-подз-дело{flex:1 0 100%;display:block}
}

/* ── 23. Площадки в таблицах целей — шапкой блока, а не строкой (09.10, скрин 302: «сплошной текст, не видно даже что это») ── */
html body .ц-тб tr.ц-тб-площадка th,html body .ц-подз-тб tr.ц-подз-гр th{
  background:color-mix(in srgb,var(--панель-2) 55%,var(--панель)) !important;padding:14px 14px 12px !important;
  border-top:10px solid var(--панель) !important;box-shadow:inset 0 1px 0 var(--кант-2),inset 0 -1px 0 var(--кант-2)}
html body .ц-тб .ц-тб-группа:first-of-type tr.ц-тб-площадка th,html body .ц-подз-тб tbody tr.ц-подз-гр:first-child th{border-top:0 !important;box-shadow:inset 0 -1px 0 var(--кант-2)}
html body .ц-тб-площадка + .ц-тб-строка > *{border-top:0}
html body .ц-тб-сеть,html body .ц-подз-гр-имя{display:inline-flex;align-items:center;gap:0;font-size:16.5px !important;font-weight:600 !important;color:var(--текст);letter-spacing:-.005em}
html body .ц-тб-имя,html body .ц-подз-гр-имя span{font-size:15.5px;font-weight:400 !important;color:var(--второй);margin-left:7px}
html body [data-сеть] .ц-тб-сеть::before,html body [data-сеть] .ц-подз-гр-имя::before{
  content:"";flex:none;width:24px;height:24px;border-radius:7px;margin-right:10px;background:var(--тихо) center/15px no-repeat}
html body [data-сеть="vk"] .ц-тб-сеть::before,html body [data-сеть="vk"] .ц-подз-гр-имя::before{
  background-color:#0077ff;background-size:17px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M12.8 17.3C6.6 17.3 3.1 13 3 6h3.1c.1 5.1 2.4 7.3 4.2 7.7V6h2.9v4.4c1.8-.2 3.7-2.2 4.3-4.4h2.9c-.5 2.7-2.5 4.7-3.9 5.5 1.4.7 3.7 2.4 4.5 5.8h-3.2c-.7-2.2-2.4-3.9-4.6-4.1v4.1z'/%3E%3C/svg%3E")}
html body [data-сеть="tg"] .ц-тб-сеть::before,html body [data-сеть="tg"] .ц-подз-гр-имя::before{
  background-color:#229ed9;background-size:15px;background-position:45% 55%;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M21.4 3.6 2.9 10.8c-1.2.5-1.2 1.2-.2 1.5l4.7 1.5 1.8 5.6c.2.6.1.9.8.9.5 0 .7-.2 1-.5l2.3-2.2 4.8 3.5c.9.5 1.5.2 1.7-.8l3.2-15c.3-1.3-.5-1.9-1.6-1.3zM9.6 13.4l8.7-5.5c.4-.3.8-.1.5.2l-7.4 6.7-.3 3.2z'/%3E%3C/svg%3E")}
html body .ц-тб-счёт,html body .ц-подз-гр-счёт{display:inline-flex;align-items:center;min-height:24px;padding:0 9px;border-radius:999px;font-size:13px !important;font-weight:500 !important;
  background:color-mix(in srgb,currentColor 13%,transparent)}
html body .ц-тб-шапка{align-items:center}
html body .ц-подз-гр th{display:table-cell}
html body .ц-подз-тб tr.ц-подз-гр th > *{vertical-align:middle}
@media (max-width:820px){html body .ц-тб tr.ц-тб-площадка th{border-top-width:8px !important}}
html body .ц-подз-гр-счёт.риск{color:#ffcf6b}
/* 24. топ-3 в списках модалки целей */
html body .ц-модалка tr[hidden],html body .ц-модалка li[hidden]{display:none !important}
html body .ц-все-кн{appearance:none;display:flex;align-items:center;justify-content:center;width:100%;min-height:36px;margin:6px 0 14px;
  border:1px solid var(--кант-2);border-radius:8px;background:transparent;color:var(--второй);font:inherit;font-size:14.5px;font-weight:500;cursor:pointer}
html body .ц-все-кн:hover{color:var(--текст);background:var(--панель-2)}
html body .ц-все-кн:focus-visible{outline:2px solid var(--цели);outline-offset:2px}
@media (max-width:640px){html body .ц-все-кн{min-height:44px}}
/* 12.10 проход по багам: пометка в ячейке («с 12.0…», «скр…») обрезалась — ячейка шириной по пометке */
.рм-т td.пом:not([colspan]){white-space:nowrap}
.пом-тег{max-width:none;overflow:visible;text-overflow:clip}
/* 12.10 проход по багам (2): ячейка с пометкой резала её точкой «скрыты.»; названия групп («Киты СНГ (5 …») и строка
   «не найдены у конкур…» обрезались — переносим на вторую строку, не режем */
.рм-т td.пом:not([colspan]){overflow:visible;text-overflow:clip}
.рм-группы .гр-кн{white-space:normal;overflow:visible;text-overflow:clip}
.бары.мигр .бар.тихий .имя{white-space:normal;overflow:visible;text-overflow:clip}
.рм-группы .гр-кн > span:not(.кв){white-space:nowrap}
/* 12.10 (скрин 543): вертикальные черты в «Выходы за 30 дней» резали таблицу и липли к числам — убраны, колонки разводит отступ */
.бл-мини thead th + th,.бл-мини tbody td{border-left:0!important}
/* «Свежие детекты»: длинный проект сжимал имя канала в столбик по букве — имени минимум 96 px, проект режется многоточием */
.бл-дет{grid-template-columns:auto minmax(96px,1fr) minmax(0,max-content)!important}
.бл-дет-п{min-width:0;max-width:100%}
.бл-дет-п span{max-width:100%}

/* ── 15.10 ревью: ссылка «К содержимому», тач-зоны, светлая тема модерации ── */
.нв-пропуск{position:fixed;left:12px;top:-60px;z-index:1000;padding:10px 14px;border-radius:8px;background:var(--акцент);color:#fff;font:600 15.5px/1.2 var(--ui,system-ui);text-decoration:none;transition:top .12s}
.нв-пропуск:focus{top:12px}
@media(prefers-reduced-motion:reduce){.нв-пропуск{transition:none}}
@media (pointer:coarse){
  .ц-и.п-и,.ц-и{position:relative}
  .ц-и.п-и::after,.ц-и::after{content:"";position:absolute;inset:-10px}
  button.month-button,.км .month-button{min-height:44px}
  .вал-отметка{min-height:44px}
}

/* ════ 16.10.2026 (владелец: «при 100 % всё мелкое, при 110 % — то что надо»): ритм под новую шкалу шрифтов ════
   Шрифты подняты во всех CSS примерно на 10 % (тело 15,5 px, самая мелкая подпись 12 px) — см. *.bak-20261016-dizayn.
   Здесь — отступы под этот размер: шире поле страницы, просторнее карты и плитки, меню чуть шире. Только ≥ 901 px:
   телефон и планшет оставлены со своими полями. */
@media(min-width:1181px){
  :root{--нв-бок:248px}
  .нв-меню a{min-height:40px;gap:12px}
}
@media(min-width:901px){
  main{padding-left:28px;padding-right:28px}
  .шапка-в,.период-в{padding-left:28px;padding-right:28px}
  main{padding-top:22px!important}
  section{margin-top:40px}
  main > section[data-стр]:not(.не-та) ~ section[data-стр]:not(.не-та){margin-top:40px}
  .раздел-шапка{margin-bottom:16px!important}
  .ряд-2,.ряд-3,.герой,.бл-ряд-2,.бо-ряд3,.бо-ряд{gap:16px!important}
  .плитки{gap:14px!important}
  .карта{padding:16px 18px 18px}
  .карта > h3:first-child{margin:-16px -18px 8px;padding:11px 18px;min-height:48px}
  .плитка{padding:15px 18px 14px}
}
/* 16.10: колонки рынка шире под новый размер цифр — «+40,3 % ↑» и «25 546» не режутся многоточием */
@media(min-width:700px){.рм-т col.к-б,.рм-т col.к-с{width:84px}.рм-т col.к-и{width:110px}}
@media(max-width:699px){.рм-т col.к-б{width:62px}.рм-т col.к-с{width:64px}.рм-т col.к-и{width:96px}}
/* 16.10: «Модераторы» — сам заголовок карты лежит в span.мд-h3-и, правило подписи в h3 красило его серым мелким; вид как у соседних карт */
.карта.мд-люди-карта > h3 > span.мд-h3-и:not(.бл-h3){font:inherit;color:inherit}
/* 16.10: в узкой плитке (4 в ряд на 1100–1280 px) семизначное «Стало» после подъёма шрифта упиралось в край — чуть меньше только там */
@container (max-width:270px){.тройка .с{font-size:24px}.тройка .б{font-size:17px}.тройка > div{padding:0 10px}}

/* 26.10: светлая тема — текст, который сливался с фоном (скрин владельца: подсказка «Блогеров» тёмная с тёмным текстом).
   Только :root[data-тема="светлая"]; тёмная не меняется. Откат — mi-podacha.css.bak-20261026-svetlaya. */
:root[data-тема="светлая"]{--вверх:#0a7c41}
:root[data-тема="светлая"] .бл-подсказка,
:root[data-тема="светлая"] #подсказка-искры{background:var(--панель);border-color:var(--кант-2);box-shadow:0 12px 32px -10px rgba(16,24,40,.3)}
:root[data-тема="светлая"] .бл-подсказка{color:var(--второй)}
:root[data-тема="светлая"] #подсказка-искры{color:var(--текст)}
:root[data-тема="светлая"] td.тепло span{color:var(--текст)!important}
:root[data-тема="светлая"] table.пд-сетка th.вых span,
:root[data-тема="светлая"] table.пд-сетка th.вых small{color:var(--внимание)}
:root[data-тема="светлая"] .нет-данных{color:#8f2416}
:root[data-тема="светлая"] .нет-данных b{color:#6e1a10}
:root[data-тема="светлая"] tr.наш .изм.вниз,
:root[data-тема="светлая"] .кн-пл.shorts{color:var(--вниз)}
:root[data-тема="светлая"] .кн-пл.tiktok{color:#0e7480}
:root[data-тема="светлая"] .кн-плохо{color:var(--беда)!important}
:root[data-тема="светлая"] .бл-ст.deleted{color:var(--вниз)}
:root[data-тема="светлая"] .бл-модалка-под a,
:root[data-тема="светлая"] .бл-ссылка,
:root[data-тема="светлая"] .мелко.бл-наша,
:root[data-тема="светлая"] .сравн-строка .ч.мы,
:root[data-тема="светлая"] .ярлык.снг,
:root[data-тема="светлая"] .бл-т td.ролик a:hover,
:root[data-тема="светлая"] .бл-т td.ролик button.назв:hover,
:root[data-тема="светлая"] .ролики.бл-список-кн button.назв:hover,
:root[data-тема="светлая"] .бл-модалка-б ul.ролики .назв:hover,
:root[data-тема="светлая"] .залёт a.название:hover{color:var(--акцент)}
/* «Команда»: шапка медиаплана лежит на фоне страницы, а не в тёмной панели */
:root[data-тема="светлая"] .км .км-медиаплан-блок>.panel-header h2{color:var(--текст)}
:root[data-тема="светлая"] .км .км-медиаплан-блок>.panel-header p{color:var(--тихо)}
/* «Команда»: панели тёмные и в светлой теме — отметки сверки внутри них берут тёмные цвета («Сверено» зелёным по тёмному) */
:root[data-тема="светлая"] .км :is(.panel,.metric-card){
  --вал-ок:#8ad9a3; --вал-ок-кант:rgba(47,184,90,.38); --вал-ок-фон:rgba(47,184,90,.08);
  --вал-плохо:#ffb4ae; --вал-плохо-кант:rgba(230,103,103,.5); --вал-плохо-фон:rgba(230,103,103,.11);
  --вал-вним:#ffd27a; --вал-вним-кант:rgba(250,178,25,.42); --вал-вним-фон:rgba(250,178,25,.08);
}

/* 28.10 владелец: пояснение под заголовком раздела — в ⓘ (novyi.js); таблицы сеткой как в экселе (--линия-кол = кант) */
.раздел-шапка > .пояс.в-пипке{display:none!important}
.раздел-шапка h2 .пояс-и{margin-left:8px;vertical-align:-3px}
.раздел-шапка h2:has(> .пояс-и){display:flex;align-items:center;flex-wrap:nowrap;gap:0}
/* 28.10: квадрат группы не отрывается от подписи («□ / Средние СНГ») — висит слева, текст переносится под себя */
.опоры-т .гр-кн,.рм-т .гр-кн{position:relative;padding-left:16px!important;text-align:left}
.опоры-т .гр-кн .кв,.рм-т .гр-кн .кв{position:absolute;left:0;top:.5em;margin:0}
.рм-т .гр-кн{overflow:visible!important;white-space:normal!important;max-width:none}

/* 28.10 «маркетинг на уровень конкурса»: подписи плиток — короткие, остальное в ⓘ (novyi.js); подсказка с абзацами */
.плитка > p.пояснение.в-пипке,#рп-карта .рп-сноска.в-пипке{display:none!important}
.плитка > p.пояснение-кр{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#ц-подсказка{white-space:pre-line}
#рп-карта h3 > .п-и{margin-left:6px;vertical-align:-3px}
h3 > .п-и.пипка-слева{margin-right:auto;margin-left:-8px!important}

/* 28.10 вкладки маркетинга — та же плашка, что в конкурсе (konkurs.css .кн-полоса): фон панели-2, кнопки 40 px, черты между */
.мк-скрыт{display:none!important}
.мк-полоса{display:flex;align-items:center;gap:4px;padding:3px;margin:0 0 20px;background:var(--панель-2);border:1px solid var(--кант);border-radius:11px}
.мк-полоса button{position:relative;height:40px;padding:0 14px;margin:0;border:0;border-radius:9px;background:transparent;color:var(--второй);
  font:600 15px/1 var(--ui);cursor:pointer;white-space:nowrap;transition:background-color .15s ease,color .15s ease}
.мк-полоса button:hover{color:var(--текст)}
.мк-полоса button:active{transform:scale(.98)}
.мк-полоса button:focus-visible{outline:2px solid var(--акцент);outline-offset:1px}
.мк-полоса button[aria-selected="true"]{background:var(--панель-3);color:var(--текст)}
.мк-полоса button + button::before{content:"";position:absolute;left:-2px;top:11px;bottom:11px;width:1px;background:var(--кант-2);pointer-events:none}
.мк-полоса button[aria-selected="true"]::before,.мк-полоса button[aria-selected="true"] + button::before{opacity:0}
@media(max-width:639px){
  .мк-полоса{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}
  .мк-полоса button{white-space:normal;line-height:1.2;padding:0 8px;height:auto;min-height:44px}
  .мк-полоса button + button::before{display:none}
  .мк-полоса button:nth-child(even)::after{content:"";position:absolute;left:0;top:10px;bottom:10px;width:1px;background:var(--кант-2)}
  .мк-полоса button:nth-child(n+3){box-shadow:inset 0 1px 0 var(--кант-2)}
  .мк-полоса button[aria-selected="true"]{box-shadow:none}
  .мк-полоса button[aria-selected="true"]::after,.мк-полоса button[aria-selected="true"] + button::after{opacity:0}
}

/* 28.10 владелец («убого, заменить квадраты»): у строк-групп в таблицах Рынка пустой квадрат не нужен — название встаёт под названия проектов */
.опоры-т .гр-кн .кв,.рм-т .гр-кн .кв{display:none!important}
.опоры-т .гр-кн::before,.рм-т .гр-кн::before{content:"";position:absolute;left:1px;top:.42em;width:5px;height:5px;border:solid var(--тихо);
  border-width:0 1.6px 1.6px 0;transform:rotate(-45deg);transition:transform .2s cubic-bezier(.23,1,.32,1),border-color .15s ease}
.опоры-т .гр-кн[aria-expanded="true"]::before,.рм-т .гр-кн[aria-expanded="true"]::before{transform:rotate(45deg)}
.опоры-т .гр-кн:hover::before,.рм-т .гр-кн:hover::before{border-color:var(--текст)}
@media(prefers-reduced-motion:reduce){.опоры-т .гр-кн::before,.рм-т .гр-кн::before{transition:none}}
/* 28.10 владелец («что-то светло, что-то темнее, посередине выделено»): в «Остальных» оттока все строки одного веса и цвета, как у конкурентов слева */
.бары.мигр.свод .бар .имя,.бары.мигр.свод .бар.тихий .имя{color:var(--текст);font-weight:inherit}

/* 28.10: у строк Facepunch/медиан без кнопки квадрат тоже не нужен — отступ как у групп с шевроном */
.рм-т td.имя > .кв.фп{display:none!important}
.рм-т td.имя:has(> .кв.фп){padding-left:16px!important}
@media(max-width:639px){.рм-т td.имя:has(> .кв.фп){padding-left:24px!important}}
/* пометки вместо числа — одна колонка, один размер, слева у начала «Стало» */
.рм-т td.пом[colspan]{text-align:left}

/* NOV_SERVERY 01.11.2026: «Новички» — проект раскрывается в серверы первого захода. Кнопка — как у групп рынка, стрелка справа
   от имени (слева — цветной квадрат проекта); строки серверов — тоном и отступом, как состав группы */
.рм-проекты .гр-кн.сер-кн{font:inherit!important;color:inherit;padding:0 15px 0 0!important;background:none!important;border:0!important;
  box-shadow:none!important;border-radius:0!important;cursor:pointer;text-align:left;max-width:calc(100% - 16px);overflow:hidden;
  text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}
.рм-проекты .гр-кн.сер-кн::before{left:auto;right:3px}
.рм-проекты .гр-кн.сер-кн:hover{color:var(--текст)}
.рм-проекты .гр-кн.сер-кн:focus-visible{outline:2px solid var(--акцент);outline-offset:2px}
.рм-проекты tr.сер > td{font-size:14px!important;background:color-mix(in srgb,var(--текст) 2.5%,transparent)!important}
.рм-проекты tr.сер > td.имя{padding-left:28px!important;color:var(--второй);overflow:hidden;text-overflow:ellipsis}
.рм-проекты tr.сер > td.сер-пом{white-space:normal!important;font-size:13px!important;line-height:1.45!important;color:var(--тихо)}
.рм-проекты tr.сер.беда > td.сер-пом{color:var(--вниз)}
@media(prefers-reduced-motion:no-preference){.рм-проекты tr.сер.вход{animation:сер-вход .24s cubic-bezier(.23,1,.32,1) both}}
@keyframes сер-вход{from{opacity:0;transform:translateY(-4px)}}
@media(max-width:699px){.рм-проекты tr.сер > td.имя{padding-left:20px!important}}