.hdr-nav {
    display: flex;
    gap: 2px;
    @media (max-width: 720px){
        & {
            display: none;
        }
    }
}
.nav-link {
    font-size: .875rem;
    font-weight: 500;
    color: var(--ink-soft);
    padding: .35rem .75rem;
    border-radius: var(--r-sm);
    transition: background .15s, color .15s;
    white-space: nowrap;
}
.nav-link:hover {
    background: var(--bg);
    color: var(--ink);
}
.nav-link.active {
    color: var(--accent);
    background: var(--accent-light);
}