.article-prose .article-heading{position:relative}.heading-anchor{border:1px solid var(--line);width:1.6rem;height:1.6rem;color:var(--paper-faint);opacity:0;vertical-align:middle;transition:color .2s var(--ease-out), border-color .2s var(--ease-out), background-color .2s var(--ease-out), opacity .2s var(--ease-out);background:#ffffff08;border-radius:999px;justify-content:center;align-items:center;margin-left:.45rem;text-decoration:none;display:inline-flex}.heading-anchor:hover,.heading-anchor:focus-visible{color:var(--purple-bright);background:#b698dc1f;border-color:#b698dc80}.heading-anchor:focus-visible{outline:2px solid var(--purple-bright);outline-offset:2px}.article-heading:hover .heading-anchor,.article-heading:focus-within .heading-anchor{opacity:1}.heading-anchor__tip{border:1px solid var(--line);color:#f7f4fa;font-family:var(--font-mono);letter-spacing:.08em;white-space:nowrap;text-transform:uppercase;opacity:0;pointer-events:none;transition:opacity .2s var(--ease-out), transform .26s var(--ease-out);background:#16131a;border-radius:999px;padding:.3rem .55rem;font-size:.62rem;font-weight:500;line-height:1;position:absolute;top:50%;left:calc(100% + .55rem);transform:translate(-.25rem,-50%)}.heading-anchor__tip:not(:empty){opacity:1;transform:translateY(-50%)}@media (hover:none){.heading-anchor{opacity:1}}@media (min-width:1024px){.heading-anchor{margin-left:0;position:absolute;top:.5em;left:-1.9rem}.heading-anchor__tip{top:auto;bottom:calc(100% + .45rem);left:50%;transform:translate(-50%,.25rem)}.heading-anchor__tip:not(:empty){transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.heading-anchor,.heading-anchor__tip{transition:none}}
