.ms-nav__list { display: flex; gap: var(--ms-nav--gap, 24px); list-style: none; margin: 0; padding: 0; }
.ms-nav--vertical .ms-nav__list { flex-direction: column; }
.ms-nav__list li { position: relative; }
.ms-nav__list a  { color: inherit; text-decoration: none; }
.ms-nav__list .sub-menu {
    position: absolute; top: 100%; left: 0; min-width: 180px;
    background: var(--mosaic--color--bg); box-shadow: var(--mosaic--shadow--card);
    padding: 8px; list-style: none; margin: 0; display: none; z-index: 20;
    border-radius: var(--mosaic--radius--card);
}
.ms-nav__list li:hover > .sub-menu { display: block; }