.article-progress{position:fixed;z-index:100;top:0;left:0;width:100%;height:3px;pointer-events:none;background:transparent}.article-progress__bar{height:100%;background:var(--color-accent);transform-origin:left center;will-change:transform}.article-navigation{margin:2rem 0;padding:1.25rem 1.4rem;background:var(--color-surface);border:1px solid var(--color-border);border-left:3px solid var(--color-accent);font-family:var(--font-ui);color:var(--color-ink)}.article-navigation__title{margin:0 0 .75rem;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted)}.article-navigation ol{margin:0;padding:0;list-style:none}.article-navigation li{margin:.45rem 0;line-height:1.45}.article-navigation li.article-navigation__subheading{padding-left:1rem;font-size:.92em}.article-navigation a{color:var(--color-ink);text-decoration:none;-webkit-text-decoration-color:var(--color-accent);text-decoration-color:var(--color-accent);text-underline-offset:.2em}.article-navigation a:hover{color:var(--color-accent);text-decoration:underline}.article-navigation a:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}