/* design-v2.css — SPEC_visual_migration.md §3. ОДИН накопительный файл на все 6 этапов миграции — независимость этапа это свойство git-коммита (один коммит = один помеченный ниже блок), не отдельного файла. Каждое правило ОБЯЗАНО быть вида: [data-design="v2"] #конкретный-wrapper .class { ... } Атрибут+класс — специфичность (0,0,2,0), которая надёжно перебивает одноклассовые правила design.css/sbf-header.js (0,0,1,0) независимо от порядка подключения и рантайм-инъекции sbf-header.js. НИКОГДА не писать голый [data-design="v2"] .chip / .tf / .tag.verify и т.п. — эти классы переиспользуются в НЕСКОЛЬКИХ местах одной и той же страницы, часто принадлежащих РАЗНЫМ этапам миграции (см. план, разделы про #tabs vs #pulseTabs, .view-tech vs Fear&Greed .tag.verify) — без явного wrapper-id один этап случайно перекрасит разметку другого, ещё не подтверждённого, этапа. design.css сам НИКОГДА не редактируется ради этой миграции — этим объясняется, почему journal.html/edu/calendar.html структурно не могут получить это оформление (у них нет флага, но даже если бы был — этот файл на них не подключён). Файл подключается ПОСЛЕДНИМ в на index.html и chart.html — это нужно только для тай-брейка с .sbf-embed-правилами той же специфичности, для всего остального в этом файле порядок подключения не имеет значения благодаря разнице в специфичности выше. */ /* ===== Этап 1 — шапка, тикер-лента, табы (риск: нулевой) ===== .brand-text — только index.html (sbf-header.js использует другое имя, .sbf-brand-text, там, где он реально рендерит шапку сам, т.е. НЕ на index.html — см. isMain-проверку в sbf-header.js). .g-nav-item/.sbf-lang-sw — общие с sbf-header.js, значит меняются и на chart.html тоже (см. план, проверять обе страницы). .tick/.seg-btn — только index.html. */ [data-design="v2"] .brand-text b{ font-family:var(--f-disp);font-weight:700;font-size:15px; letter-spacing:.01em;color:var(--ink); } [data-design="v2"] .brand-text span{ font-family:var(--f-data);font-size:9.5px;font-weight:500; letter-spacing:.28em;text-transform:uppercase;color:var(--ink-2); margin-top:3px; } [data-design="v2"] header.sbf-hd{border-bottom:1px solid var(--ink)} [data-design="v2"] .strip .tick .k{ font-family:var(--f-data);letter-spacing:.14em;font-weight:600; } [data-design="v2"] .strip .tick .v{font-family:var(--f-data)} [data-design="v2"] .g-nav .g-nav-item{ font-family:var(--f-disp);font-size:12.5px;font-weight:600; letter-spacing:.03em;text-transform:uppercase; } [data-design="v2"] .sbf-lang-sw a{font-family:var(--f-data);letter-spacing:.03em} [data-design="v2"] #segCtrl .seg-btn{ font-family:var(--f-data);font-size:11px;font-weight:600; letter-spacing:.08em;text-transform:uppercase; border-color:var(--rule); } /* ===== Этап 3 — Fear & Greed, Эпицентр (риск: низкий) ===== .fng-num/.fng-label — новые классы, введены этим этапом (были инлайн-style в renderFng(), см. index.html — базовое v1-поведение сохранено байт-в-байт отдельным правилом в собственном