.Toc{top:calc(var(--header-height) + 2.4rem);z-index:var(--z-index-sticky);align-self:start;position:sticky}.Toc__title{color:var(--color-black-70);margin:0 0 1.6rem}.Toc__list{flex-direction:column;gap:.2rem;margin:0;padding:0;list-style:none;display:flex;position:relative}.Toc__thumb{width:100%;height:0;height:var(--toc-h,0);pointer-events:none;background:var(--color-white);transform:translateY(0);transform:translateY(var(--toc-y,0));transition:transform .45s var(--ease-out-cubic), height .45s var(--ease-out-cubic), opacity var(--transition-duration) var(--ease-out-quad);border-radius:2rem;position:absolute;top:0;left:0}.Toc:not(.isReady) .Toc__thumb{opacity:0;transition:none}.Toc__link{z-index:1;grid-gap:.8rem;color:var(--color-black-70);transition:color var(--transition-duration) var(--ease-out-quad);border-radius:2rem;grid-template-columns:2.8rem minmax(0,1fr);align-items:baseline;gap:.8rem;padding:1.2rem 1.6rem;-webkit-text-decoration:none;text-decoration:none;display:grid;position:relative}@media (hover:hover){.Toc__link:hover{color:var(--color-text-primary)}}.Toc__link.isActive{color:var(--color-text-primary)}.Toc__link:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:-2px}.Toc__index{font-family:var(--font-mono);color:var(--color-turquoise-black);font-size:1.6rem;line-height:1}@media (width<=768px){.Toc{top:var(--header-height);margin-left:calc(var(--screen-offset-x-base) * -1);margin-right:calc(var(--screen-offset-x-base) * -1);padding:.8rem var(--screen-offset-x-base);background:color-mix(in srgb, var(--color-bg) 72%, transparent);backdrop-filter:blur(var(--header-blur))}.Toc__title,.Toc__thumb{display:none}.Toc__list{scrollbar-width:none;flex-direction:row;gap:.4rem;overflow-x:auto}.Toc__list::-webkit-scrollbar{display:none}.Toc__link{white-space:nowrap;background:var(--color-surface-primary);border-radius:var(--radius-pill);flex:none;align-items:center;gap:.6rem;height:4rem;padding-left:1.4rem;padding-right:1.4rem;display:inline-flex}.Toc__link.isActive{color:var(--color-text-inverse);background:var(--color-accent-primary);border-radius:var(--radius-sm)}.Toc__link.isActive .Toc__index{color:var(--color-white-70)}}@media (prefers-reduced-motion:reduce){.Toc__thumb,.Toc__link{transition:none}}.Longread{align-items:start}.Longread__body{flex-direction:column;grid-column:1/8;gap:6.4rem;min-width:0;display:flex}.Longread__chapter{scroll-margin-top:calc(var(--header-height) + 2.4rem);flex-direction:column;gap:2rem;display:flex}.Longread__title{margin:0}.Longread__placeholder{color:var(--color-black-70);border:1px dashed var(--color-black-24);border-radius:var(--radius-lg);margin:0;padding:2rem 2.4rem}.Longread__aside{grid-area:1/9/auto/-1;align-self:stretch}@media (width<=768px){.Longread__body{grid-area:2/1/auto/-1;gap:4.8rem}.Longread__aside{grid-area:1/1/auto/-1;margin-bottom:2.4rem}}
