/* Breadcrumbs and related pages (written by scripts/site-links.mjs). Inherits each page's type and colours.
   Width and gutter follow the page's own content column: --sl-wrap / --sl-gutter, or data-fit="flush" inside a padded <main>. */
.crumbs,.related{box-sizing:border-box;width:min(var(--sl-wrap,1136px),calc(100% - 2 * var(--sl-gutter,14px)));margin-inline:auto}
.crumbs[data-fit="flush"],.related[data-fit="flush"]{width:auto;margin-inline:0}
nav.crumbs{display:block;position:static;height:auto;min-height:0;padding:14px 0 0;border:0;background:none;box-shadow:none;font-size:.875rem;line-height:1.4}
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:4px 8px;margin:0;padding:0}
.crumbs li{margin:0}
.crumbs li+li::before{content:"›";margin-right:8px;opacity:.6}
.crumbs a{color:inherit;text-underline-offset:.18em}
.crumbs [aria-current="page"]{opacity:.75}
@media(max-width:600px){nav.crumbs{padding-top:6px;font-size:.8125rem;line-height:1.25}nav.crumbs[data-fit="flush"]{padding-top:0;margin-top:-10px;margin-bottom:6px}.crumbs ol{gap:2px 6px}.crumbs li+li::before{margin-right:6px}}
aside.related{display:block;position:static;margin-top:48px;margin-bottom:32px;padding:24px 0 0;border:0;border-top:1px solid rgba(19,35,44,.15);background:none;box-shadow:none}
.related h2{font-size:1.3rem;line-height:1.2;margin:0 0 14px}
.related ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
@media(min-width:760px){.related ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 32px}}
.related li{margin:0}
.related a{color:inherit;font-weight:600;text-underline-offset:.18em}
@media print{.crumbs,.related{display:none}}