/* Reserve a small gutter only on surfaces with at least three accordion sections. */
:root body main#main.has-section-navigator,:root body .window-body.has-section-navigator{padding-inline-start:48px}
:root body .section-navigator{position:fixed;width:28px;transform:translateY(-50%);padding:4px 0;background:transparent;border:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:none}
.section-navigator::-webkit-scrollbar{display:none}
.section-marker-list{display:grid;gap:0;justify-items:start}
:root body .section-navigator .section-marker{display:flex;align-items:center;justify-content:flex-start;width:28px;min-width:0;height:24px;min-height:24px;padding:0 5px;border:0;border-radius:5px;background:transparent;box-shadow:none;cursor:pointer}
.section-marker>span{display:block;width:10px;height:2px;border-radius:2px;background:var(--muted);opacity:.42;transition:width .12s ease,opacity .12s ease,background .12s ease;pointer-events:none}
.section-marker:nth-child(3n)>span{width:14px}
.section-marker[aria-current]>span{width:20px;opacity:1;background:var(--text)}
.section-marker:hover>span,.section-marker:focus-visible>span{width:20px;opacity:1;background:var(--accent)}
:root body .section-marker:focus-visible{outline:2px solid var(--accent);outline-offset:-1px;background:color-mix(in srgb,var(--accent) 8%,transparent)}
:root body .section-preview{position:fixed;pointer-events:none;width:310px;box-sizing:border-box;padding:15px 17px;border:1px solid color-mix(in srgb,var(--muted) 20%,var(--ui-border,var(--line)));border-radius:12px;background:color-mix(in srgb,var(--panel) 96%,var(--text) 4%);color:var(--text);box-shadow:0 10px 28px #0003;overflow-wrap:anywhere}
.section-preview>strong{display:block;font-size:12px;font-weight:550;line-height:1.5}
.section-preview>p{font-size:11px;font-weight:400;line-height:1.65;color:var(--muted);margin:7px 0 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.section-preview>small{display:block;font-size:10px;color:var(--muted);opacity:.75;margin-top:9px}
@media(pointer:coarse){:root body .section-navigator .section-marker{height:32px;min-height:32px}}
@media(prefers-reduced-motion:reduce){.section-marker>span{transition:none}}
@media(forced-colors:active){.section-marker>span{background:CanvasText;forced-color-adjust:none}.section-marker[aria-current]>span{background:Highlight}.section-preview{border:1px solid CanvasText}}
@media print{.section-navigator,.section-preview{display:none!important}}