/* ==========================================================================
   PLATFORMA COMMUNITY — оболочка вкладок (деплой 29.09.2026, SPEC.md §7).
   Подключается после site.css. Новых цветов и шрифтов нет: только токены главной.
   Здесь то, чего нет ни на главной, ни в общих компонентах подстраницы:
   - шапка вкладок: текущая вкладка, границы скрытия пунктов по ширине, разделы меню;
   - служебные страницы (согласие, обработка данных) в типографике сайта;
   - печать светлыми токенами.
   ========================================================================== */

/* --- 1. Шапка вкладок. Пункты — обычные пункты меню главной, тем же начертанием (правило 24.09:
       Digital PR не выделяется). Текущая вкладка: цвет --bone и золотая черта 1 px снизу, без плашки --- */
.h-nav a.tab{white-space:nowrap}
.h-nav a[aria-current="page"]{color:var(--bone)}
.h-nav>a.tab[aria-current="page"]{position:relative}
.h-nav>a.tab[aria-current="page"]::after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:1px;background:var(--gold)}
.h-nav .m-menu .mm a[aria-current="page"]{color:var(--bone);box-shadow:inset 1px 0 0 var(--gold);padding-left:14px}
.m-menu .mm-h{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);padding:18px 0 8px}
.h-nav .m-menu .mm .mm-h+a{border-top:0}
/* «Главная» — первый пункт шапки тем же начертанием, что остальные (замечание владельца 29.09, п. 21); по ширине
   уходит последним: сначала часы, потом «Рабочий кабинет», «Аналитика блогеров», «Digital PR», и только потом она.
   Ниже 960 px подстраница прячет все ссылки шапки (site.css) — «Главная» возвращается до своей границы */
/* границы шапки вкладок — замер tools/tabs_index.py --measure (30.09.2026 01:06) */
@media(max-width:1206px){header[data-shell="tabs"] .h-nav .clock{display:none}}
@media(max-width:1062px){header[data-shell="tabs"] .h-nav{gap:14px}}
header[data-shell="tabs"] .m-menu{display:none}
@media(max-width:1029px){header[data-shell="tabs"] .m-menu{display:block}}
@media(max-width:1029px){header[data-shell="tabs"] .h-nav>a.tab-ws{display:none}}
@media(max-width:960px){header[data-shell="tabs"] .h-nav>a.tab-ba{display:none}}
@media(max-width:960px){header[data-shell="tabs"] .h-nav>a.tab-dpr{display:none}}
@media(max-width:960px) and (min-width:659px){header[data-shell="tabs"] .h-nav>a.tab-home{display:block}}
@media(max-width:658px){header[data-shell="tabs"] .h-nav>a.tab-home{display:none}}
/* Телефон. Подпись логотипа переносится не больше чем на две строки (► связан с первым словом неразрывным пробелом),
   между подписью и «Меню» — не меньше 12 px воздуха; до 374 px подпись на 1 px мельче, чтобы «EN» у Digital PR не
   выходил за окно (замер 30.09: без этого на 360 px «Меню» стояло в 6 px от подписи, на 320 px «EN» выходил за окно) */
@media(max-width:600px){header[data-shell="tabs"] .h-nav{margin-left:16px}}
@media(max-width:374px){header[data-shell="tabs"] .logo.hublabel{font-size:12px;letter-spacing:.01em}
  header[data-shell="tabs"] .h-nav{gap:8px;margin-left:12px}}

footer[data-shell="tabs"] .f-clock{color:var(--bone);font-weight:500;margin-left:.9em}

/* --- 2. Служебная страница: документ в типографике сайта. Герой .hero.sub тёмный, текст документа
       в светлом разделе .sec-light колонкой до 76 знаков; параметры — строками dl.spec --- */
.doc-hero .msub{max-width:62ch}
.doc-hero .pill{margin-bottom:22px}
.doc-body{padding-top:clamp(56px,7vw,96px);padding-bottom:clamp(64px,8vw,120px)}
.doc-sec{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,4vw,64px);align-items:start;
  border-top:1px solid var(--line);padding:clamp(28px,3.4vw,44px) 0}
.doc-sec:first-child{border-top:0;padding-top:0}
.doc-sec h2{font-family:var(--display);font-weight:600;text-transform:uppercase;font-size:clamp(15px,1.8vw,21px);letter-spacing:.02em;line-height:1.2;margin:0;color:var(--bone)}
.doc-txt{min-width:0}
.doc-txt>:first-child{margin-top:0}
@media(max-width:920px){.doc-sec{grid-template-columns:1fr;gap:16px}}
.doc-sec p{font-size:clamp(15px,1.2vw,17px);line-height:1.62;color:var(--bone);max-width:76ch}
.doc-sec p+p{margin-top:12px}
.doc-sec p.lead-q{font-family:var(--display);font-weight:500;font-size:clamp(16px,1.5vw,19px);line-height:1.4;margin-bottom:14px}
.doc-sec a{color:var(--gold);border-bottom:1px solid currentColor}
.doc-sec ul{list-style:none;margin:12px 0 0;padding:0;max-width:76ch}
.doc-sec ul li{position:relative;padding:8px 0 8px 22px;border-top:1px solid var(--line-soft);font-size:clamp(15px,1.2vw,17px);line-height:1.55}
.doc-sec ul li:first-child{border-top:0}
.doc-sec ul li::before{content:"";position:absolute;left:0;top:19px;width:10px;height:1px;background:var(--gold)}
/* dl.spec — только внутри документа служебной страницы (.doc-sec): без области правило ложилось на dl.spec вкладок
   и сворачивало их строки div в одну ячейку 150 px (рапорт W3, п. 2) */
.doc-sec dl.spec{display:grid;grid-template-columns:minmax(150px,1fr) minmax(0,3fr);gap:0;margin:18px 0 0;max-width:880px}
.doc-sec dl.spec dt{font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);padding:14px 18px 14px 0;border-top:1px solid var(--line)}
.doc-sec dl.spec dd{font-size:clamp(15px,1.2vw,16.5px);line-height:1.55;color:var(--bone);padding:12px 0;border-top:1px solid var(--line);margin:0}
@media(max-width:640px){.doc-sec dl.spec{grid-template-columns:1fr}.doc-sec dl.spec dt{padding:14px 0 2px}.doc-sec dl.spec dd{border-top:0;padding-top:4px}}
.doc-meta{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}

/* --- 3. Служебная страница открывается и без скриптов: заголовок не собирается по буквам --- */
.doc-hero .sub-h1{overflow-wrap:break-word}

/* --- 4. Печать: светлые токены, шапка и рельс не печатаются --- */
@media print{
  :root{--base:#fff;--panel:#fff;--panel-2:#fff;--bone:#101014;--mute:#5E5F66;--line:rgba(16,16,20,.14);--line-soft:rgba(16,16,20,.08);--gold:#75611F;--gold-br:#75611F}
  body{background:#fff!important;color:#101014!important;cursor:auto}
  header#hdr,footer,.rail,.spine,.cursor,.skip{display:none!important}
  .hero.sub{padding-top:24px!important;border-bottom:1px solid rgba(16,16,20,.14)}
  section{padding-left:0!important;padding-right:0!important}
}