/* ============================================================
   10of10 · Стили общего хрома сайта (шапка + подвал) — ОДИН источник (27.10, задача site-quality-build).
   Раньше жили строкой внутри ds/chrome.js и появлялись только после его запуска: шапка страницы
   монтировалась на пустое место, и страница съезжала на 60 px (CLS 0,074, замер perf 26.10).
   Теперь страницы общего хрома (about, демо, правовые) подключают этот файл в <head>, а статьи и
   «Вопросы и ответы» получают его от сервера одним <style data-chrome> вместе с шапкой и подвалом,
   уже собранными в HTML (site_pages.chrome_html — близнец разметки chrome.js, сторож test_site_seo).
   Цвета/шрифты — из реестра продукта web-app/tropa/tokens/*.css.
   ============================================================ */
/* Подписи, проходящие AA (4.5:1) на креме --cream-400 (замер 26.10: --ink-400 даёт 3.39:1, --gold-700 — 3.45:1,
   то есть годится только для крупного текста). Кандидаты в реестр colors.css; берут и статьи (ds/article.css). */
:root{--cap:#72685C;--gold-text:#81662B;}
/* Место под шапку: на about, демо и правовых шапку ставит скрипт после первой отрисовки — без резерва страница
   съезжала. Высота — та же, что у .tt-bar ниже (сторож сверяет числа). */
[data-site-header]{display:flex;min-height:60px;background:var(--cream-200);border-bottom:1px solid var(--line);}
.tt-bar{position:sticky;top:0;z-index:30;height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(16px,4vw,30px);background:var(--cream-200);border-bottom:1px solid var(--line);}
.tt-logo img{height:34px;width:auto;display:block;}
.tt-right{display:flex;gap:10px;align-items:center;}
.tt-lang{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:40px;height:36px;padding:0 11px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--ink-500);font:600 12px/1 var(--font-ui);cursor:pointer;text-transform:uppercase;letter-spacing:.08em;text-decoration:none;transition:color .3s,border-color .3s;}
.tt-lang:hover{color:var(--ink-900);}
.tt-lang--doc{text-transform:none;letter-spacing:.02em;padding:0 14px;}
.tt-install{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 20px;background:linear-gradient(180deg,#0E5A63,#0A4C54);color:#FBF7F0;font:600 12.5px/1 var(--font-ui);letter-spacing:.01em;text-decoration:none;filter:drop-shadow(0 6px 11px rgba(10,76,84,.45));transition:filter .3s;}
.tt-install:hover{color:#fff;filter:drop-shadow(0 8px 14px rgba(10,76,84,.55));}
/* «Открыть ателье» в шапке статей и FAQ — та же кнопка, что в шапке лендинга (index.html, data-app-door) */
.tt-cta{display:inline-flex;align-items:center;height:36px;padding:0 16px;border-radius:12px;background:linear-gradient(180deg,#0E5A63,#0A4C54);color:#FBF7F0;font:600 12.5px/1 var(--font-ui);letter-spacing:.01em;text-decoration:none;white-space:nowrap;filter:drop-shadow(0 6px 11px rgba(10,76,84,.35));}
.tt-cta:hover{color:#fff;}
/* полоса прочитанного под шапкой — как #progress на лендинге */
.tt-progress{position:absolute;left:0;right:0;bottom:-1px;height:2px;background:rgba(28,22,17,.05);pointer-events:none;}
.tt-progress i{display:block;height:100%;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,var(--gold-500),var(--gold-600));}
.tt-foot{display:flex;flex-direction:column;align-items:center;gap:14px;padding:56px 20px max(40px,env(safe-area-inset-bottom,0px));text-align:center;}
.tt-b2b{font:700 11.5px/1 var(--font-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--teal-600);text-decoration:none;padding:10px 4px;transition:color .3s;}
.tt-b2b:hover{color:var(--teal-500);}
.tt-rule{width:60px;height:1px;background:rgba(28,22,17,.15);}
/* 9.5px → 11px, --ink-400 (3.39:1) → --cap (4.66:1), высота нажатия ≥ 32px (UX-аудит 26.10) */
.tt-legal{display:flex;justify-content:center;flex-wrap:wrap;gap:0 18px;font:700 11px/1 var(--font-ui);letter-spacing:.14em;text-transform:uppercase;max-width:420px;}
.tt-legal a{display:inline-flex;align-items:center;min-height:32px;color:var(--cap);text-decoration:none;transition:color .3s;}
.tt-legal a:hover{color:var(--gold-text);}
.tt-legal a.tt-active{color:var(--ink-900);box-shadow:inset 0 -1.5px 0 var(--gold-600);}
.tt-legal a.tt-active:hover{color:var(--ink-900);}
/* копирайт был rgba(28,22,17,.35) = 2.18:1 */
.tt-copy{font:600 10px/1.4 var(--font-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--cap);}