/* Breadcrumbs: quiet, in the page's own colour, so they fit light and dark pages alike. */
.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;min-height:44px;margin:0 0 18px;font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;line-height:1.4}
.crumbs a{color:inherit;opacity:.62;text-decoration:none!important;display:inline-flex;align-items:center;min-height:24px;transition:opacity .2s}
.crumbs a:hover{opacity:1}
.crumbs a:focus-visible{outline:2px solid currentColor;outline-offset:3px;border-radius:3px;opacity:1}
.crumbs-sep{opacity:.35}
.crumbs [aria-current="page"]{opacity:.9}
/* The header link for the page you are on is underlined, nothing more. */
header a[aria-current="page"]{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.45em}