/* Shared page navigation; static and excluded only on the homepage. */
.cv-breadcrumb-bar { padding-block: 8px; background: #fff; }
.cv-breadcrumb-bar { --cv-breadcrumb-color: #180d40; --cv-breadcrumb-current: color-mix(in srgb, var(--cv-breadcrumb-color) 85%, #000); }
/* Breadcrumbs sit outside main, so resolve the page hub at their ancestor. */
body:has(main.cv-section--rapid) .cv-breadcrumb-bar { --cv-breadcrumb-color: #79571d; }
body:has(main.cv-hub--company, main.cv-submitted-page) .cv-breadcrumb-bar { --cv-breadcrumb-color: #0883d0; }
body:has(main.cv-consulting-pilot, main.cv-section--tech) .cv-breadcrumb-bar { --cv-breadcrumb-color: #180d40; }
body:is(.post-template, .tag-template, .author-template) .cv-breadcrumb-bar,
body:has(main.cv-section--insights, main.site-main .post-feed) .cv-breadcrumb-bar { --cv-breadcrumb-color: #465d2a; }
.cv-breadcrumb { margin-inline: auto; text-align: left; }
.cv-breadcrumb-bar--corporate .cv-breadcrumb { width: calc(100% - 2 * var(--cv-header-inset, 40px)); }
.cv-breadcrumb-trail { display: inline-flex; flex-wrap: wrap; align-items: baseline; gap: 4px 8px; max-width: 100%; margin: 0; padding: 4px 8px; list-style: none; border: 1px solid #e2e3e9; border-radius: 8px; background: #f4f4f7; color: #221259; font-size: 12px; line-height: 1.5; }
.cv-breadcrumb-trail > li { display: flex; align-items: baseline; gap: 8px; min-width: 0; max-width: 100%; margin: 0; padding: 0; }
.cv-breadcrumb-bar .cv-breadcrumb .cv-breadcrumb-trail { background: rgb(255 255 255 / 12%); border-color: rgb(92 83 116 / 18%); color: #62646b; --cv-link-hover-color: var(--cv-breadcrumb-current); padding: 3px 6px; font-size: 11px; line-height: 1.4; border-radius: 6px; -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); box-shadow: inset 0 1px 0 #ffffff30; }
.cv-breadcrumb [aria-current="page"] { min-width: 0; color: var(--cv-breadcrumb-current); font-weight: 700; overflow-wrap: anywhere; }
.cv-breadcrumb-separator { flex: 0 0 auto; color: #62646b; font-weight: 700; }
.cv-breadcrumb a { display: inline-flex; align-items: center; min-height: 16px; color: inherit; }
.cv-breadcrumb a:focus-visible { outline: 2px solid var(--cv-breadcrumb-current); outline-offset: 2px; }