.nav-link{position:relative;padding:.5rem 1rem;border-radius:.5rem;font-size:.9rem;font-weight:500;color:var(--muted);transition:color .2s ease,background-color .2s ease}.nav-link:hover{background-color:var(--surface)}.nav-link-active,.nav-link:hover{color:var(--foreground)}.nav-link-active:after{content:"";position:absolute;left:1rem;right:1rem;bottom:.25rem;height:2px;border-radius:999px;background:var(--accent)}.nav-link-mobile{padding:.75rem 1rem;border-radius:.5rem;font-size:.95rem;font-weight:500;color:var(--muted);transition:color .2s ease,background-color .2s ease}.nav-link-mobile:hover{color:var(--foreground);background-color:var(--surface)}.nav-link-mobile-active{color:var(--accent);background-color:var(--surface)}