.browse-nav{position:sticky;top:0;z-index:18;background:#f8faf5f5;backdrop-filter:blur(14px);border-bottom:1px solid var(--line);box-shadow:0 3px 14px #183d3507}
.browse-nav[hidden]{display:none}
.browse-nav-inner{max-width:1440px;margin:auto;padding:7px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.browse-back{display:flex;align-items:center;gap:10px;min-height:44px;min-width:0;max-width:calc(100% - 100px);font-size:15px;font-weight:600;color:var(--forest);text-decoration:none}
.browse-back svg{width:23px;height:23px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.browse-back span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.browse-directory{flex:none;display:flex;align-items:center;min-height:44px;font-size:13px;text-decoration:none;color:var(--muted)}
.browse-back:hover,.browse-directory:hover{color:var(--forest);text-decoration:underline;text-underline-offset:5px}
.browse-nav a:focus-visible{outline:2px solid var(--forest);outline-offset:3px;border-radius:4px}
html{scroll-padding-top:76px}
@media(max-width:760px){.browse-nav-inner{padding:5px 20px;gap:14px}.browse-back{font-size:14px}.browse-directory{font-size:12px}.browse-back{max-width:calc(100% - 82px)}}
@media(max-width:360px){.browse-nav-inner{padding-left:15px;padding-right:15px}}
@media print{.browse-nav{display:none}}
.browse-actions{display:flex;align-items:center;gap:18px;flex:none}.browse-forward{display:flex;gap:6px;align-items:center;justify-content:center;min-width:54px;min-height:44px;font-size:14px;color:var(--forest);padding:0 2px}.browse-forward span{font-size:21px}.browse-forward:focus-visible{outline:2px solid var(--forest);outline-offset:2px;border-radius:4px}.browse-start{font-size:14px;color:var(--muted)}.browse-back{flex:1;max-width:none}.browse-gesture{position:fixed;top:45%;z-index:25;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--forest);color:#fff;font-size:26px;pointer-events:none;opacity:0;box-shadow:0 4px 18px #183d3526;transition:opacity .12s,transform .12s}.browse-gesture[data-direction="back"]{left:12px;transform:translateX(calc(-40px + 40px * var(--swipe-progress,0)))}.browse-gesture[data-direction="forward"]{right:12px;transform:translateX(calc(40px - 40px * var(--swipe-progress,0)))}.browse-gesture.is-visible{opacity:var(--swipe-progress,.5)}
@media(max-width:760px){.browse-actions{gap:12px}.browse-nav-inner{gap:12px}.browse-back{max-width:none}.browse-directory{font-size:12px}}
@media(prefers-reduced-motion:reduce){.browse-gesture{transition:none}}