.experience-nav{--experience-bg: #fbfcf6;--experience-text: #385c47;--experience-muted: #7b8c76;--experience-border: #d9e2d1;--experience-hover: #edf2e6;position:relative;z-index:90;flex-shrink:0;text-align:left}.experience-nav[data-theme=dark]{--experience-bg: #102126;--experience-text: #e5eeeb;--experience-muted: #93acaa;--experience-border: #365052;--experience-hover: #213a3d}.experience-nav summary{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 13px;border:1px solid var(--experience-border);border-radius:12px;color:var(--experience-text);background:var(--experience-bg);font:650 11px/1.2 DM Sans Variable,sans-serif;cursor:pointer;list-style:none;white-space:nowrap}.experience-nav summary::-webkit-details-marker{display:none}.experience-nav summary:focus-visible,.experience-nav a:focus-visible{outline:2px solid #c69c6c;outline-offset:3px}.experience-nav summary>span{font-size:13px}.experience-nav details[open] summary>span{transform:rotate(180deg)}.experience-options{position:absolute;right:0;top:calc(100% + 10px);width:min(270px,calc(100vw - 28px));padding:7px;border:1px solid var(--experience-border);border-radius:17px;background:var(--experience-bg);box-shadow:0 16px 40px #10272125}.experience-options a{display:block;padding:12px;border-radius:11px;color:var(--experience-text);text-decoration:none;white-space:normal}.experience-options a:hover,.experience-options a[aria-current=page]{background:var(--experience-hover)}.experience-options strong{display:block;font-size:12px;font-weight:750}.experience-options small{display:block;margin-top:5px;font-size:10px;line-height:1.4;color:var(--experience-muted)}@media(max-width:520px){.experience-nav summary{padding:9px 8px;font-size:10px;gap:5px}.topbar:has(.experience-nav) .brand{gap:8px}.topbar:has(.experience-nav) .brand>span:last-child{display:none}.site-header:has(.experience-nav) .brand-club{display:none}.topbar:has(.experience-nav) .brand strong{font-size:13px}.topbar:has(.experience-nav) .brand small{font-size:7px}.topbar:has(.experience-nav) .brand-mark{width:32px;height:32px}.topbar:has(.experience-nav) .button.primary{padding:10px;font-size:11px;white-space:nowrap}.topbar:has(.experience-nav) .top-actions{gap:6px}.experience-options{position:fixed;top:76px;right:14px}}