.studiox-blog-content :is(h2, h3) { scroll-margin-top: var(--studiox-blog-anchor-offset, 100px); }
.studiox-blog-toc [data-studiox-generated-toc] { list-style: none; margin: 0; padding: 0; }
.studiox-blog-toc [data-studiox-generated-toc] li { margin: 0 0 .6em; }
.studiox-blog-toc [data-level="h3"] { padding-inline-start: 1em; }
.studiox-blog-toc a { color: inherit; }
.studiox-blog-status { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }

/* Opt-in reading state reuses the existing nav rail and transparent link border. */
.studiox-blog-reading-state .studiox-blog-toc [data-studiox-generated-toc] a[aria-current="location"] {
    color: var(--studiox-blog-toc-active, #2f9a74);
    border-inline-start-color: var(--studiox-blog-toc-active, #2f9a74);
}
.studiox-blog-reading-progress {
    position: fixed; left: 0; right: 0; top: 0; z-index: 99998;
    height: var(--studiox-blog-progress-height, 3px); pointer-events: none;
}
.studiox-blog-reading-progress > span {
    display: block; width: 100%; height: 100%; background: var(--studiox-blog-progress-color, #3fbf88);
    transform: scaleX(0); transform-origin: left center; transition: none !important; animation: none !important;
}