/* Related links and standalone-timeline breadcrumbs. Self-contained: the historical
   timeline loads neither site.css nor Manrope, so faces and resets are declared here. */
@font-face{font-family:Manrope;src:url(/staging/assets/manrope.woff2) format("woff2");font-style:normal;font-weight:200 800;font-display:swap}
.nl-related{position:relative;z-index:2;clear:both;margin:0;padding:clamp(40px,6vw,72px) 0 clamp(8px,1.5vw,20px);border-top:1px solid var(--nl-line,#d8d9df);background:var(--nl-bg,#fff);color:var(--nl-ink,#121225);font-family:Manrope,Arial,sans-serif;font-size:16px;line-height:1.55;text-align:left}
.nl-related-inner{width:min(100%,1230px);margin-inline:auto;padding-inline:clamp(22px,5.1vw,72px)}
.nl-related h2{margin:0 0 22px;font-family:Manrope,Arial,sans-serif;font-size:clamp(1.45rem,2.4vw,1.9rem);font-weight:750;line-height:1.15;letter-spacing:-.04em;color:var(--nl-ink,#121225);text-transform:none}
.nl-related ul{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:0 clamp(20px,3vw,40px);margin:0;padding:0;list-style:none}
.nl-related li{margin:0;padding:0;border-top:1px solid var(--nl-line,#d8d9df)}
.nl-related li a{display:block;padding:16px 0 18px;color:inherit;text-decoration:none}
.nl-related-title{display:block;margin-bottom:4px;font-weight:700;font-size:1.06rem;line-height:1.35;color:var(--nl-plum,#581846);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.nl-related-text{display:block;font-size:.92rem;line-height:1.55;color:var(--nl-muted,#5f6174)}
.nl-related li a:hover .nl-related-title{color:var(--nl-ink,#121225);text-decoration-thickness:2px}
.nl-related a:focus-visible{outline:3px solid var(--nl-gold,#93620b);outline-offset:4px;border-radius:2px}
.nl-related-home{margin:22px 0 0;font-size:.9rem}
.nl-related-home a{color:var(--nl-plum,#581846);text-decoration:underline;text-underline-offset:4px}
.nl-crumbs{position:relative;z-index:3;background:var(--nl-bg,#fff);font-family:Manrope,Arial,sans-serif;font-size:.84rem;line-height:1.4;color:var(--nl-muted,#5f6174)}
.nl-crumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:2px 0;width:min(100%,1400px);margin:0 auto;padding:12px clamp(20px,4vw,50px) 0;list-style:none}
.nl-crumbs li{display:inline-flex;align-items:center;margin:0;padding:0}
.nl-crumbs li+li:before{content:"/";margin:0 10px;color:var(--nl-line,#b9bac6)}
.nl-crumbs a{display:inline-flex;align-items:center;min-height:32px;color:var(--nl-plum,#581846);text-decoration:underline;text-underline-offset:3px}
.nl-crumbs a:focus-visible{outline:3px solid var(--nl-gold,#93620b);outline-offset:2px}
.agentic-native-timeline .nl-crumbs ol{width:100%;padding-inline:max(24px,calc((100% - 1300px)/2))}
.nl-crumbs [aria-current]{color:var(--nl-ink,#121225)}
.immersive-artifact-page .nl-related,.native-timeline-page .nl-related{padding-bottom:clamp(40px,5vw,64px)}
@media (max-width:600px){.nl-related li a{padding:14px 0 16px}.nl-crumbs{font-size:.8rem}}
@media print{.nl-related{border:0}}