/* Breadcrumbs: a quiet trail right under the page banner, chevrons between crumbs.
   One line always: on a phone the trail scrolls sideways and fades at the edges
   instead of wrapping into a ragged second line. */
.rt-crumbs { position: relative; max-width: var(--rt-maxw, 1440px); margin: 0 auto; padding: .7rem 20px 0; font-size: .85rem; }
.rt-crumbs-list { list-style: none; display: flex; flex-wrap: nowrap; align-items: center; gap: 0; margin: 0; padding: 0 0 .2rem; overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.rt-crumbs-list::-webkit-scrollbar { display: none; }
.rt-crumb { display: inline-flex; align-items: center; flex: 0 0 auto; color: var(--rt-ink-muted, #555); white-space: nowrap; }
.rt-crumb + .rt-crumb::before { content: "\203A"; font-weight: 700; font-size: 1.1em; line-height: 1; margin: 0 .5rem; opacity: .55; }
.rt-crumb a { color: inherit; text-decoration: none; font-weight: 600; padding: .15rem 0; }
.rt-crumb a:hover { color: var(--rt-primary) !important; text-decoration: underline; }
.rt-crumb--here span { font-weight: 800; color: var(--rt-ink, #111); }
.rt-crumb .fa-house { font-size: .95em; }
/* The trail takes the page's top breathing room, so the content sits closer. */
.rt-crumbs + .rt-page > .rt-container:first-child { padding-top: 18px; }
@media (max-width: 640px) {
  .rt-crumbs { font-size: .78rem; padding-top: .55rem; }
  .rt-crumbs + .rt-page > .rt-container:first-child { padding-top: 6px; }
  .rt-crumbs::after { content: ""; position: absolute; right: 0; top: 0; bottom: 0; width: 34px; background: linear-gradient(90deg, rgba(255, 255, 255, 0), #fff 80%); pointer-events: none; }
  .rt-crumb--here span { max-width: 58vw; overflow: hidden; text-overflow: ellipsis; }
  .rt-crumb + .rt-crumb::before { margin: 0 .4rem; }
}