/* Хлебные крошки — только на страницах второго уровня (услуга, статья): над h1, 16px графитом,
   разделитель «/» тонкой линией. <nav class="crumbs" aria-label="…"><ol><li><a>…</a></li>…</ol></nav> */

.crumbs ol { display: flex; flex-wrap: wrap; gap: 4px 0; margin: 0 0 22px; padding: 0; list-style: none; font-size: var(--fs-small); color: var(--graphite); }
/* разделитель — в конце пункта: при переносе «/» остаётся на строке, а не начинает новую */
.crumbs li:not(:last-child)::after { content: "/"; margin: 0 10px; color: var(--thin); }
.crumbs a { display: inline-block; padding: 2px 0; color: var(--graphite); }
.crumbs a:hover, .crumbs a:focus-visible { color: var(--blue); }

@media (pointer: coarse) {
  .crumbs a { padding: 10px 0; }
}