.section-nav{display:flex;flex-direction:column;gap:0;padding:4px 8px;position:fixed;right:24px;top:50%;transform:translateY(-50%);z-index:35}.section-nav:empty{display:none}.section-nav-item{align-items:center;background:transparent;border:none;cursor:pointer;display:flex;justify-content:flex-end;padding:8px 0;position:relative;-webkit-tap-highlight-color:transparent}.section-nav-item:before{bottom:0;content:"";left:-32px;position:absolute;right:-8px;top:0}.section-nav-bar{background:var(--ink-3);border-radius:2px;display:block;height:2px;opacity:.5;transition:width var(--dur-slow) var(--ease-out),height var(--dur-slow) var(--ease-out),background var(--dur-fast) var(--ease-smooth),opacity var(--dur-fast) var(--ease-smooth);width:24px}.section-nav-item:hover .section-nav-bar{background:var(--ink);opacity:1;width:32px}.section-nav-item.is-active .section-nav-bar{background:var(--emerald-deep);box-shadow:0 0 0 3px var(--emerald-tint);height:3px;opacity:1;width:48px}.section-nav-label{border-radius:var(--radius-sm);color:var(--bone);font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;opacity:0;padding:5px 10px;pointer-events:none;right:calc(100% + 12px);transform:translateY(-50%) translateX(8px);transition:opacity var(--dur-fast) var(--ease-smooth),transform var(--dur-fast) var(--ease-smooth);white-space:nowrap}.section-nav-label,.section-nav-label:after{background:var(--ink);position:absolute;top:50%}.section-nav-label:after{content:"";height:8px;right:-4px;transform:translateY(-50%) rotate(45deg);width:8px}.section-nav-item:focus-visible .section-nav-label,.section-nav-item:hover .section-nav-label{opacity:1;transform:translateY(-50%) translateX(0)}.section-nav-item.is-active .section-nav-label{background:var(--emerald-glow);color:var(--obsidian)}.section-nav-item.is-active .section-nav-label:after{background:var(--emerald-glow)}@media (max-width:900px){.section-nav{display:none}}