/* TRILHA — fatia do styles.9b236676.css usada só por cards.html, sets.html, pokedex.html, lore.html, trainers.html, artists.html, detail.html.
   GERADO por scripts/split-css.mjs; edite o styles.9b236676.css e rode de novo.
   Carrega DEPOIS do styles.9b236676.css: a ordem da cascata é preservada porque os
   seletores mistos vieram junto, na posição original (ver o script). */



.crumbs {
  order: -2;
  display: flex;
  align-items: center;
  max-width: 100%;
  

  height: 16px;
  margin: 0 0 6px;
  color: var(--muted);
  font-size: 13px;
  font-weight: 700;
  line-height: 16px;
  white-space: nowrap;
}



.crumbs a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }

.crumbs a:hover { color: var(--text); }
@media (min-width: 701px) {

  html[data-detail="set"] .page-head-bar-text:has(> .crumbs) > .detail-back-link {
    height: 16px;
    margin: 0 0 6px;
    line-height: 16px;
  }
}


.crumbs > * + *::before {
  content: "";
  display: inline-block;
  width: 5px;
  height: 5px;
  margin: 0 9px 1px 6px;
  border: solid var(--subtle);
  border-width: 1.5px 1.5px 0 0;
  transform: rotate(45deg);
}



.crumbs > [aria-current] { min-width: 0; overflow: hidden; text-overflow: ellipsis; color: var(--text); }
@media (min-width: 701px) {

  .page-head-bar-text:has(> .crumbs:not([hidden])) > :is(.serie-back, .detail-back-link) { display: none; }
}

@media (max-width: 700px) {

  .crumbs { display: none; }
}