/* Components: In-page TOC styling */
.pn-inpage-toc { margin: 0 auto var(--pn-stack-md); max-width: 900px; }
.pn-inpage-toc__list { list-style:none; padding:0; margin:0; display:flex; gap:var(--pn-stack-xs); flex-wrap:wrap; justify-content:center; }
.pn-inpage-toc__link { position:relative; display:inline-flex; align-items:center; gap:var(--pn-stack-xs); padding:calc(var(--space-2) + 0.05rem) calc(var(--space-4) - 0.05rem); font-size:.8rem; font-weight:600; border:1px solid rgba(var(--pn-accent-rgb),.25); border-radius:999px; background:rgba(255,255,255,.85); -webkit-backdrop-filter: saturate(140%) blur(8px); backdrop-filter: saturate(140%) blur(8px); transition: background .3s var(--ease-out), border-color .3s var(--ease-out), color .3s var(--ease-out); }
.pn-inpage-toc__link:hover, .pn-inpage-toc__link:focus-visible { background: rgba(var(--pn-accent-rgb),.08); color: var(--pn-text-primary); border-color: rgba(var(--pn-accent-rgb),.45); outline:none; }
.pn-inpage-toc__link:focus-visible { box-shadow:0 0 0 3px rgba(var(--pn-accent-rgb),.35); }
.pn-inpage-toc__link.is-active { background: var(--pn-accent); color:#fff; border-color:var(--pn-accent); box-shadow:0 6px 18px -4px rgba(var(--pn-accent-rgb),.5); }
@media (max-width:640px){ .pn-inpage-toc__link { font-size:.72rem; padding:var(--space-2) calc(var(--space-3) + 0.05rem); } }