/*
 * Переопределения ТОЛЬКО для встраивания статьи в шаблон сайта Битрикса
 * (bitrix_connector.md, Фаза 6.3) — не общий стиль статьи, article-style.css остаётся
 * единственным источником правды для самой статьи и подключается локальным превью
 * (article.html) без этого файла: там нет ни фиксированного меню сайта, ни глобальных
 * CSS-правил по голым тегам, которые правки ниже нейтрализуют.
 *
 * Подключается вторым `<link>`, ПОСЛЕ article-style.css (article_proxy.php, Фаза 6.1/6.2) —
 * порядок важен, это переопределения по каскаду, не самостоятельный стиль.
 *
 * Единственный источник правды — этот файл, правки вносить только здесь, не инлайновыми
 * <style> в article_proxy.php (там же живёт логика проксирования, не вёрстка).
 */

/* Сброс на нашем <header> (найдено 2026-08-27 через Playwright): у сайта Битрикса глобальное
   правило по голому тегу `header` (не классу) — `position: fixed; top: 0; z-index: 10002;
   display: flex; align-items: center; justify-content: space-between` для собственного меню
   сайта. Наш семантический <header> внутри <article> — валидная HTML5-разметка (не
   "banner"-роль, т.к. вложен в <article>, не прямой потомок body), но ловит это правило тоже —
   двумя разными симптомами по отдельности (проверять оба после любой правки этого блока):
   `position: fixed` прибивал шапку к вьюпорту вместо скролла со страницей; `display: flex`
   расплющивал eyebrow/h1/excerpt/фото/header-meta в один ряд вместо обычного блочного потока
   (excerpt сжимался в узкую колонку рядом с h1). `article header` — специфичность 2 тега
   против 1 у сайта, этого обычно достаточно, но !important на случай, если правило сайта тоже
   с !important (не проверял их файл, чинить здесь безопаснее, чем трогать общий CSS сайта). */
article header { position: static !important; top: auto !important; z-index: auto !important; width: auto !important; height: auto !important; display: block !important; }

/* Фиксированное меню сайта (position: fixed, 54px высотой — проверено Playwright 2026-08-27)
   перекрывает верх страницы поверх контента — хлебные крошки оказывались наполовину под ним.
   Добавляем высоту меню поверх штатного верхнего отступа .page (не заменяем — calc(), чтобы не
   потерять его).
   `ponytail:` 54px — измеренное значение, не адаптивное; если высота меню сайта изменится
   (например на мобильном), подрезать здесь же. */
.page { padding-top: calc(54px + clamp(24px, 6vw, 40px)); }