/* =========================
Breadcrumbs: move under .reading-progress
Desktop only; scope: #tofu / #mofu
Locks to a single line with ellipsis (no wrap)
========================= */
:root{ --cm-bc-top-gap: 8px; }

@media (min-width:1024px){
  /* prevent flicker during move */
  body.cm-bc--moving.tag-hash-tofu .breadcrumb-container,
  body.cm-bc--moving.tag-hash-mofu .breadcrumb-container{ visibility:hidden; }

  /* anchor directly under progress bar */
  #cm-breadcrumb-anchor{ position:relative; z-index:2; }

  /* match your content width + padding */
  #cm-breadcrumb-anchor > .breadcrumb-container{
    max-width:1200px; margin:var(--cm-bc-top-gap) auto 0; padding:0 32px; box-sizing:border-box;
    /* do not change theme typography */
    font:inherit; line-height:inherit; color:inherit;
  }

  /* ===== ONE-LINE + ELLIPSIS GUARANTEE =====
     We normalize any inner structure (ul/li/spans etc.) to a nowrap flex row.
  */
  #cm-breadcrumb-anchor .cm-bc-list{
    display:flex; align-items:baseline; flex-wrap:nowrap; gap:.5rem;
    overflow:hidden; /* necessary for ellipsis on the last flex item */
    white-space:nowrap;
  }
  /* all crumbs + separators stay unbreakable */
  #cm-breadcrumb-anchor .cm-bc-list > *{
    flex:0 0 auto; white-space:nowrap; min-width:auto;
  }
  /* the LAST crumb is shrinkable + ellipsizes */
  #cm-breadcrumb-anchor .cm-bc-current{
    flex:1 1 auto; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
  }

  /* common theme variants */
  #cm-breadcrumb-anchor .cm-bc-list a{ white-space:nowrap; }
}

/* mobile/tablet unchanged */
@media (max-width:1023.98px){ #cm-breadcrumb-anchor{ display:none !important; } }