.note-navigation-controls{flex:none;align-items:center;gap:2px;display:inline-flex}.note-navigation-button{width:30px;height:30px;color:var(--editor-toolbar-icon);cursor:pointer;background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;display:inline-flex}.note-navigation-button:hover:not(:disabled){background:var(--editor-toolbar-hover)}.note-navigation-button:focus-visible{outline:2px solid var(--primary-ink);outline-offset:2px}.note-navigation-button:disabled{opacity:.35;cursor:default}@media (max-width:1060px){.note-navigation-button{width:44px;height:44px}}
.note-section-rail{z-index:8;scrollbar-width:thin;border-radius:8px;width:32px;max-height:calc(100% - 240px);padding:6px 2px;position:absolute;top:140px;right:6px;overflow:auto}.note-section-rail:is(:hover,:focus-within){background:var(--popover);width:min(240px,60%);box-shadow:var(--shadow)}.note-section-rail button,.note-section-mobile nav button{width:100%;min-height:28px;color:var(--muted-foreground);text-align:left;border-radius:4px;justify-content:flex-end;align-items:center;gap:12px;padding:4px 5px;font-size:12px;display:flex}.section-rail-label{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.note-section-rail:not(:hover):not(:focus-within) .section-rail-label{display:none}.section-rail-tick{opacity:.45;background:currentColor;flex-shrink:0;width:18px;height:2px}[data-level="2"]>.section-rail-tick{width:14px}[data-level="3"]>.section-rail-tick{width:10px}[data-level="4"]>.section-rail-tick,[data-level="5"]>.section-rail-tick,[data-level="6"]>.section-rail-tick{width:6px}.note-section-rail button[aria-current],.note-section-mobile button[aria-current]{color:var(--primary-ink)}button[aria-current]>.section-rail-tick{opacity:1;height:3px}.note-section-rail button:is(:hover,:focus-visible),.note-section-mobile nav button:is(:hover,:focus-visible){background:var(--menu-item-hover)}.note-section-mobile{display:none}@media (max-width:760px){.note-section-rail{display:none}.note-section-mobile{color:var(--muted-foreground);z-index:8;flex:none;align-self:flex-end;margin:0 14px 4px;font-size:11px;display:block}.note-section-mobile summary{cursor:pointer;border-radius:5px;padding:6px 8px}.note-section-mobile nav{background:var(--popover);width:min(300px,100% - 24px);max-height:45vh;box-shadow:var(--shadow);border-radius:8px;padding:8px;position:absolute;right:12px;overflow:auto}.note-section-mobile nav button{min-height:40px}}