/* _content/MyPersonalSite/Components/Layout/NavMenu.razor.rz.scp.css */
.menu-nav[b-7wkpbwbkxw] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.menu-link[b-7wkpbwbkxw] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.65rem 0.85rem;
    border-radius: 0.75rem;
    font-weight: 600;
    text-decoration: none;
    color: var(--text);
    background: transparent;
    transition: background-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

.menu-link:hover[b-7wkpbwbkxw],
.menu-link:focus[b-7wkpbwbkxw] {
    text-decoration: none;
    background: var(--chip-bg);
    color: var(--chip-fg);
    box-shadow: inset 0 0 0 1px var(--chip-border);
}

.menu-link.active[b-7wkpbwbkxw] {
    background: var(--chip-bg);
    color: var(--chip-fg);
    box-shadow: inset 0 0 0 1px var(--chip-border);
}

.menu-link:focus-visible[b-7wkpbwbkxw] {
    outline: 2px solid var(--brand);
    outline-offset: 2px;
}