/* Видимые хлебные крошки (Антишкола).
   Светлая тема: легаси-Tilda страницы НЕ грузят /assets/styles.css (там тёмная палитра),
   поэтому стиль самодостаточный.
   ВАЖНО: меню Tilda — position:fixed (80px). Без верхнего отступа крошка уезжает
   под меню и видна только её кромка. Отступ 60px даёт клиренс. */

.as-crumbs {
  background: #fff;
}

.as-crumbs__in {
  max-width: 1200px;
  margin: 0 auto;
  padding: 60px 20px 4px;
  display: flex;
  align-items: center;
  min-height: 22px;
  font-family: inherit;
  line-height: 1;
}

.as-crumbs a {
  text-decoration: none;
}

.as-crumbs__trail {
  display: flex;
  align-items: center;
  min-width: 0;
  width: 100%;
}

/* уровни-ссылки — в брендовой идиоме: мелкие прописные с разрядкой */
.as-crumbs__trail a {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .1em;
  color: #9a9a9a;
  white-space: nowrap;
  padding: 3px 0;
  transition: color .15s, box-shadow .15s;
}

.as-crumbs__trail a:hover,
.as-crumbs__trail a:focus-visible {
  color: #111;
  box-shadow: inset 0 -2px 0 #ffe500; /* фирменный жёлтый */
}

.as-crumbs__sep {
  color: #c2c2c2;
  margin: 0 9px;
  flex: none;
  font-size: 12px;
  font-weight: 400;
}

/* текущая страница — обычным кеглем, не ссылка, обрезка многоточием */
.as-crumbs__cur {
  font-size: 13px;
  color: #555;
  max-width: 52ch;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}

/* мобильный: цепочка схлопывается в возврат к разделу */
.as-crumbs__back {
  display: none;
}

@media (max-width: 767px) {
  .as-crumbs__in {
    padding: 56px 16px 4px;
  }
  .as-crumbs__trail {
    display: none;
  }
  .as-crumbs__back {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .1em;
    color: #111;
  }
  .as-crumbs__back:before {
    content: "\2190"; /* ← */
    font-size: 14px;
    color: #111;
  }
}