.pill-nav{z-index:40;border:1px solid var(--ink-200);background:color-mix(in srgb, var(--page) 92%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;pointer-events:none;scrollbar-width:none;border-radius:999px;align-items:center;gap:.15rem;max-width:calc(100vw - 1.5rem);padding:.3rem;transition:opacity .22s,transform .22s;display:flex;position:fixed;top:6.6rem;left:50%;overflow-x:auto;transform:translate(-50%,-12px);box-shadow:0 10px 30px -18px #0f0f1280}.pill-nav::-webkit-scrollbar{display:none}.pill-nav.is-visible{opacity:1;pointer-events:auto;transform:translate(-50%)}.pill-nav a{white-space:nowrap;color:var(--ink-500);border-radius:999px;padding:.4rem .8rem;font-size:.75rem;font-weight:600;transition:background .16s,color .16s}.pill-nav a:hover{color:var(--ink-900)}.pill-nav a.is-active{background:var(--ink-900);color:var(--page)}.pill-nav a:focus-visible{outline:2px solid var(--rose-400);outline-offset:2px}.pill-nav-cta{white-space:nowrap;background:var(--rose-500);color:var(--primary-foreground);border-radius:999px;margin-left:.25rem;padding:.4rem .85rem;font-size:.75rem;font-weight:700;transition:background .16s}.pill-nav-cta:hover{background:var(--rose-600)}.pill-nav-cta:focus-visible{outline:2px solid var(--rose-400);outline-offset:2px}@media (width<=900px){.pill-nav-cta{display:none}}@media (width<=640px){.pill-nav{display:none}}@media (prefers-reduced-motion:reduce){.pill-nav{transition:none}}