.browse-menu{position:relative}.browse-menu-panel{z-index:40;width:200px;max-height:calc(100svh - var(--logo-bar-h,64px) - 16px);border:1px solid var(--ink);background:var(--paper);color:var(--ink);padding:8px;position:absolute;top:100%;left:0;overflow-y:auto;box-shadow:0 12px 24px #1614111a}.browse-menu-panel[hidden]{display:none}.browse-menu-label{color:#6d6c65;font:10px/1.2 var(--mono);letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid #c8c6be;margin:0 10px 5px;padding:8px 0 12px;display:block}.browse-menu-panel a{min-height:34px;color:inherit;font:11px/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:16px;padding:8px 10px;text-decoration:none;display:flex}.browse-menu-panel a>span{opacity:0}.browse-menu-panel a:is(:hover,:focus-visible,[aria-current=page]){background:var(--ink);color:var(--paper);outline:none}.browse-menu-panel a:is(:hover,:focus-visible,[aria-current=page])>span{opacity:1}@media (max-width:760px){.browse-menu{position:static}.browse-menu>.masthead-browse{display:none}.browse-menu-panel{box-sizing:border-box;width:100%;max-height:calc(100dvh - var(--masthead-h) - 16px);overscroll-behavior:contain;padding:16px max(20px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));border:0;border-bottom:1px solid var(--ink);left:0;right:0}.browse-menu-label{margin:0;padding:8px 4px 14px}.browse-menu-panel a{border-bottom:1px solid #c8c6be;min-height:44px;padding:12px 4px;font-size:13px}.browse-menu-panel a:last-child{border-bottom:0}}