.wp-block-patternpaste-scrollspy-rail{--patternpaste-rail-width:clamp(11rem,18vw,15rem);--patternpaste-gap:clamp(2rem,5vw,4rem);--patternpaste-stick:2rem;--patternpaste-line:36%;box-sizing:border-box}
.patternpaste-scrollspy-rail__intro{margin-bottom:clamp(2rem,5vw,5rem)}
.patternpaste-scrollspy-rail__layout{display:grid;grid-template-columns:minmax(0,var(--patternpaste-rail-width)) minmax(0,1fr);gap:var(--patternpaste-gap);align-items:start}
.patternpaste-scrollspy-rail__nav{position:sticky;top:var(--patternpaste-stick);display:grid;grid-template-columns:2px 1fr;gap:1rem;max-height:calc(100vh - var(--patternpaste-stick) - 2rem);overflow:auto}
.patternpaste-scrollspy-rail__track{display:block;background:color-mix(in srgb,currentColor 18%,transparent);position:relative}
.patternpaste-scrollspy-rail__track>span{display:block;width:100%;height:100%;background:currentColor;transform:scaleY(0);transform-origin:top}
.patternpaste-scrollspy-rail__nav ol{list-style:none;margin:0;padding:0;display:grid;gap:.75rem;counter-reset:rail}
.patternpaste-scrollspy-rail__nav a{display:grid;grid-template-columns:2.2rem 1fr;gap:.5rem;color:inherit;text-decoration:none;line-height:1.25;padding:.2rem 0}
.patternpaste-scrollspy-rail__nav a[aria-current="location"]{opacity:1;text-decoration:underline;text-underline-offset:.3em}
/* Inset: the nav scrolls, so a ring outside a link was cut by 2px (2026-09-14). */
.patternpaste-scrollspy-rail__nav a:focus-visible{outline:2px solid currentColor;outline-offset:-2px}
.patternpaste-scrollspy-rail[data-patternpaste-numbered="false"] .patternpaste-scrollspy-rail__nav a{grid-template-columns:1fr}
.patternpaste-scrollspy-rail[data-patternpaste-numbered="false"] .patternpaste-scrollspy-rail__nav a>span{display:none}
.patternpaste-scrollspy-rail[data-patternpaste-progress="false"] .patternpaste-scrollspy-rail__track{display:none}
.patternpaste-scrollspy-rail[data-patternpaste-progress="false"] .patternpaste-scrollspy-rail__nav{grid-template-columns:1fr}
.patternpaste-scrollspy-rail__sections{display:grid;gap:clamp(2.5rem,5vw,5rem)}
.patternpaste-scrollspy-rail__section{scroll-margin-top:calc(var(--patternpaste-stick) + 1rem)}
.patternpaste-scrollspy-rail__section>.wp-block-group{margin:0}
@media(max-width:781px){.patternpaste-scrollspy-rail__layout{display:block}.patternpaste-scrollspy-rail__nav{position:relative;display:block;max-height:none;padding:.75rem 0;font-size:var(--wp--preset--font-size--medium,1rem)}.patternpaste-scrollspy-rail__nav ol{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(8rem,100%),1fr));width:100%;gap:.25rem 1rem}.patternpaste-scrollspy-rail__nav a{display:flex;align-items:center;min-height:44px}.patternpaste-scrollspy-rail__track{height:2px;margin-bottom:.65rem}.patternpaste-scrollspy-rail__track>span{width:100%;height:100%;transform:scaleX(0);transform-origin:left}.patternpaste-scrollspy-rail__sections{margin-top:2rem}.patternpaste-scrollspy-rail__section{min-height:0}}
.patternpaste-scrollspy-rail.is-editing .patternpaste-scrollspy-rail__layout{display:block}.patternpaste-scrollspy-rail.is-editing .patternpaste-scrollspy-rail__nav{display:none}.patternpaste-scrollspy-rail.is-editing .patternpaste-scrollspy-rail__canvas{display:grid;gap:2rem}.patternpaste-scrollspy-rail.is-editing .patternpaste-scrollspy-rail__canvas>[data-type="core/group"]{border-inline-start:2px solid currentColor;padding-inline-start:1.25rem;min-height:10rem}