/* Склейка вики с оформлением сайта.
 *
 * Файл подключается последним, после собственных стилей вики, поэтому здесь
 * только то, что обязано их перебить: шрифты и место под шапку.
 *
 * Семейства — те же файлы, что грузит сайт (их объявляет его таблица стилей).
 * Названия с хешами меняются при пересборке сайта, поэтому следом оставлены
 * те же семейства из Google Fonts: если хеш уедет, вика не останется без
 * шрифта, а просто возьмёт запасной.
 */
:root,
body {
  --font-body: "__Montserrat_30cb6a","__Montserrat_Fallback_30cb6a", 'Montserrat', system-ui, sans-serif;
  /* Заголовки вики набраны Goldman, а кириллицы в нём нет: русские слова
     подставляет его же запасной шрифт (__Goldman_Fallback — гротеск с теми же
     метриками), а латиница остаётся в Goldman — и в одной строке оказываются два
     начертания: «★ Спортивные перчатки | HEDGE MAZE». Вика русскоязычная, а названия
     скинов в заголовках почти всегда смешанные, поэтому весь display-шрифт отдаём
     тому же запасному: строка целиком набрана одним шрифтом. */
  --font-display: "__Goldman_Fallback_0b4653", 'Montserrat', sans-serif !important;
  --font-mono: "__JetBrains_Mono_13e87b","__JetBrains_Mono_Fallback_13e87b", 'JetBrains Mono', ui-monospace, monospace;
}

/* Шапка сайта прибита к окну, а не стоит в потоке, поэтому под неё нужно
   отвести высоту: сама полоса плюс отступы сверху и снизу и рамка. */
body { padding-top: calc(var(--header-height, 4rem) + var(--header-padding, 1.25rem) * 2 + 1px) }

/* На узком экране у шапки свои отступы — втрое меньше. */
@media (max-width: 767px) {
  body { padding-top: calc(var(--header-height, 4rem) + 1.5rem + 1px) }
}

/* Полоса категорий вики липнет под шапкой.
 *
 * Отсчёт у неё идёт не от окна, а от body: вика объявляет body overflow-x:
 * hidden, и он становится прокручиваемым контейнером. Поэтому её собственные
 * 64px уводили полосу на высоту шапки ниже, чем нужно, и она наезжала на
 * заголовок страницы. Ноль здесь — это и есть «сразу под шапкой», потому что
 * отсчёт начинается от внутреннего края body, то есть после отступа выше.
 *
 * Селектор с body, а не просто .wnav: свои стили полоса дописывает скриптом
 * уже после наших, и перебить их можно только весомостью. */
body .wnav { top: 0 }

/* Хлебные крошки на страницах вики: ставит их сервер, см. withWikiMeta. */
.wcrumbs{margin:0 0 14px}
.wcrumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0;padding:0;list-style:none}
.wcrumbs li{display:flex;align-items:center;gap:6px;font-family:var(--font-body),sans-serif;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#6f6f78}
.wcrumbs li+li::before{content:"/";color:#3a3a42}
.wcrumbs a{color:#8a8a93;text-decoration:none;transition:color .2s}
.wcrumbs a:hover{color:#3dffa5}
.wcrumbs li[aria-current] span{color:#c9cad1}
@media(max-width:560px){.wcrumbs{margin-bottom:10px}.wcrumbs li{font-size:10px}}