/* One layout for all templates. Not part of the sticky menu. */
site-breadcrumbs{display:block;position:relative;z-index:1;background:var(--color-bg,#f4f5f6);color:var(--color-text,#20232a);font-family:var(--font-body,system-ui,sans-serif)}
site-breadcrumbs>nav{box-sizing:border-box;width:100%;max-width:1248px;margin:0 auto;padding:14px 24px}
site-breadcrumbs ol{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 0;list-style:none;margin:0;padding:0;font-size:12px;line-height:1.5;letter-spacing:0;font-weight:400}
site-breadcrumbs li{display:flex;align-items:baseline;min-width:0;max-width:100%;margin:0;padding:0}
site-breadcrumbs li+li::before{content:'›';margin:0 10px;color:color-mix(in srgb,currentColor 40%,transparent);flex:none}
site-breadcrumbs a{color:color-mix(in srgb,var(--color-text,#20232a) 64%,transparent);text-decoration:none;transition:color .2s;overflow-wrap:anywhere}
site-breadcrumbs a:hover{color:#7961cc;text-decoration:underline;text-underline-offset:3px}
site-breadcrumbs a:focus-visible{outline:2px solid #9373dc;outline-offset:4px;border-radius:2px}
site-breadcrumbs [aria-current]{color:var(--color-text,#20232a);overflow-wrap:anywhere}
html[data-theme="dark"] site-breadcrumbs{background:var(--color-bg,#191d26);color:var(--color-text,#e5e9f1)}
@media(max-width:700px){site-breadcrumbs>nav{padding:11px 20px}site-breadcrumbs ol{font-size:11px}site-breadcrumbs li+li::before{margin:0 7px}}
@media(prefers-reduced-motion:reduce){site-breadcrumbs a{transition:none}}

/* Older SEO templates hide generic nav elements; keep the shared trail visible. */
html body #mx-breadcrumbs>nav{display:block!important;visibility:visible!important}
