/* ===================================================================== GeoWise · БЛОГ · стили (утверждено и заморожено 03.11.2026, ред. 6) Подключается ПОСЛЕ /styles/tokens.css и /styles/components.css сайта. Все цвета, шрифты, радиусы — токены сайта. Новых цветов нет. ЛЕСТНИЦА ОТСТУПОВ БЛОГА ПК План. Тел. L1 от шапки до заголовка страницы 56 48 32 L2 между крупными блоками 64 56 40 (статья→боковая колонка, «Популярные статьи») РЯДЫ ПЛИТОК (--b-rows) 48 40 40 (ряд→ряд, крупные→обычные, плитки→«Показать ещё») L3 от шапки блока до содержимого 48 40 28 (рубрики→плитки, автор→обложка статьи, между блоками боковой колонки) Обложка статьи — в колонке текста, 16:10, скругление 28; обложка→«Коротко» 28 (как блоки текста). ПРИНАДЛЕЖНОСТЬ: внутри группы отступ всегда меньше, чем между группами. Шапка статьи: «‹ Блог» 24 (тел. 20) → рубрика 12 (тел. 8) → заголовок 16 → лид 16 (тел. 12) → автор и дата. Заголовок блока боковой колонки → список 12 (меньше, чем между пунктами). L4 внутри плитки: фото→рубрика 16 14 12 рубрика→заголовок 6 6 6 заголовок→автор и дата 8 8 6 Низ страницы → подвал = --section-y 104 80 56 Между колонками сетки = --gap 24 16 12 Ритм текста статьи: абзацы 16 · перед подзаголовком 48 (план. 44, тел. 36) · подзаголовок→текст 12 (тел. 10) · картинка, таблица, шаги, кейс, FAQ, цитата — 28 сверху и снизу ШРИФТЫ — пять ступеней от наборного 17 (только токены сайта) ПК · План. · Тел. 1 Заголовок заголовок статьи 36/40 · 36/40 · 28/34; «Блог» и рубрика 28/34; 404 — 36/40 · 36/40 · 28/34 2 Подзаголовок подзаголовок в статье H2 24/30 · 22/28 · 20/26 (title-l), H3 20/26 · 19/25 · 18/24 (title-s); лид 20/30 · 20/30 · 18/27; крупная плитка 20/26 · 19/25 · 17/24; «Популярные статьи» 20/26 · 19/25 · 18/24 3 НАБОРНЫЙ 17 текст статьи 17/27 везде; обычная плитка 17/24 жирный; «Коротко» 17/26; вопрос FAQ 17/24 жирный; заголовок карточки «План» 17/24; результаты поиска 17/24 (тел. 15/20) 4 Вторичный 15 похожие статьи (жирный), рубрики, список «План», таблицы, ответ FAQ 15/22, автор, «Назад» 5 Подписи 13 рубрика на плитке (13 · 12 · 12), автор и дата, заголовки блоков боковой колонки (заглавные, серые — как «Коротко»), подписи к картинкам 13/18 Акцент: цена в карточке «План» — 32/39 (price-s сайта), цифры кейса 36/40 (тел. 32/39) Цитата 19/28 (тел. 17/25) ЗАГОЛОВКИ СТАТЕЙ в плитках и списках — не больше 2 строк, лишнее обрезается «…» (line-clamp). ЦВЕТ: заголовки и текст #1D1D1F → подзаголовок и автор #6E6E73 → дата #A1A1A6; синий #0A5CFF — только то, что нажимается. Линий-разделителей нет (кроме таблиц и FAQ). АНИМАЦИЯ: нет. Только ховер плитки на ПК с мышью (см. раздел «Ховер»). ===================================================================== */ :root{ --b-l1:56px; --b-l2:64px; --b-l3:48px; --b-rows:48px; /* ряды плиток: 48 · 40 · 40 */ --b-img-gap:16px; --b-lab-gap:6px; --b-meta-gap:8px; --b-ease:cubic-bezier(.25,.1,.25,1); } @media (max-width:1023px){:root{--b-l1:48px;--b-l2:56px;--b-l3:40px;--b-rows:40px;--b-img-gap:14px}} @media (max-width:767px){:root{--b-l1:32px;--b-l2:40px;--b-l3:28px;--b-img-gap:12px;--b-lab-gap:6px;--b-meta-gap:6px}} :where(.b) :where(a:not(.btn)){color:inherit;text-decoration:none} /* ---------- верх страницы ---------- */ .b-top{display:flex;align-items:center;gap:40px;padding-top:var(--b-l1)} .b-h1{margin:0;font-size:28px;line-height:34px;font-weight:700;color:var(--ink)} .b-nav{display:contents} /*