.unified-breadcrumb{font-size:12px;color:#6d7a80;margin:0 0 18px;line-height:1.8;min-width:0;text-align:left}
.unified-breadcrumb ol{display:flex;align-items:center;list-style:none;margin:0;padding:0;min-width:0}
.unified-breadcrumb li{display:flex;align-items:center;flex:0 0 auto;min-width:0;margin:0;padding:0}
.unified-breadcrumb li+li:before{content:'/';flex:none;margin:0 8px;color:#b8c2bf}
.unified-breadcrumb a{color:inherit;text-decoration:none;white-space:nowrap}
.unified-breadcrumb a:hover{color:#127064;text-decoration:underline}
.unified-breadcrumb a:focus-visible{outline:2px solid #127064;outline-offset:3px;border-radius:2px}
.unified-breadcrumb li:last-child{flex:0 1 auto}
.unified-breadcrumb-current{min-width:0;overflow-wrap:anywhere}
.crumbbar .unified-breadcrumb{margin-bottom:0}
@media(max-width:720px){.unified-breadcrumb-current{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unified-breadcrumb li:last-child{overflow:hidden}}

/* Local reader pages share the existing 28px inset; article reading widths stay separate. */
.page-container:has(>nav[data-local-crumb-position]),
:is(.pagehead,.kids-pagehead,.crumbbar):has(>.container>.unified-breadcrumb[data-local-crumb-position]){padding-top:28px}
nav[data-local-crumb-position],
.approved-editorial-page>.unified-breadcrumb[data-local-crumb-position]{width:100%;max-width:none;margin-inline:0;margin-top:0}
.unified-breadcrumb[data-local-crumb-position] ol,
.unified-breadcrumb[data-local-crumb-position] li{align-items:flex-start}
.unified-breadcrumb[data-local-crumb-position] li:last-child{overflow:visible}
.unified-breadcrumb[data-local-crumb-position] .unified-breadcrumb-current{display:block;white-space:normal;overflow:visible;text-overflow:clip}
/* The legacy compact label keeps its 10px font; compensate its leading without a fixed height. */
@media(max-width:640px){nav.breadcrumb[data-local-crumb-position]{line-height:calc(1.85em + 2px)}}