.section-gutter-navigation{--section-ink:#475569;--section-panel:#fff;--section-line:#e2e8f0;--section-accent:#dc3550;display:grid;grid-template-columns:minmax(72px,1fr) auto minmax(72px,1fr);align-items:center;gap:12px;max-width:540px;width:100%;margin:24px auto;padding:0 16px;color:var(--section-ink)}.dark .section-gutter-navigation{--section-ink:#aab5c6;--section-panel:#111b2b;--section-line:#293649;--section-accent:#fb7185}.section-gutter-rail{position:relative;display:flex;min-height:148px;flex-direction:column;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;border-radius:22px;cursor:grab!important;transition:background .18s,border-color .18s}.section-gutter-rail:focus-visible,.section-gutter-rail:hover{background:color-mix(in srgb,var(--section-panel) 76%,transparent);border-color:var(--section-line)}.section-gutter-rail:active{cursor:grabbing!important}.section-gutter-rail:focus-visible{outline:2px solid var(--section-accent);outline-offset:3px}.section-gutter-arrow{display:flex;align-items:center;justify-content:center;width:48px;height:48px;flex:none;border:1px solid var(--section-line);border-radius:16px;background:linear-gradient(145deg,color-mix(in srgb,var(--section-panel) 94%,#fff),var(--section-panel));color:var(--section-ink);box-shadow:0 8px 24px #00000012,inset 0 1px 0 #ffffff0d;transition:color .18s,border-color .18s,box-shadow .18s,transform .18s}.section-gutter-arrow svg{width:23px;height:23px;stroke-width:1.8}a.section-gutter-arrow:hover{color:var(--section-accent);border-color:var(--section-accent);box-shadow:0 8px 28px #dc35501a;transform:translateY(-1px)}a.section-gutter-arrow:focus-visible{outline:2px solid var(--section-accent);outline-offset:4px}.section-gutter-previous{grid-column:1;grid-row:1}.section-gutter-next{grid-column:3;grid-row:1}.section-gutter-destination{max-width:70px;text-align:center;font-size:10px;line-height:1.35;font-weight:600;letter-spacing:.015em}.section-gutter-drag{display:flex;gap:3px;padding:5px 8px;opacity:.45}.section-gutter-drag i{width:3px;height:3px;border-radius:50%;background:currentColor}.section-gutter-caption{grid-column:2;grid-row:1;text-align:center;font-size:12px;font-weight:600}.section-gutter-caption small{display:block;margin-top:5px;font-size:10px;font-weight:400;opacity:.65}.section-gutter-notice{grid-column:1/-1;margin:0;text-align:center;font-size:12px;line-height:1.5;color:var(--section-accent)}@media(min-width:1200px){body:has([data-section-gutter-navigation]) #main-content{padding-inline:72px}.section-gutter-navigation{max-width:none;margin:0;padding:0;display:block}.section-gutter-rail{position:fixed;top:50%;transform:translateY(-50%);width:72px;height:160px;z-index:25}.section-gutter-previous{left:var(--section-gutter-inset,0)}.section-gutter-next{right:var(--section-gutter-inset,0)}.section-gutter-rail .section-gutter-arrow{position:absolute;top:56px}.section-gutter-destination{position:absolute;top:114px}.section-gutter-drag{position:absolute;top:137px}.section-gutter-caption{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.section-gutter-notice{position:fixed;top:calc(50% + 88px);left:var(--section-gutter-inset,0);width:72px;padding:0 4px;font-size:10px;z-index:25}}.section-page-frame{overflow-x:clip;display:flow-root}#main-content[data-section-drag]{transform:translateX(var(--section-drag-x,0));will-change:transform}#main-content[data-section-drag=settling]{transition:transform .18s ease-out}@media(prefers-reduced-motion:reduce){#main-content[data-section-drag=settling],.section-gutter-arrow,.section-gutter-rail{transition:none}}.section-gutter-hint{position:absolute;bottom:calc(100% + 8px);width:128px;padding:7px 9px;border:1px solid var(--section-line);border-radius:8px;background:var(--section-panel);color:var(--section-ink);font-size:11px;line-height:1.4;text-align:center;box-shadow:0 4px 16px #00000014;pointer-events:none;visibility:hidden;z-index:1}.section-gutter-previous .section-gutter-hint{left:0}.section-gutter-next .section-gutter-hint{right:0}.section-gutter-rail:focus-visible .section-gutter-hint{visibility:visible}@media(hover:hover){.section-gutter-rail:hover:not(:has(a:hover)) .section-gutter-hint{visibility:visible}}