.site-breadcrumbs{padding:18px 0 0;color:#7f8a8e;font-size:12px;line-height:1.35}
.site-breadcrumbs__list{display:flex;flex-wrap:wrap;align-items:center;gap:0;margin:0;padding:0;list-style:none}
.site-breadcrumbs__item{display:flex;align-items:center;min-width:0}
.site-breadcrumbs__item:not(:last-child)::after{content:"/";margin:0 8px;color:#536066}
.site-breadcrumbs a{color:var(--green)}
.site-breadcrumbs a:hover{color:var(--text)}
.site-breadcrumbs span[aria-current="page"]{color:#9da7aa}
@media(max-width:767px){.site-breadcrumbs{padding-top:14px;font-size:10px}.site-breadcrumbs__item:not(:last-child)::after{margin:0 5px}}

/* Fixed mobile header: breadcrumb is outside <main>, so it owns the header offset. */
@media(max-width:767px){
  .site-breadcrumbs{margin-top:var(--header-height);padding-top:14px}
  .site-breadcrumbs + main{padding-top:0}
}