.prompt-page-nav{position:sticky;top:100px;z-index:45;width:fit-content;height:40px;margin:32px 0 -72px;color:var(--clay-ink);font:400 13px/1.5 var(--sans)}.prompt-page-nav[hidden],.prompt-page-nav__items[hidden],.prompt-page-nav__title{display:none}.prompt-page-nav__toggle{display:flex;height:40px;align-items:center;gap:16px;padding:0 14px;border:1px solid #ccd4df;border-radius:10px;background:var(--bg);cursor:pointer}.prompt-page-nav__toggle svg{fill:none;stroke:currentColor;stroke-width:1.5;transition:transform .16s ease}.prompt-page-nav__toggle[aria-expanded=true] svg{transform:rotate(180deg)}.prompt-page-nav__items{position:absolute;top:48px;left:0;width:224px;max-height:calc(100dvh - 172px);overflow-y:auto;margin:0;padding:12px;border:1px solid #ccd4df;border-radius:12px;background:var(--bg);box-shadow:0 12px 28px #2e3e541a;list-style:none}.prompt-page-nav__items button{position:relative;display:block;width:100%;min-height:40px;padding:8px 12px 8px 16px;border-radius:5px;background:transparent;color:var(--text-muted);text-align:left;cursor:pointer}.prompt-page-nav__items button:hover{color:var(--clay-ink);background:#ffffff73}.prompt-page-nav__items button[aria-current=location]{color:var(--clay-ink);font-weight:600}.prompt-page-nav__items button[aria-current=location]:before{content:"";position:absolute;left:3px;top:50%;width:4px;height:4px;border-radius:50%;background:currentColor;transform:translateY(-50%)}.prompt-page-nav button:focus-visible{outline:2px solid var(--clay-ink);outline-offset:3px}.prompt-scroll-target{scroll-margin-top:160px}@media(min-width:1440px){.prompt-page-nav{position:fixed;top:152px;left:12px;width:100px;height:auto;max-height:calc(100dvh - 176px);overflow-y:auto;margin:0;font-size:12px}.prompt-page-nav__title{display:block;margin:0 0 16px 12px;color:var(--text-muted);font-weight:500}.prompt-page-nav__toggle{display:none}.prompt-page-nav__items{position:static;width:auto;max-height:none;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.prompt-page-nav__items button{min-height:36px;padding:8px 0 8px 12px}.prompt-scroll-target{scroll-margin-top:120px}}@media(prefers-reduced-motion:reduce){.prompt-page-nav__toggle svg{transition:none}}@media(min-width:1440px)and (hover:hover)and (pointer:fine){.prompt-page-nav{width:48px;overflow-x:hidden;scrollbar-width:none}.prompt-page-nav:is(:hover,:focus-within){width:172px;background:var(--bg)}.prompt-page-nav__title{width:160px;margin:0 0 12px 12px;opacity:0;white-space:nowrap;transition:opacity .14s ease}.prompt-page-nav__items button{height:28px;min-height:28px;padding:0 12px;white-space:nowrap}.prompt-page-nav__items button:focus-visible{outline-offset:-2px}.prompt-page-nav__label{display:block;opacity:0;transform:translate(-4px);transition:opacity .14s ease,transform .14s ease}.prompt-page-nav__items button:before,.prompt-page-nav__items button[aria-current=location]:before{content:"";position:absolute;left:12px;top:50%;width:24px;height:2px;border-radius:0;background:var(--text-muted);opacity:.45;transform:translateY(-50%)}.prompt-page-nav__items button[aria-current=location]:before{background:var(--clay-ink);opacity:1}.prompt-page-nav:is(:hover,:focus-within) :is(.prompt-page-nav__title,.prompt-page-nav__label){opacity:1;transform:none}.prompt-page-nav:is(:hover,:focus-within) .prompt-page-nav__items button:before{opacity:0}.prompt-page-nav:is(:hover,:focus-within) .prompt-page-nav__items button[aria-current=location]:before{left:3px;width:4px;height:4px;border-radius:50%;opacity:1}}@media(prefers-reduced-motion:reduce){:is(.prompt-page-nav__label,.prompt-page-nav__title){transition:none}}
