.has-toc{--read-accent:#3d84ff}html[data-theme=light] .has-toc{--read-accent:#1660f3}.reading-nav{display:contents}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.read-progress{z-index:2000;background:linear-gradient(90deg, var(--read-accent), #5cb8ff);transform-origin:0;pointer-events:none;width:100%;height:3px;position:fixed;top:0;left:0;transform:scaleX(0)}.post-body h3,.post-body h4,.post-body section[id]{scroll-margin-top:84px}.post .toc-list{gap:2px;margin:0;padding:0;list-style:none;display:grid}.post .toc-list li{margin:0}.toc-link{border-left:2px solid var(--jet);color:var(--light-gray);font-size:var(--fs-7);padding:7px 12px;line-height:1.4;transition:color .2s,border-color .2s,background-color .2s;display:block}.toc-sub .toc-link{padding-left:26px;font-size:12.5px}.toc-link:hover{color:var(--white-2)}.toc-link.is-active{border-left-color:var(--read-accent);background:color-mix(in srgb, var(--read-accent) 8%, transparent);color:var(--read-accent);font-weight:var(--fw-500)}.toc-link:focus-visible{outline:2px solid var(--read-accent);outline-offset:2px}.toc-bar{z-index:4;border:1px solid var(--jet);background:color-mix(in srgb, var(--eerie-black-2) 97%, transparent);box-shadow:var(--shadow-2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:14px;margin-bottom:18px;position:sticky;top:8px}.toc-bar-toggle{width:100%;min-height:48px;color:var(--white-2);text-align:left;border-radius:14px;align-items:center;gap:12px;padding:10px 14px;display:flex}.toc-bar-toggle:focus-visible{outline:2px solid var(--read-accent);outline-offset:2px}.toc-ring{flex:none;width:24px;height:24px;transform:rotate(-90deg)}.toc-ring circle{fill:none;stroke-width:2.5px}.toc-ring-track{stroke:var(--jet)}.toc-ring-fill{stroke:var(--read-accent);stroke-linecap:round;transition:stroke-dashoffset .15s linear}.toc-bar-label{min-width:0;font-size:var(--fs-6);font-weight:var(--fw-500);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.toc-chevron{width:18px;height:18px;color:var(--light-gray-70);fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;transition:transform .25s}.toc-bar.is-open .toc-chevron{transform:rotate(180deg)}.toc-bar-panel{border-top:1px solid var(--jet);max-height:min(60vh,420px);padding:4px 12px 14px;overflow-y:auto}.toc-bar-panel .toc-list{padding-top:10px}@media (prefers-reduced-motion:no-preference){.toc-bar-panel{animation:.2s ease-out toc-drop}}@keyframes toc-drop{0%{opacity:0;transform:translateY(-4px)}}.toc-side{display:none}@media (min-width:1250px){.post.has-toc.active{grid-template-columns:minmax(0,1fr) 210px;align-items:start;column-gap:36px;display:grid}.has-toc .post-body{grid-area:1/1;min-width:0}.toc-bar{display:none}.post-body h3,.post-body h4,.post-body section[id]{scroll-margin-top:24px}.toc-side{grid-area:1/2;max-height:calc(100vh - 48px);margin-top:72px;display:block;position:sticky;top:24px;overflow-y:auto}.toc-side-title{color:var(--white-2);font-size:var(--fs-7);font-weight:var(--fw-600);align-items:center;gap:8px;margin-bottom:12px;display:flex}.toc-side-title svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:16px;height:16px}.toc-side-progress{color:var(--light-gray-70);gap:6px;margin-top:16px;font-size:12px;display:grid}.toc-side-meter{background:var(--jet);border-radius:4px;height:4px;display:block;overflow:hidden}.toc-side-meter span{background:var(--read-accent);transform-origin:0;height:100%;transition:transform .15s linear;display:block}}