/* One breadcrumb component shared by all public guide pages. */
.guide-breadcrumbs{width:min(1240px,calc(100% - 48px));margin:0 auto;padding:22px 0;font-size:11px;line-height:1.8;color:#66717c;box-sizing:border-box;letter-spacing:.025em}
.guide-breadcrumbs ol{display:flex;align-items:center;flex-wrap:wrap;gap:4px 0;list-style:none;margin:0;padding:0}
.guide-breadcrumbs li{display:flex;align-items:center;gap:10px;min-width:0;margin:0;padding:0;overflow-wrap:anywhere}
.guide-breadcrumbs li+li:before{content:'/';padding-left:10px;color:#a4adb6;font-size:10px}
.guide-breadcrumbs a{color:inherit;text-decoration:none;min-height:28px;display:inline-flex;align-items:center}
.guide-breadcrumbs a:hover{color:var(--section-accent,#506779);text-decoration:underline;text-underline-offset:4px}
.guide-breadcrumbs [aria-current]{color:#4d5864;font-weight:500}
.guide-breadcrumbs a:focus-visible{outline:3px solid var(--section-accent,#506779);outline-offset:3px}
@media(max-width:749px){.guide-breadcrumbs{width:calc(100% - 40px);padding:17px 0;font-size:10px}.guide-breadcrumbs li{gap:8px}.guide-breadcrumbs li+li:before{padding-left:8px}}
@media print{.guide-breadcrumbs{display:none!important}}

/* Preserve the same gutter even when main itself has a centered max-width. */
.guide-breadcrumbs{width:min(1240px,calc(var(--guide-viewport-width,100vw) - 48px));margin-inline:calc((100% - min(1240px,calc(var(--guide-viewport-width,100vw) - 48px)))/2)}
@media(max-width:749px){.guide-breadcrumbs{width:calc(var(--guide-viewport-width,100vw) - 36px);margin-inline:calc((100% - (var(--guide-viewport-width,100vw) - 36px))/2)}}