/* QuantumNest — visible breadcrumb trail.
   Static, no JS. Linked from every inner page; the markup is stamped in by the
   build (see build/build.mjs → injectCrumbs) so it stays consistent and the
   trail can never drift from the site hierarchy. style-src 'self' covers this. */
.qn-crumbs{font-family:'DM Sans',system-ui,sans-serif;background:transparent}
.qn-crumbs ol{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:7px;
  max-width:1180px;margin:0 auto;padding:16px 32px 0;font-size:.82rem;line-height:1.4}
.qn-crumbs li{display:inline-flex;align-items:center;gap:7px;color:#8A92A3;min-width:0}
.qn-crumbs li+li::before{content:"";display:inline-block;width:5px;height:5px;
  border-right:1.6px solid #B9BCC6;border-bottom:1.6px solid #B9BCC6;transform:rotate(-45deg);flex:none}
.qn-crumbs a{color:#5B6573;text-decoration:none;padding:2px 3px;border-radius:5px;transition:color .15s}
.qn-crumbs a:hover{color:#4338CA}
.qn-crumbs a:focus-visible{outline:2px solid #4338CA;outline-offset:2px}
.qn-crumbs [aria-current="page"]{color:#15171C;font-weight:600;
  max-width:46ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:760px){
  .qn-crumbs ol{padding:12px 18px 0;font-size:.78rem}
  .qn-crumbs [aria-current="page"]{max-width:22ch}
}
@media(pointer:coarse){.qn-crumbs a{min-height:32px;display:inline-flex;align-items:center}}
@media print{.qn-crumbs{display:none}}