/* =========================================================
   Хлебные крошки — общий стиль для всех страниц
   Разметка:
     <nav class="breadcrumbs" aria-label="Хлебные крошки">
         <a href="...">Главная</a> &gt;
         <a href="...">Раздел</a> &gt;
         <span aria-current="page">Текущая страница</span>
     </nav>
   Подключать перед CSS страницы — страница может поменять
   положение крошек (отступы), но не их вид.
   ========================================================= */

.breadcrumbs {
  margin: 16px 0 20px;
  font-family: 'Montserrat', Arial, sans-serif;
  font-size: 16px;
  line-height: 1.5;
  color: #888;
}

.breadcrumbs a {
  color: #888;
  text-decoration: none;
  transition: color .2s;
}

.breadcrumbs a:hover {
  color: #fff;
}