.nav {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.nav a {
    color: var(--taupe-dark);
    padding: 10px 14px;
    border-radius: 999px;
    transition: 0.2s ease;
}

.nav a:hover {
    background: var(--bg-soft-aqua);
    color: var(--aqua-deep);
}